.top-bar-2,
.top-bar-3 {
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  position: absolute
}

.top-bar,
.top-bar-2 .top-title,
.top-bar-3 .top-title {
  font-size: 32px;
  color: #e3f6fa;
  text-align: center
}

.info-box,
.page-warp,
.top-bar,
.top-bar-2,
.top-bar-3 {
  position: absolute
}

body {
  font-family: '思源黑体 CN', '微软雅黑';
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.page-warp {
  width: 100%;
  height: 100%
}

.top-bar {
  height: 87px;
  background: url(../images/top-bar.png) center top no-repeat;
  top: 0;
  left: 0;
  width: 100%;
  line-height: 87px
}

.top-bar-2 {
  height: 94px;
  zoom: .88;
  z-index: 2
}

.top-bar-2 .blank-box {
  background: url(../images/top-bar-2-blank.png) center top repeat-x;
  flex: 1
}

.top-bar-2 .top-title {
  height: 94px;
  line-height: 94px;
  background: url(../images/top-bar-2-center.png) center top no-repeat;
  flex: 0 0 765px
}

.top-bar-3 {
  height: 92px;
  zoom: .8
}

.top-bar-3 .blank-box-left {
  background: url(../images/3_01.png) center top repeat-x;
  flex: 0 0 84px
}

.top-bar-3 .blank-box-right {
  background: url(../images/3_03.png) center top repeat-x;
  flex: 0 0 64px
}

.top-bar-3 .blank-box-other {
  background: url(../images/3_04.png) center top repeat-x;
  flex: 1
}

.top-bar-3 .top-title {
  height: 92px;
  line-height: 92px;
  background: url(../images/3_02.png) center top repeat-x;
  padding: 0 40px
}

.scrollbar::-webkit-scrollbar {
  width: 10px;
  height: 1px
}

.scrollbar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
  background: #0a91ba
}

.scrollbar::-webkit-scrollbar-track {
  background: 0 0
}

.white {
  color: #fff !important
}

.waring {
  color: #cea730 !important;
  font-weight: 700
}

.info-box {
  z-index: 100;
  height: 238px;
  padding-left: 86px;
  background: url(../images/info-box-bg.png) left bottom no-repeat;
  display: none
}

.info-box .info-warp {
  background: url(../images/info-box-boxbg.png) left top repeat-x rgba(255, 255, 255, .3);
  padding: 0 15px;
  height: 153px
}

.info-content-title {
  line-height: 34px;
  color: #fff;
  font-size: 16px;
  text-align: center
}

.info-content-body {
  margin-top: 15px;
  display: flex;
  padding: 5px 0;
  line-height: 28px
}

.info-content-body-left {
  text-align: right;
  font-size: 16px;
  color: #fff;
  padding-right: 20px;
  border-right: dashed 1px #6edbff
}

.info-content-body-right {
  text-align: left;
  font-size: 16px;
  color: #ff3;
  padding-left: 20px
}

.button-group {
  height: 35px;
  line-height: 32px;
  width: 236px;
  float: right;
  margin-top: 4px;
  margin-right: 15px
}

a.page-button,
a.page-button:link,
a.page-button:visited {
  display: block;
  float: left;
  color: #fff;
  height: 35px;
  text-align: center
}

.page-button.button-1 {
  width: 119px;
  background-image: url(../images/button-1.png)
}

.page-button.button-on {
  color: #237cb1 !important;
  font-weight: 700
}

.page-button.button-2 {
  width: 118px;
  background-image: url(../images/button-2.png)
}

.page-button.button-3 {
  width: 117px;
  background-image: url(../images/button-3.png)
}

.button-1.button-on {
  background-image: url(../images/button-1-on.png)
}

.button-2.button-on {
  background-image: url(../images/button-2-on.png)
}

.button-3.button-on {
  background-image: url(../images/button-3-on.png)
}