html,body{
	margin: 0;
	padding: 0;
	background-color: #e5e4e0;
	font-family:"微软雅黑","Microsoft YaHei","黑体","宋体",sans-serif,"Arial";
}
.index-top{
	width: 100%;
	background: url(../images/top.jpg) no-repeat;
	background-size: 100% 100%;
	text-align: center;
    height: auto;
	margin:0 auto;
	max-height: 525px;
}

.index-logo{
	width: 19.79%;
	max-width:300px;
	margin-top: 1.5%;
	margin-bottom: 1.5%;
	text-align: center;
    height: auto;
}

.header-top{
	width: 100%;
	background: url(../images/top2.png) no-repeat;
	background-size: 100% 100%;
	text-align: center;
    height: auto;
	margin:0 auto;
}

.header-logo{
	width: 21.3%;
	margin-top: 1.55%;
	margin-bottom: 1.55%;
	text-align: center;
    height: auto;
}

.index-footer
{
	width: 100%;
    text-align: center;
}

.container{
	text-align: center;
	width:100%;
	/*height:100%;*/
	max-width: 1120px;
	height:auto;
	margin:0 auto;
	display: block;
	line-height: 1.5;
}


.cc1,.cc-book,.cc-img,.cc1,.cc3,.cc5,.cc7,.cc-bigcover
{
	margin-top: 5.4%;

}
.cc2,.cc4,.cc6,.cc-pages
{
	margin-top: 3.6%;
	z-index:2;

}
.cc7,.cc-text-dagang,.cc-pages,.cc-text-series{
	margin-bottom: 3.6%;
}



.cc-pages a{
    color: #555;
    font-size: 20px;
    margin: 0 6px;
}

.cc-pages a.on {
    color: #f00;
}


.cc1,.cc2,.cc3,.cc4,.cc5,.cc6,.cc7{
	text-align: center;
	width:100%;
	height:auto;
}

.img1 {
    width: 80%;
    height: auto;
    display: block;
	margin: 0 auto;
}
.img2,.header-img{
    width: 100%;
    border-radius:5px;
    display: block;
	margin: 0 auto;
}
.img3 {
    width: 40%;
    display: block;
	margin: 0 auto;
}


.img-book-cover,.img-index-footer{
    width: 100%;
    display: block;
	margin: 0 auto;
}

.cc-solid
{
	width:100%;
	margin: 3.6% 0 0 0;
    border-bottom: 2px solid #dad9d7;

}

.cc-content
{
	text-align: center;
	width:100%;
	height:auto;
    display:flex;
    flex-flow:row wrap;
 	justify-content:space-around;
 	align-content: space-between;
}

.content-im{
	margin-top: 3.6%;
	width: 28.6%;
	display: block;

}

.content-im-imm{
	padding: 5% 0% 1% 0%;
	width: 100%;
	box-shadow:inset 0 0 2px #d3d2ce;
	border:1px solid #d3d2ce;
	border-radius: 5px;
	background-size: 100% 100%;
}

.book_title{
	margin-top: 6.2%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size:2vh;

}


.cc-book{
	width:100%;
    display:flex;
}


.cc-book-left{
	width: 35%;
	height: auto;
	margin-right:4.5%;

}




.cc-book-right{
	flex: 1;
	text-align: left;
	display: flex;
	flex-direction:column;
}



.cc-text-yjh,.cc-text-dagang,.cc-text-spotm,.cc-text-series {
	width: 96%;
	margin-top: 1%;
	background-color: #fff;
	border-radius: 5px;
	box-shadow:0 0 2px #4E4E4E;
    display:flex;
    flex-direction:column;
    justify-content:space-around;
    padding: 2% 2% 0 2%;

}

.cc-text-spotm {
    flex-direction:row;
    padding:2% 2% 0 2%;;
}


.yjh-hx,.xlnr-hx{
	width:100%;
    border-bottom: 0.2vh solid #dad9d7;
    margin-top: 2%

}

.dagang ,.Spotm_t,.yjh,.xlnr,.xlnr-title,.ztzy{
    font-size: 2vh;
	color: #666666;
}


.xlnr-title{
	margin: 2% 2% 2% 2%;

}

.xlnr-keyword{
    font-size: 1vh;
	color: #666666;
}


.xlnr-keyword a{
	padding:0 5px 0 5px;
	border: 0.11vh solid #808080;
	border-radius: 0.5vh;
	background-color: #808080;
	border: 0.11vh solid #808080;
	color: #fff;
}


.Spotm{
	width:50%;
	text-align: left;
}

.Spotm_sx
{
	border-right: 0.2vh solid #dad9d7;
	margin: 0 2% 2% 2%;
}


.Spotm p,.yjh p ,.ztzy p,.dagang p,.bcb-3 p ,.cc-text-series p {
	text-align:left;
	text-indent: 3vh;
	font-size: 1.5vh;
	color: #999999;
}

.ztzy p{
    text-align:center;
}

.yjh p{
	text-align:center;
}

.bcb-1{
	margin-top: 3%;
}

.bcb-1-bn{
	font-weight: bold;
	display: inline-block;
	font-size:4vh;
}

.bcb-1-an{
	display: inline-block;
	font-size:1.5vh;
	margin-left: 4.3%;
	color: #676664;

}

.bcb-2{
	margin-top: 3%;
	color: #666666;
	font-size:2vh;
}

.bcb-3{
	height: 0px;
	flex-grow:1;
	overflow: hidden;
	padding-bottom: 2px;
	margin-top: 0%;
	padding-right:1.5%;
}


.bcb_4{
	width: 100%;
	margin-bottom: 1.8%;
	margin-top: 1%;
}

.f3_m{
	padding:0.5vh 1vh 0.5vh 1vh;
	text-align: center;
	display: inline-block;
	border: 0.11vh solid #808080;
	border-radius: 0.5vh;
	margin-right: 5%;
	font-size:2vh;
	background-color: #307c5e;
	border: 0.11vh solid #307c5e;
	color: #fff;
}