body { font-family: "宋体"; font-size: 12px; background: #fff; } .w1200 { width: 1200px; margin: auto; } .topHBanner { position: relative; z-index: 20; min-height: 100px;/* min-height: 72px; /*background: #fae818;*/ background: #ED2728} .topHBanner .smallBanner { position: absolute; width: 1200px; /*height: 100px;height: 72px;*/ top: 0; margin-left: -600px; left: 50%; z-index: 8; } .topHBanner .smallInner { position: relative; } .topHBanner .smallInner a { display: block; } .topHBanner .bigBanner { position: relative; z-index: 10; } .topHBanner .bigBanner .bigInner { width: 1200px; margin: auto; height: 300px; } .leftSIderbar { position: fixed; left: 50%; margin-left: -680px; top: 284px; display: none; z-index: 999; } .leftSIderbar a { display: block; margin-top: 10px; } .category-content .category { display: block; } .category-content .category .guanggao { margin-top: 11px; display: block; } .category-content .category .minNav { border: 1px solid #c8c8c8; width: 198px; height: 174px; margin-top: 10px; overflow: hidden; display:block; } .category-content .category .minNav h4 { background: url(/Images/Head/shu_icon.png) no-repeat 14px; font-family: 'Microsoft YaHei'; font-size: 16px; padding-left: 14px; text-indent: 24px; height: 42px; line-height: 42px; border-bottom: 1px solid #eaeaea; color: #e60000; font-weight: 100; } .category-content .category .minNav a { position: relative; display: block; height: 32px; line-height: 32px; color: #666; text-decoration: none; white-space: nowrap; text-indent: 14px; border-bottom: 1px solid #eaeaea; } .category-content .category .minNav a:hover { color: #e60000; } .category-content .category .minNav a:hover em { color: #e60000; } .category-content .category .minNav a em { position: absolute; top: -1px; right: 17px; width: 16px; height: 16px; font-size: 16px; color: #666666; } /*网页banner*/ .bannerWrap { position: relative; z-index: 7; background-repeat: no-repeat; background-position: center top; } .bannerWrap .banner { margin: 10px 0 0 210px; position: relative; height: 360px; width: 990px; overflow: hidden; } .bannerWrap .bannerList { height: 360px; width: 990px; overflow: hidden; } .bannerWrap .bannerList li { display: none; } .bannerWrap .bannerList li.on { display: block; } .bannerdot { position: absolute; bottom: 0; width: 100%; left: 0; } .bannerdot a { float: left; width: 178px; padding: 3px 0; text-align: center; height: 34px; color: #fff; cursor: pointer; line-height: 17px; display: table; background: url('http://o.bookschina.com/images/bannerline.png') no-repeat right; background-color: rgba(0,0,0,0.7); background: #000\9; filter: Alpha(opacity=50)\9; text-decoration: none; } .bannerdot.float1 a { width: 100%; background-image: none; } .bannerdot.float2 a { width: 50%; background-image: none; } .bannerdot.float3 a { width: 33.333333333%; background-image: none; } .bannerdot.float4 a { width: 25%; background-image: none; } .bannerdot.float5 a { width: 20%; background-image: none; } .bannerdot.float6 a { width: 16.666666666%; background-image: none; } .bannerdot.float7 a { width: 14.285714285%; background-image: none; } .bannerdot.float8 a { width: 12.5%; background-image: none; } .bannerdot.float9 a { width: 11.11%; background-image: none; } .bannerdot.float10 a { width: 10%; background-image: none; } .bannerdot a span { display: table-cell; vertical-align: middle; padding: 0 10px; } .bannerdot a.on { background: #e60000; filter: Alpha(opacity=100)\9; } .bannerWrap .banner .arrow { position: absolute; width: 27px; height: 38px; top: 50%; margin-top: -19px; cursor: pointer; display: none; } .bannerWrap .banner .leftArrow { left: 0; background: url(http://o.bookschina.com/images/homeindex.png) no-repeat -73px -38px; background-color: #000; background-color: rgba(0,0,0,0.35); } .bannerWrap .banner .rightArrow { right: 0; background: url(http://o.bookschina.com/images/homeindex.png) no-repeat -73px 0px; background-color: #000; background-color: rgba(0,0,0,0.35); } .bannerWrap .banner .arrow:hover { background-color: rgba(0,0,0,0.2); } .bannerWrap .banner:hover .arrow { display: block; } /*主编推荐 本周精选 新书速递 读者热评 畅销榜*/ .hotBookWrap { position: relative; z-index: 6; } .hotBookWrap .hotbookinner { margin: 10px 0 0 210px; width: 990px; } .hotBookWrap .hotBook { float: left; width: 730px; background: #eff2fa; padding: 10px; overflow: hidden; } .hotBook .tabTit { overflow: hidden; } .hotBook .tabTit a { cursor: default; float: left; border-top: 3px solid #eff2fa; color: #333333; font-family: "Microsoft YaHei"; font-size: 16px; height: 37px; line-height: 30px; padding: 0 25px; text-decoration: none; } .hotBook .tabTit a.cur { border-top: 3px solid #e60000; color: #e60000; background: #fff; font-weight: bold; } .hotBook .tabCon { background: #fff; } .mainEditor { overflow: hidden; } .mainEditor .mainEditorInner { padding: 15px 15px 0; height: 174px; border-bottom: 1px solid #eef1f9; } .mainEditor .mainEditorImg { padding: 10px 10px 0; } .mainEditor .mainCover { float: left; height: 160px; width: 189px; text-align: center; display: inline; position: relative; } .mainEditor .mainCover a { display: block; height: 160px; background: #fff; } .mainEditor .mainCover a img { max-height: 160px; max-width: 160px; } .mainEditor .mainCover .icon { position: absolute; top: 0; right: 0; } .mainEditor .mainText { float: left; width: 495px; display: inline; overflow: hidden; } .mainEditor .mainText h2 { margin-top: 10px; line-height: 30px; } .mainEditor .mainText h2 a { font-size: 16px; color: #000; font-family: "Microsoft YaHei"; text-decoration: none; } .mainEditor .mainText h2 a:hover { color: #e60000; } .mainEditor .priceWrap { overflow: hidden; line-height: 30px; } .mainEditor .priceWrap span { float: left; font-size: 18px; font-family: "Microsoft YaHei"; } .mainEditor .priceWrap .sellPrice { color: #e60000; } .mainEditor .priceWrap .price { color: #999999; margin-left: 11px; text-decoration-line: line-through; } .mainEditor .mainFont { height: 96px; overflow: hidden; } .mainEditor p { color: #666666; line-height: 24px; text-indent: 2em; margin-top: 1px; } .mainEditor .priceWrap .startWrap { float: left; overflow: hidden; margin-left: 27px; height: 30px; } .mainEditor .priceWrap .startWrap i { float: left; background: url(http://o.bookschina.com/images/homeindex.png) no-repeat; height: 13px; width: 13px; margin: 8px 3px 0 0; } .mainEditor .priceWrap .startWrap i.one { background-position: 0px -386px; } .mainEditor .priceWrap .startWrap i.half { background-position: -33px -386px; } .mainEditor .priceWrap .startWrap b { float: left; margin-left: 17px; color: #ff6c00; } .tabConList { position: relative; display: none; } .tabConList.cur { display: block; } .tabItem { display: none; } .tabItem.cur { display: block; } .tabItem .tabimg { } .tabItem .tabimg ul { overflow: hidden; } .tabItem .tabimg ul li { float: left; width: 236px; border-right: 1px solid #e3e3e3; height: 260px; } .tabItem .tabimg ul li:last-child { border-right: none; } .tabItem .tabbook { padding: 0 1px; margin-top: 10px; } .tabItem .tabbook ul { overflow: hidden; } .tabItem .tabbook ul li { float: left; width: 182px; overflow: hidden; position: relative; } .tabItem .tabbook ul li .icon { position: absolute; top: 0; right: 0; } .tabItem .tabbook .Img { text-align: center; margin-top: 7px; height: 158px; } .tabItem .tabbook .Img a { display: block; } .tabItem .tabbook .Img img { max-height: 158px; max-width: 158px; } .tabItem .tabbook .name { padding: 10px 15px 0; line-height: 18px; height: 36px; overflow: hidden; } .tabItem .tabbook .name a { color: #333333; font-size: 12px; text-decoration: none; } .tabItem .tabbook .name a:hover { color: #e60000; } #hotComment .tabbook .name { height: 18px; overflow: hidden; } .tabItem .tabbook .startWrap { float: left; overflow: hidden; height: 18px; line-height: 18px; padding: 0 18px; } .tabItem .tabbook .startWrap i { float: left; background: url(http://o.bookschina.com/images/homeindex.png) no-repeat -17px -386px; height: 13px; width: 13px; margin: 3px 3px 0 0; } .tabItem .tabbook .startWrap i.one { background-position: 0px -386px; } .tabItem .tabbook .startWrap i.half { background-position: -33px -386px; } .tabItem .tabbook .startWrap b { color: #ff6c00; float: right; } .tabItem .tabbook .priceWrap { overflow: hidden; padding: 4px 15px 15px 15px; line-height: 20px; } .tabItem .tabbook .priceWrap span { float: left; font-family: "Microsoft YaHei"; } .tabItem .tabbook .priceWrap .sellPrice { color: #e60000; font-size: 16px; } .tabItem .tabbook .priceWrap .price { color: #999999; font-size: 12px; margin-left: 10px; text-decoration-line: line-through; } .tabConList .arrow { position: absolute; width: 27px; height: 38px; top: 50%; margin-top: -57px; cursor: pointer; z-index: 9; display: none; } .tabConList .leftArrow { left: 0; background: url(http://o.bookschina.com/images/homeindex.png) no-repeat -73px -38px; background-color: #000; background-color: rgba(0,0,0,0.35); } .tabConList .rightArrow { right: 0; background: url(http://o.bookschina.com/images/homeindex.png) no-repeat -73px 0px; background-color: #000; background-color: rgba(0,0,0,0.35); } .tabConList:hover .arrow { display: block; } .tabConList .arrow:hover { background-color: rgba(0,0,0,0.2); display: block; } .hotBookWrap .hot_sale { float: right; width: 230px; background: #f0f0f0; } .hot_sale .hotTitle { line-height: 32px; height: 32px; overflow: hidden; background: #fff; } .hot_sale .hotTitle h2 { float: left; font-size: 16px; color: #e60000; font-family: "Microsoft YaHei"; font-weight: 400; } .hot_sale .hotTitle a { float: right; color: #999999; } .hot_sale .hotNav { font-size: 12px; position: relative; background: #fff; } .hot_sale .hotNav .navDot { overflow: hidden; height: 36px; position: relative; border-right: 1px solid #e6e6e6; position: relative; } .hot_sale .hotNav .navDot ul { overflow: hidden; width: 560px; position: absolute; top: 0; left: 0; } .hot_sale .hotNav .navDot ul li { float: left; width: 54px; height: 34px; display: inline; border: 1px solid #e6e6e6; border-right: none; line-height: 34px; } .hot_sale .hotNav .navDot ul li.cur { border-top: 2px solid #e60000; border-bottom: none; } .hot_sale .hotNav .navDot ul li a { display: block; text-align: center; color: #666666; text-decoration: none; } .hot_sale .hotNav .navDot ul li.cur a { color: #e60000; } .hotNav .arrow { position: absolute; width: 10px; height: 36px; top: 0; cursor: pointer; } .hotNav .leftArrow { left: 0; background: url(http://o.bookschina.com/images/homeindex.png) no-repeat -10px -64px; display: none; } .hotNav .rightArrow { right: 0; background: url(http://o.bookschina.com/images/homeindex.png) no-repeat 0 -64px; } .hotCon { border: 1px solid #eaeaea; border-top: none; border-bottom: none; overflow: hidden; background: #fff; } .hotCon ul { display: none; } .hotCon ul.on { display: block; } .hotCon ul li { position: relative; border-bottom: 1px solid #eaeaea; line-height: 0\9; } .hotCon ul li i { position: absolute; height: 32px; line-height: 32px; font-size: 14px; font-family: 'Microsoft YaHei'; width:35px; text-align: center; top: 0; } .hotCon ul li em { position: absolute; font-size: 9px; color: #7a7a7a; height: 32px; line-height: 32px; right: 10px; top: 0; } .hotCon ul li.red i { color: #e60000; } .hotCon ul li p { height: 34px; line-height: 34px; color: #333333; text-indent: 44px; padding-right: 35px; overflow: hidden; cursor: pointer; } .hotCon ul li.cur p { display: none; } .hotCon ul li.cur em { display: none; } .hotCon ul li .bookCur { display: none; overflow: hidden; padding: 10px 0px 11px; } .hotCon ul li .bookCur .bpic { float: left; width: 85px; height: 85px; margin-left: 30px;_margin-left:10px; margin-right:2px; display: inline; text-align: center; } .hotCon ul li .bookCur .bpic a { display: block; } .hotCon ul li .bookCur .bpic img { max-width: 85px; max-height: 85px; } .hotCon ul li .bookCur .bDetai { float: left; width: 100px; overflow: hidden; } .hotCon ul li .bookCur .bDetai .bName { margin-top: 8px; line-height: 22px; height: 44px; overflow: hidden; position: relative; } .hotCon ul li .bookCur .bDetai .bName a { display: block; height: 44px; text-decoration: none; color: #333; font-size: 12px; overflow: hidden; } .hotCon ul li .bookCur .bDetai .bName a:hover { color: #e60000; } .hotCon ul li.cur .bookCur { display: block; } .hotCon ul li .bookCur .bPrice { overflow: hidden; margin-top: 3px; line-height: normal\9; } .hotCon ul li .bookCur .bPrice .sellPrice { float: left; color: #e60000; font-family: "Microsoft YaHei"; } .hotCon ul li .bookCur .bPrice .price { float: left; color: #999999; text-decoration-line: line-through; font-family: "Microsoft YaHei"; margin-left: 3px; } .moreHotSale { text-align: right; line-height: 20px; padding-right: 10px; } .moreHotSale a { font-size: 12px; color: #666; } /*热门广告*/ .hotSubject { margin-top: 20px; } .hotSubject .w1210 { width: 1220px; margin: auto; } .hotSubject .w1210 a { float: left; margin-left: 10px; display: inline; } .hotSubject .w1210 a img { float: left; } /*横条广告*/ .pageGuangao { margin-top: 25px; } /*新到特价书精选*/ .newbooksWrap { margin-top: 10px; } .newbooksWrap .newTit { line-height: 52px; } .newTit h2 { float: left; font-size: 22px; font-family: "Microsoft YaHei"; display: inline; margin-right: 3px; } .newTit h2 a { color: #e60000; text-decoration: none; } .newTit > a { text-decoration: none; float: left; color: #666; line-height: 60px; margin-left: 17px; display: inline; padding-right: 13px; position: relative; } .newTit > a:hover { color: #e60000; } .newTit > a span { position: absolute; right: 0; top: 25px; width: 8px; height: 10px; background: url(http://o.bookschina.com/images/homeindex.png) no-repeat -21px -63px; } .newTit > a:hover span { background-position: -22px -72px; } .newTit b { font-size: 14px; font-family: 'Microsoft YaHei'; float: right; height: 52px; line-height: 52px; color: #333; cursor: pointer; position: relative; padding-left: 20px; } .newTit b span { position: absolute; left: 0; top: 20px; height: 13px; width: 14px; background: url(http://o.bookschina.com/images/childredSprit.png) no-repeat -57px -425px; } .newTit b:hover { color: #e60000; } .newTit b:hover span { background: url(http://o.bookschina.com/images/childredSprit.png) no-repeat -57px -445px; } .newCon { position: relative; } .newWrap { } .newWrap ul { overflow: hidden; background: url('http://o.bookschina.com/images/kindline.jpg') repeat-y right\9; } .newWrap ul li { float: left; height: 206px; width: 239px; border: 1px solid #e6e6e6; border-top-width: 2px; border-right: none; position: relative; } .newWrap ul li .icon { position: absolute; right: 10px; top: 50px; } .newWrap ul li:last-child { width: 238px; border-right: 1px solid #e6e6e6; } .newWrap ul li:hover { border-top-color: #e60000; } .newWrap ul li .bookText { height: 198px; padding: 8px 14px 0; } .newWrap ul li .bookText a { display: block; height: 24px; overflow: hidden; text-decoration: none; color: #333; font-size: 14px; line-height: 24px; font-family: "Microsoft YaHei"; } .newWrap ul li:hover .bookText a { color: #e60000; } .newWrap ul li .bookText .bookAuthor { color: #666; line-height: 22px; } .newWrap ul li .bookText .priceWrap { font-family: "Microsoft YaHei"; font-size: 14px; line-height: 23px; } .newWrap ul li .bookText .priceWrap del { display: block; color: #999; } .newWrap ul li .bookText .priceWrap span { color: #e60000; } .newWrap ul li .bookImg { position: absolute; bottom: 0; right: 1px; right: 1px\9; text-align: center; padding: 0 0 5px; width: 145px; height: 145px; -webkit-transition: -webkit-transform .4s ease-out; transition: -webkit-transform .4s ease-out; -moz-transition: transform .4s ease-out,-moz-transform .4s ease-out; transition: transform .4s ease-out; transition: transform .4s ease-out,-webkit-transform .4s ease-out,-moz-transform .4s ease-out; outline: 0; } .newWrap ul li .bookImg:hover { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } .newWrap ul li .bookImg a { outline: none; border: 1px solid #fff; } .newWrap ul li .bookImg img { max-height: 145px; border: none; max-width: 145px; border: 0; } /*淘书团热销 */ .tstWrap { margin-top: 15px; } .tstTit { overflow: hidden; /*background:#e60000 url('../Images/taoshutuantitle.png') no-repeat 20px center;*/ border-bottom: 3px solid #ff621d; position: relative; } .tstTit h2 { text-align: left; float: left; height: 58px; line-height: 55px; font-family: "Microsoft YaHei"; font-style: oblique; font-weight: normal; } .tstTit h2 a { color: #ff621d; text-decoration: none; overflow: hidden; font-size: 22px; } .tstTit h2 span { color: #333333; margin-left: 10px; font-size: 18px; font-style: oblique; } .tstTit > a { height: 58px; line-height: 58px; color: #666666; text-align: right; font-size: 14px; position: absolute; left: 0; top: 0; width: 1180px; padding-right: 20px; } .tstList { position: relative; height: 350px; width: 1200px; overflow: hidden; margin-top: 14px; top: 0px; left: 0px; } .tstList ul { position: absolute; left: 0; top: 0; width: 1400px; } .tstList ul li { float: left; width: 225px; border: 1px solid #eeeeee; margin-right: 16px; overflow: hidden; /*background: #edf8ff;*/ background-color:#ffffff; height:347px; } .tstList ul li .bookCover { /*height: 190px;*/ height:225px; position: relative; background-color:#fafafa; } .tstList ul li .bookCover a{ display:block;} .tstList ul li .bookCover span { position: absolute; width: 100%; height: 30px; line-height: 30px; left: 0; bottom: 0; text-align: center; font-size: 15px; background-color: rgba(0,0,0,0.5); color: #fff30f; font-family: 'Microsoft YaHei'; overflow: hidden; } .tstList ul li .bookCover i { font-family:initial; position:absolute; top:0; right:10px; width:28px; height:88px; background:url('http://o.bookschina.com/images/pub_28_88.png') no-repeat;} .tstList ul li .bookCover img { width: 100%; } .tstList ul li .infor { background: #edf8ff; } .tstList ul li .bookName { margin-top: 7px; line-height: 22px; height: 66px; overflow: hidden; overflow: hidden; padding: 0 14px; margin-bottom:10px; } .tstList ul li .bookName a { color: #333333; text-decoration: none; } .tstList ul li .bookName a:hover { color: #e60000; } .tstList ul li .priceWrap { margin-top: 3px; padding: 0 14px; overflow: hidden; line-height: 24px; font-family: 'Microsoft YaHei'; } .tstList ul li .priceWrap .salePrice { float: left; /*color: #e60000;*/ color: #ff621d; font-size: 28px; } .tstList ul li .priceWrap .salePrice b { font-size: 14px; display:none; } .tstList ul li .priceWrap .salePrice i { font-size:20px;font-family: Arial; margin-right:2px; } .tstList ul li .priceWrap .price { float: left; margin-left: 13px; color: #999; line-height:38px;font-family: Arial } .tstList ul li .priceWrap .discount { float: right; background: #deb86b; color: #fff; line-height: 18px; height: 18px; padding: 0 5px; border-radius: 2px; margin-top:8px; } .tstList .arrow { position: absolute; width: 27px; height: 38px; top: 85px; cursor: pointer; z-index: 3; display: none; } .tstList:hover .arrow { display: block; } .tstList .leftArrow { left: 2px; background: url(http://o.bookschina.com/images/homeindex.png) no-repeat -73px -38px; background-color: #000; background-color: rgba(0,0,0,0.35); } .tstList .rightArrow { right: 2px; background: url(http://o.bookschina.com/images/homeindex.png) no-repeat -73px 0px; background-color: #000; background-color: rgba(0,0,0,0.35); } .tstList .arrow:hover { background-color: rgba(0,0,0,0.2); } .lowBaoYouFloor { margin-top: 25px; } /* 今日超低价 */ .lowPrice { float: left; width: 720px; } .lowPriceTit { overflow: hidden; background: #f5f5f5; } .lowPriceTit h2 { float: left; width: 210px; height: 55px; background: #ff9d00; line-height: 55px; text-indent: 39px; position: relative; } .lowPriceTit h2 a { color: #fff; font-size: 22px; text-decoration: none; display: block; height: 55px; position: relative; z-index: 2; font-family: "Microsoft YaHei"; font-weight: 400; } .lowPriceTit h2 span { position: absolute; z-index: 1; width: 21px; height: 26px; background: url(http://o.bookschina.com/images/homeindex.png) no-repeat 0 -255px; top: 15px; left: 10px; } .lowPriceTit ul { float: left; overflow: hidden; } .lowPriceTit ul li { float: left; margin: 0 17px; line-height: 52px; border-top: 3px solid #f5f5f5; } .lowPriceTit ul li a { display: block; height: 52px; font-size: 18px; color: #666666; font-weight: bold; font-family: 'Microsoft YaHei'; text-decoration: none; } .lowPriceTit ul li.cur { border-top: 3px solid #ff9d00; } .lowPriceTit ul li.cur a { color: #ff9d00; font-family: "微软雅黑"; } .lowPriceTit .moreLink { float: right; margin-right: 11px; height: 55px; line-height: 55px; } .lowPriceTit .moreLink a { color: #666; } .lowPriceItem { margin-top: 9px; background: #ff9d00; display: none; } .lowPriceItem.cur { display: block; } .lowPriceItem .specil_lowPrice { float: left; width: 170px; overflow: hidden; padding: 0 19px 0 21px; } .countDown .countDownTime { line-height: 30px; margin-top: 14px; } .countDown .countDownTime span { color: #333; font-size: 16px; margin-top: 14px; font-family: 'Microsoft YaHei'; } .countDown .time { overflow: hidden; width: 180px; } .countDown .time span { float: left; height: 24px; line-height: 24px; width: 22px; background: #333333; color: #fff; text-align: center; border: 1px solid #272727; font-family: 'Microsoft YaHei'; margin-right: 2px; font-size: 16px; } .countDown .time i { float: left; height: 26px; line-height: 26px; color: #fff; margin-right: 2px; width: 6px; } .specil_book .bookCover { padding: 2px; height: 210px; margin-top: 15px; overflow: hidden; background: #fff; position: relative; } .specil_book .bookCover a { display: block; text-align: center; margin-top: 22px; } .specil_book .bookCover img { max-width: 100%; max-height: 166px; } .specil_book .bookCover .icon { } .specil_book .bookCover .icon { text-indent: -999px; overflow: hidden; } .specil_book .bookCover .over { width: 60px; height: 60px; position: absolute; top: 50%; right: 0; margin: -30px 0 0 0; background: url(http://o.bookschina.com/images/overqinagou.png) no-repeat; } .specil_book .bookCover .cur { width: 35px; height: 35px; position: absolute; top: 3px; right: 3px; background: url(http://o.bookschina.com/images/nowqianggou.png) no-repeat; } .specil_book .bookCover .future { width: 45px; height: 40px; position: absolute; top: 3px; right: 3px; background: url(http://o.bookschina.com/images/futureqiangou.png) no-repeat; } .specil_book h3 { line-height: 30px; margin-top: 14px; height: 30px; overflow: hidden; } .specil_book h3 a { font-size: 16px; color: #333; font-family: 'Microsoft YaHei'; } .specil_book p { color: #333; line-height: 18px; margin-top: 2px; } .specil_book .priceWrap { overflow: hidden; line-height: 30px; margin-top: 1px; } .specil_book .priceWrap span { float: left; color: #e60000; font-size: 16px; font-weight: bold; } .specil_book .priceWrap del { float: left; color: #333333; margin-left: 10px; line-height: 35px; } .lowPriceItem .lowPriceWrap { float: left; width: 510px; } .lowPriceItem .lowPriceWrap li { position: relative; overflow: hidden; } .lowPriceItem .lowPriceWrap li .icon { text-indent: -999px; overflow: hidden; } .lowPriceItem .lowPriceWrap li .over { width: 60px; height: 60px; position: absolute; top: 50%; right: 0; margin: -30px 0 0 0; background: url(http://o.bookschina.com/images/overqinagou.png) no-repeat; } .lowPriceItem .lowPriceWrap li .cur { width: 35px; height: 35px; position: absolute; top: 3px; right: 3px; background: url(http://o.bookschina.com/images/nowqianggou.png) no-repeat; } .lowPriceItem .lowPriceWrap li .future { width: 45px; height: 40px; position: absolute; top: 3px; right: 3px; background: url(http://o.bookschina.com/images/futureqiangou.png) no-repeat; } .lowPriceItem .lowPriceWrap li .bookImg { height: 130px; overflow: hidden; text-align: center; padding-top: 15px; line-height: 0; } .lowPriceItem .lowPriceWrap li .bookImg a { display: block; } .lowPriceItem .lowPriceWrap li .bookImg img { max-height: 130px; max-height: 130px; } .lowPriceItem .lowPriceWrap li h3 { width: 135px; overflow: hidden; margin: 20px auto 0; height: 16px; overflow: hidden; } .lowPriceItem .lowPriceWrap li h3 a { font-weight: 400; color: #333; font-size: 12px; text-decoration: none; } .lowPriceItem .lowPriceWrap li h3 a:hover { color: #e60000; } .lowPriceItem .lowPriceWrap li .priceWrap { overflow: hidden; width: 135px; margin: auto; font-family: "Microsoft YaHei"; line-height: 30px; } .lowPriceItem .lowPriceWrap li .priceWrap .salePrice { float: left; color: #e60000; font-size: 16px; font-weight: bold; } .lowPriceItem .lowPriceWrap li .priceWrap .price { float: left; color: #999; margin-left: 10px; } .lowPriceWrap ul { overflow: hidden; background: #fff; border: 1px solid #e6e6e6; border-left: none; border-right: none; } .lowPriceWrap ul li { float: left; border: 1px solid #e6e6e6; border-left: none; border-top: none; width: 169px; height: 224px; background: #fff; } /* 包邮区 */ .baoyou { } .baoyouTitle { overflow: hidden; background: #f5f5f5; position: relative; } .baoyouTitle h2 { text-align: left; float: left; height: 58px; line-height: 55px; font-family: "Microsoft YaHei"; font-style: oblique; font-weight: normal; } .baoyouTitle h2 a { color: #e60000; text-decoration: none; overflow: hidden; font-size: 22px; } .baoyouTitle h2 span { color: #333333; margin-left: 10px; font-size: 18px; font-style: oblique; } .baoyouTitle .moreLink { height: 58px; line-height: 58px; text-align: right; position: absolute; left: 0; top: 0; width: 1180px; padding-right: 20px; } .baoyouTitle .moreLink a { color: #666666; font-size: 14px; display: block; height: 58px; } .baoCon { margin-top: 10px; position: relative; } .baoCon ul { overflow: hidden; background: #fff; border: 1px solid #e6e6e6; position: relative; border-top: none; } .baoCon ul li { float: left; border-top: 3px solid #e6e6e6; width: 20%; height: 223px; position: relative; overflow: hidden; box-sizing: content-box; } .baoCon ul li:first-child+li+li+li+li{ *margin-left:-2px;_margin-left:-2px;} .baoCon ul li .listWrap { border-right: 1px solid #e6e6e6; overflow: hidden; height: 223px; } .baoCon ul li:hover { border-top: 3px solid #e60000; } .baoCon ul li:last-child .listWrap { border-right: none; } .baoCon ul li p { line-height: 24px; padding-left: 13px; width: 207px; white-space: nowrap; overflow: hidden; margin-top: 12px; } .baoCon ul li p a { font-size: 14px; font-family: "Microsoft YaHei"; text-decoration: none; } .baoCon ul li del { padding-left: 13px; font-size: 13px; font-family: "Microsoft YaHei"; color: #999; } .baoCon ul li .book_cover { position: absolute; height: 158px; width: 158px; right: 1px; bottom: 8px; text-align: center; z-index: 1; -webkit-transition: -webkit-transform .4s ease-out; transition: -webkit-transform .4s ease-out; -moz-transition: transform .4s ease-out,-moz-transform .4s ease-out; transition: transform .4s ease-out; transition: transform .4s ease-out,-webkit-transform .4s ease-out,-moz-transform .4s ease-out; } .baoCon ul li .book_cover:hover { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } .baoCon ul li .book_cover a { display: block; } .baoCon ul li .book_cover img { max-height: 158px; max-width: 158px; } .baoCon ul li .price { position: absolute; width: 60px; height: 60px; background: url(http://o.bookschina.com/images/homeindex.png) no-repeat -1px -318px; top: 64px; left: 14px; z-index: 2; text-align: center; } .baoCon ul li .price { display: block; font-size: 22px; color: #fff; font-family: "Microsoft YaHei"; color: #fff; line-height: 40px; } .baoCon ul li .price i { font-size: 14px; } .baoCon .arrow { position: absolute; width: 27px; height: 38px; top: 50%; margin-top: -19px; cursor: pointer; z-index: 3; display: none; } .baoCon:hover .arrow { display: block; } .baoCon .leftArrow { left: 2px; background: url(http://o.bookschina.com/images/homeindex.png) no-repeat -73px -38px; background-color: #000; background-color: rgba(0,0,0,0.35); } .baoCon .rightArrow { right: 2px; background: url(http://o.bookschina.com/images/homeindex.png) no-repeat -73px 0px; background-color: #000; background-color: rgba(0,0,0,0.35); } .baoCon .arrow:hover { background-color: rgba(0,0,0,0.2); } /* 分类楼层样式 */ .kindFloor { margin-top: 25px; } .kindFloor .floorTit { position: relative; background: #f5f5f5; } .kindFloor .floorTit h2 { float: left; height: 55px; width: 210px; line-height: 55px; text-indent: 16px; background: #00b6f0; } .kindFloor .floorTit h2 a { display: block; height: 55px; text-decoration: none; font-size: 22px; color: #fff; font-family: "黑体"; } .kindFloor .floorTit ul { overflow: hidden; float: left; } .kindFloor .floorTit ul li { float: left; padding: 0 19px; background: url('http://o.bookschina.com/images/kindline.jpg') no-repeat right; } .kindFloor .floorTit ul li a { padding: 0 7px; padding-top: 8px; font-size: 15px; color: #333333; text-decoration: none; display: block; line-height: 32px; height: 43px; border-top: 4px solid #f5f5f5; } .kindFloor .floorTit ul li.cur { } .kindFloor .floorTit ul li.cur a { border-top: 4px solid #00b6f0; color: #03a7db; } .floorCon { margin-top: 10px; } .floorCon .floorLeft { float: left; width: 960px; } .floorCon .floorLeft .floorTabItem { display: none; } .floorCon .floorLeft .floorTabItem.cur { display: block; } .floorTabItem .floorTabLeft { float: left; width: 210px; } .floorTabItem .floorTabRight { float: right; width: 740px; } .floorTabItem .floorTabRight .floorTabRightInner { position: relative; } .floorTabItem .floorTabRight .kindmore { position: absolute; right: 0; top: 50%; position: absolute; background: #bdeefe; margin-top: -34px; display: none; } .floorTabItem .floorTabRight .floorTabRightInner:hover .kindmore { display: block; } .floorTabItem .floorTabRight .kindmore a { display: block; width: 14px; text-align: center; padding: 8px; color: #00b6f0; text-decoration: none; } .tabBanner { position: relative; } .tabBanner .bannerWrap { position: relative; height: 334px; overflow: hidden; } .tabBanner ul { position: absolute; left: 0; right: 0; width: 630px; } .tabBanner ul li { height: 334px; overflow: hidden; float: left; width: 210px; position: relative; } .tabBanner ul li h2 { text-align: center; font-family: 'Microsoft YaHei'; position: absolute; height: 30px; line-height: 30px; top: 25px; left: 16px; width: 178px; background: #fff; } .tabBanner ul li h2 a { color: #0080cc; text-decoration: none; font-size: 16px; } .tabBanner ul li p { position: absolute; line-height: 20px; width: 178px; left: 16px; color: #fff; top: 67px; } .tabBanner .focusDot { position: absolute; bottom: 13px; height: 2px; left: 77px; z-index: 200; } .tabBanner .focusDot span { float: left; height: 2px; width: 20px; background: #fff; opacity: 0.5; filter: Alpha(opacity=50); cursor: pointer; margin: 0 3px; display: inline-block; } .tabBanner .focusDot span.on { background: #fff; opacity: 1; filter: Alpha(opacity=100); } .floorTabLeft .kindText { background: #bdeefe; padding: 0 15px; margin-top: 1px; height: 195px; overflow: hidden; } .floorTabLeft .kindText .kindTextTit { } .floorTabLeft .kindText h3 { color: #0080cc; margin-top: 14px; font-size: 16px; font-weight: normal; line-height: 30px; } .floorTabLeft .kindText h3 a { color: #0080cc; } .floorTabLeft .kindText ul { margin-top: 7px; } .floorTabLeft .kindText ul li { line-height: 26px; height: 26px; width: 180px; overflow: hidden; position: relative; } .floorTabLeft .kindText ul li a { color: #666; text-decoration: none; padding-left: 12px; } .floorTabLeft .kindText ul li a:hover { color: #07a1d2; } .floorTabLeft .kindText ul li span { top: 0; position: absolute; left: 0px; font-size: 9px; color: #82888a; } .floorTabLeft .kindText ul li:hover span { color: #07a1d2; } .floorTabRight ul { overflow: hidden; } .floorTabRight ul li { float: left; width: 185px; height: 266px; position: relative; } .floorTabRight ul li .booKimg { height: 158px; margin-top: 10px; text-align: center; } .floorTabRight ul li .booKimg a { display: block; } .floorTabRight ul li .booKimg img { max-height: 158px; max-width: 158px; } .floorTabRight ul li .bookName { width: 145px; padding: 0 20px; line-height: 18px; height: 18px; overflow: hidden; margin-top: 15px; } .floorTabRight ul li .bookName a { font-size: 12px; font-weight: 400; color: #333; text-decoration: none; } .floorTabRight ul li .bookName a:hover { color: #e60000; } .floorTabRight ul li .bookAuthor { margin-top: 4px; color: #666; width: 145px; padding: 0 20px; line-height: 18px; height: 18px; overflow: hidden; } .floorTabRight ul li .pirceWrap { margin-top: 5px; width: 145px; padding: 0 20px; overflow: hidden; line-height: 16px; } .floorTabRight ul li .pirceWrap .salePrice { float: left; color: #e60000; font-size: 15px; font-family: "Microsoft YaHei"; } .floorTabRight ul li .pirceWrap .price { line-height: 18px; margin-left: 7px; float: left; color: #999999; text-decoration-line: line-through; } .floorCon .floorRight { width: 230px; float: right; } .floorTabRight ul li .icon { position: absolute; top: 0; right: 0; width:42px; height:42px; } .floorTabRight ul li .icon img { width: 100%; } .seriesBook ul { border: 1px solid #e6e6e6; border-bottom: none; } .seriesBook ul li { border-bottom: 1px solid #e6e6e6; position: relative; line-height: 0; } .seriesBook ul li .img { display: none; } .seriesBook ul li .text { display: block; height: 32px; line-height: 32px; padding-left: 32px; width: 185px; overflow: hidden; color: #333; text-decoration: none; } .seriesBook ul li span { position: absolute; font-size: 8px; height: 32px; line-height: 32px; top: 0; left: 13px; line-height: 42px\9; } .seriesBook ul li.cur .img { display: block; width: 228px; height: 90px; overflow: hidden; } .seriesBook ul li.cur .text { display: none; } .seriesBook ul li.cur span { display: none; } .floorSubImg { margin-top: 20px; } #floor2 .floorTit h2 { background: #b17f4a; } #floor2 .floorTit ul li.cur a { border-top: 4px solid #b17f4a; color: #b17f4a; } #floor2 .floorTabLeft .kindText { background: #ffebd3; } #floor2 .floorTabLeft .kindText h3 { color: #b17f4a; } #floor2 .floorTabLeft .kindText h3 a { color: #b17f4a; } #floor2 .floorTabLeft .kindText ul li a:hover { color: #b17f4a; } #floor2 .floorTabLeft .kindText ul li:hover span { color: #b17f4a; } #floor3 .floorTit h2 { background: #fc65b6; } #floor3 .floorTit ul li.cur a { border-top: 4px solid #fc65b6; color: #fc64b5; } #floor3 .floorTabLeft .kindText { background: #eeeeee; } #floor3 .floorTabLeft .kindText h3 { color: #fc65b6; } #floor3 .floorTabLeft .kindText h3 a { color: #fc65b6; } #floor3 .floorTabLeft .kindText ul li a:hover { color: #fc65b6; } #floor3 .floorTabLeft .kindText ul li:hover span { color: #fc64b5; } /*其他图书分类*/ .otherFloorWrap { margin-top: 25px; } .otherFloor .otherTit { background: #f5f5f5; } .otherFloor .otherTit ul { overflow: hidden; } .otherFloor .otherTit ul li { float: left; padding: 0 19px; background: url('http://o.bookschina.com/images/kindline.jpg') no-repeat right; } .otherFloor .otherTit ul li a { padding: 0 7px; padding-top: 8px; font-size: 15px; color: #333333; text-decoration: none; display: block; line-height: 32px; height: 43px; border-top: 4px solid #f5f5f5; } .otherFloor .otherTit ul li.cur { } .otherFloor .otherTit li.cur a { border-top: 4px solid #e60000; color: #e60000; } .otherFloor .otherBook { float: left; width: 950px; } .otherFloor .otherBook ul { overflow: hidden; display: none; } .otherFloor .otherBook ul.cur { display: block; } .otherFloor .otherBook ul li { float: left; width: 185px; height: 266px; } .otherFloor .otherBook ul li .booKimg { height: 158px; margin-top: 10px; text-align: center; } .otherFloor .otherBook ul li .booKimg a { display: block; } .otherFloor .otherBook ul li .booKimg img { max-height: 158px; max-width: 158px; } .otherFloor .otherBook ul li .bookName { width: 145px; padding: 0 20px; line-height: 18px; height: 18px; overflow: hidden; margin-top: 15px; } .otherFloor .otherBook ul li .bookName a { font-size: 12px; font-weight: 400; color: #333; text-decoration: none; } .otherFloor .otherBook ul li .bookName a:hover { color: #e60000; } .otherFloor .otherBook ul li .bookAuthor { margin-top: 4px; color: #666; width: 145px; padding: 0 20px; line-height: 18px; height: 18px; overflow: hidden; } .otherFloor .otherBook ul li .pirceWrap { margin-top: 5px; width: 145px; padding: 0 20px; overflow: hidden; line-height: 16px; } .otherFloor .otherBook .pirceWrap .salePrice { float: left; color: #e60000; font-size: 15px; font-family: "Microsoft YaHei"; } .otherFloor .otherBook .pirceWrap .price { line-height: 18px; margin-left: 7px; float: left; color: #999999; text-decoration-line: line-through; } .otherFloor .otherSeries { float: right; width: 230px; } /*名社名家*/ .pubAutWrap { margin-top: 25px; } .publishWrap { float: left; width: 960px; } .pubTit { position: relative; background: #f5f5f5; } .pubTit h2 { height: 55px; border-bottom: 2px solid #efefef; line-height: 55px; text-indent: 10px; } .pubTit h2 a { color: #5eadb1; text-decoration: none; font-size: 20px; font-family: "Microsoft YaHei"; font-weight: 400; } .pubCon { margin-top: 10px; } .pubCon .pubLeft { float: left; width: 210px; background: #f5f5f5; } .pubCon .pubNav ul { overflow: hidden; } .pubCon .pubNav ul li { position: relative; height: 42px; line-height: 42px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pubCon .pubNav ul li a { color: #333; text-decoration: none; padding: 0 20px; display: block; height: 42px; } .pubCon .pubNav ul li.cur { background: #5eadb1; } .pubCon .pubNav ul li.cur a { color: #fff; } .pubCon .pubNav ul li span { position: absolute; height: 42px; line-height: 42px; color: #fff; right: 10px; top: 0; } .pubCon .pubNav .butWrap { height: 28px; margin: 0 10px; border-top: 1px solid #e3e3e3; } .pubCon .pubNav .butWrap span { float: right; margin: 4px 0 0 6px; height: 20px; width: 20px; cursor: pointer; background: #fff url(http://o.bookschina.com/images/homeindex.png) no-repeat; } .pubCon .pubNav .butWrap span.downArrow { background-position: 0px -422px; } .pubCon .pubNav .butWrap span.upArrow { background-position: -0px -401px; } .pubCon .pubNav .butWrap span.prevStop { background-position: -21px -401px; } .pubCon .pubNav .butWrap span.nextStop { background-position: -21px -422px; } /*.pubCon .pubNav .butWrap span.downArrow:hover { background-position:-21px -422px; } .pubCon .pubNav .butWrap span.upArrow:hover { background-position:-21px -401px; }*/ .pubCon .pubRight { float: right; width: 740px; } .pubCon .pubItem { display: none; } .pubCon .pubItem.cur { display: block; } .pubCon .pubText { padding-right: 8px; border-bottom: 1px solid #ededed; height: 180px; } .pubCon .pubText h3 { padding: 0 35px; line-height: 20px; margin-top: 11px; } .pubCon .pubText h3 a { color: #000; font-size: 18px; font-family: 'Microsoft YaHei'; text-decoration: none; } .pubCon .pubText h3 a:hover { color: #e60000; } .pubCon .pubText p { padding: 0 35px; text-indent: 2em; line-height: 26px; color: #666; margin-top: 10px; } .pubCon .pubText p a { font-weight: bold; color: #666; } .pubCon .pubRight ul li { float: left; width: 185px; height: 266px; } .pubCon .pubRight li .booKimg { height: 158px; margin-top: 10px; text-align: center; } .pubCon .pubRight ul li .booKimg a { display: block; } .pubCon .pubRight ul li .booKimg img { max-height: 158px; max-width: 158px; } .pubCon .pubRight ul li .bookName { width: 145px; padding: 0 20px; line-height: 18px; height: 18px; overflow: hidden; margin-top: 15px; } .pubCon .pubRight ul li .bookName a { font-size: 12px; font-weight: 400; color: #333; text-decoration: none; } .pubCon .pubRight ul li .bookName a:hover { color: #e60000; } .pubCon .pubRight ul li .bookAuthor { margin-top: 4px; color: #666; width: 145px; padding: 0 20px; line-height: 18px; height: 18px; overflow: hidden; } .pubCon .pubRight ul li .pirceWrap { margin-top: 5px; width: 145px; padding: 0 20px; overflow: hidden; line-height: 16px; } .pubCon .salePrice { float: left; color: #e60000; font-size: 15px; font-family: "Microsoft YaHei"; } .pubCon .price { line-height: 18px; margin-left: 7px; float: left; color: #999999; text-decoration-line: line-through; } .authorWrap { width: 230px; float: right; } .authorTit h2 { height: 55px; line-height: 55px; background: #5eadb1; color: #fff; font-family: "Microsoft YaHei"; text-indent: 10px; font-size: 20px; font-weight: 400; } .authorContent { border: 1px solid #e6e6e6; } .mainAuthor { border-bottom: 1px solid #e6e6e6; padding: 10px 13px 0 9px; height: 354px; } .mainAuthor h3 { overflow: hidden; } .mainAuthor h3 a { float: left; height: 25px; line-height: 25px; padding: 0 10px; background: #5eadb1; color: #fff; } .mainAuthor p { color: #5eadb1; line-height: 18px; margin-top: 14px; } .mainAuthor .book { text-align: center; margin-top: 8px; } .mainAuthor .book img { max-height: 160px; } .mainAuthor .bookName { color: #333; height: 18px; line-height: 18px; overflow: hidden; } .mainAuthor .bookName a { color: #333; font-size: 14px; font-family: "Microsoft YaHei"; text-decoration: none; } .mainAuthor .bookName a:hover { color: #e60000; } .mainAuthor .priceWrap { overflow: hidden; line-height: 30px; } .mainAuthor .priceWrap span { float: left; font-family: "Microsoft YaHei"; } .mainAuthor .salePrice { font-size: 16px; color: #5eadb1; } .mainAuthor .Price { margin-left: 13px; text-decoration-line: line-through; font-size: 14px; color: #999; } .otherAuthor { overflow: hidden; padding: 12px; line-height: 30px; background: #f7f7f7; } .otherAuthor span { float: left; color: #c6c6c6; display: inline; } .otherAuthor a { float: left; padding: 0 13px; padding: 0 12px\9; display: inline; text-align: center; color: #333; } .otherAuthor a:hover { color: #3da9ae; } /*人气作者专题*/ /*.hotAuthor { width:230px; float:right; } .hotAuthor .hotAuthorTitle { height:50px; line-height:50px; background:#5eadb1; position:relative; } .hotAuthor .hotAuthorTitle h2 { color:#fff; font-weight:normal; font-size:18px; font-family:'Microsoft YaHei'; text-indent:13px; } .hotAuthorCon { border:1px solid #e6e6e6; border-top:none; overflow:hidden; } .hotAuthorCon .authorName { overflow:hidden; margin:18px 9px 0; white-space:nowrap; } .hotAuthorCon .authorName b { float:left; background:#5eadb1; color:#fff; height:25px; line-height:25px; padding:0 8px; font-size:14px; font-family:'Microsoft YaHei'; } .authorBookWrap { position:relative; } .hotAuthorCon .authorIntroduce { margin:14px 19px 0 12px; color:#5eadb1; line-height:18px; } .authorBookWrap .authorPannel { position:relative; height:260px; overflow:hidden; z-index:10; width:228px; margin-top:7px; } .authorBookWrap .authorPannel ul { position:absolute; left:0; right:0; height:284px; z-index:9; } .authorBookWrap .authorPannel ul li { float:left; height:280px; width:228px; position:relative; } .authorBookWrap .authorPannel ul li .bookCover { padding:15px 19px; height:160px; text-align:center; } .authorBookWrap .authorPannel ul li .bookCover a {} .authorBookWrap .authorPannel ul li .bookCover a img { max-height:160px; max-width:100%; } .authorBookWrap .authorPannel ul li h4 { padding:0 12px; height:24px; line-height:24px; margin-top:4px; } .authorBookWrap .authorPannel ul li h4 a { font-family:'Microsoft YaHei'; font-size:14px; color:#333333; text-decoration:none; } .authorBookWrap .authorPannel ul li h4 a:hover { color:#e60000; } .authorBookWrap .authorPannel ul li .publish { line-height:18px; color:#666666; padding:0 12px; white-space:nowrap; } .authorBookWrap .authorPannel ul li .pirceWrap { overflow:hidden; line-height:26px; padding:0 12px; font-family:'Microsoft YaHei'; } .authorBookWrap .authorPannel ul li .pirceWrap .salePrice { float:left; color:#5eadb1; font-size:16px; margin-right:12px; } .authorBookWrap .authorPannel ul li .pirceWrap .price { float:left; font-size:14px; color:#999; } .authorBookWrap .authorPannel ul li .icon { position:absolute; right:20px; top:0; } .hotAuthor .otherAuthorWrap { overflow:hidden; border:1px solid #e6e6e6; border-top:none; padding:16px 12px 0; line-height:32px; } .hotAuthor .otherAuthorWrap a { float:left; margin:0 12px; color:#333333; text-decoration:none; } .hotAuthor .otherAuthorWrap a:hover { color:#3da9ae; } .authorBookWrap .arrow { position:absolute; width:27px; height:38px; top:50%; margin-top:-69px; cursor:pointer; z-index:100; cursor:pointer; display:none;} .authorBookWrap:hover .arrow { display:block; } .authorBookWrap .leftArrow { left:2px; background:url(../Images/homeindex.png) no-repeat -73px -38px; background-color:#000; background-color:rgba(0,0,0,0.35);} .authorBookWrap .rightArrow { right:2px; background:url(../Images/homeindex.png) no-repeat -73px 0px; background-color:#000; background-color:rgba(0,0,0,0.35);} .authorBookWrap .arrow:hover { background-color:rgba(0,0,0,0.2);}*/ /*右侧侧导航*/ .sidebar { background: #fff; z-index: 999; position: fixed; width: 60px; bottom: 15px; left: 50%; margin-left: -680px; display: none; } .sidebar ul { border: 1px solid #eaeaea; } .sidebar ul li { background: url(http://o.bookschina.com/images/homeindex.png) no-repeat -163px 7px; border-bottom: 1px solid #eaeaea; height: 59px; text-align: center; } .sidebar ul li.link1 { background-position: -163px 7px; } .sidebar ul li.link2 { background-position: -163px -52px; } .sidebar ul li.link3 { background-position: -163px -112px; } .sidebar ul li.link4 { background-position: -163px -170px; } .sidebar ul li.link5 { background-position: -163px -231px; } .sidebar ul li.link6 { background-position: -163px -290px; } .sidebar ul li.link7 { background-position: -163px -351px; } .sidebar ul li.link8 { background-position: -163px -410px; } .sidebar ul li.link1:hover { background-position: -119px 7px; } .sidebar ul li.link2:hover { background-position: -119px -52px; } .sidebar ul li.link3:hover { background-position: -119px -112px; } .sidebar ul li.link4:hover { background-position: -119px -170px; } .sidebar ul li.link5:hover { background-position: -119px -231px; } .sidebar ul li.link6:hover { background-position: -119px -290px; } .sidebar ul li.link7:hover { background-position: -119px -351px; } .sidebar ul li.link8:hover { background-position: -119px -410px; } .sidebar ul li.link1.current { background-position: -119px 7px; } .sidebar ul li.link2.current { background-position: -119px -52px; } .sidebar ul li.link3.current { background-position: -119px -112px; } .sidebar ul li.link4.current { background-position: -119px -170px; } .sidebar ul li.link5.current { background-position: -119px -231px; } .sidebar ul li.link6.current { background-position: -119px -290px; } .sidebar ul li.link7.current { background-position: -119px -351px; } .sidebar ul li.link8.current { background-position: -119px -410px; } .sidebar ul li a { display: block; color: #666; height: 59px; text-decoration: none; line-height: 84px; } .sidebar ul li a:hover { color: #e60000; } .sidebar ul li.current a { color: #e60000; } .sidebar .backTop { height: 20px; } .sidebar .backTop a { background: #999 url(http://o.bookschina.com/images/homeindex.png) -160px -472px; display: block; height: 20px; text-indent: -999px; overflow: hidden; } .sidebar .backTop a:hover { background-color: #e60000; } /*侧栏*/ #right-nav { width: 45px; height: 100%; position: fixed; top: 50%; right: 0; z-index: 20; margin: -90px 0 0; } #right-nav-list1 { position: relative; right: 0; top: 0; z-index: 20; } #right-nav li { position: relative; left: 0; top: 0; height: 36px; width: 45px; text-align: center; background: #999999; } #right-nav li > a { width: 100%; display: block; background: #999999; height: 35px; box-sizing: border-box; } #right-nav li.first, #right-nav li.first > a { border-radius: 3px 0 0 0; } #right-nav li.last, #right-nav li.last > a { border-radius: 0 0 0 3px; } #right-nav li .iconWrap { background: url('http://o.bookschina.com/images/nav6.jpg') no-repeat bottom center; height: 36px; } #right-nav li .navMessage { position: absolute; right: -104px; padding-right: 46px; top: 0; z-index: -1; font-size: 12px; background: #e60000; color: #fff; height: 35px; width: 60px; line-height: 35px; text-align: center; border-radius: 3px; text-align: right; transition: all linear 300ms; } #right-nav li .navMessage a { display: block; color: #fff; text-decoration: none; } #right-nav li:hover > a { background-color: #e60000; border-radius: 0; } #right-nav li:hover .navMessage { right: 0; background-color: #e60000; } .leftsmallBanner { z-index: 999; position: fixed; left: 50%; top: 280px; margin-left: -679px; } .leftsmallBanner .leftsmallInner { position: relative; } .leftsmallBanner .bannerdt { border: 1px solid #d11313; width: 78px; height: 160px; } .leftsmallBanner .bannerdd { border: 1px solid #d11313; display: none; width: 0; overflow: hidden; position: absolute; left: -1px; top: -1px; } #topCountDown { background: none; right:0px; width: 179px; padding: 41px 10px 0px 14px; height:auto;} #topCountDown span { font-size: 26px; text-align: center;width: 47px; height: 32px; line-height: 32px; font-family: Arial; padding: 0px; margin-right:19px; } #topCountDown span.z{ margin-right:0px;} a.probg { background: url('http://image31.bookschina.com/pro-images/probg.png') 100% 100% no-repeat; margin-top: 20px; width: 72px; height: 111px; margin-left: -3px; font-size: 14px; color: #fff; line-height: 18px; padding: 40px 6px 5px 5px; } img.img0 { display: none; } .caution{ width:100%; height:30px; line-height:30px; color:#666666;} .cautionioc{background: url('http://o.bookschina.com/images/cautionioc.png') left center no-repeat; padding-left:20px; width:1180px; margin:0 auto;} .cautionioc a{ color:#666666;}.cautionioc a:hover{ color:#666666; text-decoration:underline;} /*红包雨*/ .nov-float{position: fixed;top: 180px;left: calc(50% - 740px);z-index: 88;} @keyframes hob_shake { 15%, 45%{ -webkit-transform: rotate(3deg); transform: rotate(3deg); transform-origin: 50% 100%; } 30%{ -webkit-transform: rotate(-3deg); transform: rotate(-3deg); transform-origin: 50% 100%; } 60% ,100%{-webkit-transform: rotate(0deg); transform: rotate(0deg);transform-origin: 50% 100%; }} @keyframes hob{10%, 30%, 50%{ -webkit-transform: translateY(-10px); transform: translateY(-10px); } 20%, 40% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 60% ,100%{ -webkit-transform: translateY(0); transform: translateY(0); }} .hob-mb{display: none; } .hongbao-wrapper{ display: none; position: fixed;top: 0%;left: 0%; width: 100%;height: 100%;background-color: rgba(0,0,0,.8); z-index:1000;} .hongbao-wrapper i{ display: block; position: absolute; cursor:pointer; width:96px;height:133px;top: -20px; background-repeat: no-repeat;background-size: 100%; background-image: url(http://o.bookschina.com/images/hb.png);-webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -o-transform: rotate(-15deg);transform: rotate(-15deg); -webkit-transition: 1s transform;-moz-transition: 1s transform;-ms-transition: 1s transform;-o-transition: 1s transform;transition: 1s transform;} .hongbao-wrapper i.rotate{ -webkit-transform: rotate(7200deg); -ms-transform: rotate(7200deg); -o-transform: rotate(7200deg); transform: rotate(7200deg); } .hob-cd{position: absolute;color: #fff; font-size: 30rem;top: 1rem; left: 2rem; display:none; } .hob-close{position: absolute;width: 40px;height: 40px;top: 30px; right:20px;cursor: pointer; /*margin: 0 auto; left: 60%; top: 30%; display:none;*/z-index:88;} .hob-close::before, .hob-close::after{ content: ''; display: block; position: absolute; width: 30px;height: 2px;top: 19px;left: 5px;background-color: #FFF; border-radius: 2px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg);transform: rotate(-45deg);} .hob-close::after{-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); } .hongbao-wrapper p{ padding:2px 5px; /*background-color:#fff; width:150px;*/ color:#fff; font-size:12px; position: absolute; height:20px; line-height:20px; top:70px; right:12px; cursor: pointer; z-index: 88; border-radius:2px; text-align:center;} /*.hongbao-wrapper p::after{ content: ''; width:0; height:0; border-width:14px; position:absolute; top: -22px; right: 6px; border-style:solid; border-color: transparent transparent #fff transparent ;}*/ /*红包*/ .modal.modal-xl { width:350px; height:430px; position:fixed; margin:auto auto; left:50%; top:50%; margin-left:-175px; margin-top:-215px; z-index:9999; display:none; font-family: "Microsoft YaHei"; } .mod-body{background: url("http://image31.bookschina.com/pro-images/201109dq/pickpc.png?id=2") no-repeat top center; background-size:contain; width:336px; height:306px; margin:0 auto; } .mod-close{background: url("http://image31.bookschina.com/pro-images/201109dq/closepc.png?id=2") no-repeat top center; background-size:contain; width:49px; height:48px; margin:45px auto 0;} .redPacketH{ padding:25px 0px 10px; overflow:hidden;} .mod-footer{background: url("http://image31.bookschina.com/pro-images/201109dq/butpc.png?id=2") no-repeat top center; background-size:contain; width:214px; height:67px; margin:55px auto 0; line-height:47px; text-align:center; overflow:hidden;}.mod-footer a{ display:block; font-size:20px; color:#a00924; font-family: "Microsoft YaHei"; }.mod-footer a em{ font-size:26px; padding-left:5px;}.mod-footer a:hover{ text-decoration:none} .redpNum{ font-size:0; font-family:"微软雅黑"; color:#fe2f1c; text-align:center; } .redpNum span{ display:inline-block; font-size:24px; margin-right:12px; } .redpNum span i{ font-size:90px; font-family:Arial; font-weight:bold;}.redpNum div{ display:inline-block;text-align:left;}.redpNum div strong{ display:block; font-weight:normal; font-size:17px; margin-bottom:5px;}.redpNum div b{font-weight:normal;} .redpNum div em{ font-size:16px; color:#666; }.redPacketH p{ font-family: "Microsoft YaHei"; font-size:17px; color:#666; margin-top:5px; text-align:center;} /*双11 小书册*/ #bookeMain{ position: fixed;top: 0%;left: 0%; width: 100%;height: 100%;background-color: rgba(0,0,0,.7); display:none; z-index:1000;} #bookeMain a{ display:block; z-index:8;} #bookeMain img{width:439px; display: block; left:50%; top:-85%; margin-left:-219.5px; position: absolute; cursor:pointer; transition: all 0.6s; }