* {
  margin: 0;
  padding: 0
}

body {
  font-family: "Helvetica", "PingFangSC", "Microsoft Yahei", "微软雅黑", Arial, sans-serif;
}

a {
  text-decoration: none;
}

li {
  list-style: none;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.w {
  margin: 0 1.5rem;
}

/* 背景图 */
.container {
  background: url(bg.jpg) no-repeat top center;
  background-size: 100%;
  height: 13rem;
  width: 100%;
}

.banner a {
  display: block;
  width: 5rem;
  height: .75rem;
  padding-top: .25rem;
}

.banner a img {
  width: 100%;
  height: 100%;
}

/* 左边内容 start */
.content {
  background: rgba(255, 255, 255, 1);
  margin-top: 4.8rem;
  border-radius: .125rem;
  min-height: 6.25rem;
}

.content-left {
  float: left;
  width: 26%;
}

.content-center {
  float: left;
  width: 38%;
  margin: 0 .25rem;
}

.content-right {
  float: left;
  width: 32%;
}

/* 红色大标题 */
.red-big-title h3,
.red-big-title a {
  font-weight: 600;
  font-size: .3125rem;
  color: #c52519;
  text-align: center;
  margin-top: .25rem;
}

.red-big-title a:hover {
  color: red;
}

.content-left-item {
  margin-left: .25rem;
}

.content-left-item h5 {
  font-size: .225rem;
  color: #3755c3;
  margin-top: .2rem;
  margin-bottom: .125rem;
  font-weight: 400;
}

.content-left-item p,
.right-content-time p {
  font-size: .2rem;
  color: #000000;
  line-height: .375rem;
  text-indent: 2em;
  font-weight: 500;
}

.content-left-item-a {
  display: block;
  font-size: .225rem;
  color: #c52519;
  font-weight: 500;
  line-height: .375rem;
  margin-top: .1875rem;
  margin-right: .25rem;
}

.content-left-item-a:hover {
  color: red;
}

/* 岗位、报考指南、笔试成绩查询 */
.content-left-item-img {
  display: block;
  width: 90%;
  margin-top: .25rem;
  transition: transform 0.5s ease;
  /* 平滑过渡效果 */
}

.content-left-item-img img {
  display: block;
  width: 100%;
  height: 100%;
}

.content-left-item-img:hover {
  transform: scale(1.05);
  /* 放大到110% */
}

/* 左边内容 end */

/* 中间内容 start */
.content-center p {
  text-indent: 2em;
  font-size: .2rem;
  color: #000000;
  line-height: .375rem;
}

/* 中间内容 end */
.line {
  border-top: 6px solid #c52519;
  background: #fff;
  padding: .125rem 0 0 0;
  margin-top: .375rem;
}

.details {
  color: #c52519;
  font-weight: 600;
}

.details:hover {
  color: red;
}


/* 右边内容 start */
.line-right {
  display: block;
  width: 100%;
  height: .2rem;
  margin-top: .25rem;
}

.line-right-title {
  color: #c52519;
  font-size: .25rem;
  margin: .1875rem 0;
}

.line-right-title img {
  display: inline-block;
  width: .25rem;
  height: .25rem;
}

.right-content-time {
  border-radius: .125rem;
  background-color: #FFF3E8;

  padding: .2rem .25rem;
}

.content-right h5 {
  font-size: .225rem;
  color: #3755c3;
  margin-bottom: .125rem;
  font-weight: 400;
}

.right-content-time .right-content-p {
  margin-left: 0;
  text-indent: 2em;
}

/* 右边内容 end */

/* 相关文件标题 */
.files-title {
  display: flex;
  align-items: center;
  margin: .125rem 0;
}

.files-title i {
  display: inline-block;
  width: .05625rem;
  height: .3125rem;
  background: #c52519;
  border-radius: .125rem;
  margin-right: .125rem;
}

.files-title span {
  color: #c52519;
  font-weight: 600;
  font-size: .3rem;
}

/* 岗位列表list */

.files-list-left {
  float: left;
  width: 49%;
}

.files-list-right {
  float: right;
  width: 49%;
}

.files-list ul li a {
  color: #333;
  position: relative;
  display: block;
  line-height: .5rem;
  padding: .0875rem 0 .0875rem .275rem;
  font-size: .225rem;
}

.files-list ul li a:hover {
  color: red;
}

.files-list ul li a:after {
  content: '';
  position: absolute;
  left: 0;
  top: .25rem;
  display: block;
  width: .1375rem;
  height: .1375rem;
  border-radius: .375rem;
  background-image: -moz-linear-gradient(90deg, rgb(245, 198, 147) 0%, rgb(255, 235, 198) 100%);
  background-image: -webkit-linear-gradient(90deg, rgb(245, 198, 147) 0%, rgb(255, 235, 198) 100%);
  background-image: -ms-linear-gradient(90deg, rgb(245, 198, 147) 0%, rgb(255, 235, 198) 100%);
  border-radius: 50%;
}

.iframe-container {
  width: 100%;
  /* 或具体宽度 */
  height: 0;
  /* 初始高度为0 */
  padding-top: 56.25%;
  /* 根据16:9视频比例调整，可根据需要调整 */
  position: relative;
}

.iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}