@charset "UTF-8";
html {
  -webkit-font-smoothing: antialiased;
  height: 100%;
  touch-action: manipulation;
}

blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
}

header,
hgroup,
nav,
menu,
main,
section,
article,
summary,
details,
aside,
figure,
figcaption,
footer {
  display: block;
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

table,
th,
td {
  border: 1px solid black;
}

fieldset,
img {
  border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
var {
  font-style: normal;
  font-weight: 400;
}

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

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

a {
  text-decoration: none;
  color: inherit;
}

a:hover {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  outline: 0;
  outline: none;
  blr: expression(this.onFocus=this.blur());
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

textarea {
  resize: none;
  outline: none;
  font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
}

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

button,
input[type=submit],
input[type=text],
input[type=button] {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  outline: 0;
  blr: expression(this.onFocus=this.blur());
}

input {
  outline: 0;
}

input::-webkit-input-safebox-button {
  display: none; /*去掉搜狗浏览器密码软盘*/
}

select:focus-visible {
  /* outline: -webkit-focus-ring-color auto 1px; 这是谷歌浏览器的原生样式*/
  outline: none;
}

body {
  min-width: 1200px;
  font-size: 14px;
  color: #111;
  line-height: 1.2;
  font-family: Heiti SC, Microsoft Yahei, Helvetica Neue, Helvetica, Arial, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
}

body * {
  box-sizing: border-box;
}

#web-ietip {
  width: 526px;
  height: 90px;
  padding: 83px 0 0 84px;
  overflow: hidden;
  background: url(../css/ietip/browser.png) no-repeat center center;
  margin: 200px auto 0;
}

#web-ietip a {
  display: block;
  width: 65px;
  height: 80px;
  float: left;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height: 0;
  font-size: 0;
}

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

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

html {
  font-size: 5.2083333333vw;
}

@media (max-width: 1200px) {
  html {
    font-size: 62.5px;
  }
}
.s0 {
  font-size: 0;
}

.s11 {
  font-size: 11px;
}

.s12 {
  font-size: 12px;
}

.s13 {
  font-size: 13px;
}

.s14 {
  font-size: 14px;
}

.s15 {
  font-size: 15px;
}

.s16 {
  font-size: 16px;
}

.s17 {
  font-size: 17px;
}

.s18 {
  font-size: 18px;
}

.s19 {
  font-size: 19px;
}

.s20 {
  font-size: 20px;
}

.s21 {
  font-size: 0.21rem;
}

.s22 {
  font-size: 0.22rem;
}

.s23 {
  font-size: 0.23rem;
}

.s24 {
  font-size: 24px;
}

.s25 {
  font-size: 0.25rem;
}

.s26 {
  font-size: 26px;
}

.s27 {
  font-size: 0.27rem;
}

.s28 {
  font-size: 0.28rem;
}

.s29 {
  font-size: 0.29rem;
}

.s30 {
  font-size: 0.3rem;
}

.s31 {
  font-size: 0.31rem;
}

.s32 {
  font-size: 0.32rem;
}

.s33 {
  font-size: 0.33rem;
}

.s34 {
  font-size: 0.34rem;
}

.s35 {
  font-size: 0.35rem;
}

.s36 {
  font-size: 0.36rem;
}

.s37 {
  font-size: 0.37rem;
}

.s38 {
  font-size: 0.38rem;
}

.s39 {
  font-size: 0.39rem;
}

.s40 {
  font-size: 0.4rem;
}

.s41 {
  font-size: 0.41rem;
}

.s42 {
  font-size: 0.42rem;
}

.s43 {
  font-size: 0.43rem;
}

.s44 {
  font-size: 0.44rem;
}

.s45 {
  font-size: 0.45rem;
}

.s46 {
  font-size: 0.46rem;
}

.s47 {
  font-size: 0.47rem;
}

.s48 {
  font-size: 0.48rem;
}

.s49 {
  font-size: 0.49rem;
}

.s50 {
  font-size: 0.5rem;
}

.s51 {
  font-size: 0.51rem;
}

.s52 {
  font-size: 0.52rem;
}

.s53 {
  font-size: 0.53rem;
}

.s54 {
  font-size: 0.54rem;
}

.s55 {
  font-size: 0.55rem;
}

.s56 {
  font-size: 0.56rem;
}

.s57 {
  font-size: 0.57rem;
}

.s58 {
  font-size: 0.58rem;
}

.s59 {
  font-size: 0.59rem;
}

.s60 {
  font-size: 0.6rem;
}

.s61 {
  font-size: 0.61rem;
}

.s62 {
  font-size: 0.62rem;
}

.s63 {
  font-size: 0.63rem;
}

.s64 {
  font-size: 0.64rem;
}

.s65 {
  font-size: 0.65rem;
}

.s66 {
  font-size: 0.66rem;
}

.s67 {
  font-size: 0.67rem;
}

.s68 {
  font-size: 0.68rem;
}

.s69 {
  font-size: 0.69rem;
}

.s70 {
  font-size: 0.7rem;
}

.s71 {
  font-size: 0.71rem;
}

.s72 {
  font-size: 0.72rem;
}

.s73 {
  font-size: 0.73rem;
}

.s74 {
  font-size: 0.74rem;
}

.s75 {
  font-size: 0.75rem;
}

.s76 {
  font-size: 0.76rem;
}

.s77 {
  font-size: 0.77rem;
}

.s78 {
  font-size: 0.78rem;
}

.s79 {
  font-size: 0.79rem;
}

.s80 {
  font-size: 0.8rem;
}

.s81 {
  font-size: 0.81rem;
}

.s82 {
  font-size: 0.82rem;
}

.s83 {
  font-size: 0.83rem;
}

.s84 {
  font-size: 0.84rem;
}

.s85 {
  font-size: 0.85rem;
}

.s86 {
  font-size: 0.86rem;
}

.s87 {
  font-size: 0.87rem;
}

.s88 {
  font-size: 0.88rem;
}

.s89 {
  font-size: 0.89rem;
}

.s90 {
  font-size: 0.9rem;
}

.s91 {
  font-size: 0.91rem;
}

.s92 {
  font-size: 0.92rem;
}

.s93 {
  font-size: 0.93rem;
}

.s94 {
  font-size: 0.94rem;
}

.s95 {
  font-size: 0.95rem;
}

.s96 {
  font-size: 0.96rem;
}

.s97 {
  font-size: 0.97rem;
}

.s99 {
  font-size: 99px;
}

.s100 {
  font-size: 100px;
}

.w1400 {
  width: 16rem;
  margin: 0 auto;
  margin-left: 2.4rem;
}
#bp_container video {
  width: 80%;
}

body {
  padding-top: 0.82rem;
  background-image: url(../images/md_bg.png);
  background-size: 100% auto;
  background-color: #f5f8fb;
}

.com-pag {
  display: flex;
  justify-content: center;
}
.com-pag .p_a {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  margin-right: 0.2rem;
}
.com-pag .p_a:last-child {
  margin-right: 0;
}
.com-pag .btn {
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.5;
  transition: all 0.3s;
}
.com-pag .btn:hover {
  opacity: 1;
  transition: all 0.3s;
}
.com-pag .prev {
  background-image: url(../images/pag_prev.png);
}
.com-pag .num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
.com-pag .num:hover, .com-pag .num.on {
  color: #fff;
  background-color: #e7b20e;
  transition: all 0.3s;
}
.com-pag .next {
  background-image: url(../images/pag_next.png);
}

.cpg-search {
  padding: 0.15rem 0.2rem;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cpg-search .cpg-sel {
  display: flex;
}
.cpg-search .cpg-sel .v_op {
  line-height: 1;
  padding: 0.09rem 0.2rem;
  color: #666666;
  border: 1px solid rgba(102, 102, 102, 0.3);
  border-radius: 1rem;
  margin-right: 0.2rem;
}
.cpg-search .cpg-sel .v_op.on {
  color: #206cfe;
  border: solid 1px rgba(32, 108, 254, 0.5);
}
.cpg-search .cpg-sel .v_op:hover {
  color: #206cfe;
}
.cpg-search .cpg_form {
  width: 2rem;
  position: relative;
}
.cpg-search .cpg_form input {
  height: 0.4rem;
  min-height: 40px;
  background-color: #f7f7f7;
  padding-left: 0.42rem;
  border-radius: 1rem;
  border: none;
  outline: none;
}
.cpg-search .cpg_form .f_btn {
  width: 0.18rem;
  height: 0.17rem;
  position: absolute;
  left: 0.13rem;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../images/h_mag.png);
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  outline: none;
}

.md-head {
  min-width: 1200px;
  background-color: #e7b20e;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 50;
}

.head_hd {
  height: 0.82rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 0.3rem;
  padding-right: 0.8rem;
}
.head_hd .hd_le {
  display: flex;
  align-items: center;
}
.head_hd .ul1 {
  display: flex;
}
.head_hd .ul1 .li1 {
  margin-left: 0.85rem;
}
.head_hd .ul1 .hd {
  font-weight: 600;
  transition: all 0.3s;
}
.head_hd .ul1 .hd:hover {
  color: #fff;
  transition: all 0.3s;
}
.head_hd .hd_form {
  width: 4rem;
  position: relative;
}
.head_hd .hd_form input {
	width: 100%;
  height: 0.4rem;
  min-height: 40px;
  background-color: #f7f7f7;
  padding-left: 0.42rem;
  border-radius: 1rem;
  border: none;
  outline: none;
}
.head_hd .hd_form .f_btn {
  width: 0.18rem;
  height: 0.17rem;
  position: absolute;
  left: 0.13rem;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../images/h_mag.png);
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  outline: none;
}

.md-page {
  min-height: 100vh;
  padding-top: 0.82rem;
  display: flex;
}

.md-aside {
  width: 1.6rem;
	min-width: 120px;
  background-color: #fff;
  border-right: 1px solid #eee;
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  padding-top: 0.82rem;
  height: 100%;
}
.md-aside .as_box {
  padding-top: 0.5rem;
  height: 100%;
  overflow-y: auto;
  scrollbar-width: thin;
}
.md-aside .as_box::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px; /*高宽分别对应横竖滚动条的尺寸*/
}
.md-aside .as_box::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: rgba(231, 178, 14, 0.6);
}
.md-aside .as_box::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: #fff;
}
.md-aside .title {
  padding-left: 0.3rem;
  margin-bottom: 0.35rem;
}
.md-aside .menu_i {
  padding-bottom: 0.16rem;
}
.md-aside .a1 {
  display: flex;
  align-items: center;
  padding-left: 0.3rem;
  color: #e7b20e;
  font-weight: 600;
}
.md-aside .a1 img {
  margin-right: 0.09rem;
}
.md-aside .ul2 {
  padding-left: 0.3rem;
  margin-top: 0.18rem;
}
.md-aside .ul2 .li2 {
  margin-bottom: 0.22rem;
}
.md-aside .ul2 .a2 {
  transition: all 0.3s;
}
.md-aside .ul2 .a2:hover {
  color: #e7b20e;
  transition: all 0.3s;
}

.md-foot {
  border-top: 1px solid rgba(221, 221, 221, 0.5);
}
.md-foot .foot_1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.4rem;
}
.md-foot .foot_1 .logo {
  width: 1.65rem;
}
.md-foot .foot_1 .f1_ri {
  display: flex;
  align-items: center;
}
.md-foot .foot_1 .f1_a {
  margin-left: 0.44rem;
  transition: color 0.3s;
}
.md-foot .foot_1 .f1_a:hover {
  color: #e7b20e;
  transition: color 0.3s;
}
.md-foot .foot_1 .f1_a:last-child {
  margin-left: 0.2rem;
}
.md-foot .foot_2 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 0.2rem;
  margin-top: 0.4rem;
}
.md-foot .foot_2 .f2_le {
  line-height: 1.7142857143;
}
.md-foot .foot_2 .f2_ri .code {
  margin-bottom: 0.1rem;
}
.md-foot .foot_2 .f2_ri p {
  text-align: center;
}

.unify-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.2rem;
  padding-bottom: 0.2rem;
}
.unify-list .vd_a {
  width: 23.9285714286%;
  margin-right: 1.4285714286%;
  background-color: #fff;
  margin-bottom: 0.2rem;
  transition: box-shadow 0.3s;
}
.unify-list .vd_a:nth-child(4n) {
  margin-right: 0;
}
.unify-list .vd_a:hover {
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.3s;
}
.unify-list .vd_a:hover .i1 {
  transform: scale(1.1);
  transition: all 0.3s;
}
.unify-list .vd_a:hover .texts .p2 {
  color: #e7b20e;
  transition: all 0.3s;
}
.unify-list .vd_a .imgs {
  position: relative;
  padding-top: 65.671641791%;
  overflow: hidden;
}
.unify-list .vd_a .i1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s;
}
.unify-list .vd_a .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.5rem;
  height: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.unify-list .vd_a .texts {
  padding: 0 0.2rem;
  padding-top: 0.24rem;
  padding-bottom: 0.22rem;
}
.unify-list .vd_a .texts .p1 {
  color: #e7b20e;
  margin-bottom: 0.08rem;
}
.unify-list .vd_a .texts .p2 {
  height: 2.4em;
  transition: all 0.3s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.unify-list .vd_a .texts .d3 {
  display: flex;
  justify-content: space-between;
  color: #999;
  margin-top: 0.14rem;
}
.unify-list .vd_a .texts .num {
  display: inline-flex;
  align-items: center;
}
.unify-list .vd_a .texts .num img {
  margin-right: 0.04rem;
}

.md-video {
  padding-top: 0.5rem;
  padding-bottom: 0.8rem;
}
.md-video .advertise img {
  width: 100%;
}
.md-video .advertise .ad_1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.1rem;
}
.md-video .advertise .ad_1 .ad1_1 {
  width: 57.1428571429%;
}
.md-video .advertise .ad_1 .ad1_2 {
  width: 42.1428571429%;
}
.md-video .advertise .ad_2 {
  margin-bottom: 0.1rem;
}
.md-video .vd_list {
  margin-top: 0.2rem;
  padding-bottom: 0.2rem;
}

.md-graphic {
  padding-top: 0.5rem;
  padding-bottom: 0.8rem;
}
.md-graphic .advertise img {
  width: 100%;
}
.md-graphic .advertise .ad_1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.1rem;
}
.md-graphic .advertise .ad_1 .ad1_1 {
  width: 57.1428571429%;
}
.md-graphic .advertise .ad_1 .ad1_2 {
  width: 42.1428571429%;
}
.md-graphic .advertise .ad_2 {
  margin-bottom: 0.1rem;
  display: block;
}
.md-graphic .vd_list .vd_a .texts {
  padding-top: 0.27rem;
}

.md-editor {
  padding-top: 0.5rem;
  padding-bottom: 0.8rem;
}
.md-editor .pp1 {
  position: relative;
  padding-left: 0.13rem;
  font-weight: 600;
  margin-bottom: 0.2rem;
}
.md-editor .pp1::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 100%;
  background-color: #e7b20e;
}
.md-editor .editor {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.36rem;
  background-color: #fff;
}
.md-editor .editor .e_le {
  display: flex;
  max-width: 70%;
}
.md-editor .editor .e_le .img {
  width: 1rem;
}
.md-editor .editor .e_le .img img {
  width: 100%;
}
.md-editor .editor .e_le .info {
  padding-left: 0.2rem;
}
.md-editor .editor .e_le .p1 {
  font-weight: 600;
  color: #131415;
}
.md-editor .editor .e_le .p2 {
  margin-top: 0.12rem;
  color: #666;
  line-height: 1.5714285714;
}
.md-editor .editor .e_btn {
  width: 1.4rem;
  line-height: 1;
  padding: 0.14rem 0;
  background-color: #e7b20e;
  text-align: center;
  cursor: pointer;
  border-radius: 1rem;
  border: 1px solid transparent;
  transition: all 0.3s;
}
.md-editor .editor .e_btn:hover {
  background-color: #fff;
  color: #e7b20e;
  border-color: #e7b20e;
  transition: all 0.3s;
}
.md-editor .pp2 {
  color: #666;
  margin-top: 0.3rem;
}
.md-editor .answer_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 0.2rem;
  padding-bottom: 0.3rem;
}
.md-editor .ans_i {
  width: 49.2857142857%;
  background-color: #fff;
  margin-bottom: 0.2rem;
  padding: 0.47rem 0.3rem;
  padding-left: 0.6rem;
}
.md-editor .ans_i:hover .d1 {
  color: #e7b20e;
  transition: all 0.3s;
}
.md-editor .ans_i:hover .d1::before {
  background-image: url(../images/icon-12.png);
}
.md-editor .ans_i .d1 {
  font-weight: 600;
  position: relative;
  transition: all 0.3s;
}
.md-editor .ans_i .d1::before {
  content: "";
  width: 0.2rem;
  height: 0.2rem;
  position: absolute;
  right: calc(100% + 0.1rem);
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../images/icon-11.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.md-editor .ans_i .d2 {
  color: #666;
  line-height: 1.5714285714;
  margin-top: 0.24rem;
}

.md-graphic_det {
  padding-top: 0.5rem;
  padding-bottom: 0.8rem;
}
.md-graphic_det .det_container {
  display: flex;
  justify-content: space-between;
}
.md-graphic_det .det_le {
  width: 12rem;
}
.md-graphic_det .det_ri {
  width: 3.6rem;
}
.md-graphic_det .dt_tit {
  position: relative;
  padding-top: 0.26rem;
  font-weight: 600;
}
.md-graphic_det .dt_tit .tsp {
  position: relative;
  padding: 0 0.3rem;
}
.md-graphic_det .dt_tit .tsp::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 100%;
  background-color: #e7b20e;
}
.md-graphic_det .author {
  background-color: #fff;
}
.md-graphic_det .author .info {
  display: flex;
  padding: 0.2rem 0.3rem;
  padding-bottom: 0.4rem;
}
.md-graphic_det .author .img {
  width: 1rem;
}
.md-graphic_det .author .img img {
  width: 100%;
}
.md-graphic_det .author .text {
  padding-left: 0.2rem;
}
.md-graphic_det .author .p1 {
  color: #131415;
  font-weight: 600;
}
.md-graphic_det .author .p2 {
  color: #666;
  margin-top: 0.06rem;
}
.md-graphic_det .author .p3 {
  margin-top: 0.1rem;
}
.md-graphic_det .au_cont {
  background-color: #fff;
  margin-top: 0.2rem;
  padding-bottom: 0.4rem;
}
.md-graphic_det .au_cont .ac_list {
  padding: 0 0.3rem;
  padding-top: 0.3rem;
  padding-bottom: 0.17rem;
}
.md-graphic_det .au_cont .ac_li {
  display: flex;
  margin-bottom: 0.3rem;
}
.md-graphic_det .au_cont .ac_li:hover .imgs img {
  transform: scale(1.1);
  transition: all 0.3s;
}
.md-graphic_det .au_cont .ac_li:hover .d1 {
  color: #e7b20e;
  transition: all 0.3s;
}
.md-graphic_det .au_cont .ac_li .imgs {
  width: 40%;
  flex-shrink: 0;
}
.md-graphic_det .au_cont .ac_li .imgs .img {
  position: relative;
  padding-top: 65.8333333333%;
  overflow: hidden;
}
.md-graphic_det .au_cont .ac_li .imgs img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s;
}
.md-graphic_det .au_cont .ac_li .text {
  padding-left: 0.14rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.md-graphic_det .au_cont .ac_li .d1 {
  line-height: 1.5714285714;
  color: #131415;
  transition: all 0.3s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.md-graphic_det .au_cont .ac_li .d2 {
  display: flex;
  justify-content: space-between;
  color: #999;
}
.md-graphic_det .au_cont .ac_li .num {
  display: inline-flex;
  align-items: center;
  line-height: 1;
}
.md-graphic_det .au_cont .ac_li .num img {
  margin-right: 0.04rem;
}
.md-graphic_det .au_cont .btns {
  display: flex;
  justify-content: center;
}
.md-graphic_det .au_cont .btns .more {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  border: solid 1px #e8e8e8;
  border-radius: 1rem;
  line-height: 1;
  padding: 0.15rem 0;
}
.md-graphic_det .article {
  background-color: #fff;
  padding: 0 0.5rem;
  position: relative;
}
.md-graphic_det .atc_top {
  padding-top: 0.5rem;
  padding-bottom: 0.3rem;
}
.md-graphic_det .atc_top .p2 {
  color: #999;
  margin-top: 0.14rem;
}
.md-graphic_det .atc_center {
  line-height: 1.75;
  color: #666;
  padding-top: 0.2rem;
  padding-bottom: 0.4rem;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
.md-graphic_det .atc_center video{
  width: 100%;
  height: auto;
}
.md-graphic_det .atc_bot {
  padding-top: 0.25rem;
  padding-bottom: 0.4rem;
  color: #666;
  display: flex;
  align-items: center;
}
.md-graphic_det .atc_bot .sh_i {
  margin-left: 0.15rem;
}
.md-graphic_det .atc_outside {
  position: absolute;
  right: calc(100% + 0.1rem);
  top: 0;
  background-color: #fff;
  width: 0.48rem;
  text-align: center;
  padding-top: 0.1rem;
  padding-bottom: 0.2rem;
}
.md-graphic_det .atc_outside .ao_i {
  display: block;
  margin-bottom: 0.25rem;
  color: #7985a0;
  cursor: pointer;
}
.md-graphic_det .atc_outside .ao_i:last-child {
  margin-bottom: 0;
}
.md-graphic_det .atc_outside .num {
  margin-top: 0.04rem;
}
.md-graphic_det .atc_outside span {
  display: block;
}
.md-graphic_det .ab_article {
  margin-top: 0.2rem;
  background-color: #fff;
}
.md-graphic_det .ab_article .atc_list {
  padding: 0.3rem;
  padding-bottom: 0.36rem;
  display: flex;
}
.md-graphic_det .ab_article .atc_a {
  width: 31.914893617%;
  margin-right: 2.1276595745%;
}
.md-graphic_det .ab_article .atc_a:last-child {
  margin-right: 0;
}
.md-graphic_det .ab_article .atc_a:hover .img img {
  transform: scale(1.1);
  transition: all 0.3s;
}
.md-graphic_det .ab_article .atc_a:hover .p2 {
  color: #e7b20e;
  transition: all 0.3s;
}
.md-graphic_det .ab_article .atc_a .img {
  position: relative;
  padding-top: 65.3333333333%;
  overflow: hidden;
}
.md-graphic_det .ab_article .atc_a .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s;
}
.md-graphic_det .ab_article .atc_a .text {
  padding-top: 0.3rem;
}
.md-graphic_det .ab_article .atc_a .p1 {
  color: #e7b20e;
}
.md-graphic_det .ab_article .atc_a .p2 {
  margin-top: 0.1rem;
  color: #131415;
  transition: all 0.3s;
}
.md-graphic_det .comment {
  background-color: #fff;
  padding: 0 0.3rem;
  margin-top: 0.2rem;
  padding-bottom: 0.3rem;
}
.md-graphic_det .comment .cmt_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.3rem;
  padding-bottom: 0.13rem;
  border-bottom: solid 1px #eeeeee;
}
.md-graphic_det .comment .cmt_sel {
  display: flex;
  background-color: #f7f8f9;
  border-radius: 5px;
  padding: 0.02rem;
}
.md-graphic_det .comment .cmt_sel .op {
  font-weight: 300;
  line-height: 1;
  padding: 0.04rem 0.06rem;
  color: #999;
  cursor: pointer;
}
.md-graphic_det .comment .cmt_sel .op.on {
  background-color: #fff;
  color: #424242;
}
.md-graphic_det .comment .cm_list {
  padding-top: 0.3rem;
  display: none;
}
.md-graphic_det .comment .cm_list.show {
  display: block;
}
.md-graphic_det .comment .cm_li {
  border-bottom: 1px solid rgba(238, 238, 238, 0.5);
  margin-bottom: 0.2rem;
}
.md-graphic_det .comment .cm_li:last-child {
  margin-bottom: 0;
  border-bottom-color: transparent;
}
.md-graphic_det .comment .cm_i {
  padding-bottom: 0.2rem;
  display: flex;
}
.md-graphic_det .comment .cm_2 {
  padding-left: 0.4rem;
  padding-top: 0.1rem;
}
.md-graphic_det .comment .photo {
  width: 0.3rem;
  flex-shrink: 0;
}
.md-graphic_det .comment .photo img {
  width: 100%;
}
.md-graphic_det .comment .info {
  flex-grow: 1;
  padding-left: 0.11rem;
}
.md-graphic_det .comment .d1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #e7b20e;
  padding: 0.08rem 0;
}
.md-graphic_det .comment .d1 .more {
  cursor: pointer;
}
.md-graphic_det .comment .d1 .d1_le {
  display: flex;
  align-items: center;
}
.md-graphic_det .comment .d1 .from {
  display: flex;
  align-items: center;
  margin-left: 0.1rem;
}
.md-graphic_det .comment .d1 .from .sp1 {
  color: #e7b20e;
  background-color: rgba(231, 178, 14, 0.1);
  line-height: 1.5;
  padding: 0 0.06rem;
  border-radius: 0.05rem;
}
.md-graphic_det .comment .d1 .from img {
  margin: 0 0.1rem;
}
.md-graphic_det .comment .d2 {
  line-height: 1.6;
  color: #424242;
  font-weight: 300;
  margin: 0.1rem 0;
}
.md-graphic_det .comment .d3 {
  display: flex;
  justify-content: space-between;
}
.md-graphic_det .comment .time {
  color: #999;
  font-weight: 300;
}
.md-graphic_det .comment .actions {
  display: flex;
  align-items: center;
  line-height: 1;
}
.md-graphic_det .comment .actions .at_i {
  margin-left: 0.2rem;
  display: inline-flex;
  align-items: center;
  color: #7985a0;
  cursor: pointer;
}
.md-graphic_det .comment .actions .at_i:hover {
  color: #e7b20e;
}
.md-graphic_det .comment .actions .at_i:hover .i1 {
  display: none;
}
.md-graphic_det .comment .actions .at_i:hover .i2 {
  display: block;
}
.md-graphic_det .comment .actions .at_i img {
  margin-right: 0.06rem;
}
.md-graphic_det .comment .actions .icon {
  display: inline-flex;
}
.md-graphic_det .comment .actions .i2 {
  display: none;
}
.md-graphic_det .cm-row {
  width: 100%;
  border: 1px solid #eee;
  border-radius: 0.05rem;
  position: relative;
  padding-right: 1.1rem;
  margin-top: 0.2rem;
  margin-bottom: 0.1rem;
  transition: all 0.3s;
}
.md-graphic_det .cm-row.blue-border {
  border-color: #e7b20e;
}
.md-graphic_det .cm-row {
  display: none;
  width: 100%;
  margin-bottom: 0;
}
.md-graphic_det .cm-row.show {
  display: block;
}
.md-graphic_det .cm-input {
  width: 100%;
  height: 0.42rem;
  border: none;
  padding: 0 0.09rem;
  color: #424242;
  background-color: transparent;
}
.md-graphic_det .cm-face {
  position: absolute;
  right: 0.77rem;
  top: 0.04rem;
  width: 0.34rem;
  height: 0.34rem;
  background-image: url(../images/38.png);
  background-size: 0.21rem auto;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
.md-graphic_det .cm-pub {
  width: 0.69rem;
  line-height: 0.34rem;
  text-align: center;
  border-radius: 0.05rem;
  background-color: rgba(231, 178, 14, 0.8);
  color: #fff;
  position: absolute;
  right: 0.04rem;
  top: 0.04rem;
  cursor: pointer;
  transition: all 0.3s;
  pointer-events: none;
}
.md-graphic_det .cm-pub.active {
  background-color: #006bd3;
  pointer-events: auto;
}

.md-home .container {
  padding-top: 0.5rem;
  padding-bottom: 0.76rem;
}
.md-home .ho_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.md-home .ho_tt {
  position: relative;
  padding-left: 0.13rem;
  font-weight: 600;
}
.md-home .ho_tt::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 100%;
  background-color: #e7b20e;
}
.md-home .ho_more {
  display: inline-flex;
  align-items: center;
  transition: color 0.3s;
}
.md-home .ho_more:hover {
  color: #e7b20e;
  transition: color 0.3s;
}
.md-home .ho_more:hover .i1 {
  display: none;
}
.md-home .ho_more:hover .i2 {
  display: block;
}
.md-home .ho_more .icon {
  display: inline-flex;
  align-items: center;
}
.md-home .ho_more .i2 {
  display: none;
}
.md-home .ho_more img {
  margin-left: 0.08rem;
}

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

.hbox_1 {
  width: 7.8rem;
}
.hbox_1 .hb1_swiper {
  margin-top: 0.17rem;
}
.hbox_1 .hb1_a {
  position: relative;
}
.hbox_1 .hb1_a:hover .img img {
  transform: scale(1.1);
  transition: all 0.3s;
}
.hbox_1 .img {
  position: relative;
  padding-top: 71.0144927536%;
  overflow: hidden;
}
.hbox_1 .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s;
}
.hbox_1 .text {
  position: absolute;
  left: 0;
  /* bottom: 0.2rem; */
	bottom: 0;
	padding: 0.2rem;
	background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  text-align: center;
  color: #fff;
}
.hbox_1 .swiper-pagination {
  width: auto;
  left: 0.2rem;
  bottom: 0.2rem;
  margin: 0;
  display: flex;
}
.hbox_1 .swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  margin: 0;
  margin-right: 0.1rem;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.55);
}
.hbox_1 .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #fff;
}
.hbox_1 .swiper-button-next,
.hbox_1 .swiper-button-prev {
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 17.5% auto;
}
.hbox_1 .swiper-button-next::after,
.hbox_1 .swiper-button-prev::after {
  display: none;
}
.hbox_1 .swiper-button-prev {
  left: 0.05rem;
  background-image: url(../images/hb1_i1.png);
}
.hbox_1 .swiper-button-next {
  right: 0.05rem;
  background-image: url(../images/hb1_i2.png);
}

.hbox_2 {
  width: 7.8rem;
}
.hbox_2 .hb2_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
	align-items: flex-start;
  margin-top: 0.17rem;
}
.hbox_2 .hb2_a {
  position: relative;
  width: 3.8rem;
  margin-bottom: 0.18rem;
}
.hbox_2 .hb2_a:hover .img img {
  transform: scale(1.1);
  transition: all 0.3s;
}
.hbox_2 .hb2_a:last-child {
  margin-bottom: 0;
}
.hbox_2 .hb2_a:nth-last-child(2) {
  margin-bottom: 0;
}
.hbox_2 .img {
  position: relative;
  overflow: hidden;
  padding-top: 70.447761194%;
}
.hbox_2 .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s;
}
.hbox_2 .text {
  position: absolute;
  /* bottom: 0.18rem; */
	left: 0;
	bottom: 0;
	padding: 0.18rem 0;
	background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  text-align: center;
  color: #fff;
}

.home_2 {
  margin-top: 0.5rem;
}

.hb3_box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  background-color: #fff;
  margin-top: 0.17rem;
}
.hb3_box .hb3_swiper {
  width: 6.4rem;
}
.hb3_box .hb3_swiper .swiper-pagination {
  width: auto;
  left: 0.2rem;
  bottom: 0.2rem;
  margin: 0;
  display: flex;
}
.hb3_box .hb3_swiper .swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  margin: 0;
  margin-right: 0.1rem;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.55);
}
.hb3_box .hb3_swiper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #fff;
}
.hb3_box .hb3_swiper .swiper-button-next,
.hb3_box .hb3_swiper .swiper-button-prev {
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 17.5% auto;
}
.hb3_box .hb3_swiper .swiper-button-next::after,
.hb3_box .hb3_swiper .swiper-button-prev::after {
  display: none;
}
.hb3_box .hb3_swiper .swiper-button-prev {
  left: 0.05rem;
  background-image: url(../images/hb1_i1.png);
}
.hb3_box .hb3_swiper .swiper-button-next {
  right: 0.05rem;
  background-image: url(../images/hb1_i2.png);
}
.hb3_box .ho3_sa:hover .img img {
  transform: scale(1.1);
  transition: all 0.3s;
}
.hb3_box .ho3_sa .img {
  position: relative;
  padding-top: 74.0740740741%;
}
.hb3_box .ho3_sa .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s;
}
.hb3_box .hb3_ri {
  padding: 0.36rem 0;
  width: 8.9rem;
  padding-right: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.hb3_box .hb3_ri .hb3_i {
  position: relative;
  width: 4rem;
  padding-left: 0.17rem;
  margin-bottom: 0.22rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.hb3_box .hb3_ri .hb3_i:last-child {
  margin-bottom: 0;
}
.hb3_box .hb3_ri .hb3_i:nth-last-child(2) {
  margin-bottom: 0;
}
.hb3_box .hb3_ri .hb3_i:hover {
  color: #e7b20e;
  transition: all 0.3s;
}
.hb3_box .hb3_ri .hb3_i:hover::before {
  background-color: #e7b20e;
  transition: all 0.3s;
}
.hb3_box .hb3_ri .hb3_i::before {
  content: "";
  width: 0.07rem;
  height: 0.07rem;
  background-color: #999;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
}

.home_3 {
  margin-top: 0.5rem;
}

.hbox_4 .hb4_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.2rem;
}
.hbox_4 .hb4_a {
  width: 11.8571428571%;
  margin-right: 0.7142857143%;
  padding: 0 0.2rem;
  padding-top: 0.25rem;
  padding-bottom: 0.3rem;
  text-align: center;
  background-color: #fff;
  transition: all 0.3s;
}
.hbox_4 .hb4_a:hover {
  background-color: #e7b20e;
  box-shadow: 0px 0px 68px 0px rgba(32, 108, 254, 0.2);
  transition: all 0.3s;
}
.hbox_4 .hb4_a:hover .p1 {
  color: #fff;
  transition: all 0.3s;
}
.hbox_4 .hb4_a:last-child {
  margin-right: 0;
}
.hbox_4 .hb4_a .imgs {
  width: 0.8rem;
  margin: 0 auto;
}
.hbox_4 .hb4_a .img {
  position: relative;
  padding-top: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.hbox_4 .hb4_a .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hbox_4 .hb4_a .p1 {
  margin-top: 0.26rem;
  color: #131415;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.home_4 {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
}

.hbox_5 {
  width: 12rem;
}
.hbox_5 .hb5_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.2rem;
}
.hbox_5 .hb5_a {
  width: 15.8548233047%;
  margin-right: 0.9551098376%;
  padding: 0 0.2rem;
  padding-top: 0.25rem;
  padding-bottom: 0.3rem;
  text-align: center;
  background-color: #fff;
  transition: all 0.3s;
}
.hbox_5 .hb5_a:hover {
  background-color: #e7b20e;
  box-shadow: 0px 0px 68px 0px rgba(32, 108, 254, 0.2);
  transition: all 0.3s;
}
.hbox_5 .hb5_a:hover .p1 {
  color: #fff;
  transition: all 0.3s;
}
.hbox_5 .hb5_a:last-child {
  margin-right: 0;
}
.hbox_5 .hb5_a .imgs {
  width: 0.8rem;
  margin: 0 auto;
}
.hbox_5 .hb5_a .img {
  position: relative;
  padding-top: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.hbox_5 .hb5_a .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hbox_5 .hb5_a .p1 {
  margin-top: 0.26rem;
  color: #131415;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.hbox_6 {
  width: 3.42rem;
  display: flex;
  flex-direction: column;
}
.hbox_6 .hb6_box {
  background-color: #fff;
  margin-top: 0.2rem;
  height: 100%;
  max-height: 1.82rem;
  padding: 0.2rem;
  padding-top: 0.24rem;
}
.hbox_6 .hb6_i {
  display: block;
  position: relative;
  color: #131415;
  padding-left: 0.3rem;
  margin-bottom: 0.18rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.hbox_6 .hb6_i:last-child {
  margin-bottom: 0;
}
.hbox_6 .hb6_i:hover {
  color: #e7b20e;
  transition: all 0.3s;
}
.hbox_6 .hb6_i:hover::before {
  background-image: url(../images/icon-12.png);
}
.hbox_6 .hb6_i::before {
  content: "";
  width: 0.2rem;
  height: 0.2rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../images/icon-11.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.home_5 {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
}

.hbox_7 {
  width: 9.5rem;
}
.hbox_7 .ho_top {
  margin-bottom: 0.17rem;
}
.hbox_7 .hb7_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.1rem;
}
.hbox_7 .hb7_top .name {
  font-weight: 500;
  color: #121314;
}
.hbox_7 .hb7_list {
  margin-bottom: 0.16rem;
}
.hbox_7 .hb7_list:last-child {
  margin-bottom: 0;
}
.hbox_7 .hb7_list .swiper-button-next,
.hbox_7 .hb7_list .swiper-button-prev {
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50% auto;
  opacity: 1;
}
.hbox_7 .hb7_list .swiper-button-next::after,
.hbox_7 .hb7_list .swiper-button-prev::after {
  display: none;
}
.hbox_7 .hb7_list .swiper-button-prev {
  left: 0.2rem;
  background-image: url(../images/hb1_i1.png);
}
.hbox_7 .hb7_list .swiper-button-next {
  right: 0.2rem;
  background-image: url(../images/hb1_i2.png);
}
.hbox_7 .hb7_a:hover .i1 {
  transform: scale(1.1);
  transition: all 0.3s;
}
.hbox_7 .hb7_a .imgs {
  position: relative;
  padding-top: 69.696969697%;
  overflow: hidden;
}
.hbox_7 .hb7_a .i1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s;
}
.hbox_7 .hb7_a .i2 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.5rem;
}
.hbox_7 .hb7_a .text {
  position: absolute;
  left: 0;
  /* bottom: 0.11rem; */
	bottom: 0;
	padding: 0.11rem 0;
	background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
  width: 100%;
}

.hbox_8 {
  width: 6.3rem;
}
.hbox_8 .hb8_box {
  margin-top: 0.48rem;
  height: 7.25rem;
}
.hbox_8 .hb8_box .mCSB_scrollTools {
  width: 6px;
  opacity: 1;
}
.hbox_8 .hb8_box .mCSB_container {
  margin-right: 0;
}
.hbox_8 .hb8_box .mCSB_dragger_bar {
  background-color: #e7b20e;
  filter: none;
  -ms-filter: none;
}
.hbox_8 .hb8_box .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.hbox_8 .hb8_box .content .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #e7b20e;
  filter: none;
  -ms-filter: none;
}
.hbox_8 .hb8_box .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #e7b20e;
  filter: none;
  -ms-filter: none;
}
.hbox_8 .hb8_a {
  position: relative;
  display: block;
  margin-bottom: 0.2rem;
}
.hbox_8 .hb8_a:last-child {
  margin-bottom: 0;
}
.hbox_8 .hb8_a:hover .i1 {
  transform: scale(1.1);
  transition: all 0.3s;
}
.hbox_8 .hb8_a .imgs {
  position: relative;
  /* padding-top: 57.4817518248%; */
	padding-top: 74%;
  overflow: hidden;
}
.hbox_8 .hb8_a .i1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s;
}
.hbox_8 .hb8_a .i2 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.5rem;
}
.hbox_8 .hb8_a .text {
  position: absolute;
  left: 0;
  bottom: 0.27rem;
	bottom: 0;
	padding: 0.27rem 0;
	background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
  width: 100%;
}

.home_6 {
  margin-top: 0.5rem;
}

.hbox_9 .hb9_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.17rem;
}
.hbox_9 .hb9_a {
  width: 18.8571428571%;
  margin-right: 1.4285714286%;
  background-color: #fff;
  margin-bottom: 0.2rem;
  transition: box-shadow 0.3s;
}
.hbox_9 .hb9_a:hover {
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.3s;
}
.hbox_9 .hb9_a:hover .imgs .i1 {
  transform: scale(1.1);
  transition: all 0.3s;
}
.hbox_9 .hb9_a:hover .texts .p1 {
  color: #e7b20e;
  transition: color 0.3s;
}
.hbox_9 .hb9_a:nth-child(5n) {
  margin-right: 0;
}
.hbox_9 .hb9_a .imgs {
  position: relative;
  padding-top: 66.6666666667%;
  overflow: hidden;
}
.hbox_9 .hb9_a .imgs .i1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s;
}
.hbox_9 .hb9_a .imgs .icon {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 0.5rem;
}
.hbox_9 .hb9_a .texts {
  padding: 0.18rem 0.2rem;
}
.hbox_9 .hb9_a .texts .p1 {
  height: 2.5em;
  transition: color 0.3s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.hbox_9 .hb9_a .texts .d2 {
  display: flex;
  justify-content: space-between;
  color: #999;
  margin-top: 0.13rem;
}
.hbox_9 .hb9_a .texts .num {
  display: inline-flex;
  align-items: center;
}
.hbox_9 .hb9_a .texts .num img {
  margin-right: 0.04rem;
}
.hbox_9 .com-pag {
  margin-top: 0.2rem;
}

.we-panel {
  display: none;
  background-color: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  min-width: 200px;
  padding: 10px;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 987654321;
}

.we-panel.show {
  display: block;
}

.sm-face .we-panel {
  top: auto;
  bottom: 0;
  right: 100%;
}

.we-cont {
  font-size: 0;
  list-style: none;
  text-align: left;
  width: 305px;
  padding: 0;
  margin: 0;
}

.we-cont li {
  font-size: 20px;
  border-radius: 3px 3px;
  cursor: pointer;
  display: inline-block;
  padding: 0 5px;
  line-height: 1.5;
  min-width: 38px;
  box-sizing: border-box;
  text-align: center;
}

.we-cont li:hover {
  background-color: #e8e8e8;
}

@media (max-width: 900px) {
  .we-panel {
    padding: 6px;
  }
  .we-cont {
    width: 240px;
  }
  .we-cont li {
    font-size: 16px;
    min-width: 30px;
    padding: 0 3px;
  }
}
@media (max-width: 350px) {
  .we-cont {
    width: 210px;
  }
}