body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-family: "Microsoft YaHei,-apple-system,SF UI Text,Arial,PingFang SC,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif";
	font-size: 16px;
	color: #212529;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


button:hover {
	cursor: pointer;
}

.wrap>div {
	opacity: 0;
	padding: 10px;
	
    max-width: 280px;
}
#leftbox {
    width: 280px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    color: #EBEBEB;
    padding: 80px 20px;
}
	button {
		width: 50%;
		margin: 2% auto;
		padding: 5px;
	}
@media screen and (max-width:640px) { /* 移动端 */
	button {
		width: 100%;
		margin: 2% auto;
		padding: 5px;
	}
	#leftbox {
	    width: 200px;
			}
}
nav,
footer {
	width: 100%;
	left: 0;
	z-index: 800;
	text-align: center;
	color: aliceblue;
	transition: all 1s ease 0s;
}

table {
	border-collapse: collapse;
	border-spacing: 2px;
}

#main table .l {
	padding-left: 10px;
}

#main .top .m {
	color: #a46859;
	font-size: 1em;
	font-weight: bold;
}

#main table .r {
	padding-right: 10px;
}

.listm {
	width: 120px;
 height: 28px;
 text-align: center;
    display: block;
  background-color: #fff;
  color: #a46859;
    line-height: 28px;
    border-radius: 30px;
    padding: 0 25px;
    font-size: 70%;
		margin-top: -8px;
}
#allnums{
	color: #000;
}
.abtn {
	-webkit-box-shadow: 0 1px 1px #F4F4F4 inset;
	box-shadow: 0 1px 1px #F4F4F4 inset;
	border: 1px solid #878787;
	background-color: #DBDBDB;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#C9C9C9), color-stop(50%, #DBDBDB), to(#E5E5E5));
	background-image: -o-linear-gradient(bottom, #C9C9C9 0, #DBDBDB 50%, #E5E5E5 100%);
	background-image: linear-gradient(to top, #C9C9C9 0, #DBDBDB 50%, #E5E5E5 100%);
	text-shadow: 0 1px #E9E9E9;
	color: #5B5B5B;
	
}

.abtn {
	border-radius: 20px;
	line-height: normal;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
margin-bottom: 10px;
}

.hide {
	display: none !important;
}

nav {
	height: 60px;
	line-height: 60px;
	background: url(img/top-nav.jpg);
	top: 0;
}

.ll {
	background-color: #ECECEC;
	text-align: center;
}

footer {
	bottom: 0;
	border-top: 1px solid #dedede;
	height: 42px;
	line-height: 42px;
	background: url(img/bottom-nav.jpg);
}

#bottom {
    width: 100%;
    left: 0;
    z-index: 1;
}
#map {
	margin: 0 auto;
}

#map>.box {
	width: 180px;
	height: 152px;
	float: left;
	position: relative;
}

#map .abox {
	width: 100%;
	height: 120px;
	position: absolute;
	bottom: 0;
}

#map .abox a {
	display: inline-block;
	position: absolute;
	bottom: 8px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

#map .abox img {
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.4) url(img/jz-s2.gif) no-repeat center center;
}

.thickness {
	width: 7px;
	position: absolute;
	top: 0;
	right: -6px;
	height: 100%;
}

.thickness div:nth-child(1) {
	background-color: #B5B3B3;
	height: 100%;
}

.thickness div:nth-child(2) {
	background-color: #E3E2E2;
	height: calc(100% - 1px);
	top: -1px;
}

.thickness div:nth-child(3) {
	background-color: #B5B3B3;
	height: calc(100% - 4px);
	top: -2px;
}

.thickness div:nth-child(4) {
	background-color: #E3E2E2;
	height: calc(100% - 6px);
	top: -3px;
}

.thickness div:nth-child(5) {
	background-color: #B5B3B3;
	height: calc(100% - 8px);
	top: -4px;
}

.thickness div:nth-child(6) {
	background-color: #E3E2E2;
	height: calc(100% - 10px);
	top: -5px;
}

.thickness div {
	width: 1px;
	position: relative;
	display: inline-block;
}
#leftbox .box>a {
    display: block;
    line-height: 42px;
    font-size: 18px;
		font-family: STHeiti,Georgia,Serif,STHeiti;
		color: #a46859;
		text-decoration: none;
		letter-spacing:2px /* 间距 */
}
#leftbox .box>a:hover {
     background-color: #a46859;
    		color: #fff;
    		padding-left: 10px;
}
#leftbox .box .activ {
    background-color: #a46859;
		color: #fff;
		padding-left: 10px;
}
#leftbox .box>span {
  background-color: #eee;
}
.box .rsp{width:140px;height:140px;overflow:hidden;position: absolute;top:0px;left:0px;}

.box .text{position:absolute;width:130px;height:40px;left:-2000px;top:100px;overflow:hidden;margin-left: 25px;z-index:1000;opacity: 0.5;} /* 透明度 */

.box .text h3{margin-top:10px;line-height:30px;color:#fff;background:#a46859;font-family:"微软雅黑";font-size:12px; }
.box .text h3>a{
	color: #fff;
	text-decoration: none;
}
.booksbox{
	margin: 0px auto;
}
.open:hover{
	transform: scale(1.2); /* 放大 */