.abs-hor-center {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.abs-hor-center-margin {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.abs-ver-center {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.abs-ver-center-margin {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}
.abs-all-center {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.page-navone {
  text-align: center;
  font-size: 0;
}
.pager-prev,
.pager-next,
.pager-num,
.page-all-num,
.page-go {
  margin-left: 5px;
  margin-right: 5px;
  height: 24px;
  line-height: 24px;
  color: #fff;
  background-color: #4d93ff;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pager-prev:hover,
.pager-next:hover,
.pager-num:hover,
.page-all-num:hover,
.page-go:hover {
  background-color: #4585e6;
}
.page-all-num:hover {
  background-color: #4d93ff;
}
.select .pager-num {
  border: solid 1px #4d93ff;
  background-color: #fff;
  color: #4d93ff;
}
.page-go-input {
  margin-left: 5px;
  margin-right: 5px;
  height: 24px;
  line-height: 24px;
  color: #4d93ff;
  background-color: #fff;
  display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  border: solid 1px #4d93ff;
}
.page-go-input:hover {
  color: #4585e6;
  border: solid 1px #4585e6;
}
.page-go-input:focus {
  outline: none;
  border: solid 1px #4d93ff;
  -webkit-box-shadow: 0 0 4px 0 #4d93ff;
  -moz-box-shadow: 0 0 4px 0 #4d93ff;
  box-shadow: 0 0 4px 0 #4d93ff;
}
/** 移动端 pad*/
@media screen and (max-width: 768px) {
  .page-number,
  .select,
  .page-all-num,
  .page-go-input,
  .page-go {
    display: none;
  }
  .pager-prev,
  .pager-next {
    height: 36px;
    line-height: 36px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
html {
  width: 100%;
  -webkit-overflow-scrolling: touch;
}
html.mobile-menu-out {
  position: relative;
  overflow: hidden;
}
* {
  font-family: 'Source Sans Pro', 'Lucida Grande', sans-serif;
}
body {
  margin: 0;
}
a {
  color: inherit;
  text-decoration: none;
}
table {
  border-spacing: 0;
}
table,
tr,
td {
  padding: 0;
  margin: 0;
}
ul {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
textarea,
button {
  outline: none;
}
.single-line-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.clear-float:after {
  display: block;
  content: "";
  clear: both;
}
.pointer-cursor {
  cursor: pointer;
}
.position-relative {
  position: relative;
}
.position-absolute {
  position: absolute;
}
.absolute-lt {
  position: absolute;
  left: 0;
  top: 0;
}
.hover-underline:hover {
  text-decoration: underline;
}
.bookside-uploader-info {
  margin-bottom: 20px;
}
.font-zero {
  font-size: 0;
}
.hide-for-seo {
  display: none !important;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.dbclick-no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.vip:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  content: '';
  background-image: url("/files/images/vip.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.text-underline {
  text-decoration: underline;
}
.dis-hide {
  display: none;
}
[class*='trigger'] {
  cursor: pointer;
}
.body-not-scroll {
  overflow: hidden;
  position: fixed;
  width: 100%;
}
.backtop-trigger {
  width: 40px;
  height: 40px;
  background-color: #fff;
  color: #4d93ff;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
  position: fixed;
  right: 30px;
  bottom: 120px;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  line-height: 40px;
  z-index: 3;
}
.backtop-trigger [class*='ifont-'] {
  font-size: 16px;
}
.backtop-trigger:hover {
  color: #4585e6;
}
/*提示框*/
.alert {
  position: fixed;
  width: 100%;
  top: -200px;
  left: 0;
  opacity: 0;
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  font-size: 16px;
  text-align: center;
  z-index: 8;
}
.alert-content {
  display: inline-block;
  text-align: left;
}
.alert-title {
  margin-right: 10px;
}
.alert-success {
  color: #fff;
  background-color: #afcc41;
}
.alert-info {
  color: #fff;
  background-color: #5c9bfd;
}
.alert-warning {
  color: #fff;
  background-color: #ddaf1e;
}
.alert-danger {
  color: #fff;
  background-color: #cb4040;
}
.nav-bar {
  position: relative;
  font-size: 0;
  background-color: #0c2b4d;
}
.nav-bar-content {
  position: relative;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}
.nav-logo {
  display: inline-block;
  width: 60px;
  height: 60px;
  background-image: url("/files/images/icon.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.header-menu {
  display: inline-block;
  vertical-align: top;
}
.menu-select {
  position: relative;
  display: inline-block;
}
.menu-select.upload-btn,
.menu-select.lang-list {
  display: none;
}
.nav-bar-menu-btn {
  display: none;
}
.nav-item-list.toggle-active {
  padding-top: 12px;
  padding-bottom: 12px;
  max-height: 500px;
  -webkit-box-shadow: 0 0 2px 1px #0c2b4d;
  -moz-box-shadow: 0 0 2px 1px #0c2b4d;
  box-shadow: 0 0 2px 1px #0c2b4d;
  -webkit-transition: max-height 0.6s;
  -moz-transition: max-height 0.6s;
  -ms-transition: max-height 0.6s;
  -o-transition: max-height 0.6s;
  transition: max-height 0.6s;
}
.nav-title {
  padding-left: 15px;
  padding-right: 15px;
  height: 60px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  line-height: 60px;
}
.nav-title.active,
.nav-title:hover {
  color: #fff;
}
.nav-title .has-list-mark {
  position: relative;
  top: -2px;
  margin-left: 5px;
  font-size: 12px;
}
.nav-title.hot-mark {
  position: relative;
}
.nav-title.hot-mark:after {
  position: absolute;
  display: block;
  content: '';
  background-image: url("/files/images/unit/hot.gif");
  background-repeat: no-repeat;
  background-size: contain;
}
.nav-title.new-mark {
  position: relative;
}
.nav-title.new-mark:after {
  position: absolute;
  display: block;
  content: '';
  background-image: url("/files/images/unit/new.gif");
  background-repeat: no-repeat;
  background-size: contain;
}
.nav-item-list {
  position: absolute;
  top: 60px;
  left: 0;
  z-index: 3;
  padding-left: 25px;
  padding-right: 25px;
  display: inline-block;
  max-height: 0;
  overflow: hidden;
  background-color: #0c2b4d;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.nav-subitem {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  line-height: 29px;
  white-space: nowrap;
}
.nav-subitem:hover {
  color: #fff;
}
.nav-subitem.active {
  position: relative;
  color: #fff;
}
.nav-subitem.active:before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -10px;
  width: 6px;
  height: 6px;
  display: block;
  content: '';
  background-color: #fff;
  -webkit-border-radius: 99999px;
  -moz-border-radius: 99999px;
  border-radius: 99999px;
}
.nav-side-menu {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  font-size: 0;
  border-spacing: 0;
  height: 60px;
}
.nav-side-menu tbody,
.nav-side-menu tr,
.nav-side-menu td {
  height: inherit;
}
.nav-side-menu * {
  vertical-align: middle;
}
.nav-side-item {
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}
.nav-side-item:last-child {
  margin-right: 0;
}
.nav-side-item:first-child {
  margin-left: 0;
}
.nav-side-item [class*='ifont-'] {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 60px;
}
.nav-side-item .nav-user-icon {
  padding-left: 10px;
  display: inline-block;
  font-size: 10px;
}
.nav-side-item:hover [class*='ifont-'] {
  color: #ffffff;
}
.nav-side-item.nav-upload-btn {
  padding-left: 0;
  padding-right: 0;
  width: 120px;
  height: 36px;
  text-align: center;
  font-size: 13px;
  line-height: 36px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #4d93ff;
  color: #fff;
}
.nav-side-item.lang-list {
  display: inline-block;
}
.search-bar {
  padding-top: 16px;
  padding-bottom: 16px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
}
.search-bar-inner {
  margin: auto;
  padding-left: 70px;
  padding-right: 70px;
  max-width: 1140px;
}
.search-box {
  position: relative;
  height: 36px;
  width: 820px;
  margin-right: 18px;
  display: inline-block;
  border: solid 1px #4d93ff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  vertical-align: top;
}
.search-box form {
  height: 100%;
}
.search-type {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 140px;
  font-size: 14px;
  color: #4a576b;
  line-height: 36px;
  display: inline-block;
  text-align: center;
  background-color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.search-type:after {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  content: '';
  width: 1px;
  height: 100%;
  background-color: #4d93ff;
}
.search-type [class*='ifont-'] {
  position: relative;
  top: -2px;
  margin-left: 5px;
  font-size: 10px;
}
.search-input {
  position: relative;
  padding-left: 160px;
  padding-right: 76px;
  height: 100%;
}
.search-input input,
.search-input input[type='text'] {
  display: block;
  height: 100%;
  width: 100%;
  line-height: 36px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  outline: none;
}
.search-input input::-webkit-input-placeholder,
.search-input input[type='text']::-webkit-input-placeholder {
  color: #697a94;
  font-size: 14px;
  font-family: inherit;
}
.search-input input:-moz-placeholder,
.search-input input[type='text']:-moz-placeholder {
  color: #697a94;
  font-size: 14px;
  font-family: inherit;
}
.search-input input::-moz-placeholder,
.search-input input[type='text']::-moz-placeholder {
  color: #697a94;
  font-size: 14px;
  font-family: inherit;
}
.search-input input:-ms-input-placeholder,
.search-input input[type='text']:-ms-input-placeholder {
  color: #697a94;
  font-size: 14px;
  font-family: inherit;
}
.search-input input:focus,
.search-input input[type='text']:focus {
  outline: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.search-type-name {
  display: inline-block;
}
.search-type-list {
  position: absolute;
  top: 40px;
  padding-top: 8px;
  padding-bottom: 8px;
  width: 140px;
  background-color: #fff;
  border: solid 1px #9aa6b8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  display: none;
  text-align: center;
  z-index: 1;
}
.search-type-list.option-active {
  display: block;
}
.search-type-item {
  font-size: 14px;
  color: #4a576b;
  height: 30px;
  line-height: 30px;
}
.search-type-item:hover {
  color: #4d93ff;
}
.search-type-item[selected] {
  background-color: #4d93ff;
  color: #fff;
}
.search-btn {
  position: absolute;
  top: 0;
  right: -1px;
  width: 55px;
  font-size: 14px;
  color: #fff;
  line-height: 36px;
  display: inline-block;
  text-align: center;
  background-color: #4d93ff;
  border: none;
  padding: 0;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.search-btn:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: '';
  width: 1px;
  height: 100%;
  background-color: #4d93ff;
}
.search-btn [class*='ifont-'] {
  line-height: 36px;
  display: inline-block;
}
.adv-search-open-btn {
  display: inline-block;
  text-align: center;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  color: #4d93ff;
}
.adv-search-open-btn:hover {
  color: #4585e6;
}
/** 候选项*/
.search-res-intime {
  position: absolute;
  z-index: 1;
  top: 40px;
  left: 140px;
  width: 100%;
  max-width: 626px;
  overflow: hidden;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.search-res-intime-item {
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: solid 1px #ebeef2;
  padding-top: 5px;
  padding-bottom: 5px;
}
.search-res-intime-item:last-child {
  border-bottom: none;
}
.search-res-intime-item:hover {
  background-color: rgba(77, 147, 255, 0.1);
}
.search-res-intime-item img {
  display: block;
  width: 24px;
  height: 32px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  float: left;
}
.search-res-intime-info {
  margin-left: 29px;
}
.search-res-intime-info strong {
  color: #4d93ff;
}
.search-res-intime-title {
  font-size: 12px;
  color: #697a94;
  margin-bottom: 2px;
}
.search-res-intime-genre {
  font-size: 12px;
  color: #9aa6b8;
}
.search-res-intime-time {
  font-size: 12px;
  color: #9aa6b8;
  margin-left: 6px;
  font-style: italic;
}
.search-res-intime-loading {
  display: block;
  width: 20px;
  margin-left: auto;
  margin-right: auto;
}
/** 移动端*/
@media screen and (max-width: 1140px) {
  .search-bar-inner {
    padding-left: 0;
    padding-right: 0;
  }
  .search-box {
    margin-right: 0;
    height: auto;
    width: auto;
    display: block;
    border: none;
  }
  .search-type-list {
    padding-top: 0;
    padding-bottom: 0;
    position: static;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-around;
    border: none;
  }
  .search-type-item {
    display: inline-block;
    font-weight: bold;
    height: 55px;
    line-height: 55px;
  }
  .search-type-item[selected] {
    background-color: transparent;
    color: #4d93ff;
  }
  .search-type {
    display: none;
  }
  .search-input {
    padding-left: 15px;
    padding-right: 15px;
    height: 36px;
  }
  .search-input input,
  .search-input input[type='text'] {
    display: block;
    line-height: 34px;
    height: 36px;
    padding-left: 20px;
    padding-right: 55px;
    border: solid 1px #4d93ff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  .search-input input:focus,
  .search-input input[type='text']:focus {
    border: solid 1px #4d93ff;
  }
  .search-btn {
    top: auto;
    bottom: 0;
    right: 15px;
    height: 36px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
  }
  .search-bar {
    padding-top: 0;
    padding-bottom: 0;
  }
  .adv-search-open-btn {
    display: block;
    height: 36px;
    line-height: 36px;
    padding-right: 15px;
    text-align: right;
    margin-top: 12px;
    padding-bottom: 12px;
  }
  .search-res-intime {
    left: 0;
  }
}
.nav-search-bar {
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 1;
}
.nav-search-bar.toggle-active {
  display: block;
}
.nav-search-bar.toggle-active .search-bar {
  display: block;
  position: relative;
  z-index: 1;
}
[to_do="login"] {
  padding-left: 14px;
  padding-right: 14px;
  font-size: 14px;
  color: #fff;
  line-height: 22px;
  border: solid 1px #1b4b80;
  -webkit-border-radius: 99999px;
  -moz-border-radius: 99999px;
  border-radius: 99999px;
}
[to_do="switch-lang"],
.nav-lang-pic {
  width: 24px;
  height: 24px;
  background-size: 186px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/files/images/flag/sprite_lang.png");
}
[to_do="switch-lang"][lang="en"],
.nav-lang-pic[lang="en"] {
  background-position: -107px;
}
[to_do="switch-lang"][lang="es"],
.nav-lang-pic[lang="es"] {
  background-position: -81px;
}
[to_do="switch-lang"][lang="br"],
.nav-lang-pic[lang="br"] {
  background-position: -159px;
}
[to_do="switch-lang"][lang="ru"],
.nav-lang-pic[lang="ru"] {
  background-position: -2px;
}
[to_do="switch-lang"][lang="fr"],
.nav-lang-pic[lang="fr"] {
  background-position: -55px;
}
[to_do="switch-lang"][lang="it"],
.nav-lang-pic[lang="it"] {
  background-position: -29px;
}
[to_do="switch-lang"][lang="de"],
.nav-lang-pic[lang="de"] {
  background-position: -133px;
}
.nav-user-item,
.nav-lang-item {
  position: relative;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 59px;
  padding-right: 25px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  border-bottom: solid 1px #23405e;
}
.nav-user-item:hover,
.nav-lang-item:hover,
.nav-user-item.active,
.nav-lang-item.active {
  color: #ffffff;
  background-color: #23405e;
}
.nav-user-item {
  padding-left: 25px;
}
.nav-user-list,
.nav-lang-list {
  padding: 0;
  margin: 0;
  max-height: 0;
  overflow: hidden;
  font-size: 0;
  background-color: #0c2b4d;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.nav-user-list li,
.nav-lang-list li {
  list-style: none;
}
.nav-user-list.toggle-active,
.nav-lang-list.toggle-active {
  display: inline-block;
  max-height: 500px;
  -webkit-box-shadow: 0 0 2px 1px #0c2b4d;
  -moz-box-shadow: 0 0 2px 1px #0c2b4d;
  box-shadow: 0 0 2px 1px #0c2b4d;
  -webkit-transition: max-height 1s;
  -moz-transition: max-height 1s;
  -ms-transition: max-height 1s;
  -o-transition: max-height 1s;
  transition: max-height 1s;
}
.nav-user-list {
  position: absolute;
  z-index: 1;
  right: 113px;
  top: 60px;
}
.nav-lang-list {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 60px;
}
.nav-lang-pic {
  position: absolute;
  top: 7px;
  left: 25px;
}
.nav-user-img {
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
  background-color: #f7faff;
}
.nav-user-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.nav-msg-num {
  position: absolute;
  top: 14px;
  right: -4px;
  width: 15px;
  height: 15px;
  background-color: #99c2ff;
  -webkit-border-radius: 99999px;
  -moz-border-radius: 99999px;
  border-radius: 99999px;
  text-align: center;
  line-height: 15px;
  color: #fff;
  font-size: 10px;
}
.account-entry {
  display: none;
}
.nav-search-bar-shadow {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(12, 43, 77, 0.4);
}
.footer {
  padding-top: 55px;
  padding-bottom: 50px;
  background-color: #0c2b4d;
}
.footer > table {
  margin-left: auto;
  margin-right: auto;
}
.footer-col-title {
  margin-bottom: 35px;
  color: #8a9099;
  font-size: 20px;
  line-height: 30px;
}
.footer-app-box {
  position: relative;
  margin-right: 60px;
  display: inline-block;
}
.footer-app-box.first {
  margin-left: 20px;
}
.footer-app-box.last {
  margin-right: 0;
}
.footer-app-box:hover .footer-app-name {
  color: #fff;
}
.footer-app-box.mangadog .footer-app-img {
  background-image: url("/files/images/brand/MangaDogs_1.png");
}
.footer-app-box.mangadog:hover .footer-app-img {
  background-image: url("/files/images/brand/MangaDogs_2.png");
}
.footer-app-box.animeclub .footer-app-img {
  background-image: url("/files/images/brand/AnimeClub_1.png");
}
.footer-app-box.animeclub:hover .footer-app-img {
  background-image: url("/files/images/brand/AnimeClub_2.png");
}
.footer-app-box.ieditor .footer-app-img {
  background-image: url("/files/images/brand/iEditor_1.png");
}
.footer-app-box.ieditor:hover .footer-app-img {
  background-image: url("/files/images/brand/iEditor_2.png");
}
.footer-app-box.i247 .footer-app-img {
  background-image: url("/files/images/brand/i247_1.png");
}
.footer-app-box.i247:hover .footer-app-img {
  background-image: url("/files/images/brand/i247_2.png");
}
.footer-app-name {
  position: absolute;
  color: #737880;
  left: -50%;
  margin-top: 10px;
  font-size: 14px;
  text-align: center;
  line-height: 24px;
  width: 76px;
}
.footer-app-img {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.footer-site-name {
  margin-bottom: 4px;
  position: relative;
  top: -5px;
  font-size: 14px;
  color: #737880;
  line-height: 24px;
}
.footer-site-name:hover {
  color: #fff;
}
.footer-col-item {
  vertical-align: top;
  padding-right: 120px;
}
.footer-col-item:last-child {
  padding-right: 0;
}
.footer-niadd-fir-col {
  padding-right: 30px;
}
.copyright {
  background-color: #0a2440;
  color: #8a9099;
  font-size: 14px;
  text-align: center;
  line-height: 24px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.sus-download-app-box {
  display: none;
}
/** 移动端*/
@media screen and (max-width: 1140px) {
  .footer {
    padding-top: 35px;
    padding-bottom: 20px;
  }
  .footer-col-title {
    margin-bottom: 20px;
  }
  .footer-col-item:first-child {
    margin-bottom: 80px;
  }
  .footer-site-name {
    display: inline-block;
    margin-right: 20px;
    margin-left: 20px;
  }
  .footer-col-item {
    text-align: center;
    padding-right: 0;
    display: block;
  }
  .niadd-quick {
    display: none;
  }
  .copyright {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .sus-download-app-box {
    position: fixed;
    bottom: 0;
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    z-index: 5;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .sus-download-app-img {
    margin-right: 10px;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
  }
  .sus-download-app-img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .sus-download-app-name {
    font-size: 12px;
    color: #fff;
  }
  .sus-download-app-intro {
    font-size: 12px;
    color: #bebebe;
  }
  .sus-download-app-btn {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
    padding-left: 10px;
    padding-right: 10px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
  }
  .sus-download-app-btn.mangadog {
    background-color: #fb7c4f;
  }
  .sus-download-app-btn.animeclub {
    background-color: #7689FF;
  }
}
/** 移动端*/
@media screen and (max-width: 1140px) {
  .nav-bar {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 5;
  }
  body {
    padding-top: 60px;
  }
  .header-menu {
    position: fixed;
    left: -280px;
    z-index: 1;
    width: 280px;
    height: 100%;
    background-color: #0c2b4d;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .nav-title {
    padding-left: 25px;
    height: 40px;
    line-height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .nav-item-list {
    position: static;
    padding-left: 0;
    padding-right: 0;
    display: block;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #0e3359;
  }
  .nav-item-list.toggle-active {
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .menu-select {
    display: block;
    border-bottom: solid 1px #24405f;
  }
  .menu-select.upload-btn,
  .menu-select.lang-list {
    display: block;
  }
  .menu-select.upload-btn {
    padding-left: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .menu-select .nav-upload-btn {
    width: 120px;
    height: 36px;
    text-align: center;
    font-size: 13px;
    line-height: 36px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #4d93ff;
    color: #fff;
  }
  .nav-bar-menu-btn {
    margin-left: 10px;
    padding: 10px;
    display: inline-block;
    color: rgba(255, 255, 255, 0.7);
    font-size: 20px;
    line-height: 40px;
  }
  .nav-subitem {
    padding-left: 60px;
    position: relative;
    line-height: 40px;
  }
  .nav-subitem.active {
    background-color: #264769;
  }
  .nav-subitem.active:before {
    display: none;
  }
  .nav-lang-pic {
    position: relative;
    left: 0;
    margin-right: 10px;
    display: inline-block;
  }
  .nav-title .has-list-mark {
    position: absolute;
    top: auto;
    right: 20px;
    line-height: 40px;
  }
  .nav-logo {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 10px;
    width: 40px;
    height: 40px;
  }
  .nav-side-item.lang-list {
    display: none;
  }
  .nav-side-item [class*='ifont-'] {
    font-size: 18px;
  }
  .nav-side-item .nav-user-icon {
    display: none;
  }
  .nav-side-item.for-mobile-none {
    display: none;
  }
  .nav-side-menu {
    padding-right: 10px;
  }
  .nav-side-menu .upload-btn,
  .nav-side-menu .nav-user-img {
    display: none;
  }
  .nav-user-img {
    position: relative;
    top: 7px;
    margin-right: 10px;
  }
  .nav-user-img.vip:after {
    width: 8px;
    height: 8px;
  }
  .nav-user-img img {
    display: block;
    width: 100%;
  }
  .nav-search-bar {
    position: fixed;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
    height: 100%;
    z-index: 5;
  }
  .nav-search-bar.toggle-active .search-bar {
    display: block;
    position: relative;
    z-index: 1;
  }
}