* {
  margin: 0;
  padding: 0;
}

html {
  font-size: 100px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

fieldset, img {
  border: 0;
  display: block;
}

ol, ul, dl {
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

em, s, i {
  font-style: normal;
}

textarea {
  resize: none;
}

a {
  text-decoration: none;
  display: inline-block;
}

a:hover {
  text-decoration: none;
}

img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.video embed, .video object, .video iframe {
  width: 100%;
  height: auto;
}

a, button {
  -webkit-tap-highlight-color: transparent;
}

input {
  outline: 0 none;
}

body {
  background: #F1F2F3;
}

.body {
  margin: 0 auto;
  max-width: 1024px;
}

.banner {
  position: relative;
  box-sizing: border-box;
  padding-top: .5rem;
  height: 4.8rem;
  background: url("../images/bg.png") no-repeat top center;
  background-size: cover;
  text-align: center;
}
.banner h1 .text {
  position: relative;
  display: inline-block;
  color: #FFF;
  font-size: .85rem;
  font-weight: 600;
  font-family: 'Lato-HeavyItalic, Lato';
  text-shadow: 0.05rem 0.12rem #0d57ea;
  vertical-align: middle;
}
.banner h1 .text b {
  margin-right: .2rem;
  font-style: italic;
}
.banner h1 .text.year {
  margin-right: .2rem;
}
.banner h1 .text.year:before {
  content: '';
  position: absolute;
  top: 60%;
  right: -.3rem;
  transform: translateY(-50%);
  width: 1px;
  height: .6rem;
  background: rgba(255, 255, 255, 0.6);
}
.banner .location {
  display: inline-block;
  padding: 0 .4rem;
  height: .68rem;
  line-height: .6rem;
  background: linear-gradient(180deg, #ffa764 0%, #ff7839 100%);
  border-radius: .34rem;
  color: #FFF;
  font-size: .34rem;
  text-align: center;
  vertical-align: middle;
}
.banner .location i,
.banner .location b {
  display: inline-block;
  vertical-align: middle;
}
.banner .location b {
  margin: 0 .04rem;
}
.banner .location .ico-location {
  width: .19rem;
  height: .26rem;
  background: url("../images/ico_location.png") no-repeat;
  background-size: cover;
}
.banner .location .ico-arrow {
  margin-top: .15rem;
  width: .14rem;
  height: .14rem;
  background: url("../images/ico_arrow.png") no-repeat;
  background-size: cover;
}
.banner .date {
  display: inline-block;
  padding: 0 .3rem;
  height: .65rem;
  line-height: .65rem;
  background: rgba(61, 76, 229, 0.5);
  border-radius: .32rem;
  color: #FFF;
  font-size: .28rem;
  vertical-align: middle;
}
.banner .date i,
.banner .date b,
.banner .date span {
  display: inline-block;
  vertical-align: middle;
}
.banner .date .ico-date {
  margin-right: .1rem;
  width: .29rem;
  height: .34rem;
  background: url("../images/ico_cale.png") no-repeat;
}
.banner .date b {
  font-weight: 400;
}
.banner .date span {
  padding: 0 .1rem;
  height: .28rem;
  line-height: .28rem;
  background: #FFF;
  border-radius: 2px;
  color: #6981FD;
  font-size: .24rem;
  font-weight: 600;
}
.banner .mod-location {
  position: absolute;
  z-index: 10;
  top: 3.1rem;
  left: 0.1rem;
  width: 2.3rem;
  height: 4rem;
  background: #FFF;
  box-shadow: 0 .06rem .08rem -.02rem #E5E5E5;
  border: 1px solid #EDEDED;
  border-radius: .06rem;
  color: #747C84;
  font-size: .28rem;
  overflow: auto;
  text-align: left;
}
.banner .mod-location i {
  position: absolute;
  top: -10px;
  left: 50px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #FFF;
}
.banner .mod-location li {
  padding: 0 .3rem;
  height: .6rem;
  line-height: .6rem;
  cursor: pointer;
}
.banner .mod-location li:hover {
  color: #6196F4;
}

.container {
  position: relative;
  margin-top: -.8rem;
  padding: 0 .3rem;
  background: #F1F2F3;
  border-radius: .24rem .24rem 0 0;
}

.exams .hd {
  position: relative;
  height: 1.2rem;
  line-height: 1.2rem;
}
.exams .hd .date {
  color: #3D4044;
  font-size: .34rem;
  font-weight: 600;
}
.exams .hd .date i,
.exams .hd .date b {
  display: inline-block;
  vertical-align: middle;
}
.exams .hd .date i {
  width: .34rem;
  height: .34rem;
  background: url("../images/ico_date.png") no-repeat;
  background-size: cover;
}
.exams .hd .more {
  position: absolute;
  top: 0;
  right: 0;
  height: 1.2rem;
  color: #6196F4;
  font-size: .26rem;
  text-align: right;
}
.exams .bd {
  line-height: 1rem;
  text-align: center;
}
.exams .bd .item {
  display: inline-block;
  margin: 0 .12em;
  width: .76rem;
  height: .76rem;
  line-height: .76rem;
  background: #EAEAEA;
  border-radius: .04rem;
  color: #585E62;
  font-size: .28rem;
  font-weight: 600;
  text-align: center;
  vertical-align: top;
}
.exams .bd .item.on {
  background: #548CFE;
  color: #FFF;
}

.exams-events {
  display: none;
  margin: .2rem 0;
}
.exams-events .item {
  margin-bottom: .3rem;
}
.exams-events .hd {
  margin-bottom: .2rem;
  height: .52rem;
  line-height: .52rem;
  color: #333;
  font-size: .34rem;
  font-weight: 600;
}
.exams-events .bd .top {
  position: relative;
  height: .52rem;
  background: #A6C9FF;
  border-radius: .06rem .06rem 0 0;
}
.exams-events .bd .top:before, .exams-events .bd .top:after {
  content: '';
  position: absolute;
  top: .36rem;
  width: .13rem;
  height: .3rem;
  background: linear-gradient(180deg, #f6f6f8 0%, #f7f7f7 100%);
  box-shadow: -.0rem -.01rem .05rem 0 #EDEDED;
  border-radius: .08rem;
}
.exams-events .bd .top:before {
  left: 1.1rem;
}
.exams-events .bd .top:after {
  right: 1.1rem;
}
.exams-events .bd ul {
  padding: .1rem .25rem .3rem;
  background: #FFF;
}
.exams-events .bd ul li {
  padding: 0 .18rem;
  height: .85rem;
  line-height: .85rem;
  border-bottom: 1px dashed #CECECE;
  color: #3D4044;
  font-size: .28rem;
}
.exams-events .ft {
  display: flex;
  height: .96rem;
  line-height: .96rem;
  background: #F5F7FB;
  border-radius: 0 0 .06rem .06rem;
  color: #333;
  font-size: .24rem;
  text-align: center;
}
.exams-events .ft a {
  color: #333;
}
.exams-events .ft li {
  flex: 1.3;
}
.exams-events .ft li i,
.exams-events .ft li b {
  display: inline-block;
  vertical-align: middle;
}
.exams-events .ft li .ico-ring {
  width: .36rem;
  height: .4rem;
  background: url("../images/ico_ring.png") no-repeat;
  background-size: cover;
}
.exams-events .ft li .ico-light {
  width: .38rem;
  height: .44rem;
  background: url("../images/ico_light.png") no-repeat;
  background-size: cover;
}
.exams-events .ft li .ico-file {
  width: .42rem;
  height: .38rem;
  background: url("../images/ico_file.png") no-repeat;
  background-size: cover;
}
.exams-events .ft li.m {
  flex: 1;
  border-left: 1px solid #FFF;
}
.exams-events .ft li.disabled {
  background: #DCDFE6;
  color: #FFF;
}

.mod-no-content {
  display: none;
  margin: .5rem 0;
  color: #747C84;
  font-size: .16rem;
  text-align: center;
}
.mod-no-content .img {
  margin: 0 auto;
  width: 2.48rem;
  height: 1.43rem;
  background: url("../images/null.png") top center;
  background-size: cover;
}

@media screen and (min-width: 1024px) {
  html, body {
    font-size: 100px !important;
  }

  .banner .mod-location {
    left: 1.35rem;
  }
}