[data-v-ebc687f6] .van-popup--center {
  width: calc(100% - 26px - 26px);
  padding: 30px 35px;
  border-radius: 3px;
}
.popup[data-v-ebc687f6] {
  text-align: center;
}
.popup .popup-text[data-v-ebc687f6] {
  margin-bottom: 20px;
  color: #2c2c2c;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.popup .popup-btn[data-v-ebc687f6] {
  display: flex;
}
.popup .popup-btn .btn-cancel[data-v-ebc687f6] {
  width: 100%;
  height: 40px;
  margin-right: 20px;
  font-size: 12px;
  border-radius: 3px;
}
.popup .popup-btn .btn-confirm[data-v-ebc687f6] {
  width: 100%;
  height: 40px;
  font-size: 12px;
  border-radius: 3px;
}

[data-v-98c201fe] .van-popup--center {
  width: calc(100% - 26px - 26px);
  padding: 30px 35px;
  border-radius: 3px;
}
.popup[data-v-98c201fe] {
  text-align: center;
}
.popup .popup-text[data-v-98c201fe] {
  margin-bottom: 20px;
  color: #2c2c2c;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.popup .popup-btn[data-v-98c201fe] {
  display: flex;
}
.popup .popup-btn .btn-confirm[data-v-98c201fe] {
  width: 100%;
  height: 40px;
  font-size: 12px;
  border-radius: 3px;
}

[data-v-233f16f4] .van-popup--center {
  width: calc(100% - 26px - 26px);
  padding: 30px 35px;
  border-radius: 3px;
}
.popup[data-v-233f16f4] {
  text-align: center;
}
.popup .popup-text[data-v-233f16f4] {
  margin-bottom: 20px;
  color: #2c2c2c;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.popup .popup-btn[data-v-233f16f4] {
  display: flex;
}
.popup .popup-btn .btn-cancel[data-v-233f16f4] {
  width: 100%;
  height: 40px;
  margin-right: 20px;
  font-size: 12px;
  border-radius: 3px;
}
.popup .popup-btn .btn-confirm[data-v-233f16f4] {
  width: 100%;
  height: 40px;
  font-size: 12px;
  border-radius: 3px;
}

.contents[data-v-58d5da9d] {
  padding: 20px;
  border-bottom: 4px solid #f2f1f1;
}
.contents .content-header[data-v-58d5da9d] {
  margin-bottom: 14px;
  color: #2c2c2c;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
}
.content-info[data-v-58d5da9d] {
  color: #555;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}
.content-info .label[data-v-58d5da9d] {
  display: inline-block;
  width: 45px;
  margin-right: 8px;
  text-align: right;
}
.content-info .orange-color[data-v-58d5da9d] {
  color: #f39800;
}
.content-info.shelf-item[data-v-58d5da9d] {
  margin-top: 12px;
  padding-top: 16px;
  color: #f39800;
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  text-align: center;
  border-top: 1px solid #f2f1f1;
}
.contents-borrowed .orange-color[data-v-58d5da9d] {
  color: #bbb;
}

.banner[data-v-3fe05ba4] {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: 30px 20px 20px;
  background-color: #f6f6f6;
}
.banner .img-container[data-v-3fe05ba4] {
  width: 100%;
  height: 180px;
}
.banner .banner-img[data-v-3fe05ba4] {
  display: inherit;
  width: auto;
  height: 100%;
  margin: 0 auto;
}
.banner .title[data-v-3fe05ba4] {
  margin-top: 14px;
  color: #2c2c2c;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
}
.part[data-v-3fe05ba4] {
  margin-bottom: 5px;
  padding: 20px 12px;
}
.part .title[data-v-3fe05ba4] {
  color: #2c2c2c;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
}
.part .info[data-v-3fe05ba4] {
  padding: 12px 12px 0 4px;
}
.part .info .item[data-v-3fe05ba4] {
  color: #555;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
}
.part-holdings[data-v-3fe05ba4] {
  margin: 0 -12px;
  border-top: 4px solid #f2f1f1;
}
.part-holdings .title[data-v-3fe05ba4] {
  padding: 0 16px;
}
[data-v-3fe05ba4] .van-list .van-cell {
  padding: 0;
}
[data-v-3fe05ba4] .van-list .van-cell::after {
  display: none;
}

.bottom-bar[data-v-d6e6513a] {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  height: 94px;
  padding: 20px 16px 34px 24px;
  background-color: #fff;
  border: 1px solid #fff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.13);
}
.bottom-bar .btns[data-v-d6e6513a] {
  display: flex;
}
.bottom-bar .btns > div[data-v-d6e6513a]:not(:first-child) {
  margin-left: 42px;
}
.bottom-bar .icon[data-v-d6e6513a] {
  display: block;
  width: 100%;
  height: 23px;
}
.bottom-bar .collect .icon[data-v-d6e6513a] {
  background: url(data:image/png;base64,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) no-repeat;
  background-position: center;
  background-size: 23px;
}
.bottom-bar .bookcart .icon[data-v-d6e6513a] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAAAAXNSR0IArs4c6QAABQNJREFUaEPtmGtoXEUUx//nJitp1CZp6wP6UvSDIK2IrSiiFbSCaBUqkaKFWj9EsAZn7i5NsFqvtl+M7D1TNyYYEYMPUKsiRcFHqVYFi6KgFKkftD6CDZWkXWttNsm9R6a9C8m2aXbv7q0tdOByl7sz//ObMzNnzgzhDC10hnLjLPipHrmzHj9tPK61fh3AKgAOgH0APh4bG3usu7v7z1MNeSJ7U04VrfUggItKGu1JpVLXdnV1Hfq/4acEV0pdD+BeIrIevxrAjRZWRDqMMV2nLXgJGGmtfwWwgIje931/hf0/nU5fEYbhzdF0qnVfxh3H2ZPNZr+w/ioVLzuqaK3fAbASwB/MvMAKaa3/AjCn1sQlep8WCoW7enp6/pn4vRLwjQCesr0fGRmZ3dvbeyBawPck5HE7RessLBE95/v+o3HB7wbwnm3sOM6ybDb7eZKe9jzvnHw+vxPAdQD2M/OkQFG2x5VSlxDR3gi2nZm7kwS32q7rviwiDwA4wsyNsTwezekDAJoB9DHzQ0mDa62/AbAEwA/MfFVscKXUTiK6CcAuZrbhMrHieV59Pp+3+0WDiLxijFkTG9x13W4RWQfgEDPPTIz6WMS6EsDuaO9IG2P82OBKqXa7wq3A+Pj4/FwuN5AUvFLqfiJ6LQK/xRizIza41vo2AB9FAsuZeXtS4K7rPisimWjzmcPMw7HB0+n0wjAM7Q5qY+sjvu8/nxS41voTALcC+J2ZF5baKTsc2oae5zn5fN7uYDMAdDNze4Lg+wFcICLbjDF2D5lUKgKPQuL3ABYD2M7My5MA11rPBVBcP08z85O1AH8LQKsVZub5SYArpe6wyVy0MO8xxrxbC/BNAB4XEWlubp7ped6k5KcWHXFdd4OIbI60LmPmX6oGd113tYi8aoUcx1mSzWa/rQVsUSPKUT4DYDe4g8w8q6q0tiicTqeXhmH4dTSMq40x9og3ZVm/fv35QRDMCoKgBcAsx3GOvu1jB634m4haRMR+tynz7EhwytSi4sXZ0dHRNDo6ejAS3szMT7S3t89MpVKbRORyAEUw+7ZPKuaI7Dh8+PCKvr6+f0/UvmJwK+K67j4RuRjA28zcqpR6kIheqgAwFJE8gGHHcYZFxCZvR99ENCQiu4wxH5xMLxa41trOwWUistsYsyidTs8REQZwXhGgFMh+r6+vP1BXVzfc0NCQ9zwvrKCjx1WNC/4CgDYAhYGBgXO3bt0aVAMRp21ccHuMMpHB25n5wzjGq2kTCzyTyVwahuGPImJz5YCIBoioqqEv7YSI7BkfH1+Vy+X+rtnitEJaa5vYv1hF1JjW4SJy51SLNJbHixYzmcziIAjsEW6uiFSlddzOSPRzU1NTp+d5ozX1+LTuSrhCTb2UMOsk+ZqBd3Z2tgwODh7p7+8fqbQD9mA8NDTUksvl7M1YWaVqcK31DCJ6Q0TsfeIYEW30ff+ZsqwfW+T3AegFYA/fXxUKhZU9PT32pvikpWrwkhTUGhPHcZaWkzVmMpkLgyD4zV5BFCmJqN/3/bWJg2ut37TX0RMNEdFa3/f7pzOulLqBiL4sqfcdM18zXduqPa6UWkdEE6/jxsIwXLRly5afpjPe1tbW1NjYuNemtBM8bnzf19O1rRq8tbW1bt68eXZOryEim/Ft8H3fjkJZRWu9DIC9q7En+W2FQuHh0ivls3G8LFcmXKnqqZIw35TyZyz4f8oAAU3tgTcbAAAAAElFTkSuQmCC) no-repeat;
  background-position: center;
  background-size: 23px;
}
.bottom-bar .holdings .icon[data-v-d6e6513a] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAAAAXNSR0IArs4c6QAABLRJREFUaEPtmH+IVFUUx7/nvmk30XaH0jDYgoL+KEgINSjCP6IISsTSDbM2obDsx+6+e3fdUiTfmn+sOu/e105RTIFRFOWSlQSBFSVSf0RWoFBoUpj9oJ/jMG6bM29O3OUt6Dqz83ZndsOY89fw3nnnfO537j333Es4R43OUW40wGf6n2so/r9QXEo5C8BTAO4DEAJ48eTJk1symUyhXgOs+1RRSl0K4C1mXjgO8qPm5uYVAwMDf9UDvq7g3d3dS4QQQwAutnBE9DaAWcx8awR7OAzDpYODg0dqha8buFLqYWZ+GsB50fTYZIwZ8DxPnDhxIgVARrB/AFhhjNlXC3zN4J7nNeVyuWeYeW0EkhVCrPZ9/73TwZRSDzFzOhrYKQDrjDE7pwpfE/j69evnF4vFNwHcEAF8TUTLtdaHywFJKW8GYKdSEgAD2Ka13khE9vekbMrgUsrrAFjotmg+7ykUCh3pdDo3EYHrulcR0bsArrB+zLx7eHi4I5PJDE+GfErgUso1AJ4HcD4zsxBiq+/7m+Mq19PTM5eZbeW5MYL9nJmXBUHwc1z4SYF7npeIFlp3pFbecZw1vu/vjptwzK+zs7M5kUi8AKAjevZDBP9VnFixwTds2HDRyMjILgA3RVPjqBBieSqVOhQnUSUfKeUmZt5CRJYlT0T3aK33VIsZC7y3t3dBGIa2Jl8eKf0+Ea0yxvxZLUGc91LKuwC8ZGu+LaVE1Ke11hN9WxVcKdXOzLZszY4qgT5+/PjjQ0NDdiuvm0WL/R0A86OgmdbW1kc9zyuWS1IR3G4c2Wx2K4Anor/xbyHEWt/3X60b7bhAXV1dlzmOYyvONdGrD5i5PQiC7PicFcGVUq8x893RB8eEEHf6vn9guqDH4vb19V1QKBReB3Bb9OybYrG4NJ1OHz09d0VwKeVvAOYC2O84zspUKvXrdEOPxW9vb3fa2trsHO+Knn1rjLkyLvgiIlqQz+dfqWc7OpnBSykfAWAAHDDGjO3OoyGqLs7JJJoOX9d1k8lkMj9+kcYC7+np6SiVSi4AVWtXN9HgpJQXAthFRN9prceatrKfxAKXUn4K4HoAO40x90+HsjamlPIOAKO7sBBinu/7v1fKFQtcKfUZMy8mope11rZPOct6e3tnh2HYD+B228OUcbEd4PdEtElrbYU4y1zXXUlEtntEIpG4ZMeOHb9MO7iU0iplFatm/ziOs6hcqzDj4PacyczHIuK9AA6WoU8w8wNENIeIntVaPzbe578Av5aZv7AgtlUNguCTcrIrpfbb98z8RhAEqxrglSZntcWplGooPqNVpaH4TNfxhuL1Vtx13X1EtISIvgTwZKlUOuMCRwixmJk3R3V8YRAEozW9TJ3eS0S3MPMhItrIzKXTfYhoGYAH7XbQ0tKS7O/vr3hHE6tXkVLa64ig2l4O4Ehra+vVlc6JUsp1AJ6LEedDY4y99aposcDt+TOXy/nMbLfpRIVoB8MwXD04ODjRdQVJKbcBsC2yvRwtZx8DuNcY82PN4GMBPM+bk81m7XHuDGtqajq1ffv2n2IoOepiO8lisThvvH8ikRiOe0SMpXhcoJn0a4DPpNo2V0PxhuIxFfgXu7zYTeWhgkEAAAAASUVORK5CYII=) no-repeat;
  background-position: center;
  background-size: 23px;
}
.bottom-bar .title[data-v-d6e6513a] {
  color: #717171;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}
.icon-borrow[data-v-d6e6513a] {
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAAAAXNSR0IArs4c6QAAAaNJREFUaEPtmb8uBUEUh79fQcSfRIRGFAo8gAfQX4UX8AA6QukNbqGgUngFnVDhGWhvo0ZBhIJwZGJWltwrO3dn770rM9VmM2fmt9+cOWdnjqhpU011k4T3euU6EjezMWAPWAfGey0sN9+qpLPf8/8l/BDY6KPgbOpg4U+e9Btw40dxqzDrnx+Auy4+bAiYb2OXH28GmPR9goWbN2xJWnLPZtYATv37A0lbocLNbAFotbH7Hs/M9oHNJDwRT67SZqeYWdqceS7/Iaq8+Ky8DawAtQiHV8CapHP/a3ECXGd5YVDj+BywKOkycyEzGwUako59ohu8BFQk0w4k8SS8E4Gq4nginogX8YGCfVJUiXkCKgI9EU/Ei/jJ16E8/atEu54oAj0RT5uziJ9E3Jz3wAWwDEzn7vTcmdHdL1bRJgB3KnKt67vDKoSFjFla+DvwHDJjib4jwHAM4kfAjqSqXOPHN8YKh47ylKTXEgSDTGMJf/TCP4JmL9E5lnAnoQnsSuqJ+LLCs1JKxs6Rvy0BMsS0VCmltsWrepYLQ9a1H31rWxL/BGP/OE2f0hBDAAAAAElFTkSuQmCC) no-repeat;
  background-position: center;
  background-size: 23px;
}
.icon-borrow-disabled[data-v-d6e6513a] {
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAAAAXNSR0IArs4c6QAAAd1JREFUaEPtWT1Lw1AUPXdQbBtBii7i4KCS2R/gXqGufSXt7Kbo6NTVwUEnB+nYvlLcRCf1N+jaxVkdLFIHk3glkEgIDSRN+hF5mUK4796Tk5PzknsJGT0oo7ihgE/6yYUyXq/XC5ZlnTGzAUCbNDCvHjPvdjqdu2D9UODVavWSmfenBXhk4EKIT5dpE8CLm6gAYNU5Z+YPInob4cbmAKwH1/nzMfMKES25deIxLoRgN3lPSrnlnFcqlRIR3brXL6SUh3GB12q1DcuyekPW/eUTQpwDOFDAFeNKKkPeFPVyBkj5D67yRUTOrnzEzDsAZt8OTdN8IqI9KeW982lhmuYNgGdvX5hJHzcMY42ZN1ut1qOnonK5nNc0rdRut6+dazMJPMpOq4Cn+a2iGA9jYFwbkGJcMR5FAxFjlB0qO1RSQXgLTvl4RHn4w5SrKFeJKJu0pPIO4AHANjMv+3p6zj+j019M/WDmRSLKJ23BpQ4sTsLYbWafHXp1bACDOEUTxC4AmE/MOBFd5XK542azORZpBG8wLY0PbNsudrvd7wQMxlqaFvC+ruvFRqPxE6t6guC0gDsQTnVdP5kU+KTAvVGKx10fwGsCIiMvTTRKyezwKrPjwsjPdUqBmR2J/wLS0v5NN2NHzQAAAABJRU5ErkJggg==) no-repeat;
  background-position: center;
  background-size: 23px;
}
.primary-vant-btn[data-v-d6e6513a] {
  height: 40px;
  background: #f39800;
  border: 1px solid #f39800;
  border-radius: 5px;
}
.primary-vant-btn[disabled][data-v-d6e6513a] {
  color: #585858;
  background-color: #d2d1d1;
  border: 1px solid #d2d1d1;
}

.content-panel[data-v-fb3c63a8] {
  height: calc(100vh - 55px);
  padding-bottom: 94px;
  overflow: auto;
}