html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  /* font-size: 100%; */
  vertical-align: baseline;
  background: transparent;
  list-style: none;
  text-decoration: none;
}
[v-cloak] {
  display: none; /* 隐藏未编译的模板 */
}
h3 {
  color: #000;
  font-size: 1.4rem;
  font-weight: 600;
}
p {
  color: #333;
  font-size: 1.2rem;
}
li {
  box-sizing: border-box;
}
/* 确认按钮 */
.buttom_confirm {
  display: inline-block;
  height: 3.2rem;
  padding: 0 2rem;
  line-height: 2.9rem;
  border: 0.2rem solid #ff7738;
  background: linear-gradient(0deg, #ff8500 0%, #ff0000 100%);
  color: #ffffff;
  font-size: 1.2rem;
  border-radius: 3.8rem;
  cursor: pointer;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
}
.buttom_confirm img {
  width: 1.6rem;
  height: 1.6rem;
}
.buttom_cancel {
  display: inline-block;
  height: 3.2rem;
  padding: 0 2rem;
  line-height: 2.9rem;
  border: 0.1rem solid #ff7738;
  color: #ff7738;
  font-size: 1.2rem;
  border-radius: 3.8rem;
  cursor: pointer;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
}
.buttom_cancel img {
  width: 1.6rem;
  height: 1.6rem;
}
.buttom_cancel:hover {
  font-weight: 600;
}
.whiteBg {
  background-color: #fff;
  border-radius: 0.8rem;
  padding: 2rem;
}
.keysWords {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: nowrap;
  overflow-x: scroll;
  /* 隐藏滚动条 */
  scrollbar-width: none;
  /* 针对Firefox */
  -ms-overflow-style: none;
  /* 针对IE和Edge */
}

.keysWords::-webkit-scrollbar {
  display: none;
  /* 针对Chrome、Safari和Opera */
}

.keysWords span {
  display: inline-block;
  padding: 0 0.4rem;
  line-height: 2rem;
  background: #fff8ea;
  color: #f47f1f;
  white-space: nowrap;
}
div {
  box-sizing: border-box;
}

#app {
  flex: 1;
}

html {
  min-width: 140rem;
  letter-spacing: 0.1rem;
  font-size: 10px;
  font-family: "Microsoft YaHei";
}
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: #f5f7fc;
}
/* 单行省略 */
.ellipsis1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ellipsis2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.ellipsis3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.ellipsis4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.ellipsis5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.ellipsis6 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}
.ellipsis7 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
}
.ellipsis8 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
}
.ellipsis14 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 14;
}

/* 公共头 */
.indexs {
  width: 140rem;
  margin: 0 auto;
}
/* 顶部样式 */
.indexs_top {
  width: 100%;
  min-width: 140rem;
  height: 8rem;
  background-color: #fff;
  box-shadow: rem 0.8rem 2.4rem rem rgba(149, 157, 165, 0.2);
}

.indexs_top_center {
  width: 140rem;
  height: 100%;
  margin: 0 auto;
  color: #fff;
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  gap: 2.6rem;
  position: relative;
}

.user_info_new {
  position: absolute;
  right: 0;
  top: 2.7rem;
  /* transform: translateY(-50%); */
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 3rem;
}

.user_info_new span {
  color: #ff7738;
}
.top_login span {
  color: #fff;
}

.user_name_box {
  display: none;
  align-items: center;
  justify-content: center;

  gap: 1rem;
  height: 3rem;
  /* width: 10rem; */
  margin-left: 2rem;
}

.user_info_new .user_name {
  display: inline-block;
  max-width: 10rem;
  height: 100%;
  line-height: 3rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: justify;
  text-align: center;
}

.user_name_box img {
  width: 1.6rem !important;
  height: 1.6rem !important;
}

.user_name_box_show {
  position: absolute;
  z-index: 9999999;
  left: 0;
  bottom: 0;
  width: 8.4rem;
  height: 0;
  background-color: #b8190a;
  /* display: none; */
  overflow: hidden;
  transition: all 0.5s ease;
  border-radius: 0 0 0.4rem 0.4rem;
}

.user_name_box_show span {
  width: 100%;
  height: 3rem;
  display: block;
  text-align: center;
  line-height: 3rem;
  cursor: pointer;
  position: relative;
  z-index: 9999999;
}

.user_name_box_show span:hover {
  font-weight: 600;
}

.indexs_top_center img {
  width: 20rem;
  height: auto;
}

/* .user_name_box:hover .user_name_box_show{
  display: block;
  height: 6rem;
  bottom: -6rem;
} */

.top_login {
  background: linear-gradient(180deg, #ffbf82 0%, #ff6243 100%);

  box-sizing: border-box;
  border: 0.2rem solid #ffc7a8;
  width: 11rem;
  height: 3.2rem;
  border-radius: 13.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.2rem;
}

.indexs_top_center a {
  display: block;
  text-decoration: none;
  color: #333;
  font-size: 1.6rem;
  letter-spacing: 0.1rem;
  position: relative;
  white-space: nowrap;
}

.indexs_top_center_link a img {
  width: 3rem;
  height: 1.4rem;
  position: absolute;
  left: 50%;
  bottom: -1.5rem;
  transform: translateX(-50%);
  display: none;
}
/* .school_logo_new a img{
  width: 20rem;
  height: auto;
} */

.daohang1 .active img {
  display: block !important;
}
.indexs_top_center a:hover img {
  display: block;
}
.indexs_top_center a:hover {
  font-size: 1.8rem;
  font-weight: 600;
  color: #000;
}

.daohang1 .active {
  font-size: 1.8rem !important;
  font-weight: 600 !important;
  color: #000 !important;
}
.school_logo_new {
  display: flex;
  gap: 0.3rem;
  cursor: pointer;
}

.school_logo_new img {
  width: 4rem;
}

.school_logo_new_right {
  display: flex;
  height: 4rem;
  flex-direction: column;
  justify-content: space-between;
  font-family: PingFang SC;
  font-size: 2rem;
  font-weight: 600;
  line-height: 4rem;
  letter-spacing: 0em;
  color: #b21909;
}

.school_new_name {
  font-family: PingFang SC;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.6rem;
}

.hnmy {
  width: 0;
  opacity: 0;
}

.screenFull {
  position: absolute;
  right: 2rem;
  bottom: 1rem;
  width: 20rem;
  text-align: center;
  height: 3.5rem;
  border-radius: 1rem;
  line-height: 3.5rem;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  z-index: 10;
  font-size: 1.4rem;
  cursor: pointer;
}

.pdfPlay {
  position: relative;
}

/* 登录框样式 */

/* 马院登录弹框样式 */
.jz_head_zcs {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
  z-index: 9999;
}

.jzsj_zc {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 99;
}

.jzsj_zcs {
  position: absolute;
  width: 40rem;
  height: 32rem;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  margin: auto;
  border-radius: 0.8rem;
  background: #ffffff;
  box-shadow: rem 0.7rem 2.9rem rem rgba(80, 80, 158, 0.2);
}

.jzbk_info_content img {
  width: 74.4rem;
}

.jz_head_delu {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  width: 36.8rem;
  height: 29.6rem;
  border-radius: 0.8rem;
  background: #ffffff;
  margin: auto;
  /* 选中阴影 */
  box-shadow: rem 0.7rem 2.9rem rem rgba(80, 80, 158, 0.2);
}

.jz_head_zcs input {
  border: none;
  outline: none;
  box-shadow: none;
}

.jz_head_zctitle {
  padding-top: 2.4rem;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
}

.jz_head_zctitle img {
  width: 10.1rem;
  height: 3rem;
}

.jz_head_zctitle span {
  font-size: 1.8rem;
  font-weight: 500;
  color: #333;
}

.jz_head_input {
  width: 28rem;
  height: 4rem;
  border-radius: 0.4rem;
  margin: 0 auto;
  margin-bottom: 1.6rem;
}

.jz_head_input input {
  width: 28rem;
  height: 4rem;
  padding-left: 1.6rem;
  border: 0.1rem solid #dcdfe6;
  border-radius: 0.4rem;
  box-sizing: border-box;
  font-size: 1.2rem;
}

.jz_head_wjmm {
  width: 32rem;
  border-radius: 0.4rem;
  margin: 0 auto;
  font-size: 1.2rem;
  color: #ff8000;
  cursor: pointer;
  text-align: right;
  margin-bottom: 2rem;
}

.jz_head_dl {
  width: 8.8rem;
  height: 3.2rem;
  border-radius: 0.8rem;
  opacity: 1;
  background: #ff4c45;
  font-size: 1.2rem;
  text-align: center;
  line-height: 3.2rem;
  color: #fff;
  cursor: pointer;
  margin: 0 auto;
  margin-bottom: 1.6rem;
}

.jz_head_tzc {
  font-size: 1.2rem;
  color: #ff8000;
  text-align: center;
  cursor: pointer;
}

.jz_head_fdl {
  font-size: 1.2rem;
  color: #ff8000;
  text-align: center;
  cursor: pointer;
}

.jz_head_fdls {
  font-size: 1.2rem;
  color: #ff8000;
  text-align: center;
  cursor: pointer;
}

.jz_head_zhuce {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  width: 36.8rem;
  height: 36.8rem;
  border-radius: 0.8rem;
  opacity: 1;
  background: #ffffff;
  margin: auto;
  box-shadow: rem 0.7rem 2.9rem rem rgba(80, 80, 158, 0.2);
}

.jz_head_czpwd {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  width: 36.8rem;
  height: 36.8rem;
  border-radius: 0.8rem;
  opacity: 1;
  background: #ffffff;
  margin: auto;
  box-shadow: rem 0.7rem 2.9rem rem rgba(80, 80, 158, 0.2);
}

.jz_head_inputs {
  display: flex;
  align-items: center;
  width: 28rem;
  height: 4rem;
  border-radius: 0.4rem;
  margin: 0 auto;
  margin-bottom: 1.6rem;
  justify-content: space-between;
}

.jz_head_inputs input {
  width: 20.8rem;
  height: 4rem;
  padding-left: 1.6rem;
  border: 0.1rem solid #dcdfe6;
  border-radius: 0.4rem;
  box-sizing: border-box;
  font-size: 1.2rem;
}

.jz_head_code {
  width: 10.4rem;
  height: 4rem;
  border-radius: 0.4rem;
  opacity: 1;
  line-height: 3.2rem;
  text-align: center;
  color: #fff;
  font-size: 1.2rem;
  border: 0;
  cursor: pointer;
  /* 导航 1 */
  background: #ff4c45;
}

.jz_head_codes {
  width: 10.4rem;
  height: 3.2rem;
  border-radius: 0.4rem;
  opacity: 1;
  line-height: 3.2rem;
  text-align: center;
  color: #fff;
  font-size: 1.2rem;
  border: 0;
  cursor: pointer;
  /* 导航 1 */
  background: #ff4c45;
}

.jz_head_ts {
  text-align: center;
  font-size: 1.2rem;
  color: #c0c4cc;
  margin-bottom: 0.8rem;
}

.jzbk_la_box {
  width: 100%;
  text-align: center;
}

.jzbk_la_p {
  width: 100%;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.6rem;
  text-align: center;
  letter-spacing: rem;
  color: #000000;
  margin-bottom: 1.6rem;
}

.jzbk_la_btn {
  width: 12.8rem;
  height: 2.4rem;
  cursor: pointer;
  font-size: 1.2rem;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15.4rem rem 13.1rem rem;
  opacity: 1;
  margin: 0 auto;
  margin-bottom: 3.2rem;
  background: linear-gradient(270deg, #8b90ed 0%, #676ee5 100%);
}

.jzbk_la_num {
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.6rem;
  letter-spacing: rem;
  color: #ff8000;
  cursor: pointer;
  margin-bottom: 0.8rem;
}

.jzbk_la_box img {
  width: 1.6rem;
  height: 1.6rem;
  margin-bottom: 1.6rem;
}

.jz_industry_kinfo {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 99;
}

.jz_industry_kinfos {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 40rem;
  height: 32rem;
  border-radius: 0.8rem;
  opacity: 1;
  margin: auto;
  background: #ffffff;
  box-shadow: rem 0.7rem 2.9rem rem rgba(80, 80, 158, 0.2);
}

.jz_industry_kname {
  width: 40rem;
  height: 12.8rem;
  box-sizing: border-box;
  padding-top: 2.4rem;
  border-radius: 0.8rem 0.8rem rem rem;
  background: url(../jzimg/jz_xzimg.png) no-repeat;
  background-size: cover;
}

.jz_head_zy {
  position: relative;
  width: 12rem;
  font-size: 1.6rem;
  line-height: 5.9rem;
  text-align: center;
  letter-spacing: 0em;
  color: #ffffff;
  height: 5.9rem;
  cursor: pointer;
}

.jz_head_er {
  position: absolute;
  left: 0;
  top: 5.9rem;
  width: 12rem;
  height: 0;
  background: linear-gradient(180deg, #7e83ea 0%, #676ee5 100%);
  border-bottom-left-radius: 0.8rem;
  border-bottom-right-radius: 0.8rem;
  transition: all 0.5s;
  overflow: hidden;
}

.jz_head_er a {
  display: block;
  width: 12rem;
  text-align: center;
  color: #fff;
  line-height: 4.5rem;
}

.jz_head_zy:hover .jz_head_er {
  height: 13.5rem;
}

.jz_head_er2 {
  position: absolute;
  left: 0;
  top: 5.9rem;
  width: 12rem;
  height: 0;
  background: linear-gradient(180deg, #7e83ea 0%, #676ee5 100%);
  border-bottom-left-radius: 0.8rem;
  border-bottom-right-radius: 0.8rem;
  transition: all 0.5s;
  overflow: hidden;
}

.jz_head_er2 a {
  display: block;
  width: 12rem;
  text-align: center;
  color: #fff;
  line-height: 4.5rem;
}

.jz_head_zy:hover .jz_head_er2 {
  height: 9rem;
}

.jz_head_gb {
  position: absolute;
  right: 2rem;
  top: 2rem;
}

.jz_head_gb img {
  width: 1.8rem;
  cursor: pointer;
}

.zt_banner {
  width: 100%;
  height: auto;
  min-width: 140rem;
}

.zt_banner img {
  width: 100%;
}

/* 底部样式 */

/*foot*/

.footer {
  background: #f05d1f;
  font-size: 1.4rem;
  height: 20rem;
  min-width: 140rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer1 {
  width: 140rem;
  margin: 0 auto;
  color: #76797e;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #9e9e9e;
}

.footer p {
  color: #ffffff;
  line-height: 3.3rem;
  font-size: 1.4rem;
}

.footer p:first-of-type {
  margin-top: 0.8rem;
}

.footer p span {
  padding-right: 3rem;
}

.footer .weixin {
  float: right;
}

.footer .weixin img {
  width: 11.5rem;
  height: 11.5rem;
}

.wrapper {
  width: 140rem;
  margin: 0 auto;
}

/* 通用标题栏 */

.index_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.index_title_left {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.8rem;
  font-weight: 600;
}

.index_title_left img {
  width: 2.4rem;
  height: 2.4rem;
  object-fit: cover;
}

.index_title_right {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  color: #8d8d8d;
  font-size: 1.2rem;
  cursor: pointer;
}

.index_title_right img {
  width: 1.2rem;
  height: 1.2rem;
  object-fit: cover;
}

/* 修改网页的滚动条样式 */
::-webkit-scrollbar {
  width: 0.5rem;
  /* 横向滚动条的宽度 */
}

/* 修改滚动条轨道的样式 */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  /* 轨道背景颜色 */
  border-radius: 0.5rem;
  /* 轨道圆角 */
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  /* 轨道阴影 */
}

/* 修改滚动条滑块的样式 */
::-webkit-scrollbar-thumb {
  background: #bcc2ab;
  /* 滑块颜色 */
  border-radius: 0.5rem;
  /* 滑块圆角 */
}

/* 鼠标悬停时的样式 */
::-webkit-scrollbar-thumb:hover {
  background: #555;
  /* 悬停时滑块颜色 */
}
/* 顶部标题 */
/* 二级页面标题 */
.home_wrap_title {
  width: 140rem;
  height: 4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 0.8rem;
  background-color: #fff;
  margin: 2rem auto;
  padding: 0 1rem;
}

.home_wrap_title_left {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  color: #8d8d8d;
}
.home_wrap_title_left img {
  width: 1.4rem;
  margin-right: 0.7rem;
}

.home_wrap_title_right {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  font-size: 1.4rem;
  color: #bc0000;
  cursor: pointer;
}
.home_wrap_title_right img {
  width: 2rem;
  height: 2rem;
}

/* 分页器 */
.my_page {
  margin: 2rem auto;
  text-align: center;
}
.my_page .el-input__inner {
  color: #666666 !important;
}

.nodata {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
a {
  text-decoration: none;
}

.indexs_top_center_link {
  display: flex;
  align-items: center;
  gap: 2rem;
}
/* 预览弹框 */
.resoucePlay {
  width: 100%;
  height: 60rem;
}

.el-dialog {
  border-radius: 1.2rem !important;
}

.el-dialog__header {
  border-radius: 0.8rem 0.8rem 0 0;
  overflow: hidden;
}

.el-dialog--center .el-dialog__body {
  padding: 1rem 2rem !important;
  border-radius: 0 0 0.8rem 0.8rem;
  overflow: hidden;
}

.szjyjycgDetail_top {
  border-radius: 0.8rem;
  overflow: hidden;
}

.szjyjycgDetail_bottom {
  padding: 1rem 0;
  width: 100%;

  background-color: #ffffff;

  display: flex;

  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
}

.szjyjycgDetail_bottom h3 {
  font-size: 1.8rem;
  font-weight: 600;
  color: #000;
}

.szjyjycgDetail_bottom_left {
  flex: 1;
  display: flex;
  justify-content: space-between;
}

.jycg_list_item_right_bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.jycg_list_item_right_bottom span {
  max-height: 30rem;
  overflow: hidden;

  font-size: 1.2rem;
  color: #9e9e9e;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  white-space: nowrap;
  gap: 0.5rem;
}

.jycg_list_item_right_bottom span img {
  width: 1.6rem;
  height: 1.6rem;
}

.szjyjycgDetail_bottom_right {
  display: flex;
  gap: 1rem;
}

.pre_bottons {
  color: #8391a5;
  border-color: #8391a5;
  margin-left: 0;
}

.pre_bottons:hover {
  color: #ff7738;
  border-color: #ff7738;
}

.prepare_content_left_button {
  width: 10rem;
  height: 3rem;
  border-radius: 51rem;
  border: 0.1rem solid #ffffff;
  text-align: center;
  line-height: 3rem;
  font-size: 1.2rem;
  margin-left: 5rem;

  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: center;
  cursor: pointer;
}

.prepare_content_left_button img {
  width: 1.6rem;
  height: 1.6rem;
}

.prepare_content_left_title {
}

.prepare_content_left_button:hover {
  font-weight: 600;
}
.wrapper .biaoti {
  color: #a00c00;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  line-height: 60px;
}

.shipin {
  width: 100%;
  padding-bottom: 50px;
  display: flex;
}
.shipin .biaoti {
  color: #a00c00;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  line-height: 60px;
}
.wrapper .biaoti {
  color: #a00c00;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  line-height: 60px;
}

.videoaction {
  background: #292929;
  color: #999;
  padding: 12px 20px 12px 0;
  line-height: 19px;
}
.videoaction .actlis {
  float: left;
}
.videoaction .actlis a {
  color: #999;
}
.videoaction .actlis .fa {
  font-size: 15px;
  margin-right: 6px;
}
.videoaction .actlis li {
  float: left;
  padding: 0 23px;
}
.videoaction .actlis .actlis1 {
  cursor: pointer;
}
.videoaction .actlis .actlis1:hover {
  color: #a00c00;
}
.videoaction .actlis .active {
  color: #a00c00;
}
.videoaction .actlis li + li {
  border-left: 1px solid #383838;
}
.videoaction .statelis {
  float: right;
}
.videoaction .statelis li {
  float: left;
  padding-left: 18px;
}

.youce {
  width: 280px;
  height: 517px;
  background-color: #1f1f1f;
}
.youce .tab {
  width: 280px;
  height: 65px;
  line-height: 65px;
}
.youce .tab a {
  text-align: center;
  display: inline-block;
  width: 140px;
  color: #9e9e9e;
  font-size: 16px;
  border-bottom: 2px solid #393939;
  margin-left: -5px;
}
.youce .tab a:first-of-type {
  margin-left: 0;
}
.youce .tab a:hover,
.youce .tab .active {
  color: #ec4133;
  border-bottom: 2px solid #ec4133;
}
.youce .bg {
  height: 450px;
}
.youce .bg1 {
  padding: 10px 12px;
  height: 450px;
  overflow-y: auto;
}

.youce .bg1::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 12px; /*高宽分别对应横竖滚动条的尺寸*/
}
.youce .bg1::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #434343;
}
.youce .bg1::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: #5b5b5b;
}

.youce .bg li {
  padding: 20px 15px;
  border-bottom: 1px solid #424242;
}
.youce .bg li p {
  font-size: 14px;
  color: #999999;
  margin-bottom: 13px;
}
.youce .bg li span {
  font-size: 12px;
  color: #666666;
  margin-right: 15px;
}
.youce .bg li:hover p,
.youce .bg .active p {
  color: #ec4133;
}

.youce .bg2 {
  display: none;
  padding: 30px;
  height: 450px;
  overflow-y: auto;
}
.youce .bg2::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 12px; /*高宽分别对应横竖滚动条的尺寸*/
}
.youce .bg2::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #434343;
}
.youce .bg2::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: #5b5b5b;
}

.youce .bg2 p {
  font-size: 14px;
  color: #999999;
  line-height: 32px;
}

.xgsp .biaoti {
  font-size: 16px;
  color: #333333;
  margin-bottom: 22px;
}

@font-face {
  font-family: "SiyunSongHeiBold";
  src: url("../fonts/SourceHanSerifCN-Bold-2.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}