html,
body {
  overflow: inherit;
  width: auto;
  height: auto;
}

.s-top-list {
  display: none !important;
  visibility: hidden;
  overflow: hidden;
  height: 0;
}

.r-btns {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}

.r-btns .pwd-btn {
  padding: 9px 10px;
  background-color: #ecd99b;
  border-radius: 5px;
  color: #836501;
}

.x-header {
  border-bottom: 0;
}

div::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

div::-webkit-scrollbar-thumb {
  border-radius: 10px !important;
  -webkit-box-shadow: inset 0 0 5px rgba(192, 192, 192, 1) !important;
  background: rgba(192, 192, 192, 1) !important;
}

div::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(277, 277, 277, 1);
  border-radius: 0 !important;
  background: rgba(277, 277, 277, 1) !important;
}

.pdf_title {
  padding: 10px 3%;
  box-sizing: border-box;
  /* position: fixed;  */
  overflow: hidden;
  z-index: 9;
  width: 100%;
  background-color: #f0f0f0;
  bottom: 0;
  left: 0;
}

.pdf_title .t1 {
  font-size: 26px;
  line-height: 1.2;
  /* float: left; */
}

.pdf_title .t2 {
  font-size: 26px;
  line-height: 1.2;
  float: right;
}

.url_list {
  position: fixed;
  top: 190px;
  left: 0;
  z-index: 999999;
  padding: 25px 35px 25px 45px;
  list-style: none;
  width: 554px;
  height: 400px;
  box-sizing: border-box;
  transform: translateX(calc(-100%));
  background-size: cover;
  transition: all 0.2s ease-in-out;
  background-image: none;
}

.url_list .ul {
  height: 350px;
  opacity: 0;
  transition: all 0.4s ease-in-out;
}

.url_list.show {
  background-image: url(.//images/bgi4.png);
  background-size: 100% 100%;
  transform: none;
  right: 6px;
  transition: all 0.5s ease-in-out;
}

.url_list.show .ul {
  opacity: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #909090;
}

.url_list .li {
  padding: 13px 0;
  padding-left: 20px;
  position: relative;
  list-style: none;
  font-size: 14px;
}

.url_list .li a {
  color: #666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}

.url_list .li+.li {
  border-top: 1px dashed #d0caad;
}

.url_list .li::before {
  content: "";
  background: #dbd8d3;
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 6px;
  margin-top: -3px;
}

.url_list .li.bt_ml {
  padding-left: 0;
  font-size: 18px;
}

.url_list .li.bt_ml::before {
  display: none;
}

.url_list .li.bt_ml a {
  color: #333;
}

.url_list .arr_btn {
  font-size: 14px;
  color: #fff;
  width: 55px;
  height: 36px;
  display: flex; align-items: center; justify-content: center;
  position: absolute;
  left: calc(100% + 6px);
  top: 0;
  text-align: center;
  cursor: pointer;
  background-color: #cca677;
  border-radius: 5px;
  line-height: 1;
}

.url_list .arr_btn .arr {
  width: 38px;
  height: 30px;
  background: url(.//images/mulu.svg) no-repeat center;
  background-size: 20px auto;
  display: none;
}

.url_list .li a.cur {
  color: #9b7747 !important;
  pointer-events: none;
}

:is(.toolbarButton, .secondaryToolbarButton).toggled,
.splitToolbarButton.toggled>.toolbarButton.toggled {
  background-color: #dadada;
}

#toolbarContainer,
.secondaryToolbar,
.editorParamsToolbar {
  background-color: #f7f7f7;
  box-shadow: none;
  border-bottom: 0;
}

#sidebarContent {
  background-color: #f0f0f0;
}

#mainContainer {
  background: #ececec url(.//images/bgi1.png) repeat;
}

/* #viewerContainer {overflow: inherit;} */
#outerContainer.sidebarOpen #sidebarContainer {
  z-index: 999999;
  inset-inline-start: 0;
}

.pdflink_wp {
  position: absolute;
  top: 42px;
  z-index: 999;
  left: calc(100% + 6px);
}

.pdflink_wp .links {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  width: 55px;
  height: 36px;
  background-color: #cca677;
  color: #fff;
  border-radius: 5px;
  padding: 0;
  min-width: inherit;
  font-size: 14px;
  line-height: 1;
}

.pdflink_wp .links svg {
  width: 18px;
  fill: #fff;
  height: auto;
  display: none;
}

.pdflink_wp .link2 {
  margin-top: 5px;
}

.progress_bar {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #e3e3e3;
}

.progress_bar .bar_colbg {
  height: 100%;
  width: 0;
  background: #c0c0c0;
  border-radius: 10px;
}

#thumbnailView {
  inset-block: 0 15px;
}

.toolbarLabel {
  font-size: 16px;
}

#findInput {
  font-size: 16px !important;
}


.hide_bar .toolbar {
  inset: -60px 0 0;
  transition-duration: var(--sidebar-transition-duration);
  transition-timing-function: var(--sidebar-transition-timing-function);
}

.hide_bar .toolbar::after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  height: 150%;
}

.hide_bar #viewerContainer {
  inset: 0px 0 0;
}

.bread-mod {
  height: auto;
  background-color: #fff;
  line-height: 36px;
}

.bread-mod .s-wrap {
  width: auto;
  margin: 0 40px;
  max-width: none;
}

@media (max-width: 1024px) {
  .url_list {
    top: 240px;
  }
  .esdToolsOn .url_list{
    top: 370px;
  }
}

@media (max-width: 900px) {

  .toolbarButton,
  .secondaryToolbarButton,
  .dialogButton {
    width: 45px;
    height: 45px;
    margin: 0;
  }

  :is(.toolbarButton, .secondaryToolbarButton, .treeItemToggler)::before,
  .dropdownToolbarButton::after {
    width: 22px;
    height: 22px;
  }

  .splitToolbarButton,
  .toolbarLabel,
  .toolbarButton,
  .dropdownToolbarButton,
  .secondaryToolbarButton,
  .dialogButton {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .splitToolbarButtonSeparator {
    margin: 5px 0;
  }

  .dropdownToolbarButton>select {
    height: 45px;
  }

  .toolbarLabel {
    line-height: 45px;
    height: 45px;
  }

  #toolbarViewerRight {
    margin-left: 0;
  }

  .url_list {
    width: 515px;
  }
}

/* 首页和尾页按钮样式 */
#firstPage::before {
  content: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2 2h2v12H2V2zm3 5l7-5v10l-7-5z' fill='%23000'/%3e%3c/svg%3e");
}

#lastPage::before {
  content: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 2h2v12h-2V2zM9 7l-7 5V2l7 5z' fill='%23000'/%3e%3c/svg%3e");
}

@media (min-width: 769px) {
  .url_list.sidebarOpen {
    left: calc(var(--sidebar-width));
  }

  .sidebar_arr {
    width: 38px;
    height: 38px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(50%);
    background-color: #c7a772;
    right: 0;
    border-radius: 50%;
  }

  .sidebar_arr span {
    display: block;
    width: 60%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
  }

  .sidebar_arr span span {
    width: 100%;
    color: #fff;
    font-size: 12px;
  }

  .sidebarOpen .sidebar_arr span span {
    transform: rotate(180deg);
  }

  #outerContainer.sidebarOpen #sidebarContainer,
  #sidebarContainer {
    z-index: 999999;
    inset-inline-start: 0;
    visibility: visible;
  }

  #sidebarContainer {
    transform: translateX(-100%);
  }

  #outerContainer.sidebarOpen #sidebarContainer {
    transform: translateX(0%);
  }

}

@media (max-width: 768px) {
  html {
    touch-action: manipulation;
  }

  #viewerContainer {
    padding-bottom: 40px;
  }

  .secondaryToolbar,
  .editorParamsToolbar {
    top: 72px !important;
  }

  #toolbarContainer,
  .findbar,
  .secondaryToolbar,
  .editorParamsToolbar {
    height: auto;
  }

  #toolbarViewer {
    display: flex;
    height: auto !important;
    flex-wrap: wrap;
  }

  /* #toolbarViewerMiddle {transform: none !important;position: absolute !important;right: 3px;top: 0;} */
  #toolbarViewerLeft {
    justify-content: space-between;
  }

  /* #toolbarViewerRight {display: inline-flex; justify-content: flex-end;width: 100%; border-top: 1px solid #b7ab8b;float: none;} */
  .toolbarButton,
  .secondaryToolbarButton,
  .dialogButton {
    width: 40px;
    height: 40px;
  }

  .dropdownToolbarButton>select {
    height: 40px;
  }

  .toolbarLabel {
    line-height: 40px;
    height: 40px;
  }

  #toolbarViewerLeft,
  #toolbarViewerMiddle,
  #toolbarViewerRight {
    padding: 5px 3px;
    font-size: 0;
  }

  .splitToolbarButtonSeparator {
    display: none;
  }

  .pdf_title {
    padding: 10px 15px;
  }

  .pdf_title .t1 {
    font-size: 1.5em;
  }

  .pdflink_wp {
    top: 45px;
  }


  .pdflink_wp .links svg {
    display: block;
  }

  .pdflink_wp .link2 {
    margin-top: 3px;
  }

  .url_list {
    width: 75%;
    padding: 15px 10px 15px 20px;
    top: 120px;
    left: -6px;
  }

  /* .url_list .arr_btn {
    width: 40px;
    height: 40px;
    font-size: 18px;
  } */

  .url_list .arr_btn .arr {
    width: 28px;
    height: 20px;
  }

  .url_list a {
    display: block;
  }

  .url_list .li.bt_ml {
    font-size: 18px;
  }

  #viewerContainer {
    inset: 50px 0 0;
  }

  .hide_bar .toolbar {
    inset: -50px 0 0;
  }

  .findbar {
    display: block;
    min-width: auto;
  }

  .findbar .toolbarLabel {
    padding: 0 5px;
  }

  #cursorSelectTool,
  #cursorHandTool,
  #presentationMode,
  #toolbarViewerMiddle,
  .x-header {
    display: none;
  }

  #toolbarViewerLeft .hiddenSmallView {
    display: flex
  }

  #pageNumber,
  #numPages {
    display: block;
  }

  .x-layout {
    overflow: hidden;
  }

  .findbar>div#findbarInputContainer {
    width: 100%;
  }

  .findbar .fr {
    width: 100%;
  }

  .x-container {
    padding-top: 0 !important;
  }

  #toolbarViewerRight {
    display: none;
  }

  .splitToolbarButtonSeparator.m-show {
    display: none;
  }

  #toolbarViewerLeft .splitToolbarButtonSeparator.m-show {
    display: block;
  }
  .findbar{right: 15px; padding: 10px; display: none;}
  #toggleButtonArr{display: none;}
  .esdToolsOn .url_list{
    top: 310px;
  }
  .url_list .arr_btn,
  .pdflink_wp .links{font-size: 12px; width: 30px; height: 30px;}
  .url_list .arr_btn span,
  .pdflink_wp .links span{display: none;}
  .pdflink_wp{top: 33px;}
  .url_list .arr_btn .arr{display: block;}
}