@charset "utf-8";
/*公共部分====================================================================================================*/
.container{ width: 1000px;margin: 0 auto;}


*{padding: 0px; margin: 0px;}
#content-wrapper article{width: 660px;display: inline-block;vertical-align: top;margin-right: 10px;}
#content-wrapper aside{width: 300px;display: inline-block;vertical-align: top;}


/*标题*/
h2[id^="title"]{
    color:#734633; margin-top: 5px; padding-bottom: 5px;
    background-image:url(images/bullet.png);
    background-repeat:no-repeat;padding-left:30px;
    border-bottom: 1px solid #834524;
}
#title1 {background-position:0 -3px;}
#title2 {background-position:0 -38px;}
#title3 {background-position:0 -68px;}
#title4 {background-position:0 -98px;}
#title5 {background-position:0 -128px;}
#title6 {background-position:0 -155px;}
#title7 {background-position:0 -182px;}
/*文本*/
body{ font: 62.5%/1.4 "微软雅黑", Verdana, Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-size:1.6em;}
p, a, span {font-size:1.4em}
p {text-indent:2em;text-align: justify;}
ul{list-style-type: none;}
img{border:none;}
mark{background-color: #e3b503;color: #FFFFFF;}

/*左边内容区最近新书和最近促销内容水平呈现。*/
.article-section section{width: 290px;display: inline-block;vertical-align: top;text-align: center;margin:10px 0px 10px 10px;}

.article-section section h3{margin: 5px 0 10px 0;}
/*定义最近新书和最近促销下边框虚线。*/
.article-section{border-bottom:#CCC dashed 1px;margin-bottom: 10px;}
/*本周推荐*/
.recommend img{display: inline-block;width: 200px; height: 200px;margin-bottom: 10px;}
.recommend .recommend-content{display: inline-block;width: 420px; vertical-align: top; box-sizing: border-box; padding-right: 20px;}
.recommend h3 {text-align:center; padding-bottom: 10px;padding-top: 10px;}
.recommend {border-bottom:#CCC dashed 1px;position:relative;}
.recommend .cartmore{width: 98%;text-align:right; margin-bottom: 10px;}
/*页眉==========================================================================================================*/
#logo{position:absolute;top:25px;left:90px;}
#logo a{font-size:1.8em;color:#503;text-decoration:none;}
#logo a h1{font-weight: normal;}
header{height: 100px;position: relative;}
#logo a h1:first-letter{font-size:140%;}
/*导航菜单背景拉长*/
.rz_bw_nav002_m{
    clear:both;
    width:100%;
    height:50px;
    background-color:#F5D56C;
    margin: 0 auto;
}
#nav2 {
    width:1000px;
    margin:auto auto;
    height:50px;
    background-color:#F5D56C;
}
#nav2>ul {
    position:absolute;
    list-style-type:none;
    margin:0;
    padding:0px;
}
/*菜单栏各项的宽度*/
#nav2>ul>li {
    float:left;
    width:166px;
    border-left:1px solid #f6f6f6;
}
#nav2>ul>li:first-child {
    border-left:none;
}
#nav2>ul>li>a {
    display:block;
    line-height:50px;
    text-decoration:none;
    color:#000000;
    text-align:center;
    font-family:微软雅黑, Geneva, sans-serif;
}
/*移到这个部分变色*/
#nav2>ul>li:hover {
    background-color:#99CC33;
}

#caidan_tupianqiehuan_liubai{
    width: 10px;
    height: 50px;
}
/*天下之势，浩浩荡荡，顺之者昌，逆之者亡========================================================================================*/
#tianxia{
    width:700px;
    height:250px;
    /*padding:50px;*/
    /*border:1px solid #000;*/
    border:none;
    position: relative;
    margin:0px auto;
}
#tianxia img{
    width: 700px;
    height: 250px;
}
/*图片切换==========================================================================================================*/
/*秦时明月、天行九歌图片切换*/
#banner h3, ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}
/*主容器*/
#banner {
    width: 750px;
    /*和下面div内容的高度*/
    height: 360px;
    /*margin-left: 280px;*/
    /*margin-top: 10px;*/
    position: relative;
    cursor: pointer;
    /*这是居中的命令*/
    margin:0px auto;
}
/*黑框*/
.dd{
    width:650px;
    height:290px;
    /*padding:10px;*/
    border:1px solid cyan;
    margin:0 auto;
    position: relative;left: 50px;right: 50px;
}
/*图片和文字之间的空白距离*/
#imgList {
    width: 820px;
    height: 300px;
    overflow: hidden;
}

#imgList li {
    position: absolute;
    top: 0;
    left: 0;

}
#imgList li img {
    /* display: none; */
    opacity: 0;
    width: 650px ;
    height:290px;
    margin: 0 auto;
    vertical-align:middle;
}
/*下面的滚动文字*/
#dots li {
    width: 125px;
    height: 30px;
    text-align: center;
    /*line-height: 40px;*/
    float: left;
    margin-right: 0px;
    background: #F5D56C;
}
/*左边的竖条*/
#back {
    height: 294px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    background: #00578a;
    opacity: 0.1;
}
/*右边的竖条*/
#go {
    height: 294px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    background: #00578a;
    opacity: 0.1;
}
/*箭头*/
#back span {line-height: 290px;font-size: 40px;}
#go span {line-height: 290px;font-size: 40px;}
.dots li span {font-size: 80px;}
/*右边历史时期===============================================================================================*/
/*右边边栏区图书分类和合作伙伴内容水平呈现。*/
.aside-section{width: 180px;display: inline-block;vertical-align: top;margin-right: 5px;}
.aside-section li a {text-decoration:none;color:#000;}
.aside-section a:hover {text-decoration:none;color:#d78849;}
.aside-section ul{margin: 10px 0 10px 20px;}

/*页脚=======================================================================================================*/
.rz_bw_nav001_m{
    clear:both;
    width:100%;
    height:50px;
    background-color:#00578a;
    margin: 0 auto;
    margin-top: 30px;

}
#footer-wrapper{ background-color:#F5D56C; height: 50px;}
footer section{float: right;}
#copyright{color: #000000;text-align:center;font-size: 1.6em; margin-bottom: 60px}
footer a {display:block;float:left;color:#000000;text-decoration:none;width:100px;text-align:center;line-height: 60px;font-size: 1.6em;}
#copyright a {text-decoration:none;color:#000;}
#copyright a:hover {text-decoration:none;color:#d78849;}

/*促销==========================================*/
.promotion {
    border:#CCC solid 1px;width:100px;
    background-image:url(images/promo-icon.gif);
    background-repeat:no-repeat;background-position:top right;
    padding:25px;margin:10px;
}

/*间隔图像*/
.border{text-align: center; margin: 10px 0px;}
.border img{width: 370px;}
/*边栏广告*/
section#advert a{display:block;}
section#advert img{width: 370px;}
section#advert{margin: 10px 0px;}
/*本周推荐*/
.recommend img{opacity: 0.6;}
.recommend img:hover{opacity: 1; transition: 2s;}

/*购物车菜单*/
#nav nav{position: relative;}
#menu-logo{position: absolute; right:0px;top: 10px;}
#menu-logo a{
    display: inline-block;color: #000000;text-decoration: none;font-size:1.8em;line-height: 40px;text-align: center;padding-left: 40px;padding-right: 15px;
    background-image: url("images/cart.gif");background-repeat: no-repeat;background-position: 10px 12px;background-color: #f3f3f3;
}
#menu-logo a:hover{color:#FF0000;}
/*!*搜索*!*/
/*#search{position:absolute;top:111px;left:730px;text-align:right;}*/
/*#search input[type="search"] {*/
/*    font-family: "微软雅黑";background: #f3f3f3;border: solid 1px #ccc;*/
/*    height: 30px;line-height: 30px;width: 200px;font-size:1.6em;*/
/*    padding-left: 5px;display: inline-block;vertical-align: top;*/
/*}*/
/*#search input[type="submit"] {*/
/*    font-family: "微软雅黑";*/
/*    background-color: #b4b4b4;color: #fff;border: solid 1px #b4b4b4;*/
/*    height: 30px;display: inline-block;font-size:1.6em;*/
/*    vertical-align: top;padding: 0 10px;*/
/*}*/
/*本周推荐、最近促销加入购物车、详细内容超连接*/
.cart{text-decoration:none;background: #00578a; color: #FFFFFF;line-height: 25px;display:inline-block; text-align: center;width: 80px;opacity: 0.7;}
.cart:hover {text-decoration:none;opacity: 1;}
.more{text-decoration:none;background: #a15b39; color: #FFFFFF;line-height: 25px;display:inline-block; text-align: center; width: 80px;opacity: 0.7;}
.more:hover {text-decoration:none;opacity: 1;}
/*图书分类和合作伙伴超连接*/

/*最近新书*/
.effect-1 img{vertical-align: middle; width: 290px;}
.text-desc{position: absolute;left: 0px; top:0px;height: 100%; width: 88%;margin-bottom:25px;padding: 10px 10px 10px 18px; opacity: 0; z-index:-1;}
.effect-1{position: relative; overflow: hidden;border: 1px solid rgba(255, 0, 0, 0.3); perspective: 800px;}
.effect-1:hover .image-box{transform: rotateX(75deg);transition: 1s; transform-origin: center bottom;}
.effect-1:hover .text-desc{opacity: 1;transition: 2s;}
.btn{display: inline-block; padding: 2px 10px; font-size: 14px; color: #fff; border: 1px solid #FF0000; background-color: #FF0000; text-decoration: none; transition: 0.4s;}
.btn:hover{background-color: transparent; color: #FF0000; transition: 0.4s;}
/*畅销图书*/
#best-selling li:before{content: counter(listxh);background: #7b5830;padding: 2px 5px;color: #fff;margin-right: 5px;vertical-align: top;}
#best-selling li{
    counter-increment: listxh;display: inline-block;
    width: 100%;vertical-align: bottom;
    overflow: hidden; white-space: nowrap;
    text-overflow: ellipsis;margin-top: 8px;
    transition:text-shadow 1s linear;
    border-bottom:#CCC dashed 1px;
}
#best-selling .curr .p-img{display: inline-block;}
#best-selling .curr .p-name{display: inline-block; vertical-align: top;}
#best-selling .curr .p-name strong{display: block; color:#FF0000; text-align:left; margin-top: 20px; font-size: 1.4em;}
#best-selling .curr .p-name del{font-size: 1.4em;font-weight: 900;}
#best-selling .curr{display: none;}
#best-selling a{color: #000000;text-decoration: none; font-size: 1.6em;}
#best-selling li:hover{text-shadow: 1px 4px 4px #000;}
#best-selling li:hover .selling{display:none;}
#best-selling li:hover .curr{display:inline-block;}

/*Chapter13*/
/*水平导航菜单*/
nav ul li{display: inline-block;}
nav ul a{
    display: inline-block;
    line-height: 60px; width: 100px;text-align: center;
    border-right: solid 1px #834524;
    color: #ffffff;text-decoration: none;font-size:1.8em;
    transition:background 0.5s linear;
}
nav ul a:hover{background-color: #834524;}


/*Chapter14*/
/*面包屑导航*/
.crumb-nav{font-size: 1.4em; margin: 5px 0px;}
.crumb-nav a{text-decoration:none;color:#000;font-size: 1em;}
.crumb-nav a:hover, .crumb-nav a:visited{color:#d78849;}
/*书籍分类页面category.html*/
.piclist ul{display: flex; }
.piclist li { text-align: center;margin:10px 5px;}
.piclist li img{width:192px; border-radius: 10px;transition:all 1s ease; border: 1px solid #834524;}
.piclist li:nth-child(3n+1){margin-left: 10px;}
.piclist li:nth-child(3n+3){margin-right: 10px;}
.piclist li:hover img{transform:scale(1.1);}
/*分页导航*/
#pagebar {text-align:right; margin-top:10px; margin-right:10px;}
#pagebar a {font-size:1.6em;text-decoration:none;color:#FFF;background-color: #a05c39;display:inline-block;width:25px;height:25px; text-align: center;color: #FFFFFF;transition:all 0.5s ease;padding-top: 3px; }
#pagebar a:hover {z-index:100;opacity:.5;transform:scale(1.1);}
#pagebar .arrow{width: 60px;}

/*特刊降价页面specials.html*/
.specials{border-bottom:#CCC dashed 1px;border-top:#CCC dashed 1px;margin: 10px 0px;display: flex;padding: 10px; transition:background-color 1s ease;}
.specials a{display: block;vertical-align:bottom;}
.specials img{width: 160px; height: 160px;}
.specials div h3{text-align: center;}
.specials div strong{color: #FF0000;}
.specials:hover{background-color: #c5805f;}
.specials:hover div,.specials:hover strong{color: #FFFFFF;}

/*详细内容页面details.html*/
.bookname{margin: 10px; text-align: center;}
.infobook{display: flex; padding: 10px;border: 1px solid #834524;border-radius: 5px; margin: 10px 0px;}
.infobook img{width: 300px;height: 300px;box-shadow:3px 3px  rgba(0,0,0,.2);border: solid 1px #cccccc;}
.infobook .infobookt{margin-left: 20px;}
.infobook .infobookt h3{text-align: center; margin-bottom: 10px;}
.infobook .infobookt div{text-align: right;}
.infobook .infobookt li{font-size: 1.4em;}
.infobookc{border-radius: 5px;transition:all 1s ease; border: 1px solid #834524; padding: 10px;}
/*分享工具栏*/
.title-bar p,.title-bar div{display: inline-block;vertical-align:top;}
.title-bar p{padding-top: 3px;font-size: 1.6em;}
.title-bar{background-color: #f3f3f3;text-align: right;}
/*相关阅读*/
.context{margin: 10px 0px;}
.context p{font-size: 1em;background-color: #f3f3f3;line-height: 30px;}
.context a {text-decoration:none;color:#000;background-color: #f3f3f3;}
.context a:hover {text-decoration:none;color:#d78849;}

/*关于我们页面about.html*/
#video p{ margin: 10px 10px}
.video{text-align: center;}

/*联系我们页面contact.html*/
.contacts p{padding:10px;}
.contact-form {border:#7a5737 1px dashed;font-size:1.4em; margin: 0 10px;}
.form-subtitle {background:#7a5737;color:#FFF;padding:2px 5px;}
.contact {text-align:right;width:100px;}
.contact-input {width:300px;border:#CCC 1px solid;}
.form-row {padding:2px 10px;}
.form-row-button {padding:5px; width: 100%;}
.send {color:#FFF;height:24px;width:53px;text-align:center;background-color:#834524;border: 0px;}

/*购物车页面cart.html*/
.cartt{margin: 10px 5px;}
.cart-table{font-size:1.4em;width: 100%;border-collapse:collapse; /*合并边框*/border:1px solid #eee8e1;margin: 10px 0px; }
.cart-table tr, .cart-table td{border:1px solid #eee8e1;/*单元格边框*/}
.cart-title, .cart-total{background-color:#eee8e1; /*第一行和最后一行背景色*/line-height: 25px;}
.cart-table td h3{font-size:1em;}
.cart-table img{width:25px;height:25px;}
.td-right{text-align: right;}
.cart-total a{display:inline-block;background-color: #FF0000; color: #FFFFFF;font-size: 1.1em; padding: 0px 10px; text-decoration: none;}
.td-center{text-align: center;}

/*Chapter17*/
/*日期时间*/
#displaydate{position:absolute;top:20px; left:650px;color:#FFF;}
#displaytime{position:absolute;top:20px; left:810px;color:#FFF;}

/*Chapter18*/


/*Chapter19*/
#message{visibility:hidden;}
#submitmessage{padding: 5px 10px;}

/*Chapter20*/
#ulcart{width: 100%; margin: 10px 0px;}
#ulcart .lit{background-color:#963; color:#FFF;height: 25px;padding-top: 5px;}
#ulcart span{display: inline-block;text-align: center;}
#ulcart span:nth-child(1){width: 50%;}
#ulcart span:nth-child(2){width: 16%;}
#ulcart span:nth-child(3){width: 16%;}
#ulcart span:nth-child(4){width: 16%;}
#ulcart .lic{border-bottom: 1px solid #963;}

/*Chapter21*/
#advl, #advr{position:absolute;width:80px;height:80px;}
#closel, #closer{position:absolute;width:13px;height:13px;}

/*战国七雄===========================================================================================================*/
#zhanguoqixiong{
    border:1px solid cyan;
    margin-bottom: 1px;
    padding: 1cm;
}
.recommend1 .recommend-content1{display: inline-block;width: 850px; vertical-align: top; box-sizing: border-box; padding-right: 20px;}
.recommend1 h3 { padding-bottom: 10px;padding-top: 10px;}

.pro_gd{ width:1000px; height:125px; margin:0px auto; overflow:hidden;}
.pro_gd .mar_m {width:2000000em;}
.marqueeleft {height:125px;width:100%;overflow: hidden;}
.marqueeleft ul {float: left;}
.marqueeleft li {float: left;display: inline;height:125px;overflow: hidden; margin-right:7px;}
.marqueeleft li .pic {display: block;overflow: hidden;width:192px;height:120px; border:1px solid #ddd;}
.marqueeleft li .pic img{width:172px;height:110px;vertical-align:top; margin:5px 10px;}
.marqueeleft li .txt {text-align: center;height: 23px;line-height: 23px;color:#555;}
.marqueeleft li .txt a{color:#555;}
.marqueetop {height:100%;width:125px;overflow: hidden;margin: 40px auto;}
.marqueetop li {padding: 5px 0;width:192px;height:125px;overflow: hidden;}
.marqueetop li .pic {display: block; width:172px;height:110px;overflow: hidden;}
/*诸子百家=============================================================================================================*/
#zhuzibaijia {
    border:1px solid cyan;
    margin-bottom: 2px;
    padding: 1cm;
}

.zhuzibaijia_gundong img{
    width:172px;height:110px;
}