.box {
	
}
.box::before {
	display: table; content: " ";
}
.box::after {
	display: table; content: " ";
}
.box::after {
	clear: both;
}
.box .hd {
	height: 40px; line-height: 40px; border-bottom-color: rgb(232, 232, 232); border-bottom-width: 1px; border-bottom-style: solid;
}
.box .hd h2 {
	background: url("../img/dot_6px.png") no-repeat 0px; height: 40px; color: rgb(85, 85, 85); line-height: 40px; padding-left: 20px; font-size: 16px; font-weight: normal; border-top-color: rgb(255, 255, 255); border-top-width: 1px; border-top-style: solid;
}
.box .hd h2 .en {
	height: 15px; line-height: 19px; padding-left: 10px; font-size: 10px; margin-left: 10px; border-left-color: rgb(228, 228, 228); border-left-width: 1px; border-left-style: solid;
}
.box .hd .more {
	background: url("../img/dot_g_3px.png") repeat-x 0px; width: 20px; height: 40px; float: right; display: block;
}
.box .hd-tabs {
	height: 40px; position: relative; z-index: 1;
}
.box .hd-tabs h2 {
	background: none; height: 39px; line-height: 39px; padding-right: 15px; border-bottom-color: rgb(232, 232, 232); border-bottom-width: 1px; border-bottom-style: solid; float: left; display: inline-block;
}
.box .hd-tabs h2 .more {
	top: 0px; right: 0px; display: none; position: absolute;
}
.box .hd-tabs h2.one {
	background: url("../img/dot_6px.png") no-repeat 0px rgb(255, 255, 255); border-left-color: currentColor; border-left-width: medium; border-left-style: none;
}
.box .hd-tabs .current {
	background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(228, 228, 228) rgb(228, 228, 228) rgb(255, 255, 255); height: 39px; line-height: 39px;
}
.box .hd-tabs .current .more {
	display: block;
}
.box-row-2 {
	
}
.box-row-2::before {
	display: table; content: " ";
}
.box-row-2::after {
	display: table; content: " ";
}
.box-row-2::after {
	clear: both;
}
.box-col-1 {
	width: 510px; float: left;
}
.box-col-2 {
	width: 500px; float: right;
}
.box-row-3 {
	
}
.box-row-3::before {
	display: table; content: " ";
}
.box-row-3::after {
	display: table; content: " ";
}
.box-row-3::after {
	clear: both;
}
.box-row-3 .box-col-1 {
	width: 340px; height: 236px; overflow: hidden; float: left;
}
.box-row-3 .box-col-2 {
	width: 340px; height: 236px; overflow: hidden; float: left;
}
.box-row-3 .box-col-3 {
	width: 340px; height: 236px; overflow: hidden; float: left;
}
.box-row-3 .box-col-1 .bd {
	padding: 17px 0px;
}
.box-row-3 .box-col-2 .bd {
	padding: 17px 0px;
}
.box-row-3 .box-col-3 .bd {
	padding: 17px 0px;
}
.box-row-3 .box-col-2 {
	margin: 0px 16px; width: 343px;
}
.box-row-3 .box-col-3 {
	width: 332px;
}

.book-scroll {
	 position: relative; z-index: 1;
}

.book-scroll-wrap {
	margin: 0px auto; width: 1174px; height: 185px; overflow: hidden; position: relative; z-index: 1;
}
.book-scroll-wrap ul {
	width: 999em;
}
.book-scroll-wrap li {
	margin: 0px 5px; width: 195px; height: 185px; overflow: hidden; float: left; position: relative;
}
.book-scroll-wrap li img {
	width: 195px; height: 144px;padding-top:25px
}
.book-scroll-wrap li .detail {
	background: rgb(247, 247, 247);margin-top:25px; left: 195px; padding-left:10px;top: 0px; width: 355px; height: 144px; position: absolute;
}
.book-scroll-wrap li .detail p {
	color: rgb(102, 102, 102); line-height: 21px;
}
.book-scroll-wrap li .detail p a {
	 color: #993333; padding-right: 10px; text-decoration: underline;
}
.book-scroll-wrap li .detail h3 {
	color: rgb(102, 102, 102); padding-bottom: 5px; font-size: 14px; margin-bottom: 6px; border-bottom-color: rgb(210, 210, 210); border-bottom-width: 1px; border-bottom-style: solid;
}
.book-scroll-wrap li.open {
	width: 549px;
}

.red-date {
	width: 195px; height: 185px; position: relative;
}
.wh-date {
	width: 195px; height: 185px; position: relative;
}
.red-date div {
    left: 45px;
    width: 108px;
    height: 35px;
    line-height: 34px;
    font-size: 10px;
    position: absolute;
    color: #993333;
    border: 1px solid #993333;
}

.red-date div p{
	line-height: 12px;
    float: left;
    padding: 5px 10px 10px;
    color: #666666;
}