/*
    Created Time: Feb.22, 2017;
    Author: Ben Smith;
    Email: huangyuecheng88@gmail.com;
    Description: The follow CSS is based on Separative Principle;
*/

/* Utility */
.oneLineEllipsis {
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
.imgRadius{
    max-width: 100%;
    height: 100%;
    border-radius: 6px;
}
.oneLine{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
/*===== 云图光盘详情页面 =====*/
.yuntu-book-detail__wrapper{
    padding-top: 20px;
    margin-top: -20px;
    background-color: #f6f6f6;
}
/*=== breadcrumbs -- 面包屑导航 ===*/
.book-info-wrapper{
    padding: 10px 20px 20px;
    background: #fdfdfe;
    border-radius: 6px;
}
.book-info-crumbs{
    margin-bottom: 15px;
}
.book-info-crumb{
    color: #666;
}
.book-info-crumb:before{
    content: ">";
    display: inline-block;
    margin: 0 6px;
    font-size: 18px;
    color: #999;
}
/*=== 书本简介 ===*/
.book-info-brief__pics{
    padding: 0;
    margin:10px 0 0 30px;
    width: 190px;
    height: 200px;
    overflow: hidden;
}
.book-info-brief__content>p{
    margin-bottom: 3px;
}
.book-info-brief__title{
    margin: 12px 0;
    font-size: 20px;
    font-weight: bold;
}
.book-info-brief__isbn{
    letter-spacing: 2px;
}
/* 收藏评论 */
.book-info__collect{
    display: inline-block;
    line-height: 28px;
    padding-left: 30px;
    margin-right: 35px;
    background: url(/img/book/spirit_book.png) no-repeat 0 3px;
    cursor: pointer;
}
.book-info__collect:hover{
    background-position: 0 -24px;
}
.book-info__favoriteBtn{
    display: inline-block;
    line-height: 28px;
    padding-left: 30px;
    margin-right: 35px;
    background: url(/img/book/spirit_book.png) no-repeat 0 -53px;;
    cursor: pointer;
}
.book-info__favoriteBtn.is-favour{
    background-position: 0 -80px;
}
.book-info-function__comment{
    display: inline-block;
    line-height: 28px;
    padding-left: 30px;
    margin-right: 35px;
    background: url(/img/book/spirit_book.png) no-repeat 0 -109px;
    cursor: pointer;
}
.book-info-function__check:hover{
    background-position: 0 -136px;
}
.book-info-function__check{
    display: inline-block;
    line-height: 28px;
    padding-left: 30px;
    margin-right: 35px;
    background: url(/img/book/spirit_book.png) no-repeat 0 -164px;
    cursor: pointer;
}
.book-info-function__check:hover{
    background-position: 0 -191px;
}
.book-info-function__share{
    position: relative;
    display: inline-block;
    line-height: 28px;
    padding-left: 30px;
    margin-right: 35px;
    background: url(/img/book/spirit_book.png) no-repeat 0 -220px;
    cursor: pointer;
}
.book-info-function__share:hover{
    background-position: 0 -247px;
}
.DD-interactions__item.share {
    position: relative;
    background-position: 0 -220px; }
.DD-interactions__item.share:hover {
    background-position: 0 -247px;
}
.DD-interactions__item.share:hover:before {
    content: "";
    position: absolute;
    left: -25px;
    top: 3px;
    margin-right: 30px;
    width: 1px;
    height: 24px;
    background: #DCDCDC; }

.DD-interactions-share {
    display: none;
    position: absolute;
    left: -200px;
    top: 25px;
    width: 450px;
    height: 160px;
    padding: 20px 0 0 25px;
    background: #FFF;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    z-index: 5; }

.DD-interactions-share.is-show {
    display: block; }

.DD-interactions-share__item {
    float: left;
    width: 100px;
    font-size: 16px;
    text-align: center; }

.DD-interactions-share__pic {
    display: block;
    height: 70px;
    background-image: url(/img/book/spirit_book.png);
    background-repeat: no-repeat; }

.DD-interactions-share__pic.blog {
    background-position: 18px -834px; }

.DD-interactions-share__pic.wechat {
    background-position: 18px -904px; }

.DD-interactions-share__pic.qq {
    background-position: 18px -974px; }

.DD-interactions-share__pic.board {
    background-position: 18px -1044px; }


/* book details page --  left side folder structure */
.folder-catalog {
    height: 600px;
    padding: 0;
    border-right: 1px solid #DDD;
    overflow: auto;
}

.fro-back-switch {
    height: 50px;
    font-size: 45px;
    line-height: 50px;
    color: #CCC; }
.fro-back-switch .fro-switch {
    float: left;
    width: 30px;
    text-align: center; }
.fro-back-switch .back-switch {
    float: right;
    width: 30px;
    text-align: center; }

.folders-accordion {
    padding: 10px 0;
    white-space: nowrap;
}

.folders-origin-angle {
    display: inline-block;
    width: 20px;
    height: 15px;
    margin: 0 0 2px 6px;
    background: url(/img/book/spirit_book.png) no-repeat 5px -408px;
 }

.folders-origin-angle.is-open {
    background-position: 0 -390px; }

.folders-origin {
    line-height: 30px;
    background: #FFF; }

.folders-origin.cur {
    background: #DDD; }

.folder-origin-txt {
    display: inline-block;
    padding-left: 30px;
    font-size: 18px;
    line-height: 1.6;
    background: url(/img/book/spirit_book.png) no-repeat 0 -592px;
    cursor: pointer;
}
.folder-origin-txt.is-open {
    background-position: 0 -2233px; }
.folders-subitems{
    display: none;
    padding-left: 20px; }
.folders-subitems .subitem {
    padding: 2px 0;
    font-size: 16px;
    transition: all linear .3s;
}
.folders-subitems .subitem.is-active{
    background: #D1FFCA;
    border-radius: 4px;
}
.folders-subitems.is-show {
    display: block; }
.DD-subfolder-angle {
    display: inline-block;
    width: 20px;
    height: 15px;
    background: url(/img/book/spirit_book.png) no-repeat 5px -408px;
    cursor: pointer; }

.DD-subfolder-angle.is-hide {
    visibility: hidden; }

.DD-subfolder-angle.is-open {
    background-position: 0 -390px; }

.DD-subfolder-txt{
    display: inline-block;
    padding-left: 30px;
    line-height: 28px;
    font-size: 16px;
    background-image: url(/img/book/spirit_book.png);
    background-repeat: no-repeat;
    cursor: pointer;
}
.DD-subfolder-txt.no-arrow{
    margin-left: 20px;
}
.DD-subfolder-txt.folder{
    background-position: 0 -592px;
}
.DD-subfolder-txt.mp4 {
    background-position: 0 -1632px; }

.DD-subfolder-txt.doc {
    background-position: 0 -1663px; }

.DD-subfolder-txt.ppt {
    background-position: 0 -1692px; }

.DD-subfolder-txt.xlsx {
    background-position: 0 -1721px; }

.DD-subfolder-txt.png {
    background-position: 0 -1750px; }

.DD-subfolder-txt.txt {
    background-position: 0 -1779px; }

.DD-subfolder-txt.pdf {
    background-position: 0 -1808px; }

.DD-subfolder-txt.mp3 {
    background-position: 0 -1837px; }

.DD-subfolder-txt.rar {
    background-position: 0 -1866px; }

.DD-subfolder-txt.other {
    background-position: 0 -2259px; }
.DD-subfolder-txt.is-open {
    background-position: 0 -2233px; }

/*===== 光盘内容具体展示（右边）=====*/
/* 光盘内容具体展示（右边） 导航及搜索部分 */
.folder-details{
    padding: 0;
}
.folder-details .folder-search {
    height: 38px;
    text-align: right;
    border-bottom: 1px solid #ddd;
}
.folder-details .folder-search-input {
    position: relative;
    top: -5px;
    width: 200px;
    height: 24px;
    padding-left: 15px;
    background: #EEE;
    border: none;
    border-radius: 12px 0 0 12px;
}
.folder-details .folder-search-ico {
    position: relative;
    top: 2px;
    left: -5px;
    display: inline-block;
    width: 30px;
    height: 24px;
    border-radius: 0 12px 12px 0;
    background: #EEE url(/img/book/spirit_book.png) no-repeat 0 -572px;
}
/* 列表展示状态切换 */
.folder-status-switch__column {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-left: 30px;
    background: url(/img/book/spirit_book.png) no-repeat 0 -662px;
    cursor: pointer;
}
.folder-status-switch__column.is-active {
    background-position: 0 -633px; }

.folder-status-switch__row {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin: 0 5px 0 10px;
    background: url(/img/book/spirit_book.png) no-repeat 0 -720px;
    cursor: pointer; }

.folder-status-switch__row.is-active {
    background-position: 0 -691px;
}
/* 列表显示 */
.folder-files-list{
    display: none;
}
.folder-files-list.is-active{
    display: block;
}
.folder-files-list__captions{
    line-height: 32px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
}
.folder-column-caption {
    float: left;
    width: 200px;
    height: 30px;
    color: #2DDE60; }
.folder-column-caption:before {
    content: "";
    position: relative;
    top: 5px;
    display: inline-block;
    height: 20px;
    width: 1px;
    margin-right: 15px;
    background: #2DDE60; }
.folder-column-caption:first-child {
    width: 450px;
    padding-left: 35px;
    text-align: left;
}
.folder-column-caption:first-child:before {
    content: none; }
.folder-column-caption:first-child .name {
    position: relative;
    bottom: 4px;
}
.folder-column-caption-checkbox {
    position: relative;
    top: 5px;
    width: 20px;
    height: 20px; }

.folder-column-switch {
    float: right;
    margin-right: 20px;
    line-height: 28px; }

.folder-column-lists {
    height: 531px;
    margin: 5px 0;
    overflow: auto;
}
.folder-column-list.is-active{
    border-radius: 4px;
    background: #D1FFCA;
}
.folder-column-list {
    position: relative;
    height: 36px;
    margin: 5px 0;
    transition: all linear .3s;
}
.folder-column-list-fileName {
    float: left;
    width: 430px;
    margin-right: 20px;
    line-height: 30px;
    padding-left: 10px;
}
.folder-column-list-input {
    position: relative;
    top: 3px;
    width: 18px;
    height: 18px; }

.folder-column-list-fileName {
    float: left;
    width: 430px;
    line-height: 30px;
    padding-left: 35px;
    margin-top: 2px;
    margin-right: 20px;
    background-image: url(/img/book/spirit_book.png);
    background-repeat: no-repeat;
    cursor: pointer;
}
.folder-column-list-fileName.folder {
    background-position: 12px -591px; }
.folder-column-list-fileName.mp4 {
    background-position: 10px -1631px; }

.folder-column-list-fileName.doc {
    background-position: 10px -1663px; }

.folder-column-list-fileName.ppt {
    background-position: 10px -1690px; }

.folder-column-list-fileName.lsx {
    background-position: 10px -1721px; }

.folder-column-list-fileName.png {
    background-position: 10px -1748px; }

.folder-column-list-fileName.txt {
    background-position: 10px -1775px; }

.folder-column-list-fileName.pdf {
    background-position: 10px -1808px; }

.folder-column-list-fileName.mp3 {
    background-position: 10px -1837px; }

.folder-column-list-fileName.rar {
    background-position: 10px -1866px; }

.folder-column-list-fileName.other {
    background-position: 10px -2258px; }

.folder-column-list-type, .folder-column-list-size {
    float: left;
    width: 190px;
    line-height: 30px;
    padding-left: 10px;
    margin-right: 10px;
    text-align: left;
}
/* 大图缩略图显示 */
.folder-files {
    display: none;
    position: relative;
    height: 560px;
    padding: 12px 0 12px 20px;
    overflow: auto;
}
.folder-files.is-active{
    display: block;
}
.folder-files .folder-file__txt.folder {
    background-position: 18px -3156px;
}
.folder-files .folder-file__txt.mp4 {
    background-position: 18px -2298px; }
.folder-files .folder-file__txt.doc {
    background-position: 15px -2385px; }
.folder-files .folder-file__txt.ppt {
    background-position: 15px -2471px; }
.folder-files .folder-file__txt.lsx {
    background-position: 15px -2477px; }
.folder-files .folder-file__txt.png {
    background-position: 15px -2642px; }
.folder-files .folder-file__txt.txt {
    background-position: 15px -2728px; }
.folder-files .folder-file__txt.pdf {
    background-position: 15px -2814px; }
.folder-files .folder-file__txt.mp3 {
    background-position: 15px -2900px; }
.folder-files .folder-file__txt.rar {
    background-position: 15px -2986px; }
.folder-files .folder-file__txt.other {
    background-position: 18px -3073px; }
.folder-files .folder-file {
    position: relative;
    float: left;
    width: 100px;
    margin: 0 39px 30px 0;
    font-size: 14px;
    cursor: pointer;
    transition:all linear .3s;
}
.folder-file.is-active {
    background: #CFC;
    border-radius: 8px;
}
.folder-files .folder-file__txt {
    width: 86px;
    line-height: 28px;
    padding-top: 65px;
    margin: 0 auto;
    text-align: center;
    background: url(/img/book/spirit_book.png) no-repeat 12px -3163px;
}
.folder-files .folder-file__float {
    display: none;
    position: absolute;
    left: 28px;
    bottom: 2px;
    padding: 2px 6px;
    background: #FFF;
    white-space: nowrap;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    z-index: 10; }
.folder-files .folder-file__float.is-hover {
    display: block;
}

.loading-status{
    padding-left: 10px;
    margin: 0;
    line-height: 30px;
    font-size: 16px;
    color: #2dbe60;
    background: url(/img/book/loading_tiny.gif) no-repeat 75px center;
}


/* Modal jumping out district */
/* Show video */
.DD-video-wrapper {
    display: none;
    position: absolute;
    left: 220px;
    top: 400px;
    width: 800px;
    height: 500px;
    padding: 5px 10px;
    background-color: #fff;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.33);
    border-radius: 8px;
    z-index: 101; }

.DD-video-wrapper.is-show {
    display: block; }

.DD-video-info {
    height: 50px;
    line-height: 50px; }

.DD-video-title {
    float: left;
    font-size: 24px;
    font-weight: bold; }

.DD-video-close {
    float: right;
    font-size: 40px;
    color: rgba(0, 0, 0, 0.4);
    cursor: pointer; }

.DD-video-window{
    width:100%;
    height:445px;
    background: #dadada url(/img/book/loading_video.gif) no-repeat center center;
}
/* Show audio */
.DD-audio-wrapper {
    display: none;
    position: absolute;
    left: 230px;
    top: 450px;
    width: 800px;
    padding: 5px;
    background-color: #fff;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.33);
    border-radius: 6px;
    z-index: 101;
}

.DD-audio-wrapper.is-show {
    display: block; }

.DD-audio-info {
    padding: 0 5px;
    line-height: 36px;
}
.DD-audio-title {
    float: left;
    font-size: 22px;
    font-weight: bold;
}
.DD-audio-close {
    float: right;
    font-size: 35px;
    color: rgba(0, 0, 0, 0.4);
    cursor: pointer;
}
.DD-audio-content {
    width: 100%;
    height: 335px; }

/* Show pdf */
.DD-pdf-wrapper {
    display: none;
    position: absolute;;
    left: 240px;
    top: 500px;
    width: 800px;
    height: 845px;
    padding: 5px 10px;
    background-color: #fff;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.33);
    border-radius: 8px;
    z-index: 101; }

.DD-pdf-wrapper.is-show {
    display: block; }

.DD-pdf-info {
    height: 50px;
    line-height: 50px; }

.DD-pdf-title {
    float: left;
    font-size: 24px;
    font-weight: bold; }

.DD-pdf-close {
    float: right;
    font-size: 40px;
    color: rgba(0, 0, 0, 0.4);
    cursor: pointer; }

.DD-pdf-content {
    width: 100%;
    height: 335px; }
.DD-pdf-footer{
    height: 22px;
    margin-right: 17px;
    background: #666;
}


/*================== yuntu book detail Page Mar.7, 2017 =========================*/
.footer-wrap{
    margin-top: 0;
}



/*===== 具体内容：简介、 馆藏、 光盘 =====*/
.book-info-detail{
    margin-top: 15px;
    background: #fdfdfe;
    border-radius: 8px;
}
.book-detail-nav__list{
    border-bottom: 1px solid #2dbe60;
}
.book-detail-nav__item{
    width: 250px;
    text-align: center;
}
#book-info-detail .book-detail-nav__txt{
    width: 160px;
    margin: 0 auto;
    font-size: 18px;
    color: #000;
    border: none;
}
#book-info-detail  .book-detail-nav__item.active .book-detail-nav__txt{
    border-bottom: 5px solid #2dbe60;
}
.book-detail-nav__item.active .book-detail-nav__txt:after{
    content: '';
    position: absolute;
    left: 46%;
    bottom: 0;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #2dbe60;
}
/* 简介 */
.book-detail-brief{
    min-height: 400px;
    padding: 10px 15px;
}
.book-detail-brief__overview{
    border-bottom: 1px solid #ddd;
}
.book-detail-brief__title{
    line-height: 30px;
    margin: 0;
}
.book-detail-brief__title:before{
    content: '';
    display: inline-block;
    position: relative;
    top: 4px;
    width: 5px;
    height: 20px;
    margin-right: 8px;
    background: #2dbe60;
    border-radius: 3px;
}
.book-detail-brief__content{
    line-height: 1.6;
    padding-left: 35px;
    margin-bottom: 15px;
    text-align: justify;
    text-indent: 2em;
}
.book-detail-brief__catalogContent{
    height: 375px;
    line-height: 1.6;
    padding-left: 35px;
    margin-bottom: 15px;
    overflow: hidden;
}
.book-detail-brief__catalog{
    margin-top: 10px;
}
.book-info-feedback{
    background: #f6f6f6;
    min-height: 60px;
}
.book-detail-brief__accordion{
    display: none;
    position: relative;
    bottom: 30px;
    float: right;
    padding: 3px 10px;
    font-size: 12px;
    color: #1584A2;
    border: 1px solid #1584A2;
}
.book-detail-brief__accordion:hover{
    color:white !important;
    background: #1584A2;;
}
.book-detail-brief__more{
    display: block;
    width: 80px;
    padding: 3px 10px;
    margin: 0 0 10px 30px;
    font-size: 12px;
    color: #1584A2;
    border: 1px solid #1584A2;
    border-radius: 3px;
}
.book-detail-brief__more:hover{
    color:white !important;
    background: #1584A2;;
}
/*===== 收录到我的主题弹窗 ======*/
.modal-dialog_2 {
    width: 60%;
    min-width: 900px;
    height: 600px;
    margin: 400px auto;
}
/*.modal-content {*/
    /*border-radius: 6px;*/
/*}*/
.modal-title_2 {
    width: 60%;
    padding: 15px 0;
    margin: 0 auto;
    font-size: 18px;
    text-align: center;
    color: #333;
    border-bottom: 1px solid #2dbe60;
}
/*.modal-content .modal-header {*/
    /*border: none;*/
    /*background: #fff;*/
/*}*/
.dd_img{
    border-radius: 6px;
}
.modal-include-theme__title {
    text-align: center;
    margin-top: 10px;
    height: 3.2em;
    line-height: 1.6;
    overflow: hidden;
}
/*.modal-footer {*/
    /*margin: 0 50px;*/
    /*!*line-height: 70px;*!*/
    /*text-align: right;*/
    /*border-top: 1px solid #e5e5e5;*/
/*}*/
.modal-include-footer__create{
    padding-left: 30px;
    margin-top: 20px;
    line-height: 30px;
    font-size: 18px;
    color: #3C6;
    background: url(/img/book/spirit_book.png) no-repeat 0 -1165px;
}
.btn-default_2 {
    padding: 6px 15px;
    margin-right: 30px;
    background-color: #DDDBD9;
    font-size: 18px;
    color: #fff;
    letter-spacing: 2px;
    box-shadow: rgba(0, 0, 0, 0.0470588) 0 1px 0 0;
    border-radius: 10px;
}
.btn-primary_2 {
    padding: 6px 15px;
    background-color: #2dbe60;
    font-size: 18px;
    color: #fff;
    letter-spacing: 2px;
    border-radius: 10px;
}

/* 书本简介信息 - 标签及意见反馈 */
.tags-questions {
    position: relative;
    padding-left: 40px;
    margin-top: 20px;
    background: url(/img/book/spirit_book.png) no-repeat 3px -274px; }
.tags-questions .tag {
    float: left;
    padding: 3px 18px;
    margin-right: 30px;
    border: 1px solid #999;
    border-radius: 15px; }
.tags-questions .tag:hover {
    color: #3C6;
    border-color: #3C6; }
.tags-questions .response-question {
    padding: 3px 50px;
    font-size: 14px;
    color: #FFF;
    background: #2DDE60;
    border-radius: 10px;
    cursor: pointer; }

/* Dialogue part */
.disk-questions-dialogue.is-show {
    display: block; }

.disk-questions-dialogue {
    position: absolute;
    display: none;
    top: -100px;
    left: 25%;
    width: 700px;
    height: 500px;
    border-radius: 30px;
    background: #FFF;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    z-index: 10; }
.disk-questions-dialogue .dialogue-title-bar {
    float: left;
    width: 100%;
    text-align: center; }
.disk-questions-dialogue .dialogue-title {
    margin-top: 20px;
    margin-bottom: 5px;
    font-size: 18px; }
.disk-questions-dialogue .dialogue-time {
    font-size: 14px;
    color: #999; }
.disk-questions-dialogue .dialogue-close-btn {
    position: absolute;
    top: 10px;
    right: 25px;
    padding-left: 25px;
    color: #2DDE60;
    background: url(/img/book/spirit_book.png) no-repeat 0 -1607px;
    cursor: pointer;
    z-index: 3; }
.disk-questions-dialogue .dialogue-details {
    float: left;
    width: 100%;
    height: 350px;
    overflow: auto; }
.disk-questions-dialogue .dialogue-auto-response {
    float: left;
    width: 65%;
    margin-left: 20px;
    font-size: 14px; }
.disk-questions-dialogue .dialogue-auto-response-host {
    font-size: 14px;
    line-height: 2;
    color: #999; }
.disk-questions-dialogue .dialogue-auto-response-tips {
    margin-top: 30px; }
.disk-questions-dialogue .dialogue-auto-response-content {
    position: relative;
    padding: 12px 8px 15px 35px;
    margin-left: 20px;
    background: #EEE;
    border-radius: 25px; }
.disk-questions-dialogue .dialogue-auto-response-angle {
    position: absolute;
    left: -12px;
    top: -6px;
    width: 60px;
    height: 40px;
    z-index: 2;
    background: url(/img/book/spirit_book.png) no-repeat 0 -1570px; }
.disk-questions-dialogue .dialogue-auto-response-list {
    display: block;
    line-height: 1.6;
    color: #2DDE60;
    text-decoration: underline;
    cursor: pointer; }
.disk-questions-dialogue .dialogue-client-question {
    position: relative;
    float: right;
    width: 65%;
    padding: 12px 35px 5px 20px;
    margin: 35px 40px 0 0;
    font-size: 14px;
    background: #33CC66;
    border-radius: 15px; }
.disk-questions-dialogue .dialogue-client-question-angle {
    position: absolute;
    right: -15px;
    top: -6px;
    width: 60px;
    height: 40px;
    background: url(/img/book/spirit_book.png) no-repeat 0 -1531px;
    z-index: 3; }
.disk-questions-dialogue .dialogue-msg-trigger {
    width: 92%;
    margin: 0 auto; }
.disk-questions-dialogue .dialogue-msg-input {
    float: left;
    width: 80%;
    min-height: 60px;
    padding: 10px;
    font-size: 14px;
    border: none;
    border-top: 2px solid #EEE;
    outline: none; }
.disk-questions-dialogue .dialogue-msg-send {
    float: left;
    width: 80px;
    margin: 10px 0 0 35px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    color: #FFF;
    background: #EEE;
    border-radius: 12px;
    cursor: pointer; }
.disk-questions-dialogue .dialogue-msg-send.active {
    background: #33CC66; }

/*===== 更多推荐推送 ======*/
.DD-swiper {
    background: #fff;
}
.wrapper-swiper-container{
    position: relative;
}
.DD-swiper__title {
    padding-left: 4em;
    font-size: 16px;
    font-weight: bold;
    line-height: 2;
}
.DD-swiper .swiper-pic-box {
    width: 150px;
    height: 200px;
    margin-bottom: 10px; }
.DD-swiper .swiper-pic {
    border-radius: 6px;
    max-width: 100%;
    height: 100%;
}
.DD-swiper .swiper-prev-button, .DD-swiper .swiper-next-button {
    float: left;
    width: 40px;
    height: 80px;
    padding-left: 8px;
    margin: 70px 10px 0 10px;
    font-size: 60px;
    color: #FFF;
    background: #E5E5E5;
    border-radius: 8px;
    cursor: pointer;
    visibility: hidden; }
.DD-swiper .swiper-next-button {
    position: absolute;
    right: 0;
    top: 0;
    padding-left: 12px;
}
.DD-swiper .swiper-button-disabled {
    background: #999; }
.DD-swiper .swiper-prev-button.is-show, .DD-swiper .swiper-next-button.is-show {
    visibility: visible; }
.DD-swiper .swiper-container {
    width: 1075px;
    margin: 0;
}
.DD-swiper .swiper-slide {
    text-align: center; }

/*===== 侧边栏 更多推荐 =====*/
.DD-moreRec {
    }

.DD-moreRec__title {
    padding-left: 30px;
    font-size: 18px;
    font-weight: bold; }

.DD-moreRec-content__item {
    float: left;
    width: 200px;
    margin: 0 0 20px 40px;
    text-align: center; }

.DD-moreRec-content__pics {
    width: 135px;
    height: 180px;
    margin: 0 auto; }

.DD-moreRec-content__pic {
    width: 100%;
    height: 100%;
    border-radius: 6px; }

.moreRecommend-list {
    width: 200px;
    margin: 40px;
    text-align: center; }

.swiper-pic-moreRecommend {
    margin-left: 30px;
    border-radius: 6px; }

.moreRecommend-content {
    margin-top: 50px; }

/*===== 回到顶部按钮 =====*/
.DD-goToTop {
    display: none;
    position: fixed;
    left: 50%;
    top: 350px;
    width: 50px;
    height: 50px;
    margin-left: 580px;
    background: url(/img/book/spirit_book.png) no-repeat 0 -1113px;
    z-index: 10; }

@media (max-width: 1350px) {
    .DD-goToTop {
        left: inherit;
        right: 2%; } }
.DD-goToTop.is-show {
    display: block; }

/*===== 弹出左边小女孩提示内容 =====*/
.DD-show-tips {
    position: fixed;
    left: -380px;
    bottom: 10%;
    width: 400px;
    height: 100px;
    margin-top: 10px;
    background: #2DBE60;
    text-align: center;
    color: #FFF;
    border-radius: 0 40px 0 0;
    transition: all .8s linear;
    z-index: 1000; }

.DD-show-tips.is-show {
    left: 0; }

.DD-show-tips-txt {
    margin: 10px 0 0 0;
    font-size: 14px;
    line-height: 1.8; }

.DD-show-tips-bulb {
    display: inline-block;
    position: relative;
    top: 5px;
    width: 30px;
    height: 30px;
    background: url(/img/book/spirit_book.png) no-repeat 0 -2200px; }

.DD-show-tips-txtLine {
    width: 200px;
    margin: 0 auto 15px;
    font-size: 15px;
    border-bottom: 1px solid #FFF; }

.DD-show-tips-pic {
    position: absolute;
    top: 0;
    right: -50px;
    width: 100px;
    height: 140px;
    background: url(/img/book/spirit_book.png) no-repeat 0 -2035px;
    cursor: pointer;
    z-index: 10; }

.DD-show-tips-close {
    display: none;
    position: absolute;
    top: 0;
    right: -70px;
    width: 30px;
    height: 30px;
    background: url(/img/book/spirit_book.png) no-repeat 0 -2174px;
    cursor: pointer;
    z-index: 10; }

.DD-show-tips-close.is-show {
    display: block; }

.DD-show-tips-click {
    display: none;
    position: absolute;
    top: 0;
    right: -70px;
    width: 30px;
    height: 60px;
    background: url(/img/book/spirit_book.png) no-repeat -60px -1895px;
    z-index: 10; }

.DD-show-tips-click.is-show {
    display: block; }

/*===== 下载小按钮 =====*/
.menuContext{
    display: none;
    position: absolute;
    padding: 3px 8px;
    background: #fff;
    font-size: 14px;
    border-radius: 3px;
    border: 1px solid #ddd;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    z-index: 12;
}

/*===== Plugins =====*/
/*=== 图片浏览 ===*/
.pswp-veil__custom{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 100%;
    background: #000;
    text-align: center;
    z-index: 1499;
}
.pswp-veil__custom.is-show{
    display: block;
}
.pswp-veil__loading{
    position: relative;
}
/*=== 音频播放 ===*/
.aplayer .aplayer-list{
    height: 164px;
    overflow: auto;
}