body {
  margin: 0;
  user-select: none;
  /* 标准属性 */
  -webkit-user-select: none;
  /* Safari 和 Chrome */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* overflow: hidden; */
  /* IE 10+ */
}
.book-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100vw;
  height: fit-content;
  min-height: 885px;
  overflow: hidden;
  box-sizing: border-box;
  background: #2f2f2f;
  /* background: url('../img/th.gif') no-repeat;
  background-size: 100% 100%; */
}

.zoom-in{
    z-index: 998;
}

@media only screen and (max-width: 768px){
    .book-container {
        min-height: 613px !important;
    }
}
.book-container .prev_book,
.book-container .next_book {
  width: 40px;
  height: 100px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 998;
  transition: all 0.3s;
}

.book-container .prev_book {
  left: 0;
}

.book-container .prev_book img {
  width: 100%;
  height: 100%;
}

.download_icon{
    width: 18px !important;
    height: 18px !important;
    margin-top: -4px;
}

.book-container .next_book {
  right: 0;
}

.book-container .next_book img {
  width: 100%;
  height: 100%;
  transform: rotate(180deg);
}

.book-container .prev_book:hover,
.book-container .next_book:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

#flipbook {
  width: 100%;
  min-height: 848px;
  position: relative;
  overflow: hidden;
}

@media only screen and (max-width: 768px){
    #flipbook {
        min-height: 578px !important;
    }
}


.first-loading{
  height: 800px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);

}
#flipbook img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.book-container .top_bar {
  position: relative;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 35px;
  width: 100%;
  z-index: 998;
  background: rgba(0, 0, 0, 0.3);
  display: none;
}

.book-container .top_bar .top_bar_title {
  font-family: Arial;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}

.book-container .top_bar .top_bar_btn {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  /* background: #FFFFFF; */
  border-radius: 5px;
  cursor: pointer;
  font-family: Arial;
  font-size: 12px;
  color: #333333;
  text-decoration: none;
  display: none;
}

.top_bar_btn img {
  display: block;
  width: 100%;
  height: 100%;
}

.book-container .bottom_bar {
  position: relative;
  bottom: 0;
  height: 35px;
  width: 100%;
  z-index: 998;
  background: rgba(0, 0, 0, 0.3);
}

.img-wrapper {
  position: relative;
  overflow: hidden;
  min-height: 300px;
}

.bottom_bar {
  display: flex;
  align-items: center;
  justify-content: center;
}

.bottom_bar .first_page {
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin-right: 20px;
}

.bottom_bar .last_page {
  width: 20px;
  height: 20px;
  transform: rotate(180deg);
  cursor: pointer;
  margin-left: 20px;
}

.bottom_bar .first_page img,
.bottom_bar .last_page img {
  display: block;
  width: 20px;
  height: 20px;
}

.bottom_bar .prev_page {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.bottom_bar .next_page {
  width: 20px;
  height: 20px;
  transform: rotate(180deg);
  cursor: pointer;
}

.bottom_bar .prev_page img,
.bottom_bar .next_page img {
  display: block;
  width: 20px;
  height: 20px;
}

.bottom_bar .input_bar {
  display: block;
  width: 50px;
  height: 20px;
  outline: none;
  margin: 0 20px;
  padding: 0 5px;
  box-sizing: border-box;
  font-size: 10px;
}

.evenshadow {
  position: absolute;
  top: 0;
  z-index: 998;
  right: -1px;
  height: 100%;
  width: 21%;
  pointer-events: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAABCAYAAAAhMKvHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTA1LTA3VDAwOjQ3OjQxKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0wNS0wN1QwMDo0ODo0NSswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0wNS0wN1QwMDo0ODo0NSswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3MDgzMjIzOC0yYTIyLTY4NDktYmM0Yy02N2NjYjQ1MWY2YzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzA4MzIyMzgtMmEyMi02ODQ5LWJjNGMtNjdjY2I0NTFmNmMxIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NzA4MzIyMzgtMmEyMi02ODQ5LWJjNGMtNjdjY2I0NTFmNmMxIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MDgzMjIzOC0yYTIyLTY4NDktYmM0Yy02N2NjYjQ1MWY2YzEiIHN0RXZ0OndoZW49IjIwMjQtMDUtMDdUMDA6NDc6NDErMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz51Wco+AAAAMklEQVQYlWP8//8/AwMDAwMjIyMjAwRQg6a3Wf+phBmwsPGJMTEwMLBAMTMaG4aZ8NEAqxMcNOjRNY8AAAAASUVORK5CYII=);
  background-repeat: repeat-y;
  background-size: 100% auto;
}

.oddshadow {
  position: absolute;
  top: 0;
  z-index: 998;
  left: -1px;
  height: 100%;
  width: 14%;
  pointer-events: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAABCAYAAABnhghtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTA1LTA3VDAwOjQ3OjQ4KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0wNS0wN1QwMDo0ODo0NCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0wNS0wN1QwMDo0ODo0NCswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpmODg0ZWUwYy02ZjkzLWNjNDktODZlYi02ODk0YzI5ZmVhNmMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Zjg4NGVlMGMtNmY5My1jYzQ5LTg2ZWItNjg5NGMyOWZlYTZjIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6Zjg4NGVlMGMtNmY5My1jYzQ5LTg2ZWItNjg5NGMyOWZlYTZjIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpmODg0ZWUwYy02ZjkzLWNjNDktODZlYi02ODk0YzI5ZmVhNmMiIHN0RXZ0OndoZW49IjIwMjQtMDUtMDdUMDA6NDc6NDgrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4gvcRQAAAAoElEQVQYlT2Nwa2FMBADidfJIgIFvJ5+UxTJlTpQWNb/BIeRDx5pSinlj6TMTO4ukklSpRSR/Ki1iqQAfH+tVa011VoFQACytSYAeheA3F0ARDIByMw0z7PM7GOapjQz9d5FUs/zfN1SSr4dd1dEyN3l7q+Xy7IoItR7V0Ro2zZFhNZ1zYhQRGiMod/vp/u+NcbQdV06zzOP49C+78pM/QN5lXL/HcGjfgAAAABJRU5ErkJggg==);
  background-repeat: repeat-y;
  background-size: 100% auto;
}

.loading-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #333;
  background: #FFFFFF;
}

.bottom_left_btn {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    height: 100%;
}
.btnbox {
    width: 42px;
    height: 100%;
    float: left;
    /* display: inline-block; */
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    cursor: pointer;
    text-align: center;
    position: relative;
}
.btn i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    color: #fff;
}
.iconoo-mulu {
    border: 1px solid;
    width: 14px;
}
.iconoo {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    margin: auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
.iconoo:before, .iconoo:after {
    content: '';
    pointer-events: none;
    position: absolute;
}
.iconoo-mulu:after {
    border-top: 1px solid;
    width: 8px;
    left: 2px;
    top: 5px;
    box-shadow: 0 3px, 0 6px;
    -webkit-box-shadow: 0 3px, 0 6px;
    -moz-box-shadow: 0 3px,0 6px;
    -ms-box-shadow: 0 3px,0 6px;
    -o-box-shadow: 0 3px,0 6px;
}

a {
    cursor: pointer
}

ol,ul {
    margin-top: 0;
    margin-bottom: 10px
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

.flimg:not(.ewm) .dhc {
    pointer-events: none
}

.flimg:not(.animated):not(.imgeached),.popUpWindow .content img:not(.imgeached),.flqrcode:not(.animated):not(.imgeached) {
    background: url("/static/out/book/img/imgloading.gif") no-repeat center center;
    background-color: rgba(0,0,0,0.02)
}

.iconfont {
    -webkit-font-smoothing: antialiased
}

.flipbook-viewport {
    overflow: hidden;
    width: 100%;
    height: 100%
}

.flipbook-viewport .container {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: auto
}

.flipbook {
    -webkit-transition: margin-left 500ms;
    -o-transition: margin-left 500ms;
    transition: margin-left 500ms
}

.flipbook-viewport {
    -webkit-transition: -webkit-transform 200ms;
    -o-transition: -o-transform 200ms;
    transition: -webkit-transform 200ms;
    -o-transition: transform 200ms;
    transition: transform 200ms;
    transition: transform 200ms,-webkit-transform 200ms
}

.flipbook-viewport .page img {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flipbook-viewport-search {
    -webkit-transition: width 200ms;
    -o-transition: width 200ms;
    transition: width 200ms
}

.flipbook-viewport .shadow {
    -webkit-transition: -webkit-box-shadow .5s;
    -o-transition: -o-box-shadow .5s;
    transition: -webkit-box-shadow .5s;
    -o-transition: box-shadow .5s;
    transition: box-shadow .5s;
    transition: box-shadow .5s,-webkit-box-shadow .5s;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -ms-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px rgba(0,0,0,0.2)
}

.normal_left_border {
    position: absolute;
    left: 0;
    top: 0;
    width: 3%;
    height: 100%;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAABCAYAAAAMwoR9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTA1LTA3VDAxOjE2OjE0KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0wNS0wN1QwMToxNjozNSswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0wNS0wN1QwMToxNjozNSswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyMDY1MzNlMy04OTBiLTg4NDItYWU2MS0zZDFhYTEzNmEyM2IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjA2NTMzZTMtODkwYi04ODQyLWFlNjEtM2QxYWExMzZhMjNiIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MjA2NTMzZTMtODkwYi04ODQyLWFlNjEtM2QxYWExMzZhMjNiIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMDY1MzNlMy04OTBiLTg4NDItYWU2MS0zZDFhYTEzNmEyM2IiIHN0RXZ0OndoZW49IjIwMjQtMDUtMDdUMDE6MTY6MTQrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5OC/DbAAAALklEQVQImWOUlpaOlJOT+yojI/NVUlLyq7S09FcpKakvysrKX7m5ub/q6el9BQC1vQr/LFrtDgAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    background-size: 100% auto
}

.normal_right_border {
    position: absolute;
    right: 0;
    top: 0;
    width: 3%;
    height: 100%;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAABCAYAAAAMwoR9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAF7GlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTA1LTA3VDAxOjE2OjE0KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0wNS0wN1QwMToxNzozNiswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0wNS0wN1QwMToxNzozNiswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxZDYxZWY3ZS1hMGM4LTk0NDQtODkyYy04Mzc1OGRhYjc4YmIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjA2NTMzZTMtODkwYi04ODQyLWFlNjEtM2QxYWExMzZhMjNiIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MjA2NTMzZTMtODkwYi04ODQyLWFlNjEtM2QxYWExMzZhMjNiIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMDY1MzNlMy04OTBiLTg4NDItYWU2MS0zZDFhYTEzNmEyM2IiIHN0RXZ0OndoZW49IjIwMjQtMDUtMDdUMDE6MTY6MTQrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MWQ2MWVmN2UtYTBjOC05NDQ0LTg5MmMtODM3NThkYWI3OGJiIiBzdEV2dDp3aGVuPSIyMDI0LTA1LTA3VDAxOjE3OjM2KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+e48uFQAAAC1JREFUCJkFwaERADAIBMFEX/ovDI9hHqgATXbv7h4zY2Zwd6rqZSbdjSQigg/XbRisDN5FZQAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    background-size: 100% auto
}

.evenshadow {
    position: absolute;
    top: 0;
    right: -1px;
    height: 100%;
    width: 21%;
    pointer-events: none;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAABCAYAAAAhMKvHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTA1LTA3VDAwOjQ3OjQxKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0wNS0wN1QwMDo0ODo0NSswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0wNS0wN1QwMDo0ODo0NSswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3MDgzMjIzOC0yYTIyLTY4NDktYmM0Yy02N2NjYjQ1MWY2YzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzA4MzIyMzgtMmEyMi02ODQ5LWJjNGMtNjdjY2I0NTFmNmMxIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NzA4MzIyMzgtMmEyMi02ODQ5LWJjNGMtNjdjY2I0NTFmNmMxIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MDgzMjIzOC0yYTIyLTY4NDktYmM0Yy02N2NjYjQ1MWY2YzEiIHN0RXZ0OndoZW49IjIwMjQtMDUtMDdUMDA6NDc6NDErMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz51Wco+AAAAMklEQVQYlWP8//8/AwMDAwMjIyMjAwRQg6a3Wf+phBmwsPGJMTEwMLBAMTMaG4aZ8NEAqxMcNOjRNY8AAAAASUVORK5CYII=");
    background-repeat: repeat-y;
    background-size: 100% auto
}

.oddshadow {
    top: 0;
    left: -1px;
    height: 100%;
    width: 14%;
    pointer-events: none;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAABCAYAAABnhghtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTA1LTA3VDAwOjQ3OjQ4KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0wNS0wN1QwMDo0ODo0NCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0wNS0wN1QwMDo0ODo0NCswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpmODg0ZWUwYy02ZjkzLWNjNDktODZlYi02ODk0YzI5ZmVhNmMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Zjg4NGVlMGMtNmY5My1jYzQ5LTg2ZWItNjg5NGMyOWZlYTZjIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6Zjg4NGVlMGMtNmY5My1jYzQ5LTg2ZWItNjg5NGMyOWZlYTZjIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpmODg0ZWUwYy02ZjkzLWNjNDktODZlYi02ODk0YzI5ZmVhNmMiIHN0RXZ0OndoZW49IjIwMjQtMDUtMDdUMDA6NDc6NDgrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4gvcRQAAAAoElEQVQYlT2Nwa2FMBADidfJIgIFvJ5+UxTJlTpQWNb/BIeRDx5pSinlj6TMTO4ukklSpRSR/Ki1iqQAfH+tVa011VoFQACytSYAeheA3F0ARDIByMw0z7PM7GOapjQz9d5FUs/zfN1SSr4dd1dEyN3l7q+Xy7IoItR7V0Ro2zZFhNZ1zYhQRGiMod/vp/u+NcbQdV06zzOP49C+78pM/QN5lXL/HcGjfgAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    background-size: 100% auto
}

.thickness {
    -webkit-mask-box-image-source: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNy4zMjgiIGhlaWdodD0iMzE3LjQ2bW0iIHZpZXdCb3g9IjAgMCAzNS4zMSAxMTM0LjkyIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBiYXNlUHJvZmlsZT0iZnVsbCIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIGltYWdlLXJlbmRlcmluZz0ib3B0aW1pemVRdWFsaXR5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCI+PHBhdGggZmlsbD0iI2ZjZmNmYyIgZD0iTTAgMGwzNS4zMSA2LjgxVjExMjguM0wwIDExMzQuOTJ6Ii8+PC9zdmc+");
    background: -o-repeating-linear-gradient(left,#FCFCFC,#C9C9C9 2px);
    background: repeating-linear-gradient(to right,#FCFCFC,#C9C9C9 2px);
    height: 100%;
    position: absolute;
    background-size: 100% 100%;
    z-index: 50;
    -webkit-transition: width 500ms,right 500ms;
    -o-transition: width 500ms,right 500ms;
    transition: width 500ms,right 500ms;
    cursor: pointer
}

.thickness_left {
    -webkit-mask-box-image-source: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNy4zMjgiIGhlaWdodD0iMzE3LjQ2bW0iIHZpZXdCb3g9IjAgMCAzOS44MiAxMjgwLjA3IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBiYXNlUHJvZmlsZT0iZnVsbCIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIGltYWdlLXJlbmRlcmluZz0ib3B0aW1pemVRdWFsaXR5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCI+PHBhdGggZmlsbD0iI2ZjZmNmYyIgZD0iTTM5LjgyIDBMMCA3LjY4djEyNjQuOTNsMzkuODIgNy40NnoiLz48L3N2Zz4=");
    background: -o-repeating-linear-gradient(left,#FCFCFC,#C9C9C9 2px);
    background: repeating-linear-gradient(to right,#FCFCFC,#C9C9C9 2px);
    height: 100%;
    position: absolute;
    background-size: 100% 100%;
    z-index: 50;
    -webkit-transition: width 500ms,left 500ms;
    -o-transition: width 500ms,left 500ms;
    transition: width 500ms,left 500ms;
    cursor: pointer
}

.zsj_dsd {
    background: url("data:image/png;base64,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") no-repeat left;
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
    position: absolute;
    left: -1px;
    max-width: 9px
}

.ysj_dsd {
    background: url("data:image/png;base64,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") no-repeat right;
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
    position: absolute;
    right: -1px;
    max-width: 9px
}

.cover_shadow,.cover_shadow_right {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1
}

.hard_left_border {
    position: absolute;
    left: 0;
    top: 0;
    width: 1.2%;
    height: 100%;
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(20,20,20,0.5)),to(rgba(240,240,200,0)));
    background-image: linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));
    background-image: -o-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));
    background-image: -ms-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#77151515',EndColorStr='#00DCDCB4')
}

.hard_top_border {
    position: absolute;
    left: 0;
    top: 0;
    height: 3px;
    width: 100%;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(240,240,200,0.6)),to(rgba(240,240,200,0)));
    background-image: linear-gradient(top,rgba(240,240,200,0.6),rgba(240,240,200,0));
    background-image: -o-linear-gradient(top,rgba(240,240,200,0.6),rgba(240,240,200,0));
    background-image: -ms-linear-gradient(top,rgba(240,240,200,0.6),rgba(240,240,200,0));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#CCF0F0C8',EndColorStr='#00F0F0C8')
}

.hard_bottom_border {
    position: absolute;
    left: 12px;
    top: auto;
    bottom: 0;
    height: 3px;
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0));
    background-image: -ms-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#00F0F0C8',EndColorStr='#77C8C896')
}

.hard_bottom_border_width {
    left: .4%;
    width: 99.6%
}

.hard_right_border {
    position: absolute;
    left: auto;
    right: 0;
    top: 1px;
    width: 3px;
    height: 100%;
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(right,rgba(0,0,0,0.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(right,rgba(0,0,0,0.5),rgba(0,0,0,0));
    background-image: -ms-linear-gradient(right,rgba(0,0,0,0.5),rgba(0,0,0,0));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#00F0F0C8',EndColorStr='#77C8C896')
}

.hard_left_body {
    position: absolute;
    left: 2.5%;
    top: 0;
    width: 1.5%;
    height: 100%;
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(40,40,20,0)),color-stop(35%,rgba(40,40,20,0.4)),to(rgba(40,40,20,0)));
    background-image: linear-gradient(left,rgba(40,40,20,0) 0,rgba(40,40,20,0.4) 35%,rgba(40,40,20,0) 100%);
    background-image: -o-linear-gradient(left,rgba(40,40,20,0) 0,rgba(40,40,20,0.4) 35%,rgba(40,40,20,0) 100%);
    background-image: -ms-linear-gradient(left,rgba(40,40,20,0) 0,rgba(40,40,20,0.4) 35%,rgba(40,40,20,0) 100%);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#77282815',EndColorStr='#00282815')
}

.hard_inner_left_border {
    position: absolute;
    z-index: 1;
    left: 0;
    right: auto;
    top: 0;
    width: 10px;
    height: 100%;
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(150,150,150,0.4)),to(rgba(180,180,180,0)));
    background-image: linear-gradient(left,rgba(150,150,150,0.4),rgba(180,180,180,0));
    background-image: -o-linear-gradient(left,rgba(150,150,150,0.4),rgba(180,180,180,0));
    background-image: -ms-linear-gradient(left,rgba(150,150,150,0.4),rgba(180,180,180,0));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#66969696',EndColorStr='#00B4B4B4')
}

.hard_left_cover_border {
    position: absolute;
    z-index: 0;
    left: 0;
    right: auto;
    top: 0;
    width: 4px;
    height: 100%;
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(180,180,140,0.6)),to(rgba(180,180,140,0)));
    background-image: linear-gradient(left,rgba(180,180,140,0.6),rgba(180,180,140,0));
    background-image: -o-linear-gradient(left,rgba(180,180,140,0.6),rgba(180,180,140,0));
    background-image: -ms-linear-gradient(left,rgba(180,180,140,0.6),rgba(180,180,140,0));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#CCF0F0C8',EndColorStr='#00F0F0C8')
}

.flip_x {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    -webkit-filter: FlipH;
    filter: FlipH
}

input[type=checkbox],input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal
}

html,body {
    /* overflow: hidden; */
    margin: 0;
    padding: 0;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.body {
    /* overflow: hidden; */
    height: 100%;
    -webkit-transition: -webkit-transform 200ms;
    -o-transition: -o-transform 200ms;
    transition: -webkit-transform 200ms;
    -o-transition: transform 200ms;
    transition: transform 200ms;
    transition: transform 200ms,-webkit-transform 200ms;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.text-select {
    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.text-select ::-moz-selection {
    background: #ff645d;
    color: #fff
}

.text-select ::selection {
    background: #ff645d;
    color: #fff
}

.body100 {
    width: 100%;
    height: 100%;
    /* overflow: hidden; */
    position: absolute
}

#main {
    position: relative
}

a:focus,input:focus,p:focus,div:focus {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline: 0
}

input,button,select,textarea {
    outline: 0;
    font-family: inherit;
    font: inherit;
    color: inherit;
    text-transform: none
}

.scroll {
    overflow-y: auto;
    overflow-x: hidden
}

.scroll::-webkit-scrollbar {
    width: 5px
}

.scroll:hover::-webkit-scrollbar-thumb {
    background-color: #CCC
}

hr {
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 0 0 0
}

table {
    border-spacing: 0;
    border-collapse: collapse;
    background-color: transparent
}

.table {
    border-collapse: collapse!important;
    width: 100%
}

.flzoom .oddshadow,.flzoom .evenshadow {
    display: none!important
}

.flipbook-viewport,.boxdiv {
    position: absolute;
    width: 100%;
    height: 100%
}

.page {
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    overflow: hidden;
    background-color: #FFF
}

.page .pdfimg::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("/static/out/book/img/loading-grey.svg") no-repeat center center;
    background-size: 15%
}

.page .pdfimg.rendered::after {
    display: none
}

.page .pdfimg canvas {
    width: 100%;
    height: 100%;
    pointer-events: none
}

.page .pageImg {
    width: 100%;
    height: 100%;
    pointer-events: none;
    image-rendering: -webkit-optimize-contrast
}

.page .highlight {
    background: #F7F910
}

.page div {
    position: absolute;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box
}

.page hr {
    height: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.group .dhc {
    overflow: visible
}

.dhc {
    width: inherit;
    height: inherit;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    image-rendering: -webkit-optimize-contrast
}

.dhc video {
    width: 100%;
    height: 100%
}

.text {
    font-size: 18px;
    outline: 0;
    color: #000;
    line-height: 1.42857143
}

.text .dhc {
    padding: 10px;
    outline: 0;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
    overflow: hidden
}

.text div {
    position: static
}

.text.text-lock .dhc {
    width: inherit;
    height: inherit;
    position: relative
}

.text.text-lock .dhc span.t-l {
    position: absolute;
    line-height: 0
}

.text.text-lock .dhc sup,.text.text-lock .dhc sub {
    position: static;
    line-height: 1.9em
}

.qz-justify .dhc div {
    text-align: justify;
    -moz-text-align-last: justify;
    text-align-last: justify
}

.qz-justify .dhc div:after {
    display: inline-block;
    content: '';
    overflow: hidden;
    width: 100%;
    height: 0
}

.table {
    margin-bottom: 0
}

.table .dhc {
    overflow: visible;
    padding: 0
}

.dhc table {
    border: 1px solid #676767;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%
}

.dhc table td,.dhc table th {
    border: 1px solid #676767;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    padding: 5px
}

.shape {
    width: 100px;
    height: auto;
    top: 0;
    left: 0
}

.shape svg {
    position: absolute
}

.video .dhc {
    background: #000;
    position: absolute
}

.video .dhc .videoplaybtn {
    width: 25%;
    height: 25%;
    background: url("/static/index/img/spplay.svg") no-repeat;
    background-size: 100% 100%;
    opacity: .9;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    min-width: 50px;
    min-height: 50px
}

.video .videoplaybtn:hover {
    opacity: 1;
    cursor: pointer
}

.video[data-hidebar="true"] video::-webkit-media-controls,.videobox video[data-hidebar="true"]::-webkit-media-controls {
    display: none!important
}

.link a {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s
}

.flash .link a {
    background-color: rgba(0,0,255,0.1)
}

.animated {
    display: none
}

.flhide {
    display: none
}

.event {
    cursor: pointer
}

.grid .dhc {
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.onerow {
    white-space: nowrap
}

.onerow .dhc {
    overflow: visible
}

.dhc.scroll {
    overflow: hidden
}

.dhc>canvas {
    width: 100%;
    height: 100%
}

.liutext>.dhc>div {
    position: static
}

.form .dhc {
    border: 1px solid #E1E1E1;
    background-color: #fff;
    font-size: 16px
}

.flsubmit .dhc {
    background-color: #7a90b2;
    border: 0
}

.form input,.form textarea,.form select {
    padding: 5px;
    width: inherit;
    height: inherit;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #676767;
    background: 0
}

.form .options,.form .radio-title,.form .option-group {
    position: static;
    color: #676767
}

.form .options {
    width: inherit
}

.form .radio-title {
    width: inherit;
    line-height: 40px;
    padding-left: 5px;
    border-bottom: 1px solid #E1E1E1
}

.form .option-group {
    width: inherit;
    padding: 5px;
    margin-bottom: 5px
}

.form .option-group label {
    margin: 0;
    font-weight: 400
}

.form .option-group label span {
    margin-left: 5px
}

.form .hxxs .option-group {
    width: auto;
    display: inline-block
}

.form button {
    width: inherit;
    height: inherit;
    border: 0;
    outline: 0;
    background: 0;
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff
}

.popupContent {
    display: none
}

.table td.bias {
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.flqrcode .dhc>img {
    width: inherit;
    height: inherit
}

.flqrcode>.dhc {
    background-color: #EEF1F6
}

.dhc .empty {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #68686C
}

.dhc .empty>i {
    margin-right: 5px
}

.praise {
    cursor: pointer
}

.praise .dhc {
    text-align: center;
    color: #007AFF;
    font-size: 20px
}

.praise .dhc span {
    display: block
}

.praise .dhc>.icon>i {
    font-size: 22px
}

.praise.l-r .dhc>.icon {
    margin-right: 10px
}

.praise.l-r .dhc span {
    display: inline
}

.praise.l-r .dhc::before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

.makecall {
    cursor: pointer
}

.makecall .dhc {
    text-align: center;
    background-color: #007AFF;
    color: #fff;
    font-size: 20px
}

.makecall .dhc span {
    position: relative;
    top: 2px
}

.makecall .dhc>.icon {
    margin-right: 10px
}

.makecall .dhc>.icon>i {
    font-size: 20px
}

.makecall .dhc::before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

.makecall .dhc:hover {
    opacity: .9
}

.flnum {
    text-align: center;
    font-size: 18px;
    color: #000;
    line-height: 30px;
    white-space: nowrap
}

.flnum .dhc {
    overflow: visible
}

.text[data-tts] {
    cursor: pointer
}

.text[tts-reading-method="event"] {
    cursor: default
}

.text.tts-icon>i {
    font-size: 12px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    background-color: #76838F;
    position: absolute;
    left: -20px;
    top: -20px
}

.flslide>.dhc {
    background-color: #EEF1F6
}

.flslide>.dhc.swiper-cube,.flslide>.dhc.swiper-cards {
    overflow: visible
}

.flslide .fl-wrapper {
    width: auto;
    height: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transform: translate3d(0px,0,0);
    transform: translate3d(0px,0,0);
    position: relative
}

.flslide .fl-wrapper .fl-slide {
    width: auto;
    height: inherit;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: static;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    transition-property: transform,-webkit-transform
}

.swiper-3d .fl-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    width: inherit
}

.flslide .swiper-cube .fl-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    height: inherit
}

.flslide .swiper-flip .fl-slide {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.flslide .slide-btn {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #007AFF;
    padding: 20px 10px;
    cursor: pointer;
    opacity: .8;
    z-index: 9;
    width: auto;
    height: auto;
    margin-top: 0
}

.flslide .slide-btn:hover {
    opacity: 1
}

.flslide .slide-btn>i {
    font-size: 40px
}

.flslide .fl-button-prev {
    left: 0
}

.flslide .fl-button-next {
    right: 0
}

.flslide .slide-btn.fl-button-disabled {
    opacity: .2;
    cursor: default
}

.flslide .fl-pagination {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 15px;
    left: 0
}

.flslide .fl-pagination>.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #007AFF;
    opacity: .2;
    display: inline-block;
    margin: 0 3px;
    cursor: pointer
}

.flslide .fl-pagination>.swiper-pagination-bullet-active {
    opacity: .8
}

.fl-button-prev:after,.fl-button-next:after {
    display: none
}

.flslide .fl-pagination>.swiper-pagination-bullet.square {
    border-radius: 0
}

.flslide .fl-pagination.fl-pagination-fraction {
    color: #007AFF
}

.flslide .fl-pagination.fl-pagination-progressbar {
    top: 0;
    bottom: auto;
    background-color: rgba(0,0,0,0.5);
    height: 4px
}

.flslide .fl-pagination.fl-pagination-progressbar>span {
    background-color: #007AFF;
    display: block;
    height: inherit
}

.flslide .swiper-vertical .fl-wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
    width: inherit;
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.flslide .swiper-vertical.swiper-cube .fl-wrapper {
    height: inherit
}

.flslide .swiper-vertical .fl-pagination {
    width: auto;
    height: auto;
    bottom: auto;
    right: 15px;
    left: auto;
    display: inline-block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.flslide .swiper-vertical .fl-pagination>.swiper-pagination-bullet {
    display: block;
    margin: 3px 0
}

.flslide .swiper-vertical .slide-btn {
    top: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 10px 20px
}

.flslide .swiper-vertical .fl-button-prev {
    top: 0
}

.flslide .swiper-vertical .fl-button-next {
    right: auto;
    bottom: 0
}

.flslide .swiper-vertical .slide-btn>i {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block
}

.flslide .swiper-vertical .fl-pagination-fraction {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.flslide .swiper-vertical .fl-pagination-progressbar {
    left: 0;
    width: 4px;
    height: 100%
}

.flslide .swiper-vertical .fl-pagination-progressbar>span {
    width: inherit
}

.img-mask {
    -webkit-mask-box-image-slice: 0 fill;
    -webkit-mask-box-image-width: initial;
    -webkit-mask-box-image-outset: initial;
    -webkit-mask-box-image-repeat: initial;
    overflow: hidden
}

.downmore {
    position: absolute;
    z-index: 998;
    text-align: center;
    top: 50%;
    left: 50%;
    display: none;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.downmore p {
    line-height: 50px;
    color: #fff;
    white-space: nowrap
}

.downmore a {
    color: #fff;
    text-decoration: none;
    padding: 15px 40px 15px 40px;
    border: 1px solid transparent
}

.downmore a:hover {
    border: 1px solid #fff
}

.downmore a i {
    margin-right: 10px;
    font-size: 26px;
    position: relative;
    top: 4px
}

#imgloadbox {
    height: 100%;
    padding-left: 5px;
    visibility: hidden;
    display: inline-block
}

#imgloadbox i {
    color: #fff;
    font-size: 14px;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 13px;
    text-align: center;
    line-height: 16px;
    -webkit-animation: rotate360 .5s linear 0s infinite normal;
    animation: rotate360 .5s linear 0s infinite normal
}

video::-internal-media-controls-download-button {
    display: none
}

video::-webkit-media-controls-enclosure {
    overflow: hidden
}

.flipx>.dhc {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    -webkit-filter: FlipH;
    filter: FlipH
}

.flipy>.dhc {
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
    -webkit-filter: FlipV;
    filter: FlipV
}

.no3d {
    -webkit-transform-style: flat!important;
    transform-style: flat!important
}

.zoompage {
    overflow: visible
}

.zoompage>.page {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.p-temporal .page-mask {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    left: 0;
    position: relative;
    opacity: .1;
    pointer-events: none
}

.mf-make-btn {
    height: 100%;
    float: right;
    padding: 0 10px 0 10px
}

.mf-make-btn:before {
    content: "";
    pointer-events: none;
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

.mf-make-btn a {
    color: #fff;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    vertical-align: middle;
    background-color: #0077FE;
    border-radius: 30px;
    padding: 4px 10px;
    font-size: 15px;
    text-decoration: none;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s
}

.mf-make-btn a:hover {
    background-color: #006AEA
}

.mf-make-btn a:active {
    background-color: #005DCB
}

.tcck {
    width: 100%;
    height: 100%;
    z-index: 998;
    background: #000;
    position: absolute;
    display: none;
    left: 0;
    top: 0
}

.tcck_gb {
    width: 50px;
    height: 50px;
    display: block;
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 998;
    font-size: 36px;
    color: #ccc;
    text-align: center;
    line-height: 50px
}

.tcck_gb:hover {
    cursor: pointer;
    color: #fff
}

.objhtml {
    width: 100%;
    height: 100%;
    position: absolute;
    text-align: center
}

.objhtml .videobox {
    position: absolute;
    width: 100vmin;
    height: 100vmin;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.objhtml .videobox>video,.objhtml .videobox>iframe {
    width: 100vmin;
    height: 100vmin;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ewm .ewmimg {
    opacity: 0
}

.zoom img {
    display: none
}

.zoom .ewmimg {
    display: block
}

.zoom {
    cursor: pointer
}

.zoom:hover>.dhc::after,.flchart[data-zoom=true]:hover>.dhc::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    background: url("/static/out/book/img/magnifier.png") no-repeat center center rgba(0,0,0,0.6)
}

.tools {
    position: absolute;
    height: 46px;
    width: 100%;
    z-index: 998;
    background: rgba(0,0,0,0.3)
}

.top_bar {
    top: 0;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-transition: -webkit-transform 500ms;
    -o-transition: -o-transform 500ms;
    transition: -webkit-transform 500ms;
    -o-transition: transform 500ms;
    transition: transform 500ms;
    transition: transform 500ms,-webkit-transform 500ms
}

.top_bar_hide {
    -webkit-transform: translate3d(0,-50px,0);
    -ms-transform: translate3d(0,-50px,0);
    transform: translate3d(0,-50px,0)
}

.bottom_bar {
    bottom: 0;
    text-align: center;
    -webkit-transition: -webkit-transform 500ms;
    -o-transition: -o-transform 500ms;
    transition: -webkit-transform 500ms;
    -o-transition: transform 500ms;
    transition: transform 500ms;
    transition: transform 500ms,-webkit-transform 500ms
}

.helpzzbox {
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    z-index: 998;
    opacity: .8;
    display: none
}

.helpzzbox>a {
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 10px 20px;
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 30px;
    -webkit-transform: translate(-50%,-100%);
    -ms-transform: translate(-50%,-100%);
    transform: translate(-50%,-100%);
    color: #fff;
    font-size: 14px
}

.helpzzbox>a:hover {
    background-color: rgba(255,255,255,0.1)
}

.bottom_bar_hide {
    -webkit-transform: translate3d(0,50px,0);
    -ms-transform: translate3d(0,50px,0);
    transform: translate3d(0,50px,0)
}

.top_right_btn {
    float: right;
    height: 100%
}

.bottom_left_btn {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    height: 100%
}

.bottom_right_btn {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    height: 100%
}

.center_btn {
    height: 100%;
    width: 404px;
    margin: 0 auto;
    text-align: center
}

.center_btnn {
    display: inline-block;
    height: 100%
}

.btnbox {
    width: 42px;
    height: 100%;
    float: left;
    /* display: inline-block; */
    padding: 0
}

.btnbox2 {
    width: 68px;
    height: 100%;
    float: left;
    padding: 0
}

.btnbox3 {
    max-width: 300px;
    height: 100%;
    float: left;
    padding: 0
}

.btnbox4 {
    width: 42px;
    height: 100%;
    float: left;
    padding: 0;
    cursor: pointer
}

.btn {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    cursor: pointer;
    text-align: center;
    position: relative
}

.btnhover:hover,.btn.active {
    background: rgba(255,255,255,0.1);
    border-bottom: 2px #ECF5FB solid
}

.btn:active {
    background: rgba(255,255,255,0.2);
    border-bottom: 2px #ECF5FB solid
}

.top_right_btn .btnbox {
    width: 35px
}

.more {
    line-height: 40px
}

.more i {
    font-size: 14px
}

.searchbox {
    width: 260px;
    height: 30px;
    background: rgba(255,255,255,0.6);
    margin: 8px 8px 0 8px;
    position: relative;
    float: right
}

.searchbox input {
    width: 230px;
    height: 20px;
    line-height: 20px;
    border: 0;
    background: 0;
    margin: 5px 0 0 10px
}

.searchbox a {
    color: #272727;
    position: absolute;
    right: 10px;
    top: 5px;
    width: 20px;
    height: 20px;
    display: inline-block;
    cursor: pointer
}

.searchbox a:hover {
    color: #707070
}

.searchbox.jh {
    background: #fff
}

#messagebox {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    max-width: 640px;
    margin: 0 auto;
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    z-index: 998
}

#messagebox.showmsgbox {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

#messagebox .index {
    overflow: hidden;
    height: calc(100% - 65px)
}

#messagebox h2 {
    font-size: 18px;
    font-weight: 100;
    background: #F8F8F8;
    margin: 0;
    padding: 20px;
    border-bottom: 1px solid #EEE
}

#messagebox h2 i {
    margin-right: 10px
}

#messagebox h2 a {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 65px;
    height: 65px;
    text-align: center;
    line-height: 65px;
    font-size: 36px;
    cursor: pointer
}

#messagebox .formbox {
    padding: 20px
}

#messagebox .formbox .cuowu {
    color: #F00;
    margin: 10px 0 0 0
}

#messagebox .formbox .cuowu i {
    margin-right: 6px;
    font-size: 14px
}

#messagebox textarea {
    display: block;
    border: 1px solid #E1E1E1;
    padding: 10px;
    font-size: 16px;
    width: 100%;
    margin-top: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box
}

#msgform>span {
    position: relative;
    width: calc(50% - 10px);
    height: 40px;
    display: inline-block
}

#msgform>span>span {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 14px;
    color: #DDD;
    height: 100%;
    line-height: 40px
}

#msgform>span:nth-child(2) {
    float: right
}

#messagebox input {
    border: 1px solid #E1E1E1;
    padding: 10px;
    font-size: 16px;
    width: 100%;
    height: inherit;
    padding-right: 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box
}

#messagebox button {
    border: 0;
    background: #DDD;
    margin-top: 20px;
    height: 40px;
    width: 100%;
    cursor: pointer
}

#messagebox .msgc {
    padding: 20px
}

#messagebox .msgcli {
    margin-top: 20px
}

#messagebox .linr {
    border: 1px solid #F6F6F6;
    padding: 20px;
    color: #555;
    font-size: 14px
}

#messagebox .linr hr {
    background-color: #F6F6F6;
    height: 1px;
    border: 0;
    margin: 20px 0 20px 0
}

#messagebox .litop {
    display: inline-block;
    background: #F6F6F6;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px 20px 10px 20px;
    color: #545454
}

#messagebox .litop i,#messagebox .litop span {
    margin-right: 10px
}

#messagebox .litop font {
    color: #A5A5A5;
    font-size: 14px
}

#messagebox .lihf span {
    font-weight: bold
}

#messagebox .postok {
    text-align: center;
    padding: 40px
}

#messagebox .postok i {
    font-size: 48px
}

#messagebox .postok a {
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer
}

#msgMore {
    text-align: center;
    font-size: 14px;
    margin: 10px;
    padding-bottom: 20px
}

#msgMore>span {
    color: #E1E1E1;
    display: none
}

#msgMore>a {
    background-color: #F8F9FA;
    color: #212529;
    padding: 10px 30px;
    border-radius: 5px
}

#msgMore>a:hover {
    background-color: #E2E6EA
}

#msgMore>i {
    display: none;
    color: #A5A5AC
}

#msgMore.loading>i {
    display: inline-block
}

#msgMore.loading>a {
    display: none
}

#msgMore.nomore>span {
    display: inline-block
}

#msgMore.nomore>a {
    display: none
}

.flmap>.dhc {
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important
}

.map-nav-box {
    position: absolute;
    bottom: 0;
    background-color: #fff;
    width: 100%;
    height: 54px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.map-nav-box .address-name {
    height: 30px;
    margin: 12px;
    float: left
}

.map-nav-box .address-name P {
    margin: 0;
    font-size: 13px;
    padding: 0;
    line-height: 16px
}

.map-nav-box .address-name p:nth-of-type(2) {
    color: #999;
    font-size: 12px
}

.map-nav-box .go-here {
    height: 30px;
    color: #fff;
    padding: 0 10px;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: 0;
    background-color: #1593ff;
    font-size: 12px;
    margin: 12px
}

.map-nav-box .go-here i {
    position: relative;
    top: 1px;
    margin-right: 5px
}

.map-box {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.map-box .tdt-pane {
    z-index: 0
}

.tdt-control-copyright {
    display: none
}

.btn i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    color: #fff
}

.iconoo {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    margin: auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box
}

.iconoo:before,.iconoo:after {
    content: '';
    pointer-events: none;
    position: absolute
}

.iconoo span {
    display: inline-block;
    position: absolute
}

.iconoo-mulu {
    border: 1px solid;
    width: 14px
}

.iconoo-mulu:before {
    border-top: 1px solid;
    width: 5px;
    left: 2px;
    right: 0;
    top: 2px
}

.iconoo-mulu:after {
    border-top: 1px solid;
    width: 8px;
    left: 2px;
    top: 5px;
    box-shadow: 0 3px,0 6px;
    -webkit-box-shadow: 0 3px,0 6px;
    -moz-box-shadow: 0 3px,0 6px;
    -ms-box-shadow: 0 3px,0 6px;
    -o-box-shadow: 0 3px,0 6px
}

.iconoo-fengmian {
    border-left: 1px solid
}

.iconoo-fengmian:before,.iconoo-shangyiye:before {
    width: 11px;
    height: 11px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    border-left: 1px solid;
    border-bottom: 1px solid;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

.iconoo-fengmian:after,.iconoo-shangyiye:after,.iconoo-xiayiye:after,.iconoo-fengdi:after {
    width: 100%;
    border-top: 1px solid;
    left: 0;
    margin-top: calc(50% - 0.5px)
}

.iconoo-xiayiye:before,.iconoo-fengdi:before {
    width: 11px;
    height: 11px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    border-right: 1px solid;
    border-bottom: 1px solid;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg)
}

.iconoo-fengdi {
    border-right: 1px solid
}

.iconoo-more {
    width: 18px;
    height: 18px;
    border: 1px solid;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

.iconoo-more:before {
    width: 0;
    height: 0;
    border: 1px solid;
    left: 3px;
    top: 7px;
    box-shadow: 4px 0,8px 0;
    -webkit-box-shadow: 4px 0,8px 0;
    -moz-box-shadow: 4px 0,8px 0;
    -ms-box-shadow: 4px 0,8px 0;
    -o-box-shadow: 4px 0,8px 0
}

.iconoo-liuyan {
    width: 16px;
    height: 12px;
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    margin-top: -2px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px
}

.iconoo-liuyan:before {
    width: 0;
    height: 0;
    border: 1px solid;
    left: 2px;
    top: 4px;
    box-shadow: 4px 0,8px 0;
    -webkit-box-shadow: 4px 0,8px 0;
    -moz-box-shadow: 4px 0,8px 0;
    -ms-box-shadow: 4px 0,8px 0;
    -o-box-shadow: 4px 0,8px 0
}

.iconoo-liuyan:after {
    width: 1px;
    height: 0;
    border-bottom: 1px solid;
    left: 0;
    top: 10px;
    box-shadow: 1px 0,2px 0,3px 0,3px 1px,3px 2px,3px 3px,3px 4px,4px 4px,5px 3px,6px 2px,7px 1px,8px 0,9px 0,10px 0,11px 0,12px 0,13px 0;
    -webkit-box-shadow: 1px 0,2px 0,3px 0,3px 1px,3px 2px,3px 3px,3px 4px,4px 4px,5px 3px,6px 2px,7px 1px,8px 0,9px 0,10px 0,11px 0,12px 0,13px 0;
    -moz-box-shadow: 1px 0,2px 0,3px 0,3px 1px,3px 2px,3px 3px,3px 4px,4px 4px,5px 3px,6px 2px,7px 1px,8px 0,9px 0,10px 0,11px 0,12px 0,13px 0;
    -ms-box-shadow: 1px 0,2px 0,3px 0,3px 1px,3px 2px,3px 3px,3px 4px,4px 4px,5px 3px,6px 2px,7px 1px,8px 0,9px 0,10px 0,11px 0,12px 0,13px 0;
    -o-box-shadow: 1px 0,2px 0,3px 0,3px 1px,3px 2px,3px 3px,3px 4px,4px 4px,5px 3px,6px 2px,7px 1px,8px 0,9px 0,10px 0,11px 0,12px 0,13px 0
}

.iconoo-about {
    width: 18px;
    height: 18px;
    border: 1px solid;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

.iconoo-about:before {
    width: 0;
    height: 0;
    border: 1px solid;
    left: 7px;
    top: 3px
}

.iconoo-about:after {
    width: 0;
    height: 4px;
    border: 1px solid;
    left: 7px;
    top: 7px
}

.iconoo-Ankerwebicon {
    width: 18px;
    height: 18px;
    border: 1px solid;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

.iconoo-Ankerwebicon span {
    width: 0;
    height: 0;
    border: 1px solid;
    left: 7px;
    top: 7px
}

.iconoo-Ankerwebicon:before {
    width: 6px;
    height: 16px;
    border: 1px solid;
    left: 4px;
    top: -1px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

.iconoo-Ankerwebicon:after {
    width: 16px;
    height: 6px;
    border: 1px solid;
    left: -1px;
    top: 4px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

.iconoo-xiazai {
    width: 16px;
    height: 16px;
    border-bottom: 1px solid
}

.iconoo-xiazai:before {
    width: 11px;
    height: 11px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    top: 1px;
    left: 2px
}

.iconoo-xiazai:after {
    width: 0;
    height: 14px;
    border-left: 1px solid;
    top: 0;
    left: 8px
}

.iconoo-sousuo1 {
    width: 16px;
    height: 16px
}

.iconoo-sousuo1:before {
    width: 12px;
    height: 12px;
    border: 1px solid;
    top: 0;
    left: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

.iconoo-sousuo1:after {
    width: 0;
    height: 2px;
    border: 1px solid;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    top: 12px;
    left: 12px
}

.iconoo-shujia {
    width: 6px;
    height: 16px;
    border: 1px solid;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.iconoo-shujia:before {
    width: 4px;
    height: 8px;
    border-top: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    left: -6px;
    top: 5px
}

.iconoo-shujia:after {
    width: 4px;
    height: 10px;
    border-top: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    left: 5px;
    top: 3px
}

.iconoo-shujia span {
    width: 3px;
    border-top: 1px solid;
    top: 10px;
    left: 1px;
    box-shadow: -5px 0,5px 0,-5px 2px,0 2px,5px 2px;
    -webkit-box-shadow: -5px 0,5px 0,-5px 2px,0 2px,5px 2px;
    -moz-box-shadow: -5px 0,5px 0,-5px 2px,0 2px,5px 2px;
    -ms-box-shadow: -5px 0,5px 0,-5px 2px,0 2px,5px 2px;
    -o-box-shadow: -5px 0,5px 0,-5px 2px,0 2px,5px 2px
}

.iconoo-zhuye {
    width: 12px;
    height: 8px;
    margin-top: 4px;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.iconoo-zhuye:after {
    width: 11px;
    height: 11px;
    border-top: 1px solid;
    border-left: 1px solid;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    left: -1px;
    top: -6px
}

.iconoo-zhuye:before {
    width: 2px;
    height: 2px;
    border-top: 1px solid;
    border-right: 1px solid;
    top: -7px;
    left: 9px
}

.iconoo-comiisfangda,.iconoo-comiissuoxiao {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px solid;
    top: -1px;
    left: -1px
}

.iconoo-comiisfangda:after,.iconoo-comiissuoxiao:after {
    width: 0;
    height: 2px;
    border: 1px solid;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    top: 12px;
    left: 12px
}

.iconoo-comiisfangda:before {
    width: 6px;
    height: 0;
    border: 1px solid;
    top: 6px;
    left: 3px
}

.iconoo-comiisfangda>span::before {
    content: '';
    pointer-events: none;
    position: absolute;
    width: 0;
    height: 6px;
    border: 1px solid;
    top: 3px;
    left: -1px
}

.iconoo-comiissuoxiao:before {
    width: 6px;
    height: 0;
    border: 1px solid;
    top: 6px;
    left: 3px
}

.iconoo-bangzhu {
    width: 18px;
    height: 18px;
    border: 1px solid;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

.iconoo-bangzhu:before {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px solid;
    border-left: transparent;
    border-bottom: transparent;
    left: 5px;
    top: 3px
}

.iconoo-bangzhu:after {
    width: 1px;
    height: 0;
    border-top: 1px solid;
    left: 7px;
    top: 8px;
    box-shadow: 0 1px,0 2px,0 4px;
    -webkit-box-shadow: 0 1px,0 2px,0 4px;
    -moz-box-shadow: 0 1px,0 2px,0 4px;
    -ms-box-shadow: 0 1px,0 2px,0 4px;
    -o-box-shadow: 0 1px,0 2px,0 4px
}

.iconoo-bofang,.iconoo-zanting {
    width: 18px;
    height: 18px;
    border: 1px solid;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

.iconoo-bofang:before {
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-left: 6px solid;
    border-bottom: 3px solid transparent;
    top: 5px;
    left: 6px
}

.iconoo-zanting:before {
    width: 0;
    height: 0;
    border: 3px solid;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    top: 5px;
    left: 5px
}

.iconoo-textcopy::before {
    left: 3px;
    top: 0;
    width: 11px;
    height: 12px;
    border: 1px solid;
    border-radius: 2px
}

.iconoo-textcopy::after {
    left: 0;
    top: 3px;
    width: 1px;
    height: 0;
    border-top: 1px solid;
    -webkit-box-shadow: 0 1px,0 2px,0 3px,0 4px,0 5px,0 6px,0 7px,0 8px,0 9px,0 10px,0 11px,0 12px,1px 13px,2px 13px,3px 13px,4px 13px,5px 13px,6px 13px,7px 13px,8px 13px,9px 13px,10px 13px,11px 13px,12px 13px,13px 13px,6px 0,7px 0,8px 0,9px 0,10px 0,11px 0,12px 0,9px 1px,9px 2px,9px 3px,9px 4px,9px 5px,9px 6px,9px 7px;
    box-shadow: 0 1px,0 2px,0 3px,0 4px,0 5px,0 6px,0 7px,0 8px,0 9px,0 10px,0 11px,0 12px,1px 13px,2px 13px,3px 13px,4px 13px,5px 13px,6px 13px,7px 13px,8px 13px,9px 13px,10px 13px,11px 13px,12px 13px,13px 13px,6px 0,7px 0,8px 0,9px 0,10px 0,11px 0,12px 0,9px 1px,9px 2px,9px 3px,9px 4px,9px 5px,9px 6px,9px 7px
}

.iconoo-fenxiang {
    width: 16px;
    height: 16px
}

.iconoo-fenxiang span:nth-child(1) {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px solid;
    top: 4px;
    left: 0
}

.iconoo-fenxiang span:nth-child(2) {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px solid;
    top: 0;
    left: 10px
}

.iconoo-fenxiang span:nth-child(3) {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px solid;
    top: 9px;
    left: 10px
}

.iconoo-fenxiang:before {
    width: 5px;
    height: 0;
    border-top: 1px solid;
    transform: rotate(-29deg);
    -webkit-transform: rotate(-29deg);
    -moz-transform: rotate(-29deg);
    -o-transform: rotate(-29deg);
    -ms-transform: rotate(-29deg);
    left: 5px;
    top: 5px
}

.iconoo-fenxiang:after {
    width: 5px;
    height: 0;
    border-top: 1px solid;
    transform: rotate(31deg);
    -webkit-transform: rotate(31deg);
    -moz-transform: rotate(31deg);
    -o-transform: rotate(31deg);
    -ms-transform: rotate(31deg);
    left: 5px;
    top: 9px
}

.iconoo-erweima2 {
    width: 22px;
    height: 22px
}

.iconoo-erweima2 span:nth-child(1) {
    width: 8px;
    height: 8px;
    border: 1px solid;
    top: 0;
    left: 0
}

.iconoo-erweima2 span:nth-child(2) {
    width: 8px;
    height: 8px;
    border: 1px solid;
    top: 0;
    left: 12px
}

.iconoo-erweima2 span:nth-child(3) {
    width: 8px;
    height: 8px;
    border: 1px solid;
    top: 12px;
    left: 0
}

.iconoo-erweima2:before {
    width: 0;
    height: 0;
    border: 2px solid;
    top: 3px;
    left: 3px;
    box-shadow: 12px 0,0 12px;
    -webkit-box-shadow: 12px 0,0 12px;
    -moz-box-shadow: 12px 0,0 12px;
    -ms-box-shadow: 12px 0,0 12px;
    -o-box-shadow: 12px 0,0 12px
}

.iconoo-erweima2:after {
    width: 0;
    height: 0;
    border: 1px solid;
    top: 12px;
    left: 12px;
    box-shadow: 1px 0,3px 0,8px 0,6px 2px,8px 4px,4px 4px,8px 8px,6px 8px,6px 6px,0 1px,0 3px,0 6px,2px 6px,0 8px;
    -webkit-box-shadow: 1px 0,3px 0,8px 0,6px 2px,8px 4px,4px 4px,8px 8px,6px 8px,6px 6px,0 1px,0 3px,0 6px,2px 6px,0 8px;
    -moz-box-shadow: 1px 0,3px 0,8px 0,6px 2px,8px 4px,4px 4px,8px 8px,6px 8px,6px 6px,0 1px,0 3px,0 6px,2px 6px,0 8px;
    -ms-box-shadow: 1px 0,3px 0,8px 0,6px 2px,8px 4px,4px 4px,8px 8px,6px 8px,6px 6px,0 1px,0 3px,0 6px,2px 6px,0 8px;
    -o-box-shadow: 1px 0,3px 0,8px 0,6px 2px,8px 4px,4px 4px,8px 8px,6px 8px,6px 6px,0 1px,0 3px,0 6px,2px 6px,0 8px
}

.iconoo-thumbnail {
    width: 16px;
    height: 16px
}

.iconoo-thumbnail span {
    width: 5px;
    height: 5px;
    border: 1px solid;
    top: 0;
    left: 0
}

.iconoo-thumbnail:before {
    width: 5px;
    height: 5px;
    border: 1px solid;
    top: 0;
    left: 9px
}

.iconoo-thumbnail:after {
    width: 5px;
    height: 5px;
    border: 1px solid;
    top: 9px;
    left: 0
}

.iconoo-thumbnail span:before {
    content: '';
    pointer-events: none;
    position: absolute;
    width: 5px;
    height: 5px;
    border: 1px solid;
    top: 8px;
    left: 8px
}

.iconoo-pageswitching {
    width: 16px;
    height: 10px;
    border: 1px solid;
    margin-top: -2px
}

.iconoo-pageswitching:before {
    width: 0;
    height: 8px;
    border-right: 2px solid;
    top: 0;
    left: 6px
}

.iconoo-pageswitching:after {
    width: 16px;
    height: 0;
    border-bottom: 1px solid;
    top: 12px;
    left: -1px
}

.iconoo-pageswitching span {
    width: 1px;
    height: 0;
    border-bottom: 1px solid;
    top: 13px;
    left: 0;
    box-shadow: 1px 1px,13px -2px,12px -3px,0px -11px,1px -11px,2px -11px,3px -11px,0px -8px,1px -8px,2px -8px,3px -8px,9px -11px,10px -11px,11px -11px,12px -11px,9px -8px,10px -8px,11px -8px,12px -8px;
    -webkit-box-shadow: 1px 1px,13px -2px,12px -3px,0px -11px,1px -11px,2px -11px,3px -11px,0px -8px,1px -8px,2px -8px,3px -8px,9px -11px,10px -11px,11px -11px,12px -11px,9px -8px,10px -8px,11px -8px,12px -8px;
    -moz-box-shadow: 1px 1px,13px -2px,12px -3px,0px -11px,1px -11px,2px -11px,3px -11px,0px -8px,1px -8px,2px -8px,3px -8px,9px -11px,10px -11px,11px -11px,12px -11px,9px -8px,10px -8px,11px -8px,12px -8px;
    -ms-box-shadow: 1px 1px,13px -2px,12px -3px,0px -11px,1px -11px,2px -11px,3px -11px,0px -8px,1px -8px,2px -8px,3px -8px,9px -11px,10px -11px,11px -11px,12px -11px,9px -8px,10px -8px,11px -8px,12px -8px;
    -o-box-shadow: 1px 1px,13px -2px,12px -3px,0px -11px,1px -11px,2px -11px,3px -11px,0px -8px,1px -8px,2px -8px,3px -8px,9px -11px,10px -11px,11px -11px,12px -11px,9px -8px,10px -8px,11px -8px,12px -8px
}

.iconoo-back {
    width: 16px;
    height: 16px
}

.iconoo-back:before {
    width: 12px;
    height: 10px;
    border-right: 1px solid;
    border-top: 1px solid;
    top: 5px;
    left: 2px
}

.iconoo-back:after {
    width: 8px;
    height: 8px;
    border-left: 1px solid;
    border-bottom: 1px solid;
    left: 2px;
    top: 1px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

.iconoo-forward {
    width: 16px;
    height: 16px
}

.iconoo-forward:before {
    width: 12px;
    height: 10px;
    border-left: 1px solid;
    border-top: 1px solid;
    top: 5px;
    left: 0
}

.iconoo-forward:after {
    width: 8px;
    height: 8px;
    border-right: 1px solid;
    border-top: 1px solid;
    left: 4px;
    top: 1px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

.iconoo-zidongbofang,.iconoo-zidongbofang-zt {
    width: 14px;
    height: 14px;
    border: 1px solid
}

.iconoo-zidongbofang-zt:before,.iconoo-zidongbofang:before {
    width: 14px;
    height: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    right: -3px
}

.iconoo-zidongbofang:after {
    width: 0;
    height: 0;
    top: 3px;
    left: 4px;
    border-top: 3px solid transparent;
    border-left: 4px solid;
    border-bottom: 3px solid transparent
}

.iconoo-zidongbofang-zt:after {
    width: 2px;
    height: 6px;
    top: 3px;
    left: 4px;
    border-left: 1px solid;
    border-right: 1px solid
}

.iconoo-quanping:before {
    border-top: 1px solid;
    width: 5px;
    left: 0;
    top: 0;
    box-shadow: 0 15px,11px 0,11px 15px;
    -webkit-box-shadow: 0 15px,11px 0,11px 15px;
    -moz-box-shadow: 0 15px,11px 0,11px 15px;
    -ms-box-shadow: 0 15px,11px 0,11px 15px;
    -o-box-shadow: 0 15px,11px 0,11px 15px
}

.iconoo-quanping:after {
    border-left: 1px solid;
    height: 5px;
    left: 0;
    top: 0;
    box-shadow: 15px 0,0 11px,15px 11px;
    -webkit-box-shadow: 15px 0,0 11px,15px 11px;
    -moz-box-shadow: 15px 0,0 11px,15px 11px;
    -ms-box-shadow: 15px 0,0 11px,15px 11px;
    -o-box-shadow: 15px 0,0 11px,15px 11px
}

.iconoo-quanping-tc:before {
    border-top: 1px solid;
    width: 5px;
    left: 0;
    top: 4px;
    box-shadow: 0 7px,11px 0,11px 7px;
    -webkit-box-shadow: 0 7px,11px 0,11px 7px;
    -moz-box-shadow: 0 7px,11px 0,11px 7px;
    -ms-box-shadow: 0 7px,11px 0,11px 7px;
    -o-box-shadow: 0 7px,11px 0,11px 7px
}

.iconoo-quanping-tc:after {
    border-left: 1px solid;
    height: 5px;
    left: 4px;
    top: 0;
    box-shadow: 0 11px,7px 0,7px 11px;
    -webkit-box-shadow: 0 11px,7px 0,7px 11px;
    -moz-box-shadow: 0 11px,7px 0,7px 11px;
    -ms-box-shadow: 0 11px,7px 0,7px 11px;
    -o-box-shadow: 0 11px,7px 0,7px 11px
}

.iconoo-shengyin,.iconoo-guanbishengyin {
    height: 16px;
    width: 10px;
    margin-left: -3px;
    border-left: 0;
    border-top: 4px solid transparent;
    border-right: 5px solid;
    border-bottom: 4px solid transparent
}

.iconoo-shengyin:before {
    width: 8px;
    height: 8px;
    border: 4px double;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    top: -4px;
    left: 1px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent
}

.iconoo-shengyin::after,.iconoo-guanbishengyin::after {
    width: 0;
    height: 8px;
    border-left: 3px solid;
    top: 0;
    left: 0
}

.iconoo-guanbishengyin:before {
    content: "×";
    font-size: 13px;
    font-style: normal;
    left: 11px;
    top: -4px
}

.pageinput {
    text-align: center;
    width: 54px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    margin: 0 auto;
    background: rgba(255,255,255,0.9);
    font-size: 12px;
    position: relative;
    vertical-align: middle
}

.btnbox2:before {
    content: '';
    pointer-events: none;
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

.pageinput input {
    border: 0;
    width: 48px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 4px 0 4px;
    background: 0;
    text-align: center;
    cursor: text
}

.pageinput .gopagea {
    color: rgba(0,0,0,0.5);
    text-decoration: none;
    position: absolute;
    right: 0;
    top: 0
}

.text-left {
    text-align: left
}

.text-left input {
    text-align: left;
    width: 30px
}

.booklogo {
    height: 100%;
    background: no-repeat;
    background-size: 100%;
    margin: 3px 0 0 5px;
    display: inline-block;
    cursor: pointer;
    float: left
}

.booklogo img {
    max-height: 40px;
    position: relative
}

.zoombtnbox {
    width: 200px;
    height: 40px;
    position: absolute;
    left: 50%;
    margin-left: -100px;
    margin-top: 50px;
    background: #000;
    text-align: center;
    opacity: .2;
    z-index: 998;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}

.zoombtnbox:hover {
    opacity: .6
}

.zoombtnbox a {
    color: #fff;
    height: 100%;
    width: 30px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    cursor: pointer
}

.zoombtnbox a i {
    font-size: 18px
}

#ewmbox {
    width: 50px;
    height: 50px;
    background: rgba(0,0,0,0.5);
    position: absolute;
    bottom: 70px;
    right: 30px;
    text-align: center;
    line-height: 50px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    z-index: 99
}

#ewmbox i {
    font-size: 22px;
    color: rgba(255,255,255,0.8);
    cursor: pointer
}

.ewmshadow {
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.2);
    -ms-box-shadow: 0 0 15px rgba(0,0,0,0.2);
    -o-box-shadow: 0 0 15px rgba(0,0,0,0.2)
}

#ewmrq {
    width: 170px;
    height: 180px;
    text-align: center;
    position: absolute;
    right: 90px;
    bottom: 70px;
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    display: none;
    padding-top: 20px;
    z-index: 998
}

#ewmrq p {
    font-size: 12px;
    color: #3F5154
}

#triangle-right {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 6px solid #fff;
    border-bottom: 5px solid transparent;
    position: absolute;
    right: -6px;
    bottom: 20px
}

.helpxx {
    position: relative;
    display: none
}

.trhelp .helpx {
    width: 0;
    border-right: 1px #fff solid;
    position: relative;
    margin-left: 20px;
    margin-top: 5px
}

.tlhelp .helpx {
    width: 0;
    border-right: 1px #fff solid;
    position: relative;
    margin-left: 30px;
    margin-top: 5px
}

.trhelp .helpx span,.tlhelp .helpx span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: block;
    background: #fff;
    position: absolute;
    bottom: 0;
    margin-left: -3px
}

.trhelp .helpwz {
    text-align: right;
    position: absolute;
    font-size: 12px;
    color: #fff;
    right: 10px;
    width: 100px
}

.tlhelp .helpwz {
    text-align: left;
    position: absolute;
    font-size: 12px;
    color: #fff;
    left: 26px;
    width: 100px
}

.bottomhelp,.rbhelp,.lbhelp {
    height: 200px;
    position: relative;
    top: -235px
}

.bottomhelp .helpx {
    width: 0;
    border-right: 1px #fff solid;
    position: absolute;
    margin-left: 35px;
    bottom: 5px
}

.bottomhelp .helpx span,.rbhelp .helpx span,.lbhelp .helpx span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: block;
    background: #fff;
    position: absolute;
    margin-left: -3px;
    top: 0
}

.bottomhelp .helpx .helpwz {
    text-align: center;
    position: relative;
    font-size: 12px;
    color: #fff;
    left: -60px;
    width: 120px;
    top: -20px
}

.rbhelp .helpx,.lbhelp .helpx {
    width: 0;
    border-right: 1px #fff solid;
    position: absolute;
    margin-left: 20px;
    bottom: 15px
}

.rbhelp .helpx .helpwz {
    text-align: right;
    position: absolute;
    font-size: 12px;
    color: #fff;
    right: -3px;
    width: 120px;
    top: -20px
}

.lbhelp .helpx .helpwz {
    text-align: left;
    position: absolute;
    font-size: 12px;
    color: #fff;
    left: -3px;
    width: 120px;
    top: -20px
}

.langbox {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    position: absolute;
    display: none;
    z-index: 998
}

.langbox ul {
    list-style: none;
    text-align: center;
    color: #fff;
    padding: 0;
    width: 280px;
    height: 300px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -140px;
    margin-top: -150px
}

.langbox ul li {
    line-height: 40px;
    cursor: pointer;
    padding: 5px
}

.langbox .xz {
    outline: 1px solid #F2947C
}

#abautbox {
    max-width: 600px;
    background-color: #000;
    z-index: 998;
    left: 50%;
    top: 50%;
    position: fixed;
    color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

#abautbox .abaut-l {
    text-align: center;
    padding: 0 20px 20px 20px
}

#abautbox .abaut-l a {
    height: 50px
}

#abautbox .abaut-l a img {
    max-height: 50px
}

#abautbox .abaut-t {
    margin: 10px 10px 0 10px
}

#abautbox .abaut-t a {
    font-size: 30px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 4px
}

#abautbox .abaut-h {
    text-align: center;
    font-size: 20px;
    line-height: 36px
}

#abautbox .abaut-p {
    text-align: center;
    font-size: 12px
}

#abautbox .abaut-c {
    background-color: #524648;
    margin: 10px;
    font-size: 12px;
    padding: 10px;
    overflow: hidden;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px
}

#abautbox .abaut-c ul {
    list-style: none;
    padding: 20px 20px 0 20px;
    line-height: 26px;
    border-top: 1px solid #5D5A5D
}

#abautbox .abaut-c li {
    width: 50%;
    min-width: 200px;
    max-width: 258px;
    display: inline-block;
    white-space: nowrap
}

#abautbox .abaut-c li a {
    border: 1px solid #908B90;
    color: #908B90;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    padding: 0 2px 0 2px;
    display: none;
    margin-left: 5px
}

#abautbox .abaut-c li:hover a {
    display: inline;
    cursor: pointer
}

#abautbox .abaut-c ul .abaut-dz {
    width: 100%;
    max-width: 480px;
    white-space: normal
}

#abautbox .abaut-sj {
    text-align: center;
    margin: 20px
}

#abautbox .abaut-sj div {
    display: inline-block;
    margin-right: 16px;
    line-height: 30px
}

#abautbox .abaut-sj div i {
    margin-right: 5px
}

#abautbox .abaut-f {
    height: 20px
}

#phonebox {
    width: 300px;
    height: 220px;
    background-color: #000;
    z-index: 998;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -110px;
    position: fixed;
    color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

#phonebox .phone-t {
    margin: 10px 10px 0 10px
}

#phonebox .phone-t a {
    font-size: 30px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 4px
}

#phonebox .phone-c {
    background-color: #524648;
    margin: 10px;
    padding: 10px;
    overflow: hidden;
    height: 150px;
    text-align: center;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px
}

#phonebox .phone-c a {
    padding: 5px 15px;
    color: #fff;
    text-decoration: none;
    border: 1px solid #fff;
    margin: 10px;
    border-radius: 3px
}

#xxtsk {
    padding: 10px 40px 10px 40px;
    background-color: rgba(0,0,0,0.7);
    top: 100px;
    position: fixed;
    left: 50%;
    color: #fff;
    z-index: 998;
    text-align: center;
    display: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

.mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    z-index: 998
}

.mask.activ {
    display: block
}

.pop {
    position: fixed;
    z-index: 998;
    opacity: 0;
    display: none;
    -webkit-transform: scale3d(0.5,0.5,0.5);
    transform: scale3d(0.5,0.5,0.5);
    background: #fff;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto!important;
    border-radius: 5px;
    line-height: normal;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    background-color: #000
}

.pop.active {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    opacity: 1
}

.pop>.abtn[name=close],.pop>.abtn[name=closeTrue] {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 0;
    right: -56px;
    color: #717785;
    background-color: #fff;
    border-radius: 50%;
    font-weight: bold;
    line-height: 43px;
    text-align: center
}

.pop>.t {
    margin: 10px 10px 0 10px;
    color: #fff;
    padding-right: 40px;
    min-height: 20px
}

.pop>.t>a {
    font-size: 30px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 40px;
    line-height: 40px;
    text-align: center
}

.pop>.t>a:hover {
    color: #E0E0E0
}

.pop>.c {
    background-color: #fff;
    margin: 10px;
    font-size: 12px;
    overflow: hidden;
    border-radius: 3px;
    position: absolute;
    width: calc(100% - 20px)
}

.pop>.c>.content {
    height: 100%;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.pop>.c>.content img,.pop>.c>.content video {
    max-width: 100%
}

#danmu {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 998
}

#danmu>div {
    position: absolute;
    color: #fff;
    text-shadow: rgba(0,0,0,0.5) 1px 0 0,rgba(0,0,0,0.5) 0 1px 0,rgba(0,0,0,0.5) -1px 0 0,rgba(0,0,0,0.5) 0 -1px 0;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    cursor: default
}

.topStatus {
    position: fixed;
    left: 50%;
    top: 60px;
    background-color: rgba(1,1,1,0.2);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
    font-size: 14px;
    -webkit-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
    z-index: 998
}

.topStatus:hover {
    background-color: rgba(1,1,1,0.6)
}

.topStatus>span {
    padding: 8px;
    display: inline-block;
    margin: 0 8px
}

.topStatus>a {
    display: inline-block;
    padding: 8px
}

.topStatus>a>i {
    font-size: 12px
}

.topStatus>img {
    height: 14px;
    margin-left: 16px
}

.tooltipster-default {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border: 0;
    background: #000;
    color: #fff;
    top: 10px
}

.tooltipster-default .tooltipster-content {
    font-family: Arial,sans-serif;
    font-size: 12px;
    line-height: 14px;
    padding: 6px 8px;
    overflow: hidden
}

.tooltipster-base {
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 998;
    pointer-events: none;
    width: auto;
    overflow: visible
}

.tooltipster-base .tooltipster-content {
    overflow: hidden
}

.tooltipster-arrow {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.tooltipster-arrow span,.tooltipster-arrow-border {
    display: block;
    width: 0;
    height: 0;
    position: absolute
}

.tooltipster-arrow-top span,.tooltipster-arrow-top-right span,.tooltipster-arrow-top-left span {
    border-left: 5px solid transparent!important;
    border-right: 5px solid transparent!important;
    border-top: 5px solid;
    bottom: -5px
}

.tooltipster-arrow-top .tooltipster-arrow-border,.tooltipster-arrow-top-right .tooltipster-arrow-border,.tooltipster-arrow-top-left .tooltipster-arrow-border {
    border-left: 9px solid transparent!important;
    border-right: 9px solid transparent!important;
    border-top: 9px solid;
    bottom: -7px
}

.tooltipster-arrow-bottom span,.tooltipster-arrow-bottom-right span,.tooltipster-arrow-bottom-left span {
    border-left: 5px solid transparent!important;
    border-right: 5px solid transparent!important;
    border-bottom: 5px solid;
    top: -5px
}

.tooltipster-arrow-bottom .tooltipster-arrow-border,.tooltipster-arrow-bottom-right .tooltipster-arrow-border,.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    border-left: 9px solid transparent!important;
    border-right: 9px solid transparent!important;
    border-bottom: 9px solid;
    top: -7px
}

.tooltipster-arrow-top span,.tooltipster-arrow-top .tooltipster-arrow-border,.tooltipster-arrow-bottom span,.tooltipster-arrow-bottom .tooltipster-arrow-border {
    left: 0;
    right: 0;
    margin: 0 auto
}

.tooltipster-arrow-top-left span,.tooltipster-arrow-bottom-left span {
    left: 6px
}

.tooltipster-arrow-top-left .tooltipster-arrow-border,.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    left: 5px
}

.tooltipster-arrow-top-right span,.tooltipster-arrow-bottom-right span {
    right: 6px
}

.tooltipster-arrow-top-right .tooltipster-arrow-border,.tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    right: 5px
}

.tooltipster-arrow-left span,.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 8px solid transparent!important;
    border-bottom: 8px solid transparent!important;
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -7px
}

.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent!important;
    border-bottom: 9px solid transparent!important;
    border-left: 9px solid;
    margin-top: -8px
}

.tooltipster-arrow-right span,.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 8px solid transparent!important;
    border-bottom: 8px solid transparent!important;
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -7px
}

.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent!important;
    border-bottom: 9px solid transparent!important;
    border-right: 9px solid;
    margin-top: -8px
}

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.tooltipster-fade-show {
    opacity: 1
}

.hard {
    background: #fff
}

.page-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-3d .page-wrapper {
    -webkit-perspective: 2000px;
    -ms-perspective: 2000px;
    perspective: 2000px
}

.right_btns {
    width: 100%;
    height: 200px;
    background: #000;
    position: absolute;
    left: 0;
    bottom: -200px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 998;
    -webkit-transition: -webkit-transform 200ms;
    -o-transition: -o-transform 200ms;
    transition: -webkit-transform 200ms;
    -o-transition: transform 200ms;
    transition: transform 200ms;
    transition: transform 200ms,-webkit-transform 200ms
}

.right_btns .btn {
    width: 68px;
    height: 68px;
    text-align: center;
    float: left
}

.right_btns .btn:hover {
    border: 0;
    background: 0
}

.right_btns .btn:active {
    background: rgba(255,255,255,0.1)
}

.right_btns .btn i {
    top: 22px
}

.right_btns .btn .lang {
    color: #fff;
    font-size: 12px;
    position: relative;
    top: 38px
}

.right_btns .btns_box {
    margin: 0 auto
}

.right_btns .btns_gb {
    width: 100%;
    height: 46px;
    line-height: 46px;
    border-top: 1px solid rgba(255,255,255,0.15);
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    text-align: center;
    font-size: 12px;
    cursor: pointer
}

.catalog_list {
    padding: 10px 10px 10px 0;
    font-size: 1.2em;
    margin-left: -10px;
    height: calc(100% - 82px);
    overflow-y:scroll;
}
.catalog_list::-webkit-scrollbar {
  display: none !important;
}

.catalog_list.hidenum .catalog_li .ym {
    visibility: hidden
}

.catalog_list.hidenum .catalog_li .ym>i {
    visibility: visible
}

.catalog_box {
    margin: 0 0 0 20px
}

.catalog_li {
    padding: 0 5px 0 5px;
    cursor: pointer;
    position: relative
}

.catalog_li span:first-child {
    width: 100%;
    display: block;
    padding: 10px 30px 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.catalog_li .ym {
    position: absolute;
    right: 10px;
    top: 10px
}

.catalog_li .ym i {
    font-size: 16px
}

.search_body,
.left_body {
    width: 200px;
    position: absolute;
    left: 0;
    bottom: 46px;
    background: rgba(0,0,0,0.6);
    height: calc(100% - 122px);
    z-index: 998;
    color: #fff;
    -webkit-transition: -webkit-transform 200ms;
    -o-transition: -o-transform 200ms;
    transition: -webkit-transform 200ms;
    -o-transition: transform 200ms;
    transition: transform 200ms;
    transition: transform 200ms,-webkit-transform 200ms
}

.search_body.short,.left_body.short {
    height: 50%;
    -webkit-transform: translate3d(0,-60px,0);
    transform: translate3d(0,-60px,0)
}

.search_body.hide,.left_body.hide {
    transform: translate3d(-400px,-50%,0);
    -webkit-transform: translate3d(-400px,-50%,0);
    -moz-transform: translate3d(-400px,-50%,0);
    -o-transform: translate3d(-400px,-50%,0);
    -ms-transform: translate3d(-400px,-50%,0)
}

.search_body.hide2,.left_body.hide2 {
    transform: translate3d(-260px,-50%,0);
    -webkit-transform: translate3d(-260px,-50%,0);
    -moz-transform: translate3d(-260px,-50%,0);
    -o-transform: translate3d(-260px,-50%,0);
    -ms-transform: translate3d(-260px,-50%,0)
}

.search_body.hide.short,.left_body.hide.short {
    -webkit-transform: translate3d(-400px,-60px,0);
    transform: translate3d(-400px,-60px,0)
}

.search_body.hide2.short,.left_body.hide2.short {
    -webkit-transform: translate3d(-260px,-60px,0);
    transform: translate3d(-260px,-60px,0)
}

.search_body_gb,.search_body_yc,.left_body_gb,.left_body_yc {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    /* background: #fff; */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.search_body_gb i,.search_body_yc i,.left_body_gb i,.left_body_yc i {
    font-size: 24px;
    font-weight: 100;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%)
}

.search_body .s_tit,.left_body .l_tit {
    color: #fff;
    line-height: 42px;
    margin-left: 15px;
    font-size: 1.2em
}

.search_body .s_tit i,.left_body .l_tit i {
    margin-right: 10px
}

.search_body .searchinput {
    padding: 10px;
    position: relative;
    opacity: .8
}

.search_body .searchinput input {
    width: 100%;
    height: 30px;
    padding: 5px 30px 5px 5px;
    border: 0;
    color: #000
}

.search_body .searchinput #searchbtn {
    position: absolute;
    top: 10px;
    right: 12px;
    width: 30px;
    height: 30px;
    cursor: pointer
}

.search_body .searchinput i {
    color: #000;
    font-size: 18px;
    font-weight: 100;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%)
}

.retract {
    position: absolute;
    width: 100%;
    height: 30px;
    bottom: 0;
    text-align: center;
    display: block;
    line-height: 30px
}

.retract>i {
    font-size: 12px;
    color: #545556!important
}

.searchnum {
    color: #fff;
    font-size: .7em;
    border-top: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid rgba(255,255,255,0.1);
    padding: 10px
}

#searchli {
    color: #fff;
    font-size: .7em;
    overflow: hidden;
    height: calc(100% - 170px)
}

#searchli div {
    position: relative;
    padding: 10px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    cursor: pointer
}

#searchli div:active,.catalog_li:active {
    background: rgba(255,255,255,0.1)
}

#searchli div:hover,.catalog_li:hover {
    background: rgba(255,255,255,0.1)
}

#searchli .searchstr {
    width: 180px;
    display: block
}

#searchli .rightpagenum {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate3d(0,-50%,0);
    -webkit-transform: translate3d(0,-50%,0);
    -moz-transform: translate3d(0,-50%,0);
    -o-transform: translate3d(0,-50%,0);
    -ms-transform: translate3d(0,-50%,0)
}

.left_btnbox {
    width: 120px;
    height: auto;
    position: absolute;
    background: rgba(0,0,0,0.6);
    left: 7px;
    top: 54px;
    z-index: 2;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    transform: translate3d(-400px,0,0);
    -webkit-transform: translate3d(-400px,0,0);
    -moz-transform: translate3d(-400px,0,0);
    -o-transform: translate3d(-400px,0,0);
    -ms-transform: translate3d(-400px,0,0);
    -webkit-transition: -webkit-transform 200ms;
    -o-transition: -o-transform 200ms;
    transition: -webkit-transform 200ms;
    -o-transition: transform 200ms;
    transition: transform 200ms;
    transition: transform 200ms,-webkit-transform 200ms
}

.left_btnbox a {
    color: #fff;
    text-decoration: none;
    width: 100%;
    height: 100%
}

.left_btnbox_tc {
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    z-index: 999
}

.left_btnbox_zktc {
    transform: translate3d(280px,0,0);
    -webkit-transform: translate3d(280px,0,0);
    -moz-transform: translate3d(280px,0,0);
    -o-transform: translate3d(280px,0,0);
    -ms-transform: translate3d(280px,0,0)
}

.left_btn {
    width: 100%;
    height: 40px;
    color: #fff;
    font-size: 12px;
    line-height: 40px;
    cursor: pointer
}

.left_btn i {
    margin: 0 8px 0 20px;
    font-size: 15px
}

.left_btnhover:hover {
    background: rgba(255,255,255,0.1);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px
}

.left_btn:active {
    background: rgba(255,255,255,0.2)
}

#triangle-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 6px solid rgba(0,0,0,0.6);
    top: -6px;
    position: relative;
    left: 18px
}

#triangle-up2 {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 6px solid #fff;
    top: -6px;
    position: relative;
    left: 15px
}

.imgzoombar {
    width: 100%;
    height: 47px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.5);
    z-index: 998;
    -webkit-transition: -webkit-transform .5s;
    -o-transition: -o-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s,-webkit-transform .5s
}

.imgzoombarhide {
    transform: translate3d(0,-48px,0);
    -webkit-transform: translate3d(0,-48px,0);
    -moz-transform: translate3d(0,-48px,0);
    -o-transform: translate3d(0,-48px,0);
    -ms-transform: translate3d(0,-48px,0)
}

.imgprev,.imgnext {
    -webkit-transition: -webkit-transform .5s;
    -o-transition: -o-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s,-webkit-transform .5s
}

.imgprevhide {
    transform: translate3d(-65px,0,0);
    -webkit-transform: translate3d(-65px,0,0);
    -moz-transform: translate3d(-65px,0,0);
    -o-transform: translate3d(-65px,0,0);
    -ms-transform: translate3d(-65px,0,0)
}

.imgnexthide {
    transform: translate3d(65px,0,0);
    -webkit-transform: translate3d(65px,0,0);
    -moz-transform: translate3d(65px,0,0);
    -o-transform: translate3d(65px,0,0);
    -ms-transform: translate3d(65px,0,0)
}

.imgzoombar .leftnum {
    float: left;
    color: rgba(255,255,255,0.6);
    line-height: 47px;
    margin-left: 20px
}

.imgzoombar .leftnum font {
    margin: 0 5px 0 5px
}

.imgzoombar .rightbtnbox {
    float: right
}

.imgzoombar .rightbtnbox .imgbtn {
    width: 50px;
    height: 100%;
    color: rgba(255,255,255,0.6);
    line-height: 47px;
    text-align: center;
    float: right;
    -webkit-transition: color 300ms;
    -o-transition: color 300ms;
    transition: color 300ms;
    cursor: pointer
}

.imgzoombar .rightbtnbox .imgbtn:active {
    color: rgba(255,255,255,1)
}

.imgzoombar .rightbtnbox .zoomibhover:hover {
    color: rgba(255,255,255,1)
}

.imgzoombar .rightbtnbox .wkq {
    color: rgba(255,255,255,0.3);
    cursor: default
}

.imgzoombar .rightbtnbox .wkq:hover {
    color: rgba(255,255,255,0.3)
}

.imgtext {
    padding: 15px 20px 15px 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    text-align: center;
    width: 100%;
    z-index: 998;
    background: rgba(0,0,0,0.5);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    color: #EEE;
    -webkit-transition: -webkit-transform .5s;
    -o-transition: -o-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s,-webkit-transform .5s
}

.imgtexthide {
    transform: translate3d(0,200px,0);
    -webkit-transform: translate3d(0,200px,0);
    -moz-transform: translate3d(0,200px,0);
    -o-transform: translate3d(0,200px,0);
    -ms-transform: translate3d(0,200px,0)
}

.imgtext h4 {
    padding: 0;
    margin: 0;
    font-size: 14px
}

.imgtext p {
    margin: 5px 0 0 0;
    font-size: 12px
}

.flip_bar {
    width: 64px;
    height: 160px;
    position: absolute;
    top: 50%;
    margin-top: -80px;
    cursor: pointer;
    z-index: 998
}

.left_bar {
    left: -1px;
    background: url(/static/out/book/img/previous_normal.png) no-repeat center center;
    -webkit-transition: -webkit-transform 200ms;
    -o-transition: -o-transform 200ms;
    transition: -webkit-transform 200ms;
    -o-transition: transform 200ms;
    transition: transform 200ms;
    transition: transform 200ms,-webkit-transform 200ms
}

.left_bar_search {
    transform: translate3d(260px,0,0);
    -webkit-transform: translate3d(260px,0,0);
    -moz-transform: translate3d(260px,0,0);
    -o-transform: translate3d(260px,0,0);
    -ms-transform: translate3d(260px,0,0)
}

.right_bar {
    right: 0;
    background: url(/static/out/book/img/next_normal.png) no-repeat center center
}

.left_barhover:hover,.left_bar:active,.right_barhover:hover,.right_bar:active {
    background-color: rgba(0,0,0,0.8)
}

#ifgb {
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 998;
    background-color: #000;
    border-bottom-right-radius: 10px
}

#ifgb:active {
    background-color: red
}

#ifgb a {
    width: 22px;
    height: 22px;
    display: block;
    line-height: 20px;
    text-align: center;
    color: #fff;
    text-decoration: none
}

#ifgb a>i {
    font-size: 12px
}

.alertbox {
    width: 280px;
    background: #fff;
    position: fixed;
    left: 50%;
    margin-left: -140px;
    top: 50%;
    margin-top: 200%;
    z-index: 998;
    -webkit-transition: margin-top 200ms;
    -o-transition: margin-top 200ms;
    transition: margin-top 200ms;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

.alertbox .alertbody {
    padding: 20px;
    font-size: 14px
}

.alertbox .alertok {
    padding: 15px;
    text-align: center;
    border-top: 1px solid rgba(0,0,0,0.1);
    color: #5B6D96;
    font-weight: bold;
    display: block;
    cursor: pointer
}

.popupobj {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    z-index: 998
}

.popupobj>.page {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: calc(50% - 30px);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: auto;
    height: auto;
    background: 0;
    overflow: visible
}

.popupobj>.page>a[name=closePopupobj] {
    position: absolute;
    bottom: -60px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    background-color: #fff;
    font-size: 22px;
    text-align: center;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.popupobj>.page>a[name=closePopupobj]:hover {
    background-color: #e7e7e7
}

#webpage {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    background-image: url('/static/index/img/jz-s.gif');
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 998!important
}

#webpage .iosiframe {
    width: 100%;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    overflow: auto
}

#webpage iframe {
    width: 100%;
    height: 100%;
    border: 0
}

#webpage .tcgb {
    position: absolute;
    text-align: center;
    color: rgba(255,255,255,0.8);
    background-color: rgba(0,0,0,0.8);
    border-radius: 50%;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    line-height: 30px
}

#webpage .tcgb i {
    font-size: 14px
}

#webpage .tcgb:hover {
    color: #fff
}

.reportBtn {
    position: fixed;
    bottom: 80px;
    left: 0;
    display: inline-block;
    padding: 2px 10px;
    color: rgba(255,255,255,0.5);
    opacity: .75;
    background-color: rgba(0,0,0,0.2);
    font-size: 12px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.reportBtn:hover {
    opacity: 1;
    background-color: rgba(0,0,0,0.3)
}

.report {
    width: 90%;
    max-width: 380px
}

.report .content {
    padding: 30px;
    margin: 10px;
    background-color: #fff;
    border-radius: 3px
}

.report .content select,.report .content input,.report .content textarea {
    width: 100%;
    border: 1px solid #E1E1E1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 15px;
    padding: 8px;
    border-radius: 3px;
    background-color: #F4F4F4;
    font-size: 16px
}

.report .content textarea {
    height: 100px;
    resize: none
}

.report .content a {
    margin: 10px;
    padding: 10px 20px;
    border-radius: 3px
}

.report .content a[name=closeTrue] {
    background-color: #DFDFDF;
    color: #666
}

.report .content a[name=closeTrue]:hover {
    background-color: #D9D9D9
}

.report .content a[name=reportPost] {
    background-color: #0890F5;
    color: #fff
}

.report .content a[name=reportPost]:hover {
    background-color: #007CD8
}

.report .content .post {
    margin: 10px 0;
    text-align: center
}

.report .content .postOk {
    text-align: center
}

.report .content .postOk i {
    font-size: 48px
}

.report .content .postOk>div {
    margin-bottom: 30px
}

.confirmBox {
    width: 90%;
    max-width: 380px;
    height: 230px
}

.confirmBox .content {
    color: #fff;
    text-align: center;
    padding: 40px
}

.confirmBox .content>div {
    line-height: 24px
}

.confirmBox .content>div>a {
    padding: 10px 20px;
    margin: 10px;
    border-radius: 3px
}

.confirmBox .content>div>a:last-child {
    background-color: rgba(255,255,255,0.8);
    color: #000
}

.confirmBox .content>div>a:last-child:hover {
    background-color: rgba(255,255,255,1)
}

.confirmBox .content>div>a:first-child {
    border: 1px solid rgba(255,255,255,0.5)
}

.confirmBox .content>div>a:first-child:hover {
    border: 1px solid rgba(255,255,255,0.8)
}

.confirmBox .content>.btnBox {
    margin-top: 30px
}

.replyAudioPlay {
    height: 260px;
    z-index: 998
}

.replyAudioPlay .content>i {
    font-size: 26px
}

.replyAudioPlay .content>div {
    margin-top: 10px
}

.turngesture {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    z-index: 998
}

.turngesture>img {
    position: absolute;
    left: 50%;
    top: 50%;
    pointer-events: none
}

.turngesture>.left {
    -webkit-animation: turngesture-left 1.5s 1s infinite ease-in-out;
    animation: turngesture-left 1.5s 1s infinite ease-in-out;
    -webkit-transform: translate(-20%,-50%);
    -ms-transform: translate(-20%,-50%);
    transform: translate(-20%,-50%)
}

.turngesture>.right {
    -webkit-animation: turngesture-right 1.5s 1s infinite ease-in-out;
    animation: turngesture-right 1.5s 1s infinite ease-in-out;
    -webkit-transform: translate(-90%,-50%);
    -ms-transform: translate(-90%,-50%);
    transform: translate(-90%,-50%)
}

.turngesture>.up {
    -webkit-animation: turngesture-up 1.5s 1s infinite ease-in-out;
    animation: turngesture-up 1.5s 1s infinite ease-in-out;
    -webkit-transform: translate(-50%,-20%);
    -ms-transform: translate(-50%,-20%);
    transform: translate(-50%,-20%)
}

@-webkit-keyframes turngesture-left {
    0% {
        opacity: 1;
        -webkit-transform: translate(-20%,-50%);
        transform: translate(-20%,-50%)
    }

    30% {
        -webkit-transform: translate(-70%,-50%);
        transform: translate(-70%,-50%)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(-70%,-50%);
        transform: translate(-70%,-50%)
    }
}

@keyframes turngesture-left {
    0% {
        opacity: 1;
        -webkit-transform: translate(-20%,-50%);
        transform: translate(-20%,-50%)
    }

    30% {
        -webkit-transform: translate(-70%,-50%);
        transform: translate(-70%,-50%)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(-70%,-50%);
        transform: translate(-70%,-50%)
    }
}

@-webkit-keyframes turngesture-right {
    0% {
        opacity: 1;
        -webkit-transform: translate(-90%,-50%);
        transform: translate(-90%,-50%)
    }

    30% {
        -webkit-transform: translate(-20%,-50%);
        transform: translate(-20%,-50%)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(-20%,-50%);
        transform: translate(-20%,-50%)
    }
}

@keyframes turngesture-right {
    0% {
        opacity: 1;
        -webkit-transform: translate(-90%,-50%);
        transform: translate(-90%,-50%)
    }

    30% {
        -webkit-transform: translate(-20%,-50%);
        transform: translate(-20%,-50%)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(-20%,-50%);
        transform: translate(-20%,-50%)
    }
}

@-webkit-keyframes turngesture-up {
    0% {
        opacity: 1;
        -webkit-transform: translate(-50%,-20%);
        transform: translate(-50%,-20%)
    }

    30% {
        -webkit-transform: translate(-50%,-70%);
        transform: translate(-50%,-70%)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(-50%,-70%);
        transform: translate(-50%,-70%)
    }
}

@keyframes turngesture-up {
    0% {
        opacity: 1;
        -webkit-transform: translate(-50%,-20%);
        transform: translate(-50%,-20%)
    }

    30% {
        -webkit-transform: translate(-50%,-70%);
        transform: translate(-50%,-70%)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(-50%,-70%);
        transform: translate(-50%,-70%)
    }
}

#pagenumprompt {
    position: fixed;
    border-radius: 3px;
    background-color: #000;
    color: #fff;
    padding: 2px 4px;
    font-size: 12px
}

#bgmusic>.btn:nth-child(1) {
    display: block
}

#bgmusic>.btn:nth-child(2) {
    display: none
}

#bgmusic.playing>.btn:nth-child(1) {
    display: none
}

#bgmusic.playing>.btn:nth-child(2) {
    display: block
}

.audio .dhc {
    font-size: 36px;
    color: #242424;
    cursor: pointer
}

.audio .dhc::before,.audio .dhc .au-play::before {
    content: "\e710";
    font-family: "iconfont"!important;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.audio .dhc div {
    position: relative
}

.audio .dhc[icon="0"]::before,.audio .dhc[icon="0"] .au-play::before {
    content: "\e710"
}

.audio .dhc[icon="1"]::before,.audio .dhc[icon="1"] .au-play::before {
    content: "\e6a2"
}

.audio .dhc[icon="2"]::before,.audio .dhc[icon="2"] .au-play::before {
    content: "\e6ab"
}

.audio .dhc[icon="3"]::before,.audio .dhc[icon="3"] .au-play::before {
    content: "\e6a3"
}

.audio .dhc[icon="4"]::before,.audio .dhc[icon="4"] .au-play::before {
    content: "\e6a6"
}

.audio .dhc[icon="5"]::before,.audio .dhc[icon="5"] .au-play::before {
    content: "\e889"
}

.audio .dhc[icon="6"]::before,.audio .dhc[icon="6"] .au-play::before {
    content: "\e6a7"
}

.audio.playing .dhc::before,.audio.playing .au-play::before {
    content: "\e887"
}

.audio.playing .dhc[icon="0"]::before,.audio.playing .dhc[icon="0"] .au-play::before {
    content: "\e887"
}

.audio.playing .dhc[icon="1"]::before,.audio.playing .dhc[icon="1"] .au-play::before {
    content: "\e6a9"
}

.audio.playing .dhc[icon="2"]::before,.audio.playing .dhc[icon="2"] .au-play::before {
    content: "\e89a"
}

.audio.playing .dhc[icon="3"]::before,.audio.playing .dhc[icon="3"] .au-play::before {
    content: "\e6a4"
}

.audio.playing .dhc[icon="4"]::before,.audio.playing .dhc[icon="4"] .au-play::before {
    content: "\ea8c"
}

.audio.playing .dhc[icon="5"]::before,.audio.playing .dhc[icon="5"] .au-play::before {
    content: "\e6a5"
}

.audio.playing .dhc[icon="6"]::before,.audio.playing .dhc[icon="6"] .au-play::before {
    content: "\e6aa"
}

.audio .dhc[player-style="mini"],.audio .dhc[player-style="cover"] {
    cursor: default
}

.audio .dhc[player-style="mini"]::before,.audio .dhc[player-style="cover"]::before {
    content: "";
    display: none
}

.audio .dhc[player-style="mini"],.audio .dhc[player-style="cover"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px
}

.audio .dhc .au-play {
    cursor: pointer;
    position: relative
}

.audio .dhc .au-play::before {
    position: relative
}

.audio .dhc .au-progress {
    height: 10px;
    position: relative;
    cursor: pointer
}

.audio .dhc .au-progress::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #b3b3b3;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.audio .dhc .cu-progress {
    height: 2px;
    width: 0;
    background-color: #3f3f3f;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.audio .dhc .au-bar {
    height: 8px;
    width: 8px;
    background-color: #0B0B0B;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.audio .dhc[player-style="mini"] .au-play {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    font-size: 20px;
    padding: 5px
}

.audio .dhc[player-style="mini"] .au-time {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 12px;
    padding: 0 5px
}

.audio .dhc[player-style="mini"] .au-progress {
    width: inherit;
    margin: 0 10px;
    padding: 0
}

.audio .dhc[player-style="cover"] {
    padding: 0;
    background-color: #F1F3F4
}

.audio .dhc[player-style="cover"] .au-cover {
    background-color: #0B0B0B;
    color: #fff;
    height: inherit;
    width: 30%;
    min-width: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.audio .dhc[player-style="cover"] .au-cover>.au-play {
    width: 30px;
    height: 30px
}

.audio .dhc[player-style="cover"] .au-rbox {
    padding: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.audio .dhc[player-style="cover"] .au-rbox>div {
    margin: 5px 0
}

.audio .dhc[player-style="cover"] .au-rbox>div.au-progress {
    margin: 10px 0
}

.audio .dhc[player-style="cover"] .au-time {
    font-size: 12px;
    color: #595959
}

.audio .dhc[player-style="cover"] .au-title {
    font-size: 14px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: calc(100% - 20px);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 40px
}

.thumbnail_body {
    position: absolute;
    width: 100%;
    height: 280px;
    left: 0;
    top: 50%;
    margin-top: -140px;
    z-index: 998;
    background: #1F1C1C
}

.thumbnail_body .thumbnail_body_gb {
    width: 40px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    position: absolute;
    right: 20px;
    top: -30px;
    background: #1F1C1C;
    cursor: pointer
}

.thumbnail_body .thumbnail_body_gb:hover {
    background: #402C31
}

.thumbnail_body .thumbnail_box {
    margin: 20px;
    overflow: hidden
}

.thumbnail_list {
    height: 200px;
    white-space: nowrap;
    position: relative
}

.thumbnail_list .page {
    position: absolute;
    white-space: normal
}

.thumbnail_body .thumbnail_list .page-li {
    height: inherit;
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin-right: 10px
}

.thumbnail_body .thumbnail_list .page-li .ymtext {
    position: absolute;
    width: 100%;
    text-align: center;
    height: 30px;
    line-height: 30px;
    bottom: 0;
    font-size: 12px;
    color: #fff
}

.thumbnail_body .thumbnail_list .page-li .page:nth-child(even) {
    right: 0;
    top: 0;
    transform-origin: right top;
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top
}

.thumbnail_body .thumbnail_list .page-li .page:nth-child(odd) {
    left: 0;
    top: 0;
    transform-origin: left top;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top
}

.thumbnail_body .thumbnail_list .page-li .zzbox {
    width: 100%;
    height: 170px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.thumbnail_body .thumbnail_list .page-li .zzbox:hover {
    border: 3px solid #F18200
}

.thumbnail_body .thumbnail_list .page-li .activ {
    border: 3px solid #016BAF
}

.thumbnail_body .thumbnail_bar {
    height: 10px;
    margin: 0 20px 0 20px;
    background: #363434;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

.thumbnail_body .thumbnail_bar .swiper-scrollbar-drag {
    height: 10px;
    background: #5D5253;
    cursor: pointer;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

.thumbnail_body_m {
    position: absolute;
    width: 100%;
    height: calc(100% - 92px);
    left: 0;
    top: 46px;
    z-index: 998;
    background: rgba(0,0,0,0.7);
    padding: 20px 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box
}

.thumbnail_body_m .thumbnail_body_gb {
    width: 24px;
    height: 24px;
    position: absolute;
    bottom: 10px;
    font-size: 12px;
    color: #fff;
    border: 1px solid #fff;
    line-height: 24px;
    left: 50%;
    margin-left: -12px;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

.thumbnail_m_box {
    margin: 0 auto;
    height: calc(100% - 30px);
    overflow: hidden
}

.thumbnail_m_box .page-li {
    height: 120px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 0 6px;
    float: left
}

.thumbnail_m_box .page-li {
    background-image: none
}

.thumbnail_m_box .page-li .page {
    left: 0;
    top: 0;
    position: absolute;
    background-color: #fff;
    width: 100%;
    transform-origin: left top;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top
}

.thumbnail_m_box .page-li .page::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url('/static/index/img/jz-s1.gif');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20%
}

.thumbnail_m_box .page-li .page.e::after {
    background-image: none
}

.thumbnail_m_box .page-li .ymtext {
    position: absolute;
    width: 100%;
    text-align: center;
    height: 30px;
    line-height: 20px;
    bottom: 0;
    font-size: 12px;
    color: #fff
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    border-left: 5px solid #eee
}

blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child {
    margin-bottom: 0
}

blockquote .small,blockquote footer,blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777
}

blockquote .small:before,blockquote footer:before,blockquote small:before {
    content: '\2014 \00A0'
}

.blockquote-reverse,blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    text-align: right;
    border-right: 5px solid #eee;
    border-left: 0
}

.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before {
    content: ''
}

.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after {
    content: '\00A0 \2014'
}

.flchart[data-zoom=true] {
    cursor: pointer
}

#flchartbox {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #fff;
    padding: 30px;
    z-index: 998;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#flchartbox>a {
    border-radius: 50%;
    background-color: #000;
    color: #fff;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 24px;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
    border: 1px solid #fff
}

#flchartbox>a:hover {
    background-color: red
}

#flchartbox>a>i {
    font-size: 12px
}

#flchartbox>.box {
    width: 100%;
    height: 100%
}

.tts-reading span.voice-highlight {
    background-color: #1E1F22;
    color: #fff
}

.no-event {
    pointer-events: none
}

@font-face {
    font-family: 'swiper-icons';
    src: url('data:application/font-woff;charset=utf-8;base64, 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');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

@media only screen and (max-width:768px){
    .book-container .prev_book.zhankai{
    left:100px;
}
}