/* 导航的底色 */
.bc_deepgrey {
  background-color: #35322e;
}
/* 底部footer的底色 */
.bc_deepblue {
  background-color: #0d131a;
}
/* 板块的灰色底色 */
.bg_f4 {
  background-color: #f4f4f4;
}
/* banner黄 */
.bc_deepyellow {
  background-color: #f06e00;
}
.bc_ff7800 {
  background-color: #ff7800;
}

/* 宽高 */
.content-box {
  width: 1200px;
  margin: 0 auto;
}
.content1080 {
  width: 1080px;
  margin: 0 auto;
}
.w320 {
  width: 320px;
}
.w330 {
  width: 330px;
}
.w380 {
  width: 380px;
}
.w400 {
  width: 400px;
}
.w470 {
  width: 470px;
}
.w670 {
  width: 670px;
}
.w810 {
  width: 810px;
}
.w820 {
  width: 820px;
}
.h36 {
  height: 36px;
}
.h40 {
  height: 40px;
}
.h60 {
  height: 60px;
}
.h50 {
  height: 50px;
}
.h90 {
  height: 90px;
}
.h220 {
  height: 220px;
}
.h240 {
  height: 240px;
}
/* .lh1_5{
	line-height: 1.5;
} */
.lh2 {
  line-height: 2;
}
.lh60 {
  line-height: 60px;
}
.lh50 {
  line-height: 50px;
}
/* 字体 */
.fb {
  font-weight: bold;
}
.fw400 {
  font-weight: 400;
}
.fs14 {
  font-size: 14px;
}
.fs18 {
  font-size: 18px;
}
.fs24 {
  font-size: 24px;
}
.fca1 {
  color: #a1aab3;
}
.fc24 {
  color: #242b33;
}
.fcfff {
  color: #fff;
}
.fc000 {
  color: #000;
}
.fcccc {
  color: #ccc;
}
.fc999 {
  color: #999 !important;
}
.fc57 {
  color: #575e66;
}
.fc8a {
  color: #8a9199;
}
.fcf0 {
  color: #f06e00;
}

/* 板块一级标题 */
.ftitle {
  font-size: 24px;
  color: #242b33;
}
/* 板块二级标题 */
.stitle {
  font-size: 14px;
  color: #8a9199;
}
/* 题目等重大标题 */
.htitle {
  font-size: 20px;
  color: #242b33;
  font-weight: bold;
}
.fs14 {
  font-size: 14px;
}
.fs15 {
  font-size: 15px;
}
.fs16 {
  font-size: 16px;
}
.fs26 {
  font-size: 26px;
}
.fs28 {
  font-size: 28px;
}

/* 边距 */
.p38_0 {
  padding: 38px 0;
}
.item-padding {
  padding: 22px 20px;
}
.p18 {
  padding: 18px;
}
.p30 {
  padding: 30px;
}
.pb10 {
  padding-bottom: 10px;
}
.pb18 {
  padding-bottom: 18px;
}
.pb20 {
  padding-bottom: 20px;
}
.mt20 {
  margin-top: 20px;
}
.mt40 {
  margin-top: 40px;
}
.mt60 {
  margin-top: 60px;
}
.mr5 {
  margin-right: 5px;
}
.mr7 {
  margin-right: 7px;
}
.mr8 {
  margin-right: 8px;
}
.mr20 {
  margin-right: 20px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb17 {
  margin-bottom: 17px;
}
.mb18 {
  margin-bottom: 18px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb22 {
  margin-bottom: 22px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb25 {
  margin-bottom: 25px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb34 {
  margin-bottom: 34px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb50 {
  margin-bottom: 50px;
}
.mb55 {
  margin-bottom: 55px;
}

.mb60 {
  margin-bottom: 60px;
}
.mb80 {
  margin-bottom: 80px;
}
.mb90 {
  margin-bottom: 90px;
}
.mb100 {
  margin-bottom: 100px;
}

/* 显示方式 */
.dib {
  display: inline-block;
}
.db {
  display: block;
}
.df {
  display: flex;
}
.dfa {
  display: flex;
  justify-content: space-around;
}
.dfb {
  display: flex;
  justify-content: space-between;
}

.border_n {
  border: none;
}

.border_b {
  border-bottom: 1px solid #dfe2e5;
}

/* 文本居中 */

.tc {
  text-align: center;
}
.tl {
  text-align: left;
}
.tr {
  text-align: right;
}

/* 通用hover效果 */
.hover:hover {
  opacity: 0.7;
}

/* relative调整 */
.top10 {
  position: relative;
  top: 10px;
}

/* 超出隐藏 */
.overhidden {
  overflow: hidden;
}

/* 文本超出省略 */
.text_over {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 标题中的斜杠 */
.xiegang {
  height: 2rem;
  width: 2px;
  background-color: #c8c8c8;
  display: inline-block;
  transform: rotate(17deg);
  -ms-transform: rotate(17deg); /* IE 9 */
  -moz-transform: rotate(17deg); /* Firefox */
  -webkit-transform: rotate(17deg); /* Safari 和 Chrome */
  -o-transform: rotate(17deg); /* Opera */
  position: relative;
  top: 8px;
}

.bc_deepgrey.fixed {
  /*position: fixed;*/
  left: 0;
  right: 0;
  top: 0;
  z-index: 100;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
/*账号登录新增样式*/
.close {
  position: absolute;
  top: 12px;
  right: 13px;
}
.name,
.ourteam {
  color: #ccc;
}
.quit,
.h_match {
  color: #888;
}
.icon-check {
  color: #11f532;
  font-size: 26px;
}
.quitBox {
  display: flex;
  flex-direction: column;
  background: #eee;
  position: absolute;
  right: -15px;
  top: 41px;
  padding: 6px 14px;
}
.quitBox:before {
  content: '';
  width: 12px;
  height: 12px;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  position: absolute;
  right: 28px;
  top: -3px;
  background: #eee;
  transform: rotate(45deg);
}
.quitBox a {
  text-align: center;
  line-height: 22px;
}
/*帮助详*/
.imgdetail {
  width: 7.5rem;
}
.imgdetail img {
  width: 100%;
  height: 5rem;
}
/*注册*/
.drop_position {
  top: 90%;
  left: -56px;
  min-width: 130px;
}
.drop_position:before {
  content: '';
  width: 12px;
  height: 12px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  position: absolute;
  right: 60px;
  top: -3px;
  background: #fff;
  transform: rotate(45deg);
}
.drop_position > li > a {
  font-size: 15px;
}
.drop_float {
  float: right;
}