@charset "utf-8";
html, body, div, h1, h2, h3, h4, h5, h6, p, span, img,ul{margin: 0; padding: 0;}
body {margin: 0;font:12px/18px "Hiragino Sans GB","Microsoft Yahei",sans-serif; background-color:#ffffff;color:#333333;line-height:1.4;-webkit-font-smoothing: antialiased;}
img {border:0; padding: 0; display: block}
ul, li ,ol{list-style: none;padding-left:0;}

.shadow {box-shadow: 0 1px 8px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.02)!important; border-radius: 5px;}
.gy_box{ margin-top:10px; padding-left: 20px!important; padding-right: 20px!important; margin-bottom: 80px;}
.gy_col{padding-left: 8px!important; padding-right: 8px!important;margin-top: 6px!important;}
.gy_list{ margin: 5px auto; width: 100%; text-align: center; overflow: hidden}
.gy_list a{color: #fff; text-decoration: none;}
.gy_list a:hover{color: #fff; text-decoration: none;}
.gy_list .img{ width: 100%; height: 108px; overflow: hidden}
.gy_list img{ width: 100%; height: auto;}
.gy_list .txt{
    background: url("../images/gy_list_bg.jpg") #cb1718 repeat-x;
    height: 120px;
    width: 100%;
    overflow: hidden;
    color: #fff;
    margin-top:0px;
}
.gy_list h2{
    font-size:16px;
    text-align: center;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 8px;
    display: block;
    width: 94%;
    margin: 13px auto;
}
.gy_list .txt p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;/*超出3行部分显示省略号，去掉该属性 显示全部*/
    -webkit-box-orient: vertical;
    font-weight: normal;
    font-size:12px;
    padding-top:-5px;
    text-align:left;
    text-indent: 24px;
    padding-left:5px;
}
.gy_banner{ width: 100%; height: auto}
.gy_banner img{ width: 100%; height: auto}
.gy_title{
    margin-top:15px; font-size:18px; font-weight: bold; line-height: 22px;
}
.gy_title span{ color: #666}
.gy_title i{ font-size:20px;}
.gy_tit{
    font-weight:bold;color:#f53f3c;border-top-left-radius: 5px; border-top-right-radius:5px;height: 40px; border-bottom: 2px solid #f53f3c; border-top: 2px solid #fff; border-left: 2px solid #fff; border-right: 2px solid #fff; line-height: 40px; text-indent: 15px; font-size:16px; background: #f1f1f1; width: 100%; margin: 0px auto;
}
.gy_juan{
    margin-top:15px;
}
.gy_juan button{
    border-radius: 5px;
    border: none;
    background: url("../images/gy_list_bg.jpg") #cb1718 repeat-x;
    height: 40px;
    width: 99%;
    color: #fff;
}
.gy_page{
    margin-top:15px;
}
.gy_content{
    line-height: 25px; font-size:16px;
    padding:10px;
}
.gy_content img{ display: block; max-width: 100% !important; margin: 0px auto; padding: 0px; height: auto!important;}
.gy_user{margin-bottom: 80px; margin-top:15px; padding-bottom: 10px;}
.gy_user ul{padding: 10px;}
.gy_user ul li{ float: left; height: 35px; line-height: 35px;}
.gy_user .head{ width: 15%}
.gy_user .head img{ width: 35px; height: 35px; border-radius: 100%}
.gy_user .name{
    width: 20%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;/*超出3行部分显示省略号，去掉该属性 显示全部*/
    -webkit-box-orient: vertical;
}
.gy_user .price{ width: 35%}
.gy_user .date{ width: 30%; color: #999; line-height: 16px;}

.pay_col{padding-left: 8px!important; padding-right: 8px!important;}
.pay_cell{ width: 100%; font-size:18px; height: 50px; text-align: center; line-height: 50px; background: #f1f1f1; border: none; border-radius: 5px; color: #666666; margin-bottom: 15px;}
.active{ background: orange!important; color: #ffffff!important;}


.phone_menu{
    width: 100%;
    position: fixed;
    bottom:0px;
    height: 60px;
    box-shadow: 0 0 20px -5px #999;
    background: url("../images/gy_list_bg.jpg") #cb1718 repeat-x;
    text-align: center;
    color: #ffffff;
    z-index: 1000;
}

.phone_menu a{
    color: #ffffff; text-decoration: none;
}
.phone_menu a:hover{
    color: #ffffff; text-decoration: none;
}
.phone_menu .menu1 i{ display: block; font-size:23px; margin-top:5px;}
.phone_menu .menu2 i{ display: block; font-size:25px; margin-top:3px;}
.phone_menu .menu3 i{ display: block; font-size:30px; margin-top:0px;}
.phone_menu .menu1 span{ display: block; font-size:14px; margin-top:-3px;}
.phone_menu .menu2 span{ display: block; font-size:14px; margin-top:-5px;}
.phone_menu .menu3 span{ display: block; font-size:14px; margin-top:-8px;}

/**
图书样式
 */
.novel_author{ margin-top:5px; padding-left: 20px!important; padding-right: 20px!important; margin-bottom: 10px;}
.novel_author_col{padding-left: 8px!important; padding-right: 8px!important;margin-top: 6px!important;}
.novel_author_list{ margin: 5px auto; width: 100%; text-align: center; overflow: hidden}
.novel_author_list a{color: #fff; text-decoration: none;}
.novel_author_list a:hover{color: #fff; text-decoration: none;}
.novel_author_list .img{ width: 100%; height: auto;}
.novel_author_list img{ width: 100%; height: auto;}
.novel_author_list .txt{
    background-image: url("../images/novel_author_bg.jpg");
    background-size: cover;
    backdrop-filter: opacity(0.5);
    background-repeat: no-repeat;
    height: 120px;
    width: 100%;
    overflow: hidden;
    color: #333;
    margin-top:0px;
}
.novel_author_list h2{
    font-size:16px;
    text-align: center;
    border-bottom: 1px solid #999;
    padding-bottom: 8px;
    display: block;
    width: 94%;
    margin: 13px auto;
}
.novel_author_list .txt p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;/*超出3行部分显示省略号，去掉该属性 显示全部*/
    -webkit-box-orient: vertical;
    font-weight: normal;
    font-size:12px;
    padding-top:-5px;
    text-align:left;
    text-indent: 24px;
    padding-left:10px;
    padding-right: 5px;
    color: #666;
}
.novel_books_title{
    height: 50px;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    background-image: url("../images/novel_title_bg.jpg");
    background-repeat: no-repeat;
    background-size:cover;
}
.novel_books_title .books_type{
    margin-top:15px;
    margin-left:5px;
    height: 20px;
    border-left:3px solid #f53f3c;
    font-size:18px; text-indent: 10px;
    line-height: 20px;

}
.author_box{
    width: 100%;
}
.author_box .author_img { width: 100%; height: auto; position: relative}
.author_box .author_img img{ width: 100%; height: auto;}
.author_box .author{
    width: 100%;
    position: absolute;
    text-align: center;
    height: 40px;
    margin: auto;
    overflow: auto;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    line-height: 40px;
}
.author_box .author_content{
    line-height: 25px; font-size:16px;
    padding:10px;
}
.novel_books_box{ margin-top:5px; padding-left: 25px!important; padding-right: 25px!important; margin-bottom: 60px;}
.books_list{ margin: 10px auto; text-align: left; overflow: hidden; border: 1px solid #f1f1f1; border-radius: 5px;}
.books_list a{color: #333; text-decoration: none;}
.books_list a:hover{color: #333; text-decoration: none;}
.books_list .img{ width: 100%; height: auto;}
.books_list img{ width: 100%; height: auto; margin: 5px auto}
.books_con{ margin-top: 10px; line-height: 25px;}
.books_list .books_con .title{
    font-size:16px;
}
.books_list .author{ font-weight: 300; color: #333333;  font-size:14px;}
.books_list .dis{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;/*超出3行部分显示省略号，去掉该属性 显示全部*/
    -webkit-box-orient: vertical;
    font-weight: normal;
    font-size:12px;
    padding-top:-5px;
    text-align:left;
    line-height: 18px;
    color: #999;
}
.books_list span{ color: #333333;  font-size:14px;}

.novel_order_box{ margin-top:5px; padding-left: 25px!important; padding-right: 25px!important; margin-bottom: 60px;}
.order_list .ordersn{
    line-height: 40px;text-indent: 15px; border-bottom: 1px solid #f1f1f1; font-size:16px;
}
.order_list{ margin: 10px auto; text-align: left; overflow: hidden; border: 1px solid #f1f1f1; border-radius: 5px;}
.order_list a{color: #333; text-decoration: none;}
.order_list a:hover{color: #333; text-decoration: none;}
.order_list .img{ width: 100%; height: auto;}
.order_list img{ width: 100%; height: auto; margin: 5px auto}
.order_con{ margin-top: 10px; line-height: 25px;}
.order_list .books_con .title{
    font-size:16px;
}
.order_list .author{ font-weight: 300; color: #333333;  font-size:14px;}
.order_list .dis{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;/*超出3行部分显示省略号，去掉该属性 显示全部*/
    -webkit-box-orient: vertical;
    font-weight: normal;
    font-size:12px;
    padding-top:-5px;
    text-align:left;
    line-height: 18px;
    color: #999;
}
.order_list span{ color: #333333;  font-size:14px;}

/**
图书内容详情页
 */
.flipbook_body{
    overflow:hidden;
    background-image: url(../images/novel_detail_bg.jpg);
    background-size: cover;
    background-color:#f7f8f3;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
}

.flipbook-viewport{
    overflow:hidden;
    width:100%;
    height:100%;
}

.flipbook-viewport .containerbox{
}

.flipbook-viewport .flipbook{

}

.flipbook-viewport .page{
    width:461px;
    height:600px;
    background-color:white;
    background-repeat:no-repeat;
    background-size:100% 100%;
}

.flipbook .page{
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
    -ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
    -o-box-shadow:0 0 20px rgba(0,0,0,0.2);
    box-shadow:0 0 20px rgba(0,0,0,0.2);
}
.flipbook .book_page{
    background:url(../images/novel_detail_bg.jpg) center top no-repeat;
    background-size:100%;
}
.flipbook .book_page .book_page_con{
    width:100%;
    height:auto;
    line-height: 1.5em;
    font-size:16px;
    padding: 15px 10px 15px 15px;
}
.flipbook-viewport .page img{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin:0;
}

.flipbook-viewport .shadow{
    -webkit-transition: -webkit-box-shadow 0.5s;
    -moz-transition: -moz-box-shadow 0.5s;
    -o-transition: -webkit-box-shadow 0.5s;
    -ms-transition: -ms-box-shadow 0.5s;

    -webkit-box-shadow:0 0 20px #ccc;
    -moz-box-shadow:0 0 20px #ccc;
    -o-box-shadow:0 0 20px #ccc;
    -ms-box-shadow:0 0 20px #ccc;
    box-shadow:0 0 20px #ccc;
}

@-webkit-keyframes reverseRotataZ{
    0%{-webkit-transform: rotateZ(0deg);}
    100%{-webkit-transform: rotateZ(-360deg);}
}
@-webkit-keyframes rotataZ{
    0%{-webkit-transform: rotateZ(0deg);}
    100%{-webkit-transform: rotateZ(360deg);}
}

.pull-left {position:absolute;bottom:5%;right:0;overflow:hidden;width:240px; height:200px; }/*  |xGv00|e69d3d10a97baed58b34702fd0b01ff5 */

.loadinner{
    position:absolute;
    width:76%;
    height:100%;
    margin-left:-38%;
    left:50%;
    text-align:center;
    font-size:11px;
    line-height:20px;
}
.graph{
    background:#6c6c6c;
    width:70%;
    margin:10px auto 0 auto;
}
#bar{
    display:block;
    background:#f1f1f1;
    height:3px;
    width:10px;
}
#diary{width:70%;margin:0 auto;}
#chupin{width:100%;position:absolute;bottom:80px;}
#cpright{position:absolute;bottom:50px;color:#757575;font-size:9px;text-align:center;width:100%;letter-spacing: -1px;word-spacing: -1px;}
#btns{position:absolute;left:50%;top:15%;width:44%;margin:0 0 0 -22%;z-index:999;}
#btns button,#btns a{line-height:36px;background: #1ea5d2;border: 1px solid #fcfcfc;color:#404040;width:100%;height:36px;font-size:17px;font-family:"微软雅黑";display:block;text-decoration:none;text-align:center;}

.novel_menu{
    width: 100%;
    position: fixed;
    bottom:0px;
    height: 60px;
    box-shadow: 0 0 20px -5px #999;
    background-image: url("../images/novel_title_bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    color: #666;
    z-index: 1000;
}
.novel_menu a{
    color: #666; text-decoration: none;
}
.novel_menu a:hover{
    color: #666; text-decoration: none;
}
.novel_menu .menu1 i{ display: block; font-size:23px; margin-top:5px;}
.novel_menu .menu2 i{ display: block; font-size:23px; margin-top:7px;}
.novel_menu .menu3 i{ display: block; font-size:26px; margin-top:2px;}
.novel_menu .menu4 i{ display: block; font-size:30px; margin-top:0px;}
.novel_menu .menu1 span{ display: block; font-size:14px; margin-top:-3px;}
.novel_menu .menu2 span{ display: block; font-size:14px; margin-top:-3px;}
.novel_menu .menu3 span{ display: block; font-size:14px; margin-top:-4px;}
.novel_menu .menu4 span{ display: block; font-size:14px; margin-top:-8px;}


@media (max-width: 640px) {
    .footer * {
        font-size: 12px;
    }
}
@media (max-width: 767px) {

}

@media screen and (min-width: 767px) {

}
@media screen and (max-width: 1000px) {

}
@media screen and (min-width: 992px) {
}

@media (max-width: 992px) {
}