html,
body {
  width: 100%;
  background: #82dcff;
  font-size: 20px;
  -webkit-overflow-scrolling: touch;
}
html {
  overflow-x: hidden;
}
body img {
  width: 100%;
  display: block;
  height: auto;
  vertical-align: top;
}
.none {
  display: none;
}

/*布局*/
.pageWrap {
  position: relative;
  width: 100%;
  /*min-height:2400px;*/
  /* background: url(../images/bg-dz.png) center repeat-y;
  background-size: 100% auto; */
  padding-top: 75px;
  box-sizing: border-box;
  /*padding-bottom: 100px;*/
}
/*顶部*/
.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 75px;
  background: #004e9d;
  z-index: 10;
}

.header .hd-inner {
  position: relative;
  width: 90%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header .hd-inner .hd-left {
  flex-shrink: 0;
  height: 100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.header .hd-inner .hd-left .logo {
  flex-shrink: 0;
  width: 150px;
  margin-right: 40px;
}
.header .hd-inner .hd-left .menu {
  flex-shrink: 0;
  height: 100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.header .hd-inner .hd-left .menu ul {
  height: 100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.header .hd-inner .hd-left .menu ul li {
  flex-shrink: 0;
  height: 100%;
  padding: 0 20px;
  box-sizing: border-box;
  margin-right: 20px;
  font-size: 20px;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header .hd-inner .hd-left .menu ul li.on {
  background: #0078b4;
}
.header .hd-inner .hd-left .menu ul li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header .hd-inner .hd-right {
  flex-shrink: 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.header .hd-inner .hd-right .link-login {
  font-size: 20px;
  color: #fff;
  cursor: pointer;
}

.top-banner {
  position: relative;
  width: 100%;
}
/* 首页 home-con-8 轮播 */
.top-banner .con8-carousel-wrap {
  position: absolute;
  left: 50%;
  top: 47%;
  width: 39%; /* 比 home-con-8 底图窄 */
  transform: translate(-50%, -50%);
  z-index: 2;
}
.top-banner .con8-carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.top-banner .con8-carousel .swiper-slide img {
  width: 100%;
  display: block;
}
.top-banner .con8-carousel-pagination {
  position: relative;
  bottom: auto;
  margin-top: 28px;
  text-align: center;
}
.top-banner .con8-carousel-pagination .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  background: transparent;
  border: 2px solid #ffffff;
  box-sizing: border-box;
  opacity: 1;
  margin: 0 8px !important;
  transition: all 0.3s ease;
}
.top-banner .con8-carousel-pagination .swiper-pagination-bullet-active {
  background: #ffffff;
  border-color: #ffffff;
  transform: scale(1.15);
}
.con-wrap {
  position: relative;
  width: 100%;
  min-height: 5000px;
  background: url(../images/con-bg.png) no-repeat;
  background-size: cover;
  padding-bottom: 50px;
}

.con-dz1 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 13.73%;
}
.con-dz2 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 17.2%;
}
.con-dz3 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 14.83%;
}
.con-dz4 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 11.83%;
}
.con-dz5 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 14.83%;
}
.con-dz6 {
  position: absolute;
  left: 0;
  bottom: 60%;
  width: 11.83%;
}
.con-dz7 {
  position: absolute;
  right: 0;
  bottom: 20%;
  width: 14.83%;
}

/* .slogon{
	position: relative;
	width: 1213px;
	padding: 60px 0;
	box-sizing: border-box;
	margin:0 auto;
} */

/*首页*/
.btn-bm {
  position: absolute;
  left: 35%;
  /* margin-left: -206px; */
  bottom: 12%;
  width: 30%;
  /* margin: -10px auto 40px; */
  cursor: pointer;
}

.session {
  position: relative;
  width: 100%;
  margin-bottom: 60px;
}
.session .s-hd {
  position: relative;
  width: 650px;
  margin: 0 auto;
}
.session .s-bd {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  /* border-radius:60px 10px 100px 10px;
	box-shadow: 0 0 50px #75c6ff,inset 0 0 20px #75c6ff;
	background: #fff;
	min-height: 400px; */
}

/*报名页*/

.enroll {
  position: relative;
  width: 100%;
  margin-bottom: 60px;
  /*top: -340px;*/
}
.enroll .enroll-hd {
  position: relative;
  width: 840px;
  margin: 0 auto;
  z-index: 2;
}
.enroll .enroll-bd {
  position: relative;
  width: 960px;
  margin: 0 auto 0;
  /*border-radius:100px 100px 100px 100px;*/
  /*box-shadow: 0 0 50px #5cc5e8, 7px 9px 0px #5cc5e8;*/
  /*background: #fff;*/
  min-height: 400px;
  padding: 0;
  box-sizing: border-box;
  z-index: 1;
}
.enroll-tip {
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 20px;
  z-index: 10;
}
.enroll-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  z-index: 1;
}
.enroll-bg .bg1 {
  position: relative;
  width: 100%;
  flex-shrink: 0;
}
.enroll-bg .bg2 {
  position: relative;
  width: 100%;
  flex: 1;
  background: url(../images/form-bg2.png) center repeat-y;
  background-size: 100% auto;
}
.enroll-bg .bg3 {
  position: relative;
  width: 100%;
  flex-shrink: 0;
}

.enroll-form {
  position: relative;
  width: 100%;
  min-height: 200px;
  padding: 200px 90px 70px;
  box-sizing: border-box;
  z-index: 2;
}
.enroll-form .form-group {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  z-index: 2;
}
.enroll-form .form-group .group-item {
  flex-shrink: 0;
  height: 60px;
  border-radius: 16px;
  background: #99e2fd;
}
.enroll-form .form-group .group-item.disabled {
  -webkit-filter: grayscale(100%);

  -moz-filter: grayscale(100%);

  -ms-filter: grayscale(100%);

  -o-filter: grayscale(100%);

  filter: grayscale(100%);

  filter: gray;
}
.enroll-form .form-group .group-item.w1 {
  width: 210px;
}
.enroll-form .form-group .group-item.w2 {
  width: 230px;
  margin: 0 20px;
}
.enroll-form .form-group .group-item.w3 {
  flex: 1;
}
.enroll-form .form-group .group-item.w4 {
  width: 340px;
}
.enroll-form .form-group .group-item.w5 {
  flex: 1;
  margin-left: 20px;
}
.enroll-form .form-group .group-item.w6 {
  width: 100%;
}
.enroll-form .form-group .group-item.w7 {
  flex: 1;
  margin-right: 20px;
}
.enroll-form .form-group .group-item.w8 {
  width: 120px;
}
.enroll-form .form-group .group-item.w9 {
  margin: 0 20px;
  flex: 1;
}
.enroll-form .form-group .group-item.w10 {
  width: 32%;
}
.enroll-form .form-group .group-item .inputbox {
  position: relative;
  width: 100%;
  height: 60px;
  /* border-radius: 16px;
	background: #b5e4f1; */
  padding: 10px 20px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.enroll-form .form-group .group-item .inputbox input {
  width: 100%;
  height: 40px;
  background: none;
  border: none;
  outline: none;
  font-size: 18px;
  color: #5282b4;
}
.enroll-form .form-group .group-item .inputbox input::placeholder {
  color: #5282b4;
}

.enroll-form .form-group .group-item .selectbox {
  position: relative;
  width: 100%;
  height: 60px;
  /* border-radius: 16px;
	background: #b5e4f1; */
  padding: 10px 20px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.enroll-form .form-group .group-item .selectbox::after {
  position: absolute;
  content: "";
  display: inline-block;
  right: 0;
  top: 50%;
  margin-top: -16px;
  width: 32px;
  height: 32px;
  background: url(../images/icon-select.png) center no-repeat;
  background-size: 100% 100%;
}
.enroll-form .form-group .group-item .selectbox select {
  position: relative;
  width: 100%;
  height: 40px;
  background: none;
  border: none;
  outline: none;
  font-size: 18px;
  color: #5282b4;
  z-index: 2;
}
.enroll-form .form-group .group-item .selectbox .sel-val {
  position: relative;
  font-size: 18px;
  color: #5282b4;
  z-index: 2;
}
.enroll-form .form-group .group-item .selectbox .sel-pop {
  position: absolute;
  display: none;
  left: 0;
  top: 100%;
  width: 100%;
  padding: 10px 20px;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0 0 10px #75c6ff;
  border-radius: 16px;
  z-index: 1;
}
.enroll-form .form-group .group-item .selectbox .sel-pop ul {
  position: relative;
  width: 100%;
}
.enroll-form .form-group .group-item .selectbox .sel-pop ul li {
  position: relative;
  width: 100%;
  padding: 10px 0;
  box-sizing: border-box;
  border-bottom: #70b2d5 1px solid;
  color: #70b2d5;
  font-size: 14px;
  cursor: pointer;
  text-align: center;
}
.enroll-form .form-group .group-item .selectbox .sel-pop ul li:last-child {
  border-bottom: none;
}

.enroll-file {
  position: relative;
  width: 100%;
  margin-top: 20px;
  z-index: 10;
}
.enroll-file .file-list {
  position: relative;
  width: 100%;
}
.enroll-file .file-list .file-row {
  position: relative;
  width: 100%;
  height: 60px;
  background: #99e2fd;
  border-radius: 13px;
  padding: 0 15px;
  box-sizing: border-box;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin-bottom: 10px;
}
.enroll-file .file-list .file-row .icon-file {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  background: url(../images/icon-file.png) center no-repeat;
  background-size: 100% 100%;
}
.enroll-file .file-list .file-row .txt {
  margin: 0 10px;
  flex: 1;
  font-size: 16px;
  color: #6997c5;
  font-weight: 800;
}
.enroll-file .file-list .file-row .icon-del {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background: url(../images/icon-del.png) center no-repeat;
  background-size: 100% 100%;
}

.btn-upload {
  position: relative;
  width: 300px;
  margin: 20px auto 20px;
  cursor: pointer;
}

.btn-submit {
  position: relative;
  width: 380px;
  margin: 100px auto 100px;
  cursor: pointer;
}
.btn-submit .submit-dz {
  position: absolute;
  left: 100%;
  top: -14px;
  width: 127px;
}

/*page3*/
.viewbox {
  position: relative;
  width: 100%;
}
.btn-view {
  position: relative;
  width: 396px;
  margin: 0 auto;
  cursor: pointer;
}
.view-bd {
  position: relative;
  width: 1072px;
  margin: 40px auto;
}
.view-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 60px 100px 0 100px;
  box-sizing: border-box;
}
.view-inner .txt {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #144d8e;
  margin: 20px 0;
}
.view-inner .view-row {
  position: relative;
  width: 100%;
  margin-top: 60px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.view-inner .view-row .row-item {
  flex: 1;
}
.view-inner .view-row .row-item .item-icon {
  width: 285px;
  margin: 0 auto;
}
.view-inner .view-row .row-item .item-link {
  text-align: center;
  /* text-decoration: underline; */
  margin: 30px auto 70px;
  font-size: 35px;
  font-weight: bold;
  color: #2491ce;
  cursor: pointer;
}
.view-inner .view-row .row-item .item-link span {
  border-bottom: #2491ce 4px solid;
  padding-bottom: 10px;
}

.view-inner .view-row .row-item .item-link2 {
  text-align: left;
  width: 285px;
  /* text-decoration: underline; */
  margin: 30px auto 70px;
  font-size: 20px;
  font-weight: bold;
  color: #4080b5;
  cursor: pointer;
}

.view-inner .view-row .row-item .btn-scdj {
  width: 260px;
  margin: 0 auto;
  cursor: pointer;
}

.view-no {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  line-height: 70px;
}

/*page4*/
.resultbox {
  position: relative;
  width: 100%;
}
.resultbox .result-hd {
  position: relative;
  width: 820px;
  margin: 0 auto;
}
.resultbox .result-bd {
  position: relative;
  width: 800px;
  margin: 0 auto;
  /*border-radius:80px 80px 80px 80px;*/
  /*box-shadow: 0 0 50px #5cc5e8, 7px 9px 0px #5cc5e8;*/
  /*background: #fff;*/
  min-height: 400px;
  padding: 50px;
  box-sizing: border-box;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.resultbox .result-bd .bd-inner {
  position: relative;
  width: 100%;
  min-height: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
.result-row {
  position: relative;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}
.result-row .icon-bm {
  flex-shrink: 0;
  width: 150px;
  height: 150px;
  margin-right: 20px;
  background: url(../images/icon-bm.png) center no-repeat;
  background-size: 100% 100%;
}
.result-row .txt {
  font-size: 40px;
  font-weight: bold;
  color: #fff;
}

.result-info {
  text-align: center;

  color: #144d8e;
}
.result-info .red {
  color: #e02f3f;
  margin: 0 20px;
}
.result-info .info-big {
  font-size: 35px;
  font-weight: bold;
  margin-bottom: 10px;
}
.result-info .info-small {
  font-size: 30px;
  font-weight: 500;
  margin: 10px auto;
}

.form-tip {
  position: relative;
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-weight: 800;
}

/*弹出层*/
.popbox {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.maskbox {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
.pop-login {
  position: relative;
  width: 700px;
}
.pop-login .icon-close {
  position: absolute;
  right: -5px;
  top: 17%;
  width: 85px;
  height: 85px;
  background: url(../images/icon-close.png) center no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  z-index: 2;
}

.login-form {
  position: absolute;
  left: 50%;
  margin-left: -260px;
  top: 180px;
  width: 520px;
  height: 200px;
}
.login-form .form-row {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.login-form .form-row .inputbox {
  position: relative;
  flex: 1;
  height: 50px;
  /*border-radius: 16px;*/
  background: #fff;
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  /*box-shadow: 2px 3px 0px 0px #5cc5e8;*/
}
.login-form .form-row .inputbox input {
  width: 100%;
  height: 40px;
  background: none;
  border: none;
  outline: none;
  font-size: 18px;
  color: #489fcf;
}
.login-form .form-row .inputbox input::placeholder {
  color: #8fc8db;
}
.login-form .form-row .btn-code {
  position: relative;
  flex-shrink: 0;
  width: 190px;
  height: 50px;
  border-radius: 16px;
  background: linear-gradient(to right, #47eaff, #1b41a2);
  color: #fff;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
  cursor: pointer;
}
.pop-login .btn-login {
  position: absolute;
  top: 375px;
  left: 50%;
  margin-left: -152px;
  width: 300px;
  cursor: pointer;
}
.pop-login .btn-login .login-dz1 {
  position: absolute;
  left: 100%;
  top: 0;
  width: 154px;
}

/*提交*/
.pop-test {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  min-height: 881px;
  background: url(../images/upload_tip.png) no-repeat;
  background-size: 100% 100%;
  padding: 200px 0 50px;
  box-sizing: border-box;
  z-index: 1;
}
.pop-test .test-dz1 {
  position: absolute;
  bottom: 0;
  left: 80px;
  width: 97px;
  z-index: 1;
}
.pop-test .test-dz2 {
  position: absolute;
  bottom: 60px;
  right: 40px;
  width: 155px;
  z-index: 1;
}
.pop-test .testbox {
  position: relative;
  width: 100%;
}
.pop-test .testbox .test-hd {
  position: relative;
  width: 558px;
  margin: 0 auto;
}
.pop-test .testbox .test-hd .title-inner {
  position: absolute;
  left: 46px;
  top: 52px;
  width: 100%;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 38px;
  font-weight: bold;
}
.pop-test .testbox .test-hd .title-dz {
  position: absolute;
  left: 100%;
  top: 0;
  width: 106px;
}
.pop-test .testbox .test-bd {
  position: relative;
  width: 100%;
}
.test-list {
  position: relative;
  width: 100%;
}
.test-list .list-row {
  position: relative;
  width: 100%;
  margin-top: 20px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}
.test-list .list-row .row-idx {
  position: relative;
  flex-shrink: 0;
  width: 160px;
  height: 80px;
  border-radius: 20px;
  background: #a2d6e7;
  color: #1e7bb8;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.test-list .list-row .row-idx::after {
  position: absolute;
  content: "";
  display: inline-block;
  right: 0;
  top: 50%;
  margin-top: -16px;
  width: 32px;
  height: 32px;
  background: url(../images/icon-select.png) center no-repeat;
  background-size: 100% 100%;
}

.test-list .list-row .row-idx .sel-val {
  position: relative;
  font-size: 24px;
  font-weight: bold;
  color: #1e7bb8;
  z-index: 2;
}
.test-list .list-row .row-idx .sel-pop {
  position: absolute;
  display: none;
  left: 0;
  top: 100%;
  width: 100%;
  padding: 10px 20px;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0 0 10px #75c6ff;
  border-radius: 16px;
  z-index: 10;
}
.test-list .list-row .row-idx .sel-pop ul {
  position: relative;
  width: 100%;
}
.test-list .list-row .row-idx .sel-pop ul li {
  position: relative;
  width: 100%;
  padding: 10px 0;
  box-sizing: border-box;
  border-bottom: #70b2d5 1px solid;
  color: #1e7bb8;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
}
.test-list .list-row .row-idx .sel-pop ul li:last-child {
  border-bottom: none;
}
.test-list .list-row .row-right {
  position: relative;
  flex-shrink: 0;
  width: 580px;
  margin-left: 20px;
}
.test-list .list-row .row-right .btn-add {
  position: relative;
  width: 100%;
  height: 80px;
  border-radius: 20px;
  box-sizing: border-box;
  border: #1f7bb8 4px dotted;
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 10px;
  box-sizing: border-box;
}
.test-list .list-row .row-right .btn-add .icon-add {
  position: relative;
  flex-shrink: 0;
  margin-right: 10px;
  width: 42px;
  height: 42px;
  background: url(../images/icon-add.png) center no-repeat;
  background-size: 100% 100%;
}
.test-list .list-row .row-right .btn-add .txt {
  flex: 1;
  color: #1e7bb8;
  font-weight: bold;
  font-size: 24px;
}
.test-tip {
  margin: 40px auto;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  color: #1e7bb8;
  line-height: 40px;
}
.btn-sure {
  position: relative;
  width: 369px;
  margin: 0 auto;
  cursor: pointer;
}
.pop-test .icon-close {
  position: absolute;
  right: -40px;
  top: 100px;
  width: 120px;
  height: 120px;
  background: url(../images/icon-close.png) center no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  z-index: 2;
}
.test-list .list-row .row-idx select {
  position: relative;
  width: 100%;
  height: 40px;
  background: none;
  border: none;
  outline: none;
  font-size: 18px;
  color: #66b3ce;
  z-index: 2;
  /* text-align: center; */
  font-size: 24px;
  font-weight: bold;
  color: #1e7bb8;
  direction: center;
  /* direction: rtl; */
  text-align: center;
  text-align-last: center;
}

.bd-nav {
  position: absolute;
  width: 100%;
  height: 80px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  z-index: 5;
  bottom: 0;
}
.bd-nav.fixed {
  position: fixed;
  left: 0;
  top: 0;
  background: #004e9d;
  z-index: 10;
}

.bd-nav .nav-item {
  position: relative;
  flex-shrink: 0;
  width: 140px;
  margin: 0 5px;
  cursor: pointer;
}
.bd-nav .nav-item.on {
  background: url(../images/nav-bg.png) center no-repeat;
  background-size: contain;
}
.bd-nav .nav-item .item-inner {
  position: relative;
  width: 100%;
}
.bd-nav .nav-item.item1 .item-inner {
  background: url(../images/nav-item1-1.png) center no-repeat;
  background-size: contain;
}
.bd-nav .nav-item.item1.on .item-inner {
  background: url(../images/nav-item1-2.png) center no-repeat;
  background-size: contain;
}
.bd-nav .nav-item.item2 .item-inner {
  background: url(../images/nav-item2-1.png) center no-repeat;
  background-size: contain;
}
.bd-nav .nav-item.item2.on .item-inner {
  background: url(../images/nav-item2-2.png) center no-repeat;
  background-size: contain;
}
.bd-nav .nav-item.item3 .item-inner {
  background: url(../images/nav-item3-1.png) center no-repeat;
  background-size: contain;
}
.bd-nav .nav-item.item3.on .item-inner {
  background: url(../images/nav-item3-2.png) center no-repeat;
  background-size: contain;
}
.bd-nav .nav-item.item4 .item-inner {
  background: url(../images/nav-item4-1.png) center no-repeat;
  background-size: contain;
}
.bd-nav .nav-item.item4.on .item-inner {
  background: url(../images/nav-item4-2.png) center no-repeat;
  background-size: contain;
}
.bd-nav .nav-item.item5 .item-inner {
  background: url(../images/nav-item5-1.png) center no-repeat;
  background-size: contain;
}
.bd-nav .nav-item.item5.on .item-inner {
  background: url(../images/nav-item5-2.png) center no-repeat;
  background-size: contain;
}
.bd-nav .nav-item.item6 .item-inner {
  background: url(../images/nav-item6-1.png) center no-repeat;
  background-size: contain;
}
.bd-nav .nav-item.item6.on .item-inner {
  background: url(../images/nav-item6-2.png) center no-repeat;
  background-size: contain;
}
.bd-nav .nav-item.item7 .item-inner {
  background: url(../images/nav-item7-1.png) center no-repeat;
  background-size: contain;
}
.bd-nav .nav-item.item7.on .item-inner {
  background: url(../images/nav-item7-2.png) center no-repeat;
  background-size: contain;
}