body,div,p,ul,li,h2,h3,h4,dl,dt,dd{ list-style:none; padding:0; margin:0; font-size: 14px; font-family: sans-serif;}
body,html{ background:#e4e6e6; max-width: 1000px; margin: 0 auto; color:#3a444c; font-size:14px; padding:0;  font-family: sans-serif;}
a{ text-decoration:none; }
section, header,figure{ display:block; padding:0; margin:0; }
.mainBox{ clear:both; font-size:1em; line-height:22px; overflow:hidden; }
.wrap{ max-width:1000px; margin:0 auto; }
.rich_media_inner{ background:#e6e7e7; position:relative; }
img{ display:block; border:0 none; }
@media only screen and (min-width: 1000px){
    .wrap{ width:1000px; margin:0 auto; height:100%;}
}
a,img,button,input,textarea{ -webkit-tap-highlight-color:rgba(255,255,255,0); }
.db{ display:block; }
.dn{ display:none; }
.tar{ text-align:right; }
.mb10{ margin-bottom:10px; }
.ti2{ text-indent:2em; }
.pf{ position:fixed; bottom:0; left:0; width:100%; }
.fz13{ font-size:13px; }
.mb5{ margin-bottom:5px; }

.detailHead {
    background-color: #fff;
    border-bottom: #fff;
    color: #3a444c;
    border-bottom: 1px solid #d8dadb;
     position: relative;
    padding: 10px 0;
    text-align: center;
    font-size: 19px;
    height: 20px;
}
.detailHead{ height: 20px;}
.detailHead a.more {
    background-position: 0px -168px;
    right: 15px;
}
.detailHead #headerTitle{ display:block; width:55%; margin:0 auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.detailHead a{position: absolute; top: 50%; margin-top: -12px; display: inline-block;
width: 24px;height: 24px;background-image:url(../images/headIcon1.png);
background-size: 100%;background-repeat: no-repeat;}
.detailHead a.backBtn{background-position:0px -96px; left: 12px;}
.detailHead a.searchBtn{background-position: 0px -120px; right: 50px;}
.detailHead a.homeBtn{background-position: 0px -73px; right: 15px;}

.g_bottom{ padding-top: 10px;}
.g_bottom.notFull{position: fixed;bottom: 0;left: 50%;margin-left: -62px;}
.g_bottom p{ padding-bottom:10px; text-align:center; color:#a9aeb1; }
.g_bottom .otherLink a{ display:inline-block; padding:0 10px; color:#71787e; }
.br1{ border-right:1px solid #757c81; }

.hide{display: none;}

/*弹框*/
.dialogBg,.propertyDialog{ position:fixed; top:0; left:0; right:0; bottom:0; z-index:20; background:rgba(0,0,0,.6);z-index: 9999; }
.dialogBg .dialogMain{ padding:20px; background:#fff; border-radius:5px;width: 240px;position: absolute;left: 50%;margin-left: -140px;top: 50%;}
.dialogBg .dialogMain p{ text-align:center; word-break: break-all;font-size: 1em;}
.dialogBg .dialogMain .sureBtnBg{ padding:8px 0; width:100%; text-align:center; border:none; background:#44a6f4; color:#fff;border-radius: 5px;margin-top: 20px;}
.dialogBg .dialogMain .sureBtnSm{ padding:8px 0; width:45%; text-align:center; border:none; background:#44a6f4; color:#fff;border-radius: 5px;margin-top: 20px;}
.dialogBg .dialogMain .cancelBtnSm{ padding:8px 0; width:45%; text-align:center; border:none; background:#e0e0e0; color:#3a444c;border-radius: 5px;margin-top: 20px;margin-right: 10%}


/*去掉手机浏览器上点击时的边框和阴影*/
a,img,button,input,textarea{outline:none;}

/* 栏目样式 */
.g_main .indexMain{background-image:url(../images/paper.png);border: 1px solid #c4c7c5;width: 95%;margin: 0 auto;margin-top: 10px;}
.g_main .recommend,.g_main .newArrival,.g_main .exclusive{ background:#fff; }
.g_main .readEveryDay{ background:url(../images/readBg.png); background-size:100%; padding-bottom: 10px;}
.g_main .firstEdition h3{margin-bottom: 0;}
.g_main .readEveryDay div{ background-color: rgba(255,255,255,.5);width: 90%;margin: 0 auto;padding-top: 10px;margin-top: -10px;margin-bottom: 10px;}
.g_main .readEveryDay div p{ line-height:1.6em; color:#3a444c; font-size:15px;padding: 5px 0;}
.g_main .recommendDiv{ padding-top:10px; background:#fff; }
.g_main .indexMain h3 i>img{height: 100%;}
.g_main .book{ background-image:url(../images/paper.png)}
.g_main .book dt{ position:relative; overflow:hidden; background:#f9fafb; }
/* .g_main .book dt>img{height: 100%;} */
.g_main .fourthBooks dd {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 16px;}
.g_main .book dt>i{ position:absolute; bottom:5px; right:5px; width:22px; }
.g_main .book dt p i{ display:inline-block; width:12px; padding-right:4px; vertical-align:middle; }
.g_main .book a{ color:#3a444c; }
.g_main .book dt em{ position: absolute; right: 0; top: 0; height: 18px; width: 18px;}
.g_main .book dt em img{ width: 100%}
.g_main .book dd p.author{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.g_main .firstEdition dl{ position:relative; padding: 10px 15px; overflow:hidden; border-bottom:1px solid #d8dadb; }
.g_main .firstEdition a:last-child dl{ border-bottom:none; }
.g_main .firstEdition dt{ float:left; width:26%; }
@media screen and (min-width: 750px) {
    .g_main .firstEdition dt {
        width:100px;
    }
    .g_main .firstEdition dt {
        height:135px !important;
    }
    .g_main .firstEdition dt>img {
        height:135px !important;
    }
}
.g_main .firstEdition dd{ padding-left:28%; }
@media screen and (min-width: 750px) {
    .g_main .firstEdition dd {
        padding-left:120px;
    }
}
.g_main .firstEdition dd h4{ margin-bottom:5px; font-size:16px; color:#3a444c; white-space:nowrap;  text-overflow:ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 18px; }
.g_main .firstEdition dd p{ color:#757c81; line-height:1.4em; }
.g_main .firstEdition dd p.summary{
	position:absolute;
	bottom:10px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	overflow:hidden;
	padding-right: 15px;
    height:4.05em;
}

.g_main .secondEdition div{ padding:10px 15px 0; overflow:hidden;background-image:url(../images/paper.png)}
.g_main .secondEdition div a{ float:left; width:30%; margin-right:5%;  color:#3a444c; }
.g_main .secondEdition div a:nth-child(3n+0){ margin-right:0; }
.g_main .secondEdition div dt{ margin-bottom:10px; overflow:hidden; }
.g_main .secondEdition div dd{color: #3a444c;height: 32px;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 16px; margin-bottom: 8px;}

.g_main .thirdEdition dl{ position:relative; padding:10px 15px; overflow:hidden; border-bottom:1px solid #d8dadb; }
.g_main .thirdEdition dt{ float:left; width:26%; }
@media screen and (min-width: 750px) {
    .g_main .thirdEdition dt{
        width:100px; 
    }
    .g_main .thirdEdition dt {
        height:135px !important;
    }
    .g_main .thirdEdition dt>img {
        height:135px !important;
    }
}
.g_main .thirdEdition dd{ padding-left:28%; }
@media screen and (min-width: 750px) {
    .g_main .thirdEdition dd{
        padding-left:120px; 
    }
}
.g_main .thirdEdition dd h4{ font-size:16px; color:#3a444c; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin-top: 3px; }
.g_main .thirdEdition dd p{ color:#757c81; line-height:1.4em; }
.g_main .thirdEdition dd p.summary{
	position:absolute;
	bottom:10px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	overflow:hidden;
	padding-right: 15px;
    height:4.05em;
}
.g_main .thirdEdition li{ padding:15px; border-bottom:1px solid #d8dadb; }
.g_main .thirdEdition li:last-child{border: none;}
.g_main .thirdEdition ul li:last-child{border: none;}
.g_main .thirdEdition li a{ display:block; color:#666; }
.g_main .thirdEdition li h4{ margin-bottom:8px; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position: relative; padding-right: 50px;}
.g_main .thirdEdition li h4 em{font-style: normal;}
.g_main .thirdEdition li p{ line-height:1.6em; }
.g_main .thirdEdition .tag{ margin-bottom:8px; overflow:hidden; }
.g_main .thirdEdition .tag span{ padding:0 10px; border-right:1px solid #757c81; color:#757c81; }
.g_main .thirdEdition .tag span:first-child{ padding-left:0; }
.g_main .thirdEdition .tag span:last-child{ border-right:none; }
.g_main .thirdEdition li .summary{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#757c81; }

.g_main .fourthEdition div{ overflow:hidden; padding-top: 10px;}
.g_main .fourthEdition div>a{ padding:0 0 0 1%; float:left; width:26%; margin:0 3%; padding-bottom:10px; color:#3a444c; }
.g_main .fourthEdition div>a:nth-child(3n+0){ margin-right:0; }
.g_main .fourthEdition div dt{ margin-bottom:10px; overflow:hidden; }
.g_main .fourthEdition div dd h4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
.g_main .fourthEdition ul{ clear:both; border-top:1px solid #d8dadb; }
.g_main .fourthEdition li{ padding:13px 13px 8px 10px; border-bottom:1px solid #d8dadb; position: relative;}
.g_main .fourthEdition ul li:last-child{ border: none; }
.g_main .fourthEdition li a{ display:block; color:#666; }
.g_main .fourthEdition li h4{ margin-bottom:8px; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;     position: relative;padding-right: 58px;box-sizing: border-box;}
.g_main .fourthEdition li h4 em{font-style: normal;display: inline-block;max-width: 70%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.g_main .fourthEdition li p{ line-height:1.6em; }
.g_main .fourthEdition .tag{ margin-bottom:8px; overflow:hidden; }
.g_main .fourthEdition li .summary{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; color:#757c81; }

.g_main .ranking a{ position:relative; }
.g_main .ranking a .rankSpan{ position:absolute; left:9px; width:28px; height:28px; z-index:1; background:url(../images/rankIcon4.png); background-size:100% 100%; color:#fff; font-size:16px; line-height:24px; text-align:center; }
.g_main .firstEdition.ranking a .rankSpan{ top:7px; }
.g_main .secondEdition.ranking a .rankSpan{ top:-3px; }
.g_main .thirdEdition.ranking a .rankSpan{ top:-3px; }
.g_main .fourthEdition.ranking a .rankSpan{ top:-3px; }
.g_main .ranking a .rank1{ background:url(../images/rankIcon1.png); background-size:100% 100%; }
.g_main .ranking a .rank2{ background:url(../images/rankIcon2.png); background-size:100% 100%; }
.g_main .ranking a .rank3{ background:url(../images/rankIcon3.png); background-size:100% 100%; }

.g_main .change{padding: 10px 0;text-align: center;border-top: 1px solid #d8dadb;background-image:url(../images/paper.png)}
.g_main .change a{display: block;width: 90%;height: 30px;border: 1px solid #c2c2c0;border-radius: 5px;margin: 0 auto;line-height: 30px;}

/* 等待加载 */
.loadDiv,.picLoadDiv{ position:fixed; top:0; bottom:0; left:0; right:0; background-color:#e6e7e7; z-index:99; }
.loadDiv i,.picLoadDiv i{ position:absolute; top:50%; left:50%; margin:-65px 0 0 -68px; width:136px;height:130px;  }

#iframe{ border:none; }

/* 浮动广告 */
.advertisement.pf{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:999; background:url(../images/bg.png) repeat; }
.advertisement.pf .adMain{ position:relative; width:280px; height:280px; margin:30% auto 0; }
.advertisement.pf .adMain>div{ display:block; border-radius:5px; overflow:hidden; font-size:14px; }
.advertisement.pf .adMain .closeIcon{ position:absolute; bottom:-40px; left:50%; margin-left:-15px; width:30px; }
.advertisement.pf .close_p{ position:absolute; top:0; right:0; padding:2px 10px; z-index:13; font-size:13px; color:#fff; background:url(../images/bg.png) repeat; }
.advertisement.pf .close_p span{ color:#ff4800; }
.advertisement.pf .adMain #adImg{ width:280px; height:280px; }

/*书架返回top*/
.goTop{ position:fixed; bottom:155px; right:15px; width:50px; }
.goTop img{box-shadow:2px 1px 6px rgba(0,0,0,0.3);border-radius: 4px;}

/* 书籍下架 */
.underShelf{ position:absolute; right:0; top:0; width:50%; }

/* 分享 */
#shareDia{ position:fixed; top:0; left:0; right:0; bottom:0; background:url(../images/bg.png); z-index:101; }
.shareDiv{ position:absolute; bottom:0; left:0; width:90%; padding:20px 5% 5px; background:#fff; }
.shareDiv ul{ overflow:hidden; }
.shareDiv li{ float:left; width:33.33%; height:70px; margin-bottom:15px; text-align:center; }
.shareDiv li img{ display:block; margin:0 auto 5px; width:50px; }


.commentDiv .noResult{ text-align: center; padding: 20px 0;}
.commentDiv .noResult dt{ width:100px; margin:0 auto; }
.commentDiv .noResult dd{ padding-top:5px; }
.commentDiv .noResult img{ margin:0 auto; }

/**/
.slideDom{position: fixed;
    top: 50px;
    right: 5px;
    background-color: #444;
    width: auto;
    padding: 10px 20px 10px 16px;
    border-radius: 10px;
    z-index: 9999;}
.slideDom li{ clear: both; color: #fff; line-height: 22px;height: 22px; padding-bottom: 6px;}
.slideDom li i,.slideDom li a{
    color: #fff; 
    font-style: normal; 
    text-decoration: none;     
    background: none;
    text-align: left;
    padding: 0;
    font-weight: normal;
    display: inline-block;
}
.slideDom li img{ 
    float: left;
    height: 22px;
    margin: -1px 10px 0 0;
}
.slideDom li span,.slideDom li span{
    color: #fff;
    float: left;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    margin-left: 10px;
    font-size: 1rem;
}
.triangle-up {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 12px solid #444;
    position: absolute;
    right: 12%;
    top: -12px;
    display: block;
}
.dn{
  display: none;
}

@media screen and (min-width: 750px) {
    .g_main .fourthBooks .book dt>i{width: 2.3em;}
    .g_main .secondEdition .book dt>i{width: 2.3em;}
    .commentDiv .noResult dt{ width:200px; }
    .advertisement.pf .adMain{margin:10% auto 0; }
}
.g_main .swiper-slide{ position:relative; }
.g_main .swiper-slide p{ position:absolute; bottom:0; left:0; right:0; padding:4px 10px; color:#fff; text-align:left; background:url(../images/bg.png) repeat; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }


.talkBack{display: inline-block;margin-left: 5px;height: 16px;margin-bottom: -2px;}

.detailHead a.helpBtn{right: 85px;}