/*
  **通用
*/
a,a:link,a:visited,a:hover,a:active{text-decoration:none;color:#000;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type="number"] {
  -moz-appearance: textfield;
}
body{
  background: #000;
  font-family: Verdana,Geneva,sans-serif;
}
.clear{zoom:1}
.clear:after{content:'';display:block;clear:both}
.padding-t-15{
  padding-top:15px;
}
.padding-b-15{
  padding-bottom:15px;
}
.text-center{
  text-align: center;
}
.inline-block{
  display: inline-block !important;
}
.cells{
  display:table
}
.cell{
  display:table
}
.cell_hd{
  display:table-cell
}
.cell_bd{
  display:table-cell
}
.fullscreen{
  background: url(../images/fullscreen-bg0.png) no-repeat;
  background-attachment: fixed;
  background-size: cover;
  position: absolute;
  z-index: -5;
  left: 0;
  top: 0;
  overflow: hidden;
  opacity: 0;
}
.scrollPane-container{
  overflow-x: hidden;
  overflow-y: scroll;
  /*overflow: hidden;*/
  position: relative;
}
.main{
  width: 100%;
  height:auto;
  position: relative;
  z-index: 1;
  left: 0;
  top: 0;
}
.main-zone{
  width:980px;
  height:inherit;
  min-height:941px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 10;
  overflow: hidden;
}
.main-zone__mark{
  position: absolute;
  z-index: 11;
  /*left:0;*/
  /*left: 270px;*/
  left: 335px;
  top:50px;
  width:87px;
  height: 147px;
  background: url(../images/mark.png) no-repeat;
  opacity:0;
}
.main-zone__mark .link{
  display: inline-block;
  font-size: 18px;
  color:#2d190b;
  transform:rotate(90deg);
  -ms-transform:rotate(90deg); /* Internet Explorer */
  -moz-transform:rotate(90deg); /* Firefox */
  -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
  -o-transform:rotate(90deg); /* Opera */
  position: relative;
  top: 55px;
}
.main-zone__bar{
  width:440px;
  height:inherit;
  min-height:941px;
  background: url(../images/bar.png) no-repeat;
  background-size:100% 100%;
  position: absolute;
  z-index: 13; 
  /*left:-3px;*/
  left:270px;
  top:0;
  opacity: 0;
}
.main-zone__bar .cover-mark{
  position: absolute;
  left: 0px;
  top:50px;
  width:87px;
  height: 147px;
  cursor: pointer;
}
.main-zone__bar-content{
  height:899px;
  margin-top:21px;
  width: 325px;
  margin-left:auto;
  margin-right:auto;
  position: relative;
  left: 3px;
}
.main-zone__bar-content .logo{
  opacity: 0;
}
.main-zone__bar-content .menu{
  opacity: 0;
  height: 0;
}
.main-zone__bar-content .menu li a{
  font-size: 18px;
  padding:5px 0;
  display: inline-block;
  width: 248px;
}
.main-zone__bar-content .menu li a:hover{
  background: url(../images/menu-hover.png) no-repeat;
  /*background-position: center;*/
  background-size: 100% 100%;
}
.main-zone__bar-content .menu li.active a{
  background: url(../images/menu-active.png) no-repeat;
  background-size: 100% 100%;
}
.main-zone__bar-content .bar-descBox{
  opacity: 0;
  width: 325px;
}
.main-zone__bar-content .desc{
  font-size: 12px;
  padding:15px 40px;
  line-height: 1.5;
}
.main-zone__bar-content .bar-contactBox{
  opacity: 0;
  width: 325px;
}
.main-zone__bar-content .contect{
  font-size: 18px;
  padding:15px;
}
.main-zone__markpagesBox{
  width:874px;
  height: inherit;
  min-height: 941px;
  overflow: hidden;
  position: absolute;
  left: 56px;
}
.main-zone__pagesBox{
  width:1015px;
  height: inherit;
  min-height: 941px;
  position: relative;
  overflow: hidden;
  left: 60px;
}
.main-zone__pages{
  width: 695px;
  height:inherit;
  min-height:839px;
  position: absolute;
  z-index: 11; 
  /*left:266px;*/
  left: -653px;
  top:51px;
}
.main-zone__pagesBox .main-zone__pages{
  background: url(../images/pages.png) no-repeat;
  left: -703px;
}
.main-zone__markpagesBox .main-zone__pages{
  background: url(../images/mark-pages.png) no-repeat;
  /*left: -53px;*/
  /*left: 908px;*/
  left: 854px;
}
.main-zone__pagesBox .detail__pages{
  width: 695px;
  height:inherit;
  min-height:839px;
  position: absolute;
  z-index: 11; 
  top:51px;
  background: url(../images/pages.png) no-repeat;
  left: -653px;
}
.main-zone__markpagesBox .detail__pages{
  width: 695px;
  height:inherit;
  min-height:839px;
  position: absolute;
  z-index: 11; 
  top:51px;
  background: url(../images/mark-pages.png) no-repeat;
  left:827px;
}
.main-zone__page{
  margin:auto;
  position: relative;
  padding:37px 0;
  height:765px;
}
.main-zone__pagesBox .main-zone__page{
  width: 590px;
  left: 3px;
}
.main-zone__markpagesBox .main-zone__page{
  width: 556px;
  left:-12px;
}
.main-zone__page .first-level__title{
  font-size: 28px;
  color:#2d190b;
}
.main-zone__page .second-level__title{
  font-size: 16px;
  color:#e1a349;
}
.main-zone__page .third-level__title{
  font-size: 16px;
  color:#2d190b;
  line-height: 1.5;
}
.main-zone__page .fourth-level__title{
  font-size: 12px;
  color:#2d190b;
}
.main-zone__page .fifth-level__title{
  font-size: 13px;
  color: #ad8b56;
  margin-top:22px;
  line-height: 2;
}
.main-zone__page .titleBox{
  padding:0 32px;
}
.main-zone__page .imgBox{
  border-top:5px solid #fff;
  border-bottom:5px solid #fff;
  margin:16px 0;
  box-shadow: 0 0px 10px rgba(0,0,0,0.71);
  position: relative;
  height:317px;
}
.main-zone__page .loading{
  position: absolute;
  top:0;
  left: 0;
  width: 590px;
  height: 316px;
  display: none;
  opacity: 0.5;
  filter: alpha(opacity=50);
  background: #fff url(../images/loading.gif) 50% 50% no-repeat;
}
.main-zone__page .mapBox{
  width: 487px;
  margin:auto;
  position: relative;
}
.main-zone__page .contentBox{
  height: 348px;
  font-size: 14px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding:0 16px 0 32px;
  margin-right: 16px;
  position: relative;
}
.main-zone__page .content p:not(:last-child){
  margin-bottom:22px;
}
.main-zone__page .content p.contect_desc{
  font-size: 18px;
  color:#2d190b;
  margin-bottom: 0;
  line-height: 2;
}
.main-zone__page .booksBox{
  padding:0 200px 0 32px;
}
.main-zone__page .booksBox .cell{
  padding:15px 0;
}
.main-zone__page .booksBox .cell_hd{
  color:#2d190b;
  font-size: 16px;
  padding-right:20px;
  font-weight: bold;
  width: 100px;
}
.main-zone__page .booksBox .cell_bd{
  color:#656565;
  font-size: 18px;
}
.main-zone__page .booksBox .inputBox {
  position: relative;
  width:82px;
  height:29px;
}
.main-zone__page .booksBox .reduce-btn{
  position: absolute;
  left: 0;
  top: 5px;
}
.main-zone__page .booksBox .small-input{
  background: none;
  width: 45px;
  height: 27px;
  font-size: 18px;
  color:#333333;
  border:1px solid #e1a349;
  position: absolute;
  top: 5px;
  left: 18px;
  outline: none;
}
.main-zone__page .booksBox .increase-btn{
  position: absolute;
  right: 0;
  top: 5px;
}
.main-zone__page .booksBox .cell__title{
  color:#2d190b;
  font-size: 16px;
  font-weight: bold;
  padding-top: 5px;
}
.main-zone__page .booksBox .big-input{
  background: #ddbf8b;
  border:1px solid #a4977a;
  border-radius: 3px;
  width:325px;
  font-size: 18px;
  color: #333;
}
.main-zone__page .listBox{
  padding:0 0px 0 32px;
  margin-right: 55px;
  height:692px;
  margin-top:20px;
  overflow-x:hidden;
  overflow-y: scroll; 
}
.main-zone__page .listBox ul{
  margin-right: 32px;
}
.main-zone__page .listBox ul li:not(:nth-child(even)){
  padding-top:15px;
  padding-bottom: 15px;
}
.main-zone__page .listBox ul li .cells,
.main-zone__page .listBox ul li .cell,
.main-zone__page .listBox ul li .cell_hd,
.main-zone__page .listBox ul li .cell_bd{
  display: flex;
}

.main-zone__page .listBox .imgBox{
  border:5px solid #fff;
  box-shadow: 0px 0px 5px rgba(0,0,0,0.24);
  width:122px;
  height: 122px;
  margin:0;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}
/*.main-zone__page .listBox .imgBox img{*/
  /*position: absolute;*/
  /*z-index: -1;*/
  /*top:-5px;*/
  /*left:-5px;*/
/*}*/
.main-zone__page .listBox .content{
  width: 320px;
  padding-left: 15px;
}
.main-zone__page .listBox .title{
  font-size: 18px;
  color: #2d190b;
  line-height: 1.7;
  height:35px;
  overflow: hidden;
  text-overflow: clip;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
  display: -moz-box;
  -moz-box-orient:vertical;
  -moz-line-clamp:1;
  display: -o-box;
  -o-box-orient:vertical;
  -o-line-clamp:1;
  display: -ms-box;
  -ms-box-orient:vertical;
  -ms-line-clamp:1;
}
.main-zone__page .listBox .desc{
  font-size: 14px;
  color: #2d190b;
  overflow: hidden;
  text-overflow: clip;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  display: -moz-box;
  -moz-box-orient:vertical;
  -moz-line-clamp:3;
  display: -o-box;
  -o-box-orient:vertical;
  -o-line-clamp:3;
  display: -ms-box;
  -ms-box-orient:vertical;
  -ms-line-clamp:3;
}
.main-zone__page .listBox .time{
  font-size: 12px;
  color: #2d190b;
  float: left;
  padding:5px 0px;
}
.main-zone__page .listBox .link{
  font-size: 12px;
  color: #2d190b;
  float: right;
  padding:5px 15px;
}
.main-zone__page .listBox .link{
  background: url(../images/menu-hover.png) no-repeat;
  background-size: 100% 100%;
}
.main-zone__page .listBox .link:hover{
  background: url(../images/back-bg.png) no-repeat;
  background-size: 100% 100%;
}
.main-zone__page .backBox{
  height: 25px;
  padding:0 32px;
  margin-top:32px;
}
.main-zone__page .backBox .back{ 
  font-size: 12px;
  color: #2d190b;
  float: left;
  display: inline-block;
  text-align: center;
  width: 134px;
  height:21px;
  line-height: 21px;
}
.main-zone__page .backBox .back{
  background: url(../images/menu-hover.png) no-repeat;
  background-size: 100% 100%;
}
.main-zone__page .backBox .back:hover{
  background: url(../images/back-bg.png) no-repeat;
  background-size: 100% 100%;
}
.main-zone__page .backBox .time{  
  font-size: 12px;
  color: #2d190b;
  float: right;
  display: inline-block;
  height:21px;
  line-height: 21px;
}