/* 顶部图片 */
* {
  margin: 0;
  padding: 0;
  border: 0;
  border: none;
}

a {
  text-decoration: none;
  cursor: pointer;
}

li {
  list-style-type: none;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clear {
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}

.jw-icon.jw-icon-inline.jw-button-color.jw-reset.jw-icon-barlogo-new {
  display: none;
}

.main {
  width: 10rem;
  margin: 0 auto;
  position: relative;
}

.banner {
  height: 7.5rem;
  background: url("../image/国考网.png") top center no-repeat;
  background-size: 100% 100%;
}

/* 顶部文字 */
.banner-text {
  color: #fff;
  padding: .5rem 1.4rem;
  /* position: fixed; */
}

.banner-text a {
  display: flex;
  color: #fff;
  font-size: 14px;
}

.content {
  padding: 0rem .5rem;
  margin-bottom: .5rem;
}

.content .content-choose {
  margin-top: .5rem;
}

.content .content-choose:nth-child(3) {
  margin-bottom: 3.5rem;
}

.content .content-title {
  font-size: .5rem;
  font-family: PingFang SC;
  font-weight: 700;
  color: rgba(51, 51, 51, 1);
}

.content ._content {
  display: flex;
  justify-content: space-around;
  margin-top: 0.5rem;
}

.content ._content li {
  position: relative;
  width: 1.5rem;
  padding: 0.2rem;
  text-align: center;
  background: rgba(240, 240, 240, 1);
  color: #666666;
  border-radius: 30px;
  margin-right: 0.3rem;
}

.content ._content:after {
  flex: auto;
  content: '';
}

/* 选中效果 */
.active {
  background-color: #f95b16 !important;
  color: #fff !important;
}

.active a {
  background-color: #f95b16 !important;
  color: #fff !important;
}

.uptriangle {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #f95b16;
  position: absolute;
  right: 43%;
  bottom: -5px;
  transform: rotate(180deg);
}

.main_info {
  margin-top: 0.5rem;
  padding: 0.33rem 0.2rem;
  border: 1px solid #f95b16;
  border-radius: 0.2rem;
}

.flex_box {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

.flex_box .left,
.flex_box .right {
  flex: 1;
  height: 1.6rem;
  display: flex;
  align-items: center;
  /* border: 1px solid red; */
  /* justify-content: flex-start; */
  justify-content: space-between;
  /* border: 1px solid red; */

}

.flex_box .left {
  padding: 0 0.3rem 0 0;
  border-right: 1px solid #f95b16;

}

.flex_box .right {
  padding: 0 0 0 0.3rem;
}

.left_sub {
  /* margin-right: 0.46rem; */
}

.right_sub {
  /* margin-left: 0.3rem; */
  /* margin-right: 0.23rem; */
}

.flex_box .title1 {
  font-size: 0.3rem;
  color: #060606;
  font-weight: 700;
}

.flex_box .title2 {
  margin-top: 0.2rem;
  font-size: 0.25rem;
  color: #333;
}

.flex_box .img_box {
  width: 1.6rem;
  height: 1.6rem;
}

.flex_box .img {
  width: 100%;
  height: 100%;
}

/* 下拉三角形 */
.bottom_arrows {
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(135deg);
  /* margin-right:30px; */
  margin-left: 6px;
  margin-top: 2px;
  /* background-color: #333333; */
}

/* 标题 */
.title {
  padding: 0rem .5rem;
}

.title img {
  width: 100%;
}

/* qq交流的公共样式 */
.content_choose .content_ {
  display: flex;
  justify-content: space-around;
  margin-top: 0.2rem;
}

.content_choose .content_ li {
  /* width: 4rem; */
  /* height: 5.7rem; */
  background: url("../image/方块背景@2x.png") top center no-repeat;
  background-size: 100% 100%;
  padding: 0.4rem;
  color: #333333;
  font-family: PingFang SC;
  font-weight: 500;
  line-height: .75rem;
  font-size: 0.35rem;
}

.content_choose .content_ li:not(:nth-child(2n)) {
  /* width: 4rem; */
  margin-right: 0.6rem;
}

.content_choose .content_ li img {
  width: 75%;
}

/* 微信交流 */
.content .content_wx {
  display: flex;
  justify-content: space-around;
}

.content .content_wx li {
  display: flex;
  justify-content: space-around;
  align-items: center;
  /* height: 3rem; */
  background: url("../image/矩形-2@2x.png") top center no-repeat;
  background-size: 100% 100%;
  padding: 0.4rem;
  font-size: 0.3rem;
  margin-top: 0.2rem;
  line-height: .6rem;
}

.content_wx li:not(:nth-child(2n)) {
  /* width: 4rem; */
  margin-right: 0.3rem;
}

.wx_left {
  /* width: 30%; */
  margin-right: 0.2rem;
}

.wx_left img {
  width: 1.4rem;
  height: 1.4rem;
}

.wx_right p:nth-child(2) {
  font-size: 0.2rem;
  color: #666666;
}

/* .content .content_wx li img {
  width: 100%;
} */
/* 新媒体交流 */
.content .content_video {
  display: flex;
  justify-content: space-around;
  padding: 0.3rem;
  font-size: 0.35rem;
  /* margin-top: 0.2rem; */
  line-height: .6rem;
  margin-bottom: 2rem;
}

.content .content_video li {
  text-align: center;
}

.content .content_video img {
  width: 50%;
}

.content .content_video li .name {
  color: #666666;
  margin-top: 0.5rem;
}

/* 底部 */
.foot1 {
  /* height: 1.61rem; */
  /* width: 95.5%; */
  width: 9rem;
  position: fixed;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  padding: 0.2rem 0.5rem;
  z-index: 5;
  border-top: 1px solid #e6e6e6;
}

.footer-left {
  margin-right: 0.2rem;
}

.footer-left img {
  width: 100%;
}

.footer-right img {
  width: 100%;
}

/* 弹出层 */
.masking {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  top: 0;
  left: 0;
  z-index: 10;
}

.layer {
  position: relative;
  width: 4rem;
  height: auto;
  background: #fff;
  /* border:3px solid #fff; */
  left: 30%;
  /* margin-left:-250px; */
  border-radius: 10px;
  top: 55%;
  margin-top: -150px;
  padding: .4rem;
}

.layer .wx_code {
  border: 1px solid rgba(203, 203, 203, 1);
  text-align: center;
  padding: .2rem;
  border-radius: 10px;
}

.layer .wx_code img {
  width: 100%;
  height: auto;
}

.layer p {
  margin-top: .3rem;
  text-align: center;
}

.maskings {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  top: 0;
  left: 0;
  z-index: 10;
}

.layers {
  position: relative;
  width: 4rem;
  height: auto;
  background: #fff;
  /* border:3px solid #fff; */
  left: 30%;
  /* margin-left:-250px; */
  border-radius: 10px;
  top: 55%;
  margin-top: -150px;
  padding: .4rem;
}

.layers .wx_codes {
  border: 1px solid rgba(203, 203, 203, 1);
  text-align: center;
  padding: .2rem;
  border-radius: 10px;
}

.layers .wx_codes img {
  width: 100%;
  height: auto;
}

.layers p {
  margin-top: 0.3rem;
  text-align: center;
}

/* .layer .wx_code img{
    width: 100%;
} */
/* .close {
	position:absolute;
	right:15px;
	top:15px;
} */