@charset "utf-8"; /* CSS Document */ .present{ padding:40px ; width: 1171px; height: 650px; background-color: #fff;-webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,.5); -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,.5); box-shadow:2px 2px 5px #ccc;} .i_toptitle{overflow: hidden;} .i_toptitle .title{font-size: 44px;float: left; color: #333;} .i_toptitle span.leftico{background: url(../img/ico2left.png) no-repeat; width: 198px; height: 8px; float: left; margin: 30px 20px auto 280px;} .i_toptitle span.rightico{background: url(../img/ico2right.png) no-repeat; width: 198px; height: 8px; float: left;margin: 30px 20px auto 20px;} .i_toptitle span.time{font-size: 28px;font-family:"苹方 常规"; float: left; color: #a9a9a9; float: right; margin-top:15px;} .i_content{ background: url(../img/ico7.png) no-repeat center bottom; width: 1140px; margin-left: 16px; height: 292px;} .i_content ul li{ width: 185px; height: 220px; float: left; position: relative; margin: 50px 40px auto 58px;} .i_content ul li img.bookpic{ width: 150px;height:220px; float: left;} .i_content ul li img.erweima{ position:absolute; border: 4px solid #c38c55; top:147px; left: 110px; width: 66px; height: 66px; } .i_content_fyb{ width: 1140px; margin-left: 16px; height: 310px; margin-top: 60px;} .i_content_fyb ul li{ width: 200px; height: 260px; float: left; position: relative; margin: 0px 35px auto 0px; padding: 0 auto;} .i_content_fyb ul li:nth-child(5n){ margin-right: 0px;} .i_content_fyb ul li img.bookpic{ width: 150px;height:220px; float: left; margin-top: 35px; margin-left: 8px;} .i_content_fyb ul li img.erweima{ position:absolute; border: 4px solid #c38c55; top:181px; left: 118px; width: 66px; height: 66px; } .i_content_fyb ul li img.erweima_b{ position:absolute; border: 4px solid #c38c55; top:181px; left: 126px; width: 66px; height: 66px;} .i_content_fyb ul li img.erweima_s{ position:absolute; border: 4px solid #c38c55; top:181px; left: 108px; width: 66px; height: 66px; } .i_content_fyb ul li img.bookpic_b{ width: 165px;height:255px; float: left;} .i_content_fyb ul li img.bookpic_s{ width: 130px;height:200px; float: left; margin-top: 55px;margin-left:16px;} .i_content_fyb ul li img.tag1{position: absolute; left:-40px; top:-35px;} .i_content_fyb ul li span.tag2{ background: url(../img/ico10.png) no-repeat;position: absolute; left:-14px; top:35px; width: 45px; height: 44px; font-size: 24px; color: #f86718; text-align: center; padding-top: 5px; vertical-align: middle;} .i_content_fyb ul li span.tag3{ background: url(../img/ico11.png) no-repeat center;position: absolute ; left:-6px; top:50px; width: 45px; height: 49px; font-size: 24px; color: #333; text-align: center; text-align: center; line-height:46px; } .newbook_redupbox{ position:relative;} /*图书推荐层叠样式*/ #demo { width: 1570px; height: 512px; margin: 60px auto 0 auto; position: relative; } #demo .present { width: 1170px;} #demo li.slide {position: absolute;} #demo li.slide .verticalTitle {width:100px; height:650px; position: absolute; top:40px; cursor: pointer;} #demo li.slide .verticalTitle span {position:absolute;width:35px; display:block; font-size:34px; color:#999; top:50%;transform:translateY(-50%); } /*中部样式*/ .book_detail .leftimg{ margin-right:60px; height:100%; overflow:hidden; float:left;} .book_detail .leftimg img{ width:390px; height:550px; float:left;} .book_detail .rightdetail{ width:1120px; float:left; } .book_detail .rightdetail .top{ border-bottom:1px solid #c89353;height:100%; overflow:hidden;} .book_detail .rightdetail .top dl { width:850px; float:left;} .book_detail .rightdetail .top dl dt{font-size:32px; margin-bottom:30px; line-height:30px; margin-top:10px;} .book_detail .rightdetail .top dl dd{font-size:26px; margin-bottom:10px; color:#666;} .book_detail .rightdetail .top dl dd.read_btn{ background:url(../img/jp_btn_b.png) no-repeat; width:212px; height:87px; text-align:center;font-size:28px; line-height:80px; margin:50px auto 40px 0;} .book_detail .rightdetail .top dl dd a{ color:#9b6e37; } .book_detail .rightdetail .top dl dd.read_btn:hover{ background:url(../img/jp_btn_b_on.png) no-repeat; width:212px; height:87px; } .book_detail .rightdetail .top .right_code{ background:url(../img/bg_code.jpg) no-repeat; width:220px; height:220px; float:right; margin-top:-80px;} .book_detail .rightdetail .top .right_code img{ width:200px; height:200px; margin:9px auto auto 10px;} .book_detail .rightdetail .bottom{ font-size:26px; margin-top:20px;} .book_detail .rightdetail .bottom span{ color:#9b6e37;} .book_detail .rightdetail .bottom p{ text-indent:2em; margin-bottom:30px; color:#666; margin-top:20px;} .audio_detail{ float:left; height:360px;} .audio_detail .leftimg img{ width:240px; height:330px;} .audio_detail .rightdetail .top{ border-bottom:none;} .audio_detail .bottom{ width:460px; float:left; overflow:hidden; height:190px;text-overflow:ellipsis;-moz-text-overflow:ellipsis;} .audio_detail .rightdetail{ width:770px} .audio_detail .rightdetail .bottom p{ margin-top:0px;} .boxb .leftimg{ margin-right:60px; height:100%; overflow:hidden; float:left; margin:30px 35px auto 80px;} .boxb .rightdetail{ width:700px; } .boxb .rightdetail .top dl{ width:460px; margin-top:35px;} .boxb .rightdetail .top dl dt{ white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-moz-text-overflow:ellipsis; height:35px;} .boxb .rightdetail .bottom , .boxb .rightdetail .top dl dd{ font-size:24px;} .boxb .bottom{ line-height:38px; color:#666; width:440px;} .boxb .rightdetail .top dl dd{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-moz-text-overflow:ellipsis;} .upcontent_text{ width:960px; height:195px; margin:120px auto auto auto; font-size:24px; line-height:40px; border-top:1px solid #c89353; padding-top:20px; overflow:hidden;} .boxb .read_btn{ background:url(../img/jp_btn_b.png) no-repeat; width:212px; height:87px; text-align:center;font-size:28px; line-height:80px; margin:10px auto 40px auto;} .boxb .read_btn:hover{ background:url(../img/jp_btn_b_on.png) no-repeat; width:212px; height:87px; } .boxb .read_btn a{ color:#9b6e37;} .boxb .read_btn a:hover{ color:#fff;} .boxb .rightdetail .top .right_code{ margin-top:-106px;}