@charset 'UTF-8';
.head-wrap {
  margin-bottom: .8rem;
  background: url(/jubao/img/h5/banner_bg.0.2.jpg);
  background-repeat: no-repeat;
  background-size: 100%
}
.head-wrap.fixed {
  padding-top: 1.9rem
}
.head-wrap.blue {
  margin-bottom: 1rem
}
.head-wrap.blue .head-title {
  color: #fff;
  background: #4274f9
}
.mask-box {
  position: fixed;
  z-index: 999;
  top: 2.5rem;
  left: 0;
  width: 100%;
  height: 100%;
  background: #abb3bb;
  background: rgba(0,0,0,.7)
}
.head-title {
  position: relative;
  z-index: 1001;
  top: 0;
  right: 0;
  left: 0;
  transition: .1s;
  color: #fff
}
.head-title .flex {
  position: relative;
  z-index: 10;
  height: 2.5rem;
  padding: 0 .8rem;
  align-items: center;
  justify-content: space-between
}
.head-title.fixed {
  position: fixed;
  z-index: 1001;
  top: 0;
  right: 0;
  left: 0;
  padding-top: 0;
  color: #333;
  background: #fff
}
.head-title.fixed .flex {
  box-shadow: 0 6px 18px rgba(121,133,146,.12)
}
.head-title.fixed .logo a {
  background-image: url(/jubao/img/h5/logo_2.0.2.png)
}
.head-title.fixed .no-login {
  border: .05rem solid #2e70fb
}
.head-title.fixed .no-login a {
  color: #2e70fb
}
.head-title.fixed .login-in {
  color: #2e70fb
}
.head-title.fixed .login-in .arrow {
  margin-top: -.1rem;
  transform: rotate(180deg);
  background-image: url(/jubao/img/h5/arrow_up_blue.0.1.svg)
}
.head-title.fixed .login-in .slide-list {
  top: 2.1rem!important
}
.head-title .logo a,
.head-title .logo span {
  display: inline-block;
  vertical-align: middle
}
.head-title .logo a {
  width: 4.25rem;
  height: 1.3rem;
  margin-right: .5rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTcyIiBoZWlnaHQ9IjE3OCIgdmlld0JveD0iMCAwIDU3MiAxNzgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSIgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTM4Mi43OTggNjkuMDg0djI1Ljk5N2MuNTIgMi44NDMgMi40MDkgNC4wNSA1LjMxIDQuMzAzaDQuNDR2LS4wMTljMTAuOTUxLjAxIDY0LjQ5NC4wMSA2NC45MjggMCAuOTA3IDAgMi42MTcuMzE4IDMuNTgxLTEuOTM2LjM3OC0uODcgMi4wNi01LjgzOCAyLjA2LTUuODM4SDQyOC4zVjg1LjM5aDI3LjQ1N2MuNzkzIDAgMi4yOTYuMjcyIDMuMTQ2LTEuNzEyLjM0LS43NTcgMS44MDUtNS4xMTYgMS44MDUtNS4xMTZINDI4LjN2LTYuMTI4aDI3LjQ1N2MuNzkzIDAgMi4yOTYuMjYyIDMuMTQ2LTEuNzEyLjM0LS43NjcgMS44MDUtNS4xMTcgMS44MDUtNS4xMTdINDI4LjN2LTEuNTcxYS40NC40NCAwIDAgMCAuMDc2LjAxdi00LjU4NGMxNC44NzEgMCAyOC43MDQgMCAyOC45My0uMDEuOTE3LS4wMSAyLjYyNy4zIDMuNi0xLjk0NS4zNzgtLjg3IDIuMDY5LTUuODM4IDIuMDY5LTUuODM4aC0zNC41OTl2LTguNjUzaC05Ljc0MXY4LjY2M0gzOTguODVhMTQ1LjM2OSAxNDUuMzY5IDAgMCAwIDUuNzI2LTguNjYzaC0uMDF2LS4wMWgtMTAuOTg4Yy0uMjQ1LjM3NS0uNDgyLjczLS43MTggMS4xMDVhMTU2LjU0IDE1Ni41NCAwIDAgMS0yLjUyMiAzLjc2YzAgLjAxLS4wMS4wMTktLjAxOS4wMTktLjM5Ny41Ny0uNzk0IDEuMTMyLTEuMTkxIDEuNjc1LS4wMzguMDQ2LS4wNjYuMDkzLS4xMDQuMTQtLjM2OC41MTQtLjc0NiAxLjAxLTEuMTE1IDEuNTA2LS4wNTYuMDc1LS4xMTMuMTUtLjE3LjIzNC0uMzQ5LjQ1OC0uNjk5LjkxNi0xLjA1OCAxLjM1Ni0uMDg1LjEwMy0uMTYxLjIwNi0uMjQ2LjMwOS0uMzMuNDItLjY3LjgzMi0xLjAxMSAxLjIzNS0uMTAzLjEyMS0uMjA3LjI0My0uMzAyLjM2NC0uMzIxLjM4NC0uNjQyLjc1OC0uOTczIDEuMTMyLS4xMjMuMTQtLjI1NS4yODEtLjM3OC40MjFsLS45MzUgMS4wMzljLS4xNTEuMTU5LS4zMDMuMzI3LS40NTQuNDg2LS4zMDIuMzE4LS41OTUuNjM2LS45MDcuOTQ1LS4xNzkuMTg3LS4zNjguMzc0LS41NDguNTUyLS4yODMuMjktLjU2Ny41Ny0uODYuODYtLjIxNy4yMTYtLjQ1My40My0uNjguNjQ2LS4yNjQuMjUyLS41MjkuNTA1LS44MDMuNzU4LS4yNzQuMjUyLS41NDguNTA1LS44MzEuNzQ4LS4yNDYuMjE1LS40ODIuNDQtLjcyOC42NTUtLjM0LjMtLjY5LjU5OS0xLjAzOS44OTgtLjE5OS4xNjgtLjM5Ny4zNDYtLjU5Ni41MTQtLjQyNS4zNTYtLjg2OS43Mi0xLjMxMyAxLjA4NS0uMTQyLjEyMi0uMjgzLjIzNC0uNDI1LjM1Ni0uNTI5LjQzLTEuMDc3Ljg2LTEuNjI1IDEuMy0uMDc2LjA1Ni0uMTQyLjEyMi0uMjE3LjE3OC0uNjQzLjQ5Ni0xLjI5NSAxLjAxLTEuOTc1IDEuNTI1djguMTg1YTU2LjYxIDU2LjYxIDAgMCAwIDUuNDMzLTIuNzQgNjEuODAzIDYxLjgwMyAwIDAgMCA3LjUzLTUuMTY1em0zNS43NjEgMjIuNDk4aC0yNC43MjZjLS44NS0uMDE5LTEuMTcxLS4yNzEtMS4yODUtLjYxN3YtNS41NzZoMjYuMDExdjYuMTkzem0wLTEzLjAxMmgtMjYuMDExdi02LjEyN2gyNi4wMTF2Ni4xMjd6bTAtMTkuMTExdjYuMTU1aC0yNi4wMTF2LTUuOTVsLjE4LS4yMDVoMjUuODMxek00NjMuODgyIDExMy4zNjJjLjkwNy0uMDEgMi42MTguMzE4IDMuNTgxLTEuOTQ2LjM3OC0uODcgMi4wNjktNS44MjggMi4wNjktNS44MjhoLTQ0LjE1MXYtMy4zOTZoLTkuMzczYy0uMDA5LjI2Mi0uMDA5IDEuNzEyLS4wMDkgMy4zOTZoLTQzLjU4NHMxLjY5MSA0Ljk1OCAyLjA2OSA1LjgyOGMuOTYzIDIuMjU0IDIuNjczIDEuOTM2IDMuNTkgMS45NDZoMzIuNjcyYy02LjM5NyA0Ljc4LTIxLjMyNSAxMy4wMjEtMzguODQyIDE3LjA2MiAxLjc1OCA0LjY3OCAyLjk0OCA3Ljg3NyAyLjk0OCA3Ljg3NyAxOC4yMzUtNC4zNDEgMzEuMTQxLTExLjA3NiA0MS4xMzgtMTguOTh2MTkuNDg1aDkuMzgydi0xOS42OTFjMTAuMDQzIDcuOTk4IDIzLjAzNCAxNC44MDggNDEuNDAyIDE5LjE4NiAwIDAgMS4xOS0zLjE5OSAyLjkzOC03Ljg3Ny0xNy41MTctNC4wNDEtMzIuNDM2LTEyLjI3My0zOC44MzItMTcuMDYyaDMzLjAwMnpNMTY2LjI0NSA2NC4xOWgtOS43NDF2NzQuNTg0aDkuNzQxVjY0LjE5ek0xNjYuMTYgNDAuMjA3bC03LjcyIDQuODA4IDExLjgzIDE1LjgxOSA3Ljg1MS01LjIwMS0xMS45NjEtMTUuNDI2ek00OTUuNTg3IDEwNS4xNTdsNC4yODkgOC4xMWMxNS4wOC02LjI5NSAyNy4zNDMtMTYuODEgMzQuMDUyLTI2LjI4NnYyMy45NTdjMCA1LjgyOC0uOTkyIDUuMDQyLTQuMTI5IDUuMDQyaC0xMC44Mjh2OC4zNjNoMTMuMzQxYzEwLjk4OCAwIDEwLjk4OC02Ljk5NyAxMC45ODgtMTQuMTkxVjc5Ljk4NGg1Ljk2MmMuOTgzLS4wMSAyLjgzNS4zMjcgMy44NzQtMi4wOTYuNDA2LS45MzUgMi4yMi02LjI3NyAyLjIyLTYuMjc3SDU0My4zMVY1OC4zaC05LjM4MlY3MS42MWgtMzUuMzg0czEuODI0IDUuMzQyIDIuMjIxIDYuMjc3YzEuMDM5IDIuNDIzIDIuODgxIDIuMDg2IDMuODY0IDIuMDk2aDI0LjgyYy05Ljg2NCAxMi4wMzktMjAuNzEgMTkuNTA0LTMzLjg2MiAyNS4xNzN6Ii8+PHBhdGggZD0iTTQ4MS40NTMgNDUuNjA1djg2LjI3OGMwIDQuNTA4IDIuNDU3IDYuMDA1IDYuNTc2IDYuMDA1IDAgMC0uMDI4LjAxOS0uMDM4LjAxOWgzLjExOHYtLjA4NGg2OS43NTZ2LjA4NGgzLjE3NWMtLjAyOSAwLS4wNDgtLjAxOS0uMDQ4LS4wMTkgMy45NCAwIDYuMzUtMS40MzEgNi41MzktNS41NDdWNDUuNjA1aC04OS4wNzh6bTc5LjQxMiA4NC4wODloLTY5Ljc1NnYtNzUuOTRoNjkuNzU2djc1Ljk0ek0zNTAuMzY2IDY1LjM2OWMxLjE0MyAwIDMuMjg4LjM4MyA0LjQ5OC0yLjQ0Mi40NzItMS4wOTQgMi41OTgtNy4zMjQgMi41OTgtNy4zMjRoLTQ0LjE2MVY0MC40NDhoLTkuNzQxdjE1LjE2NGgtNDQuMTdzMi4xMjUgNi4yMyAyLjU5OCA3LjMyNWMxLjIwOSAyLjgyNSAzLjM1NCAyLjQ0MSA0LjQ5NyAyLjQ0MWgxMS43OTJjNC44NjUgMTYuNDI3IDExLjc1MyAzMS4xODggMjIuNjg1IDQzLjQ3MS05LjY5NCA4LjY1My0yMi45MDMgMTYuMzA1LTQwLjg4MyAyMC4zOTMgMS45MDkgNC4yNDcgMy42NjYgOS42OTEgMy42NjYgOS42OTEgMTkuMTgtNS4xODIgMzMuNjE3LTEyLjkxOSA0NC42ODEtMjIuNjU3IDExLjA2NCA5LjczOCAyNS41IDE3LjQ3NSA0NC42OCAyMi42NTcgMCAwIDEuNzU4LTUuNDQ0IDMuNjg1LTkuNjkxLTE3Ljk4OS00LjA3OS0zMS4xOTgtMTEuNzQtNDAuOTAxLTIwLjM5MyAxMC45MjItMTIuMjgzIDE3LjgxLTI3LjA0NCAyMi42NzUtNDMuNDYyIDcuMDU4LS4wMTggMTEuNzE2LS4wMTggMTEuODAxLS4wMTh6bS00MS45NSAzNS44OTNjLTEzLjQ3My0xNS41NzUtMTcuNTQ1LTMxLjkzNi0xOC43MjYtMzUuODg0aDM3LjQ1M2MtMS4xODEgMy45MzgtNS4yNTQgMjAuMzA5LTE4LjcyNyAzNS44ODR6TTI0MC4zMzUgNDQuNDE4aC01NS4zNTZzMS45MDggNS42MjIgMi4zMzMgNi41OTVjMS4xMDYgMi41NTQgMy4wMzMgMi4xOTggNC4wNjMgMi4xOTguMTEzIDAgMjMuNDMxLjAxOSA0NS41MDIuMDE5djcxLjM3NWMwIDUuODg0LS45NzMgNS4wOTgtNC4xNTcgNS4wOThoLTcuMjQ3djkuMDc0aDEwLjQzMWMxMS4wODMgMCAxMS4wODMtNy4wNjIgMTEuMDgzLTE0LjMxMnYtNzEuNzVsLS4wMjgtLjAwOWMuMTUxLTEuODYxLjE3OS04LjI4OC02LjYyNC04LjI4OHoiLz48cGF0aCBkPSJNMjI4LjEyMiAxMjUuMjVjLjQ1My0xLjEwNCAyLjE5Mi02LjI5NSAyLjE5Mi02LjI5NWgtMTUuNDg2Yy0uODUtLjEyMi0xLjIyOC0uNzU4LTEuMjI4LTMuNDA1di0xNS4wNTJoOS40NDhjMS40NjQtLjAyOCAyLjM1My0uNTk5IDIuNDE5LTIuMTZWNzIuNTc0SDIxMS45MjdsNS44MTEtMTEuMjU0aC05LjAxNGwtNS45OCAxMS4yNTRoLTMuMjZsLTUuOTgxLTExLjI1NGgtOS4wMDRsNS44MTEgMTEuMjU0SDE3Ny4yMjRWOTguMzg0Yy4wOTUgMS41MzQuOTgzIDIuMDk1IDIuNDQ3IDIuMTI0SDE4OC41MTVjLS40MTYgNi43MTYtMi45NDggMTcuNTQ5LTE4LjA3NSAyMi4zMiAzLjM3MyAzLjM2NyA1Ljc1NCA3LjU1OCA1Ljc1NCA3LjU1OCAxMy4yNTYtNS41NzUgMjAuNDQ2LTE0LjkzOSAyMS44NzMtMjkuODc4aDYuMDg1djE3LjYzM2MwIDQuMi42OCA5LjU2IDguMzIzIDkuNTZoMTEuMTRjMS4xNDMtLjAxOCAzLjQyLjEwMyA0LjUwNy0yLjQ1MXptLTEyLjM3OC00NC4yNjV2MTEuMDJoLTI4Ljc2OXYtMTEuMDJoMjguNzY5eiIvPjwvZz48cGF0aCBkPSJNOTMuMDI1IDkwLjY5OFYzMC44MjRsMjYuNjYtMS44MjlhMS4wMDIgMS4wMDIgMCAwIDEgMS4wNzYgMXY2MS4zMDJjMCAuNTc4LS40ODkgMS4wMzctMS4wNjYgMWwtMjYuNjctMS42ek01MC44MjIgMTI1LjkzVjI0LjYwMmwzNS4yOTYtNy42NjRhMS42NTUgMS42NTUgMCAwIDEgMi4wMDYgMS42MTh2MTEzLjMyOWMwIDEuMDU1LS45NzIgMS44NC0yLjAwMiAxLjYxOWwtMzUuMy03LjU3NHpNNDUuOTYyIDUuOTNjMC0xLjg1LTIuMDU0LTIuOTYyLTMuNjAzLTEuOTVMMy4wODQgMjkuNjExYTQuNDM3IDQuNDM3IDAgMCAwLTIuMDEyIDMuNzE2djExMi4yNWMwIDEuNTA4Ljc2NiAyLjkxMyAyLjAzMyAzLjczbDM5LjI2NSAyNS4zMTFjMS41NS45OTkgMy41OTItLjExNCAzLjU5Mi0xLjk1OVY1LjkzeiIgZmlsbD0iI2ZmZiIvPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxwYXRoIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1Ni41MDQgNDAuMjA3KSIgZD0iTTAgMGg0MTQuMDI0djk4LjcxOEgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%
}
.head-title .login-in {
  color: #fff
}
.head-title .login-in span {
  display: inline-block;
  overflow: hidden;
  max-width: 7rem;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis
}
.head-title .login-in .arrow {
  display: inline-block;
  width: .4rem;
  height: .4rem;
  margin-top: .1rem;
  margin-left: .25rem;
  vertical-align: middle;
  background-image: url(/jubao/img/h5/arrow_up_white.0.1.svg);
  background-repeat: no-repeat;
  background-size: 100%
}
.head-title .slide-list {
  position: absolute;
  z-index: 1;
  top: 2.5rem;
  right: 0;
  left: 0;
  display: none;
  background: var(--bg);
  box-shadow: 0 6px 18px rgba(121,133,146,.12)
}
.head-title .slide-list ul:after {
  position: absolute;
  top: 50%;
  left: 10%;
  width: 80%;
  content: '';
  border-bottom: .05rem solid #f5f5f5
}
.head-title .slide-list li {
  line-height: 4rem;
  height: 4rem;
  text-align: center
}
.head-title .slide-list li a {
  display: block
}
.head-title .no-login {
  line-height: 1.3rem;
  width: 2.1rem;
  height: 1.4rem;
  text-align: center;
  border: .05rem solid #fff;
  border-radius: .15rem
}
.head-title .no-login a {
  display: block;
  color: #fff
}