@charset "utf-8";
:root {
  --color: #9b0000;
  --vh: 100vh;
}
/*字体*/
/* @font-face {
	font-family: "Fontke";
	src: url("Fontke.woff2") format("woff2"),
		 url("Fontke.woff") format("woff"),
		 url("Fontke.ttf") format("truetype"),
		 url("Fontke.eot") format("embedded-opentype"),
		 url("Fontke.svg") format("svg"),
		 url("Fontke.otf") format("opentype");
} */
* {
  padding: 0;
  margin: 0;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: calc(100vw/19.2);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scrollbar-width: thin;
}
html ::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
html ::-webkit-scrollbar-thumb {
  /*滚动条-滑块*/
  border-radius: 3px;
  background: #9b0000;
}
html ::-webkit-scrollbar-track {
  /*滚动条-背景*/
  border-radius: 3px;
  background: #fff;
}
@media (min-width: 1901px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 1580px) {
  html {
    font-size: 66px;
  }
}
@media (max-width: 767px) {
  html {
    font-size: calc(100vw/7.5);
  }
}
body {
  min-height: 100%;
  font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  background: #fff;
}
@media (max-width: 1580px) {
  body {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  body {
    font-size: 0.28rem;
  }
}
img {
  max-width: 100%;
  border: 0;
  vertical-align: top;
}
li {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: normal;
}
a,
a:hover,
a:focus {
  text-decoration: none;
  color: inherit;
}
input,
button {
  -webkit-appearance: none;
  border-radius: 0;
}
button {
  cursor: pointer;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
textarea {
  resize: none;
  overflow: auto;
}
input,
button,
textarea,
select {
  border: 0;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: normal;
  color: inherit;
  background: transparent;
}
select {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select::-ms-expand {
  display: none;
}
table {
  border-collapse: collapse;
}
svg path {
  fill: currentColor;
}
picture,
section,
main {
  display: block;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clear {
  zoom: 1;
}
.clear:after {
  content: '';
  display: block;
  clear: both;
}
.container {
  margin: 0 auto;
  width: 75%;
  max-width: 1400px;
}
@media (max-width: 1260px) {
  .container {
    width: 90%;
  }
}
.bg-color1 {
  background-color: #fff;
}
.ptb100 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media (max-width: 767px) {
  .ptb100 {
    padding-top: 1.2rem;
    padding-bottom: 1.2em;
  }
}
.pt100 {
  padding-top: 1rem;
}
@media (max-width: 767px) {
  .pt100 {
    padding-top: 1.2rem;
  }
}
.pb100 {
  padding-bottom: 1rem;
}
@media (max-width: 767px) {
  .pb100 {
    padding-bottom: 1.2rem;
  }
}
.font14 {
  font-size: 14px;
}
@media (max-width: 1580px) {
  .font14 {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .font14 {
    font-size: 0.26rem;
  }
}
.font16 {
  font-size: 16px;
}
@media (max-width: 1580px) {
  .font16 {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .font16 {
    font-size: 0.28rem;
  }
}
.font18 {
  font-size: 18px;
}
@media (max-width: 1580px) {
  .font18 {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .font18 {
    font-size: 0.3rem;
    font-size: 0.28rem;
  }
}
.font20 {
  font-size: 0.2rem;
}
@media (max-width: 1580px) {
  .font20 {
    font-size: 18px;
  }
}
@media (max-width: 1260px) {
  .font20 {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .font20 {
    font-size: 0.3rem;
    font-size: 0.28rem;
  }
}
.font22 {
  font-size: 0.22rem;
}
@media (max-width: 1580px) {
  .font22 {
    font-size: 20px;
  }
}
@media (max-width: 1260px) {
  .font22 {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .font22 {
    font-size: 0.3rem;
    font-size: 0.28rem;
  }
}
.font24 {
  font-size: 0.24rem;
}
@media (max-width: 1580px) {
  .font24 {
    font-size: 20px;
  }
}
@media (max-width: 1260px) {
  .font24 {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .font24 {
    font-size: 0.28rem;
  }
}
.font26 {
  font-size: 0.26rem;
}
@media (max-width: 1580px) {
  .font26 {
    font-size: 22px;
  }
}
@media (max-width: 1260px) {
  .font26 {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .font26 {
    font-size: 0.32rem;
  }
}
.font28 {
  font-size: 0.28rem;
}
@media (max-width: 1580px) {
  .font28 {
    font-size: 24px;
  }
}
@media (max-width: 1260px) {
  .font28 {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .font28 {
    font-size: 0.32rem;
  }
}
.font30 {
  font-size: 0.3rem;
}
@media (max-width: 767px) {
  .font30 {
    font-size: 0.32rem;
  }
}
.font32 {
  font-size: 0.32rem;
}
@media (max-width: 767px) {
  .font32 {
    font-size: 0.36rem;
  }
}
.font34 {
  font-size: 0.34rem;
}
@media (max-width: 767px) {
  .font34 {
    font-size: 0.36rem;
  }
}
.font36 {
  font-size: 0.36rem;
}
@media (max-width: 991px) {
  .font36 {
    font-size: 0.34rem;
  }
}
@media (max-width: 767px) {
  .font36 {
    font-size: 0.36rem;
  }
}
.font40 {
  font-size: 0.4rem;
}
@media (max-width: 991px) {
  .font40 {
    font-size: 0.34rem;
  }
}
@media (max-width: 767px) {
  .font40 {
    font-size: 0.4rem;
  }
}
.font44 {
  font-size: 0.44rem;
}
@media (max-width: 1260px) {
  .font44 {
    font-size: 0.4rem;
  }
}
@media (max-width: 991px) {
  .font44 {
    font-size: 0.34rem;
  }
}
@media (max-width: 767px) {
  .font44 {
    font-size: 0.4rem;
  }
}
.font48 {
  font-size: 0.48rem;
}
@media (max-width: 1260px) {
  .font48 {
    font-size: 0.4rem;
  }
}
@media (max-width: 991px) {
  .font48 {
    font-size: 0.34rem;
  }
}
@media (max-width: 767px) {
  .font48 {
    font-size: 0.4rem;
  }
}
.font50 {
  font-size: 0.5rem;
}
@media (max-width: 991px) {
  .font50 {
    font-size: 0.44rem;
  }
}
@media (max-width: 767px) {
  .font50 {
    font-size: 0.4rem;
  }
}
.font54 {
  font-size: 0.54rem;
}
@media (max-width: 1260px) {
  .font54 {
    font-size: 0.5rem;
  }
}
@media (max-width: 991px) {
  .font54 {
    font-size: 0.44rem;
  }
}
@media (max-width: 767px) {
  .font54 {
    font-size: 0.4rem;
  }
}
.font56 {
  font-size: 0.56rem;
}
@media (max-width: 1260px) {
  .font56 {
    font-size: 0.5rem;
  }
}
@media (max-width: 991px) {
  .font56 {
    font-size: 0.44rem;
  }
}
@media (max-width: 767px) {
  .font56 {
    font-size: 0.4rem;
  }
}
.font60 {
  font-size: 0.6rem;
}
@media (max-width: 1260px) {
  .font60 {
    font-size: 0.54rem;
  }
}
@media (max-width: 991px) {
  .font60 {
    font-size: 0.44rem;
  }
}
@media (max-width: 767px) {
  .font60 {
    font-size: 0.4rem;
  }
}
.font64 {
  font-size: 0.64rem;
}
@media (max-width: 1260px) {
  .font64 {
    font-size: 0.54rem;
  }
}
@media (max-width: 991px) {
  .font64 {
    font-size: 0.44rem;
  }
}
@media (max-width: 767px) {
  .font64 {
    font-size: 0.4rem;
  }
}
.font72 {
  font-size: 0.72rem;
}
@media (max-width: 1260px) {
  .font72 {
    font-size: 0.54rem;
  }
}
@media (max-width: 767px) {
  .font72 {
    font-size: 0.4rem;
  }
}
.font80 {
  font-size: 0.8rem;
}
@media (max-width: 1260px) {
  .font80 {
    font-size: 0.6rem;
  }
}
@media (max-width: 767px) {
  .font80 {
    font-size: 0.66rem;
  }
}
.public-scrollbar {
  scrollbar-width: thin;
}
.public-scrollbar ::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.public-scrollbar ::-webkit-scrollbar-thumb {
  /*滚动条-滑块*/
  border-radius: 3px;
  background: #9b0000;
}
.public-scrollbar ::-webkit-scrollbar-track {
  /*滚动条-背景*/
  border-radius: 3px;
  background: #fff;
}
.public-btn {
  display: inline-flex;
}
.public-btn a {
  height: 0.54rem;
  border-radius: 0.27rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.08rem 0 0.2rem;
  min-width: 1.6rem;
  background: #9b0000;
  transition: all 0.4s;
}
@media (max-width: 991px) {
  .public-btn a {
    height: 0.68rem;
    border-radius: 0.34rem;
    padding: 0 0.1rem 0 0.2rem;
  }
}
.public-btn a span {
  color: #fff;
  transition: all 0.4s;
}
.public-btn a i {
  width: 0.38rem;
  height: 0.38rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0.3rem;
  background: #fff;
  transition: all 0.4s;
}
@media (max-width: 991px) {
  .public-btn a i {
    width: 0.48rem;
    height: 0.48rem;
  }
}
.public-btn a i svg {
  width: 8px;
  height: 8px;
  transition: all 0.4s;
}
.public-btn a i svg path {
  fill: #9b0000;
  transition: all 0.4s;
  opacity: 1;
}
.public-btn.public-btnW a {
  border: 1px solid #fff;
  background: none;
}
.public-btn.public-btnW a span {
  color: #fff;
}
.public-btn.public-btnW a i {
  background: #fff;
}
.public-btn.public-btnW a i svg path {
  fill: #78010a;
}
.public-btn.public-btnW a:hover {
  background: #9b0000;
  border: 1px solid #9b0000;
}
.public-btn.public-btnW a:hover span {
  color: #fff;
}
.public-btn.public-btnR a {
  border: 1px solid #9b0000;
  background: none;
}
.public-btn.public-btnR a span {
  color: #9b0000;
}
.public-btn.public-btnR a i {
  background: #9b0000;
}
.public-btn.public-btnR a i svg path {
  fill: #fff;
}
.public-btn.public-btnR a:hover {
  background: #9b0000;
  border: 1px solid #9b0000;
}
.public-btn.public-btnR a:hover span {
  color: #fff;
}
.public-btn.public-btnR a:hover i {
  background: #fff;
}
.public-btn.public-btnR a:hover i svg {
  transform: rotateZ(45deg);
}
.public-btn.public-btnR a:hover i svg path {
  fill: #9b0000;
}
.public-img {
  display: block;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.public-img::before {
  content: "";
  display: block;
  position: relative;
  z-index: 0;
  padding-top: 100%;
}
.public-img > img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.8s;
}
.public-content {
  color: #666;
  line-height: 1.8;
}
.public-content a {
  color: #666;
}
.public-content table {
  max-width: 100%;
}
.public-content table td,
.public-content table th {
  padding: 10px 15px;
  border: 1px solid #dbf1ed;
}
.public-content li {
  margin-left: 15px;
  list-style: disc;
}
.public-content ol {
  margin-left: 15px;
  list-style: decimal;
}
.public-content img,
.public-content video {
  max-width: 100%;
  height: auto !important;
}
.header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  transition: all 0.4s;
}
@media (max-width: 1024px) {
  .header {
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 5%;
  }
}
.header .logo {
  position: absolute;
  left: 0.8rem;
  top: calc(0.2rem);
}
@media (max-width: 1024px) {
  .header .logo {
    position: relative;
    left: initial;
    top: initial;
  }
}
.header .logo a {
  height: 0.49rem;
  display: block;
  position: relative;
}
@media (max-width: 991px) {
  .header .logo a {
    height: 36px;
  }
}
.header .logo a img {
  height: 100%;
  object-fit: contain;
  transition: all 0.4s;
}
.header .logo a .logo2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
}
.header .close {
  width: 22px;
  height: 100%;
  display: none;
}
@media (max-width: 1024px) {
  .header .close {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
  }
}
.header .close span {
  width: 100%;
  height: 2px;
  background: #fff;
  margin: 3px 0;
  border-radius: 2px;
  transition: all 0.3s;
}
.header .close span:nth-child(2) {
  width: 60%;
  margin: 3px 0 3px auto;
}
.header .close.on span:nth-child(1) {
  transform: rotateZ(45deg);
  transform-origin: left center;
}
.header .close.on span:nth-child(2) {
  opacity: 0;
}
.header .close.on span:nth-child(3) {
  transform-origin: left center;
  transform: rotateZ(-45deg);
}
.header .boxs {
  width: 100%;
}
@media (max-width: 1024px) {
  .header .boxs {
    position: absolute;
    height: calc(100vh - 60px);
    background: #fff;
    top: 60px;
    left: 0;
    z-index: 99;
    display: none;
  }
}
.header .boxs .content {
  width: 100%;
}
@media (max-width: 1024px) {
  .header .boxs .content {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    padding: 0.5rem 0;
    overflow-y: auto;
  }
}
.header .boxs .content .top {
  width: 100%;
  padding: 0 0.8rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 1024px) {
  .header .boxs .content .top {
    order: 2;
    border-bottom: none;
    margin-top: 0.3rem;
  }
}
@media (max-width: 991px) {
  .header .boxs .content .top {
    padding: 0 5%;
  }
}
.header .boxs .content .top .box {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .header .boxs .content .top .box {
    justify-content: flex-start;
  }
}
.header .boxs .content .top .box a {
  height: 40px;
  display: flex;
  align-items: center;
  margin-right: 0.68rem;
  position: relative;
}
.header .boxs .content .top .box a::after {
  content: '';
  width: 1px;
  height: 10px;
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  left: calc(100% + 0.34rem);
  top: 50%;
  transform: translateY(-50%);
}
.header .boxs .content .top .box a:last-child {
  margin-right: 0;
}
.header .boxs .content .top .box a:last-child::after {
  display: none;
}
.header .boxs .content .top .box a svg {
  width: 18px;
}
.header .boxs .content .top .box a svg path {
  fill: #fff;
  transition: all 0.4s;
}
@media (max-width: 1024px) {
  .header .boxs .content .top .box a svg path {
    fill: #000;
  }
}
.header .boxs .content .top .box a span {
  color: #fff;
  margin-left: 0.1rem;
  font-size: 14px;
  transition: all 0.4s;
}
@media (max-width: 1024px) {
  .header .boxs .content .top .box a span {
    color: #000;
  }
}
.header .boxs .content .down {
  width: 100%;
  padding: 0 0.8rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 991px) {
  .header .boxs .content .down {
    padding: 0 5%;
  }
}
.header .boxs .content .down .box {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .header .boxs .content .down .box {
    flex-wrap: wrap;
  }
}
.header .boxs .content .down .box .menu {
  margin-left: 4.65rem;
}
@media (max-width: 1281px) {
  .header .boxs .content .down .box .menu {
    margin-left: 4.2rem;
  }
}
@media (max-width: 1024px) {
  .header .boxs .content .down .box .menu {
    width: 100%;
    margin-left: 0;
  }
}
.header .boxs .content .down .box .menu ul {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .header .boxs .content .down .box .menu ul li {
    width: 100%;
    margin-right: 0;
    border-bottom: 1px solid rgba(153, 153, 153, 0.2);
  }
}
.header .boxs .content .down .box .menu ul li:last-child {
  margin-right: 0;
}
.header .boxs .content .down .box .menu ul li .link {
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  .header .boxs .content .down .box .menu ul li .link {
    justify-content: space-between;
  }
}
.header .boxs .content .down .box .menu ul li .link a {
  height: 0.85rem;
  color: #fff;
  display: flex;
  align-items: center;
  transition: all 0.4s;
  padding: 0 0.3rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 1900px) {
  .header .boxs .content .down .box .menu ul li .link a {
    padding: 0 0.25rem;
  }
}
@media (max-width: 1281px) {
  .header .boxs .content .down .box .menu ul li .link a {
    padding: 0 0.17rem;
  }
}
.header .boxs .content .down .box .menu ul li .link a::before {
  content: '';
  width: calc(100% - 0.6rem);
  height: 2px;
  background: #9b0000;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  opacity: 0;
  transition: all 0.4s;
}
@media (max-width: 1900px) {
  .header .boxs .content .down .box .menu ul li .link a::before {
    width: calc(100% - 0.5rem);
  }
}
@media (max-width: 1281px) {
  .header .boxs .content .down .box .menu ul li .link a::before {
    width: calc(100% - 0.34rem);
  }
}
@media (max-width: 1024px) {
  .header .boxs .content .down .box .menu ul li .link a {
    color: #000;
    padding: 0;
  }
  .header .boxs .content .down .box .menu ul li .link a::before {
    width: 100%;
  }
}
.header .boxs .content .down .box .menu ul li .link i {
  width: 10px;
  height: 10px;
  display: flex;
  align-items: center;
}
@media (min-width: 1025px) {
  .header .boxs .content .down .box .menu ul li .link i {
    display: none;
  }
}
.header .boxs .content .down .box .menu ul li .link i svg {
  width: 100%;
  height: 100%;
  transform: rotateZ(90deg);
}
.header .boxs .content .down .box .menu ul li .link i svg path {
  fill: #000;
}
.header .boxs .content .down .box .menu ul li .s-menu {
  width: 100%;
  padding: 0 0.2rem 0.2rem;
  display: none;
}
.header .boxs .content .down .box .menu ul li .s-menu .s-link {
  margin-bottom: 0.15rem;
}
.header .boxs .content .down .box .menu ul li .s-menu .s-link:last-child {
  margin-bottom: 0;
}
.header .boxs .content .down .box .menu ul li .s-menu .s-link a {
  color: #000;
  line-height: 24px;
}
.header .boxs .content .down .box .menu ul li.on .link a {
  color: #9b0000;
}
.header .boxs .content .down .box .menu ul li.on .link a::before {
  opacity: 1;
}
.header .boxs .content .down .box .menu ul li.on .link i svg path {
  fill: #9b0000;
}
.header .boxs .content .down .box .right {
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  .header .boxs .content .down .box .right {
    width: 100%;
    margin-top: 0.2rem;
  }
}
.header .boxs .content .down .box .right .search {
  width: 0.75rem;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  cursor: pointer;
}
.header .boxs .content .down .box .right .search svg {
  width: 0.2rem;
  height: 0.2rem;
}
@media (max-width: 1024px) {
  .header .boxs .content .down .box .right .search svg {
    width: 0.26rem;
    height: 0.26rem;
  }
}
@media (max-width: 767px) {
  .header .boxs .content .down .box .right .search svg {
    width: 0.3rem;
    height: 0.3rem;
  }
}
.header .boxs .content .down .box .right .search svg path {
  fill: #fff;
  transition: all 0.4s;
}
@media (max-width: 1024px) {
  .header .boxs .content .down .box .right .search svg path {
    fill: #000;
  }
}
.header .boxs .content .down .box .right .language {
  height: 100%;
  display: flex;
  align-items: center;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0 0.2rem;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.header .boxs .content .down .box .right .language span {
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  transition: all 0.4s;
  margin: 0 8px;
}
@media (max-width: 1024px) {
  .header .boxs .content .down .box .right .language span {
    color: #000;
  }
}
.header .boxs .content .down .box .right .language svg path {
  fill: rgba(255, 255, 255, 0.6);
  transition: all 0.4s;
}
@media (max-width: 1024px) {
  .header .boxs .content .down .box .right .language svg path {
    fill: #000;
  }
}
.header .boxs .content .down .box .right .language .img2 {
  width: 14px;
  height: 14px;
  transform: rotateZ(90deg);
}
.header .boxs .content .down .box .right .language .lang-box {
  width: 120px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  padding: 10px 5px;
  display: none;
}
.header .boxs .content .down .box .right .language .lang-box a {
  display: block;
  text-align: center;
  margin-bottom: 5px;
  color: #000;
  transition: all 0.4s;
  padding: 0.1rem 0;
  border-radius: 3px;
}
.header .boxs .content .down .box .right .language .lang-box a:last-child {
  margin-bottom: 0;
}
.header .boxs .content .down .box .right .language .lang-box a:hover {
  color: #780009;
  background: rgba(0, 0, 0, 0.07);
}
.header .boxs .content .down .box .right .language:hover .lang-box {
  display: block;
}
.header .boxs .content .down .box .right .login {
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width: 1024px) {
  .header .boxs .content .down .box .right .login {
    margin-left: 0.5rem;
  }
}
.header .boxs .content .down .box .right .login .logins {
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.25rem;
  border-radius: 21px;
  background: #9b0000;
}
.header .boxs .content .down .box .right .login .logins i {
  width: 19px;
  height: 19px;
  margin-right: 0.15rem;
}
.header .boxs .content .down .box .right .login .logins i svg {
  width: 100%;
  height: 100%;
}
.header .boxs .content .down .box .right .login .logins i svg path {
  fill: #fff;
  transition: all 0.4s;
  opacity: 1;
}
.header .boxs .content .down .box .right .login .logins span {
  font-size: 14px;
  color: #fff;
}
.header .boxs .content .down .box .right .login .personal-pop {
  width: 2.5rem;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 99;
  padding: 0.1rem;
  display: none;
}
.header .boxs .content .down .box .right .login .personal-pop::before {
  content: '';
  width: 100%;
  height: calc(100% - 3px);
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}
.header .boxs .content .down .box .right .login .personal-pop .tops {
  position: relative;
  z-index: 2;
  padding: 0.25rem 0 0 0.14rem;
  display: flex;
}
.header .boxs .content .down .box .right .login .personal-pop .tops .icon {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  overflow: hidden;
}
.header .boxs .content .down .box .right .login .personal-pop .tops .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.header .boxs .content .down .box .right .login .personal-pop .tops .ts {
  margin-left: 0.1rem;
  padding-top: 0.06rem;
}
.header .boxs .content .down .box .right .login .personal-pop .tops .ts .t1 {
  color: #000;
  line-height: 20px;
}
.header .boxs .content .down .box .right .login .personal-pop .tops .ts .t2 {
  color: #666;
  font-weight: bold;
  line-height: 1;
  margin-top: 0.06rem;
}
.header .boxs .content .down .box .right .login .personal-pop ul {
  width: 100%;
  position: relative;
  z-index: 2;
  margin-top: 0.1rem;
}
.header .boxs .content .down .box .right .login .personal-pop ul li {
  width: 100%;
  transition: all 0.4s;
}
.header .boxs .content .down .box .right .login .personal-pop ul li a {
  width: 100%;
  height: 0.48rem;
  display: flex;
  align-items: center;
  padding: 0 0.22rem;
}
.header .boxs .content .down .box .right .login .personal-pop ul li a .icon {
  width: 0.2rem;
  height: 0.2rem;
}
.header .boxs .content .down .box .right .login .personal-pop ul li a .icon svg {
  width: 100%;
  height: 100%;
}
.header .boxs .content .down .box .right .login .personal-pop ul li a .icon svg path {
  fill: #666;
  opacity: 1;
  transition: all 0.4s;
}
.header .boxs .content .down .box .right .login .personal-pop ul li a .txt {
  font-size: 14px;
  color: #666;
  transition: all 0.4s;
  margin-left: 0.3rem;
}
.header .boxs .content .down .box .right .login .personal-pop ul li:hover {
  background: rgba(0, 0, 0, 0.03);
}
.header .boxs .content .down .box .right .login .personal-pop ul li:hover a .icon svg path {
  fill: #9b0000;
}
.header .boxs .content .down .box .right .login .personal-pop ul li:hover a .txt {
  color: #9b0000;
}
.header .boxs .content .down .box .right .login:hover .personal-pop {
  display: block;
}
.header.h-style2 {
  background: #ffff;
  box-shadow: 0 0 0.16rem 0 rgba(0, 0, 0, 0.03);
}
.header.h-style2 .logo a .logo1 {
  opacity: 0;
}
.header.h-style2 .logo a .logo2 {
  opacity: 1;
}
.header.h-style2 .close span {
  background: #000;
}
.header.h-style2 .boxs .content .top {
  border-bottom: 1px solid rgba(153, 153, 153, 0.2);
}
@media (max-width: 1024px) {
  .header.h-style2 .boxs .content .top {
    border-bottom: none;
  }
}
.header.h-style2 .boxs .content .top .box a::after {
  background: rgba(153, 153, 153, 0.2);
}
.header.h-style2 .boxs .content .top .box a svg path {
  fill: #666;
}
.header.h-style2 .boxs .content .top .box a span {
  color: #666;
}
.header.h-style2 .boxs .content .top .box a:hover svg path {
  fill: #9b0000;
}
.header.h-style2 .boxs .content .top .box a:hover span {
  color: #9b0000;
}
.header.h-style2 .boxs .content .down {
  border-bottom: none;
}
.header.h-style2 .boxs .content .down .box .menu ul li .link a {
  color: #000;
}
.header.h-style2 .boxs .content .down .box .menu ul li .link a:hover {
  color: #9b0000;
}
.header.h-style2 .boxs .content .down .box .menu ul li .link a:hover::before {
  opacity: 1;
}
.header.h-style2 .boxs .content .down .box .menu ul li.on .link a {
  color: #9b0000;
}
.header.h-style2 .boxs .content .down .box .menu ul li.on .link i svg path {
  fill: #9b0000;
}
.header.h-style2 .boxs .content .down .box .right .search {
  border-left: 1px solid rgba(153, 153, 153, 0.2);
}
@media (max-width: 1024px) {
  .header.h-style2 .boxs .content .down .box .right .search {
    border-left: none;
  }
}
.header.h-style2 .boxs .content .down .box .right .search svg path {
  fill: #999;
}
.header.h-style2 .boxs .content .down .box .right .search:hover svg path {
  fill: #9b0000;
}
.header.h-style2 .boxs .content .down .box .right .language {
  border-left: 1px solid rgba(153, 153, 153, 0.2);
}
@media (max-width: 1024px) {
  .header.h-style2 .boxs .content .down .box .right .language {
    border-left: none;
  }
}
.header.h-style2 .boxs .content .down .box .right .language span {
  color: #666;
}
.header.h-style2 .boxs .content .down .box .right .language svg path {
  fill: #666;
}
.header.h-style2 .boxs .content .down .box .right .language:hover svg path {
  fill: #9b0000;
}
.header.h-style2 .boxs .content .down .box .right .language:hover span {
  color: #9b0000;
}
.header .menu-box {
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  z-index: 90;
  display: none;
}
.header .menu-box .box {
  width: 1400px;
  max-width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding: 0.6rem 0 0.8rem;
}
.header .menu-box .box .tb1 {
  width: calc(330/1400*100%);
}
.header .menu-box .box .tb1 .t1 {
  color: #000;
  font-weight: bold;
  line-height: 1;
}
.header .menu-box .box .tb1 .t2 {
  color: #666;
  line-height: calc(26/16);
  margin-top: 0.25rem;
}
.header .menu-box .box .tb2 {
  width: calc(500/1400*100%);
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  position: relative;
}
.header .menu-box .box .tb2 ul {
  width: 100%;
}
.header .menu-box .box .tb2 ul li {
  width: 100%;
  margin-bottom: 0.08rem;
}
.header .menu-box .box .tb2 ul li .link {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-left: 2px solid transparent;
  transition: all 0.4s;
  padding: 5px 0.6rem 5px 0.58rem;
}
.header .menu-box .box .tb2 ul li .link a {
  color: #000;
  transition: all 0.4s;
  font-size: 16px;
  line-height: calc(26/16);
}
.header .menu-box .box .tb2 ul li .link i {
  width: 8px;
  height: 8px;
  display: flex;
  align-items: center;
}
.header .menu-box .box .tb2 ul li .link i svg {
  width: 100%;
  height: 100%;
}
.header .menu-box .box .tb2 ul li .link i svg path {
  fill: #fff;
  transition: all 0.4s;
}
.header .menu-box .box .tb2 ul li .s-menu {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  padding: 0 0.4rem 0 0.6rem;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  display: none;
}
.header .menu-box .box .tb2 ul li .s-menu.on {
  display: block;
}
.header .menu-box .box .tb2 ul li .s-menu .s-box {
  width: 100%;
}
.header .menu-box .box .tb2 ul li .s-menu .s-box .s-txt {
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header .menu-box .box .tb2 ul li .s-menu .s-box .s-txt a {
  color: #000;
  font-size: 16px;
  transition: all 0.4s;
}
.header .menu-box .box .tb2 ul li .s-menu .s-box .s-txt i {
  width: 10px;
  height: 10px;
  display: flex;
  align-items: center;
}
.header .menu-box .box .tb2 ul li .s-menu .s-box .s-txt i svg {
  width: 100%;
  height: 100%;
  transform: rotateZ(90deg);
}
.header .menu-box .box .tb2 ul li .s-menu .s-box .s-txt i svg path {
  fill: #000;
  transition: all 0.4s;
}
.header .menu-box .box .tb2 ul li .s-menu .s-box .s-lbox {
  width: 100%;
  padding: 0.18rem 0 0.18rem 0.1rem;
  display: none;
}
.header .menu-box .box .tb2 ul li .s-menu .s-box .s-lbox .s-link {
  width: 100%;
  margin-bottom: 0.15rem;
  display: flex;
}
.header .menu-box .box .tb2 ul li .s-menu .s-box .s-lbox .s-link:last-child {
  margin-bottom: 0;
}
.header .menu-box .box .tb2 ul li .s-menu .s-box .s-lbox .s-link a {
  color: #666;
  transition: all 0.4s;
  line-height: calc(24/16);
  background-image: linear-gradient(to bottom, rgba(155, 0, 0, 0) 93%, #9b0000 0%);
  background-size: 0 100%;
  background-repeat: no-repeat;
}
.header .menu-box .box .tb2 ul li .s-menu .s-box .s-lbox .s-link a:hover {
  color: #9b0000;
  background-size: 100% 100%;
}
.header .menu-box .box .tb2 ul li .s-menu .s-box:hover .s-txt a {
  color: #9b0000;
}
.header .menu-box .box .tb2 ul li .s-menu .s-box:hover .s-txt i svg path {
  fill: #9b0000;
}
.header .menu-box .box .tb2 ul li:hover .link,
.header .menu-box .box .tb2 ul li.on .link {
  border-left: 2px solid #9b0000;
}
.header .menu-box .box .tb2 ul li:hover .link a,
.header .menu-box .box .tb2 ul li.on .link a {
  color: #9b0000;
}
.header .menu-box .box .tb2 ul li:hover .link i svg path,
.header .menu-box .box .tb2 ul li.on .link i svg path {
  fill: #9b0000;
}
.header .menu-box .box .tb3 {
  width: calc(400/1400*100%);
}
.header .menu-box .box .tb3 a {
  display: block;
}
.header .menu-box .box .tb3 a .public-img {
  width: 100%;
}
.header .menu-box .box .tb3 a .public-img::before {
  padding-top: calc(236/400*100%);
}
.header .menu-box .box .tb3 a .txt {
  color: #333;
  line-height: calc(30/20);
  font-weight: bold;
  margin-top: 0.24rem;
  transition: all 0.4s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header .menu-box .box .tb3 a:hover .public-img img {
  transform: scale(1.1);
}
.header .menu-box .box .tb3 a:hover .txt {
  color: #9b0000;
}
.header .search-pop {
  width: 100%;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  padding: 1rem 0 0.8rem;
  display: none;
}
.header .search-pop .box {
  width: 1000px;
  max-width: 90%;
  margin: 0 auto;
  position: relative;
}
.header .search-pop .box .title {
  line-height: calc(46/36);
  color: #000;
}
.header .search-pop .box .search-close {
  width: 34px;
  height: 34px;
  cursor: pointer;
  position: absolute;
  top: 6px;
  right: 13px;
  z-index: 2;
  display: flex;
}
@media (max-width: 767px) {
  .header .search-pop .box .search-close {
    top: 0;
    right: 0;
  }
}
.header .search-pop .box .search-close svg {
  width: 60%;
  height: 60%;
}
.header .search-pop .box .search-close svg path {
  fill: #999;
  transition: all 0.4s;
}
.header .search-pop .box .search-close:hover svg path {
  fill: #9b0000;
}
.header .search-pop .box .search-box {
  width: 100%;
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 0.7rem;
}
.header .search-pop .box .search-box .txt {
  width: calc(100% - 60px);
  height: 0.6rem;
}
.header .search-pop .box .search-box .btn {
  width: 60px;
  height: 0.6rem;
  background: url(../images/search-red.svg) center center no-repeat;
}
.header .search-pop .box .hot-search {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.2rem;
}
.header .search-pop .box .hot-search span {
  line-height: 0.48rem;
  color: #999;
}
@media (max-width: 767px) {
  .header .search-pop .box .hot-search span {
    width: 100%;
    margin-bottom: 0.2rem;
  }
}
.header .search-pop .box .hot-search a {
  height: 0.48rem;
  display: flex;
  align-items: center;
  background: #9b0000;
  color: #fff;
  padding: 0 0.24rem;
  border-radius: 0.24rem;
  margin: 0 0.1rem 0.2rem;
}
.c-head-move {
  top: -130px;
}
@media (max-width: 1024px) {
  .c-head-move {
    top: -60px;
  }
}
/* 占位标签，设置导航样式 */
#c-placeholder {
  height: calc(40px + 0.87rem);
}
@media (max-width: 1024px) {
  #c-placeholder {
    height: 60px;
  }
}
.banner {
  width: 100%;
  position: relative;
}
.banner .swiper-container {
  width: 100%;
  height: 100vh;
}
.banner .swiper-container .swiper-slide {
  position: relative;
}
.banner .swiper-container .swiper-slide .img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.banner .swiper-container .swiper-slide .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 991px) {
  .banner .swiper-container .swiper-slide .img img.pc {
    display: none;
  }
}
.banner .swiper-container .swiper-slide .img img.mb {
  display: none;
}
@media (max-width: 991px) {
  .banner .swiper-container .swiper-slide .img img.mb {
    display: block;
  }
}
.banner .swiper-container .swiper-slide .video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.banner .swiper-container .swiper-slide .video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner .swiper-container .swiper-slide .container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
@media (max-width: 991px) {
  .banner .swiper-container .swiper-slide .container {
    width: 90%;
    text-align: center;
  }
}
.banner .swiper-container .swiper-slide .container .title {
  line-height: calc(80/60);
  color: #fff;
}
.banner .swiper-container .swiper-slide .container .more {
  display: flex;
  margin-top: 0.49rem;
}
@media (max-width: 991px) {
  .banner .swiper-container .swiper-slide .container .more {
    justify-content: center;
  }
}
.banner .swiper-container .swiper-pagination {
  bottom: 1rem;
  font-size: 0;
  display: flex;
  justify-content: center;
}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 1rem;
  height: 3px;
  background: rgba(255, 255, 255, 0.3);
  opacity: 1;
  margin: 0 0.1rem;
  border-radius: 0;
  display: flex;
  justify-content: flex-start;
}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet div {
  width: 0;
  height: 100%;
  background: #9b0000;
  transition-timing-function: linear;
}
.index-box1 {
  width: 100%;
  padding: 1.4rem 0;
  background: #f8f8f8 url(../images/index-box1-bg.png) center bottom no-repeat;
}
.index-box1 .container .list {
  width: 100%;
}
.index-box1 .container .list ul {
  width: calc(100% + 0.4rem);
  margin: 0 -0.2rem;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .index-box1 .container .list ul {
    width: 100%;
    margin: 0;
  }
}
.index-box1 .container .list ul li {
  width: calc(25% - 0.4rem);
  margin: 0 0.2rem 0.4rem;
  position: relative;
  background: #fff;
  transition: all 0.4s;
  cursor: pointer;
}
@media (max-width: 991px) {
  .index-box1 .container .list ul li {
    width: calc(50% - 0.4rem);
  }
}
@media (max-width: 767px) {
  .index-box1 .container .list ul li {
    width: 100%;
    margin: 0 0 0.4rem;
  }
}
.index-box1 .container .list ul li .img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.index-box1 .container .list ul li .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-box1 .container .list ul li .tbox {
  width: 100%;
  position: relative;
  z-index: 2;
  padding: 0.3rem 0.24rem 0.24rem;
}
.index-box1 .container .list ul li .tbox .icon {
  width: 34px;
  height: 30px;
}
.index-box1 .container .list ul li .tbox .icon svg path {
  opacity: 1;
  transition: all 0.4s;
}
.index-box1 .container .list ul li .tbox .icon svg .cls-1 {
  fill: #000;
}
.index-box1 .container .list ul li .tbox .t1 {
  line-height: calc(34/24);
  color: #000;
  transition: all 0.4s;
  margin-top: 0.54rem;
}
.index-box1 .container .list ul li .tbox .t2 {
  color: #666;
  line-height: calc(26/16);
  height: calc(26/16*2em);
  margin-top: 8px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  transition: all 0.4s;
}
.index-box1 .container .list ul li .tbox .more {
  display: flex;
  margin-top: 0.24rem;
}
.index-box1 .container .list ul li .tbox .more a {
  display: flex;
  align-items: center;
}
.index-box1 .container .list ul li .tbox .more a span {
  color: #999;
  transition: all 0.4s;
}
.index-box1 .container .list ul li .tbox .more a i {
  width: 10px;
  height: 10px;
  display: flex;
  align-items: center;
  margin-left: 0.17rem;
}
.index-box1 .container .list ul li .tbox .more a i svg {
  width: 100%;
  transform: rotateZ(45deg);
}
.index-box1 .container .list ul li .tbox .more a i svg path {
  fill: #333;
  transition: all 0.4s;
}
.index-box1 .container .list ul li:hover,
.index-box1 .container .list ul li.on {
  background: #a00e0e;
}
.index-box1 .container .list ul li:hover .tbox .icon svg path,
.index-box1 .container .list ul li.on .tbox .icon svg path {
  fill: #fff;
  opacity: 1;
}
.index-box1 .container .list ul li:hover .tbox .t1,
.index-box1 .container .list ul li.on .tbox .t1 {
  color: #fff;
}
.index-box1 .container .list ul li:hover .tbox .t2,
.index-box1 .container .list ul li.on .tbox .t2 {
  color: rgba(255, 255, 255, 0.7);
}
.index-box1 .container .list ul li:hover .tbox .more span,
.index-box1 .container .list ul li.on .tbox .more span {
  color: rgba(255, 255, 255, 0.6);
}
.index-box1 .container .list ul li:hover .tbox .more i svg path,
.index-box1 .container .list ul li.on .tbox .more i svg path {
  fill: rgba(255, 255, 255, 0.6);
}
.index-box1 .container .list2 {
  width: 100%;
  background: #fff;
}
@media (max-width: 767px) {
  .index-box1 .container .list2 {
    display: none;
  }
}
.index-box1 .container .list2 ul li {
  width: 100%;
  padding: 0.35rem 0.4rem;
  display: none;
}
.index-box1 .container .list2 ul li .t1 {
  color: #000;
  font-weight: bold;
  line-height: calc(34/24);
}
.index-box1 .container .list2 ul li .tbox {
  width: 100%;
  margin-top: 0.12rem;
  position: relative;
}
.index-box1 .container .list2 ul li .tbox .ts1 {
  width: 100%;
  display: flex;
  line-height: calc(26/20);
}
.index-box1 .container .list2 ul li .tbox .ts1 span {
  font-weight: bold;
  color: #000;
  flex-shrink: 0;
}
.index-box1 .container .list2 ul li .tbox .ts1 .tb {
  display: flex;
  flex-wrap: wrap;
}
.index-box1 .container .list2 ul li .tbox .ts1 .tb a {
  color: #999;
  text-transform: uppercase;
  font-weight: bold;
  transition: all 0.4s;
  margin-left: 0.2rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .index-box1 .container .list2 ul li .tbox .ts1 .tb a {
    margin-bottom: 0.1rem;
  }
}
.index-box1 .container .list2 ul li .tbox .ts1 .tb a:hover {
  color: #9b0000;
}
.index-box1 .container .list2 ul li .tbox .ts1 .tb a.on {
  color: #9b0000;
}
.index-box1 .container .list2 ul li .tbox .ts1 .tb a.on::after {
  content: '';
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #9b0000;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.index-box1 .container .list2 ul li .tbox .tbox2 {
  width: 100%;
  height: 3.35rem;
  margin-top: 0.32rem;
  overflow-y: auto;
  position: relative;
  z-index: 1;
}
.index-box1 .container .list2 ul li .tbox .ts2 {
  width: 100%;
  position: relative;
  z-index: 1;
}
.index-box1 .container .list2 ul li .tbox .ts2 .tb {
  width: 100%;
  display: flex;
  margin-bottom: 0.1rem;
}
.index-box1 .container .list2 ul li .tbox .ts2 .tb .letter {
  width: 50px;
  color: #000;
  position: relative;
}
.index-box1 .container .list2 ul li .tbox .ts2 .tb .letter::after {
  content: '';
  width: 1px;
  height: 12px;
  position: absolute;
  left: 25px;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.1);
}
.index-box1 .container .list2 ul li .tbox .ts2 .tb .txt {
  display: flex;
  flex-wrap: wrap;
}
.index-box1 .container .list2 ul li .tbox .ts2 .tb .txt a {
  color: #999;
  transition: all 0.4s;
  position: relative;
  margin-right: 0.45rem;
}
.index-box1 .container .list2 ul li .tbox .ts2 .tb .txt a::before {
  content: '';
  width: 0;
  height: 1px;
  background: #9b0000;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all 0.4s;
}
.index-box1 .container .list2 ul li .tbox .ts2 .tb .txt a:hover {
  color: #9b0000;
}
.index-box1 .container .list2 ul li .tbox .ts2 .tb .txt a:hover::before {
  width: 100%;
}
.index-box1 .container .list2 ul li.on {
  display: block;
}
.index-box2 {
  width: 100%;
  padding: 1.3rem 0 1.1rem;
  background: #fff url(../images/index-box2-bg.png) center bottom no-repeat;
}
.index-box2 .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.index-box2 .container .left {
  width: calc(920/1400*100%);
}
@media (max-width: 991px) {
  .index-box2 .container .left {
    width: 100%;
  }
}
.index-box2 .container .left .title {
  color: #000;
  line-height: calc(60/48);
  font-weight: bold;
  position: relative;
}
.index-box2 .container .left .title::before {
  content: '';
  width: 1.15rem;
  height: 1.15rem;
  background: url(../images/index-box2-logo.png) center center no-repeat;
  background-size: contain;
  position: absolute;
  left: -0.31rem;
  top: -0.42rem;
  pointer-events: none;
}
.index-box2 .container .left .list {
  width: 100%;
  margin-top: 0.53rem;
}
.index-box2 .container .left .list ul {
  width: calc(100% + 0.4rem);
  margin: 0 -0.2rem;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .index-box2 .container .left .list ul {
    width: 100%;
    margin: 0;
  }
}
.index-box2 .container .left .list ul li {
  width: calc(50% - 0.4rem);
  margin: 0 0.2rem 0.3rem;
}
@media (max-width: 767px) {
  .index-box2 .container .left .list ul li {
    width: 100%;
    margin: 0 0 0.3rem;
  }
}
.index-box2 .container .left .list ul li a {
  display: block;
}
.index-box2 .container .left .list ul li a .public-img {
  width: 100%;
}
.index-box2 .container .left .list ul li a .public-img::before {
  padding-top: calc(260/440*100%);
}
.index-box2 .container .left .list ul li a .tbox {
  width: 100%;
  margin-top: 0.14rem;
}
.index-box2 .container .left .list ul li a .tbox .time {
  color: #999;
  font-weight: bold;
}
.index-box2 .container .left .list ul li a .tbox .txt {
  width: 100%;
  color: #000;
  line-height: calc(34/24);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
  margin-top: 8px;
}
.index-box2 .container .left .list ul li a .tbox .txt span {
  background-image: linear-gradient(to bottom, rgba(155, 0, 0, 0) 93%, #9b0000 0%);
  background-size: 0 100%;
  background-repeat: no-repeat;
  transition: all 0.4s;
}
.index-box2 .container .left .list ul li a .tbox .more {
  display: flex;
  align-items: center;
  margin-top: 0.22rem;
}
.index-box2 .container .left .list ul li a .tbox .more span {
  width: 65px;
  height: 24px;
  color: #999;
  transition: all 0.4s;
  overflow: hidden;
  line-height: calc(24/16);
  display: block;
}
.index-box2 .container .left .list ul li a .tbox .more i {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s;
}
.index-box2 .container .left .list ul li a .tbox .more i svg {
  width: 8px;
  height: 8px;
  transition: all 0.4s;
  transform: rotateZ(45deg);
}
.index-box2 .container .left .list ul li a .tbox .more i svg path {
  fill: #999;
  transition: all 0.4s;
}
.index-box2 .container .left .list ul li:hover a .public-img img {
  transform: scale(1.1);
}
.index-box2 .container .left .list ul li:hover a .tbox .time {
  color: #780009;
}
.index-box2 .container .left .list ul li:hover a .tbox .txt {
  color: #780009;
}
.index-box2 .container .left .list ul li:hover a .tbox .txt span {
  background-size: 100% 100%;
}
.index-box2 .container .left .list ul li:hover a .tbox .more span {
  width: 0;
}
.index-box2 .container .left .list ul li:hover a .tbox .more i {
  background: #780009;
}
.index-box2 .container .left .list ul li:hover a .tbox .more i svg {
  transform: rotateZ(0);
}
.index-box2 .container .left .list ul li:hover a .tbox .more i svg path {
  fill: #fff;
}
.index-box2 .container .right {
  width: calc(440/1400*100%);
}
@media (max-width: 991px) {
  .index-box2 .container .right {
    width: 100%;
    margin-top: 0.8rem;
  }
}
.index-box2 .container .right .menu {
  width: 100%;
}
.index-box2 .container .right .menu ul {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 991px) {
  .index-box2 .container .right .menu ul {
    justify-content: center;
  }
}
.index-box2 .container .right .menu ul li {
  display: flex;
  margin-right: 0.2rem;
}
.index-box2 .container .right .menu ul li:last-child {
  margin-right: 0;
}
.index-box2 .container .right .menu ul li a {
  min-width: 1.24rem;
  height: 0.54rem;
  padding: 0 0.2rem;
  border-radius: 0.27rem;
  color: #999;
  transition: all 0.4s;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #999;
}
@media (max-width: 991px) {
  .index-box2 .container .right .menu ul li a {
    height: 0.68rem;
    border-radius: 0.34rem;
  }
}
.index-box2 .container .right .menu ul li:hover a,
.index-box2 .container .right .menu ul li.on a {
  background: #9b0000;
  border: 1px solid #9b0000;
  color: #fff;
}
.index-box2 .container .right .list {
  width: 100%;
  background: #9b0000;
  margin-top: 0.6rem;
}
@media (max-width: 1260px) {
  .index-box2 .container .right .list {
    margin-top: 0.5rem;
  }
}
.index-box2 .container .right .list ul {
  width: 100%;
  padding: 0.36rem 0.3rem 0.26rem;
}
.index-box2 .container .right .list ul li {
  width: 100%;
  margin-bottom: 0.26rem;
}
.index-box2 .container .right .list ul li:last-child {
  margin-bottom: 0;
}
.index-box2 .container .right .list ul li a .t1 {
  color: rgba(255, 255, 255, 0.6);
  line-height: calc(20/16);
}
.index-box2 .container .right .list ul li a .t2 {
  color: #fff;
  line-height: calc(30/20);
  font-weight: bold;
  height: calc(30/20*2em);
  margin-top: 8px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.index-box2 .container .right .list ul li a .t2 span {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 93%, #fff 0%);
  background-size: 0 100%;
  background-repeat: no-repeat;
  transition: all 0.4s;
}
.index-box2 .container .right .list ul li:hover a .t2 span {
  background-size: 100% 100%;
}
.index-box2 .container .right .list .more {
  width: 100%;
  padding: 0.37rem 0 0.35rem;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  justify-content: center;
}
.index-box2 .container .right .list .more a {
  display: flex;
  align-items: center;
}
.index-box2 .container .right .list .more a span {
  color: #fff;
}
.index-box2 .container .right .list .more a i {
  width: 8px;
  height: 8px;
  display: flex;
  align-content: center;
  margin-left: 0.2rem;
}
.index-box2 .container .right .list .more a i svg {
  transform: rotateZ(45deg);
}
.index-box2 .container .right .list .more a i svg path {
  fill: #fff;
}
.index-box3 {
  width: 100%;
  height: 100vh;
  position: relative;
  padding: 1.32rem 0 1rem;
  overflow: hidden;
}
.index-box3 .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.index-box3 .bg::after {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
.index-box3 .bg ul {
  width: 100%;
  height: 100%;
}
.index-box3 .bg ul li {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
  opacity: 0;
  transition: all 0.4s;
}
.index-box3 .bg ul li.on {
  z-index: 3;
  opacity: 1;
}
.index-box3 .bg ul li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-box3 .container {
  height: 100%;
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .index-box3 .container {
    padding-bottom: 1rem;
  }
}
.index-box3 .container .title {
  color: #fff;
  line-height: calc(60/48);
  font-weight: bold;
  position: relative;
}
.index-box3 .container .title::before {
  content: '';
  width: 1.15rem;
  height: 1.15rem;
  background: url(../images/index-box3-icon.png) center center no-repeat;
  background-size: contain;
  position: absolute;
  left: -0.31rem;
  top: -0.42rem;
  pointer-events: none;
}
.index-box3 .container .list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  margin-top: auto;
}
.index-box3 .container .list .swiper-container {
  width: calc(920/1400*100%);
  overflow: visible;
  clip-path: inset(0 -100vw 0 0);
  margin: 0;
}
@media (max-width: 991px) {
  .index-box3 .container .list .swiper-container {
    width: 100%;
    clip-path: inset(0 0 0 0);
    overflow: hidden;
  }
}
.index-box3 .container .list .swiper-container .swiper-slide {
  position: relative;
}
.index-box3 .container .list .swiper-container .swiper-slide .public-img {
  width: 100%;
}
.index-box3 .container .list .swiper-container .swiper-slide .public-img::before {
  padding-top: calc(260/440*100%);
}
.index-box3 .container .list .swiper-container .swiper-slide .public-img::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}
.index-box3 .container .list .swiper-container .swiper-slide .txt {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0.26rem;
  z-index: 2;
  padding: 0 0.3rem;
  display: flex;
  align-items: center;
}
.index-box3 .container .list .swiper-container .swiper-slide .txt span {
  color: #fff;
  line-height: calc(34/24);
}
.index-box3 .container .list .swiper-container .swiper-slide .txt i {
  width: 16px;
  height: 10px;
  display: flex;
  align-items: center;
  margin-left: 0.12rem;
  opacity: 0;
  transition: all 0.4s;
}
.index-box3 .container .list .swiper-container .swiper-slide .txt i svg path {
  fill: #fff;
  opacity: 1;
}
.index-box3 .container .list .swiper-container .swiper-slide:hover .public-img img {
  transform: scale(1.1);
}
.index-box3 .container .list .swiper-container .swiper-slide-active .public-img::after {
  background: linear-gradient(to top, #9b0000, rgba(155, 0, 0, 0));
}
.index-box3 .container .list .swiper-container .swiper-slide-active .txt i {
  opacity: 1;
}
.index-box3 .container .list .ck {
  display: flex;
  margin-bottom: 0.26rem;
  position: relative;
  z-index: 2;
}
@media (max-width: 991px) {
  .index-box3 .container .list .ck {
    width: 100%;
    position: relative;
    justify-content: center;
    margin-top: 0.5rem;
  }
}
.index-box3 .container .list .ck .prev,
.index-box3 .container .list .ck .next {
  width: 0.64rem;
  height: 0.64rem;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.4);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s;
}
.index-box3 .container .list .ck .prev svg,
.index-box3 .container .list .ck .next svg {
  width: 16px;
}
.index-box3 .container .list .ck .prev svg path,
.index-box3 .container .list .ck .next svg path {
  fill: #fff;
  opacity: 1;
}
.index-box3 .container .list .ck .prev:hover,
.index-box3 .container .list .ck .next:hover {
  background: #9b0000;
  border: 1px solid #9b0000;
}
.index-box3 .container .list .ck .prev {
  margin-right: 0.2rem;
}
.index-box3 .container .list .ck .prev svg {
  transform: rotateZ(180deg);
}
.index-box3 .container .more {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
}
@media (max-width: 767px) {
  .index-box3 .container .more {
    width: 100%;
    top: initial;
    bottom: 0;
    justify-content: center;
  }
}
.index-box4 {
  width: 100%;
  padding: 1.32rem 0 1.34rem;
  background: url(../images/index-box4-bg.png) left -1.27rem no-repeat;
  background-size: cover;
}
.index-box4 .container {
  position: relative;
}
.index-box4 .container .title {
  color: #000;
  line-height: calc(60/48);
  font-weight: bold;
  position: relative;
}
.index-box4 .container .title::before {
  content: '';
  width: 1.15rem;
  height: 1.15rem;
  background: url(../images/index-box4-icon.png) center center no-repeat;
  background-size: contain;
  position: absolute;
  left: -0.31rem;
  top: -0.42rem;
  pointer-events: none;
}
.index-box4 .container .list {
  width: 100%;
  margin-top: 0.6rem;
  position: relative;
}
.index-box4 .container .list .swiper-container .swiper-slide a {
  width: 100%;
  display: block;
}
.index-box4 .container .list .swiper-container .swiper-slide a .public-img {
  width: 100%;
}
.index-box4 .container .list .swiper-container .swiper-slide a .public-img::before {
  padding-top: calc(560/440*100%);
}
.index-box4 .container .list .swiper-container .swiper-slide a .txt {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 0.24rem;
  margin-top: 0.25rem;
}
.index-box4 .container .list .swiper-container .swiper-slide a .txt span {
  color: #000;
  line-height: calc(34/24);
  background-image: linear-gradient(to bottom, rgba(155, 0, 0, 0) 93%, #9b0000 0%);
  background-size: 0 100%;
  background-repeat: no-repeat;
  transition: all 0.4s;
}
.index-box4 .container .list .swiper-container .swiper-slide a .txt i {
  width: 16px;
  height: 10px;
  display: flex;
  align-items: center;
  margin-left: 0.1rem;
  opacity: 0;
  transition: all 0.4s;
}
.index-box4 .container .list .swiper-container .swiper-slide a .txt i svg path {
  fill: #9b0000;
}
.index-box4 .container .list .swiper-container .swiper-slide a:hover .public-img img {
  transform: scale(1.1);
}
.index-box4 .container .list .swiper-container .swiper-slide a:hover .txt span {
  color: #9b0000;
  background-size: 100% 100%;
}
.index-box4 .container .list .swiper-container .swiper-slide a:hover .txt i {
  opacity: 1;
}
.index-box4 .container .list .ck {
  display: flex;
  margin-bottom: 0.26rem;
}
@media (max-width: 991px) {
  .index-box4 .container .list .ck {
    width: 100%;
    position: relative;
    justify-content: center;
    margin-top: 0.5rem;
  }
}
.index-box4 .container .list .ck .prev,
.index-box4 .container .list .ck .next {
  width: 0.64rem;
  height: 0.64rem;
  border-radius: 50%;
  border: 1px solid #9b0000;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s;
  position: absolute;
  top: 2.48rem;
}
@media (max-width: 991px) {
  .index-box4 .container .list .ck .prev,
  .index-box4 .container .list .ck .next {
    position: relative;
    top: initial;
    margin: 0 0.1rem;
  }
}
.index-box4 .container .list .ck .prev svg,
.index-box4 .container .list .ck .next svg {
  width: 16px;
}
.index-box4 .container .list .ck .prev svg path,
.index-box4 .container .list .ck .next svg path {
  fill: #9b0000;
  transition: all 0.4s;
}
.index-box4 .container .list .ck .prev:hover,
.index-box4 .container .list .ck .next:hover {
  background: #9b0000;
  border: 1px solid #9b0000;
}
.index-box4 .container .list .ck .prev:hover svg path,
.index-box4 .container .list .ck .next:hover svg path {
  fill: #fff;
}
.index-box4 .container .list .ck .prev {
  left: -1.24rem;
}
@media (max-width: 1260px) {
  .index-box4 .container .list .ck .prev {
    left: -0.75rem;
  }
}
@media (max-width: 991px) {
  .index-box4 .container .list .ck .prev {
    left: initial;
  }
}
.index-box4 .container .list .ck .prev svg {
  transform: rotateZ(180deg);
}
.index-box4 .container .list .ck .next {
  right: -1.24rem;
}
@media (max-width: 1260px) {
  .index-box4 .container .list .ck .next {
    right: -0.75rem;
  }
}
@media (max-width: 991px) {
  .index-box4 .container .list .ck .next {
    right: initial;
  }
}
.index-box4 .container .more {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
}
@media (max-width: 991px) {
  .index-box4 .container .more {
    position: relative;
    right: initial;
    top: initial;
    justify-content: center;
    margin-top: 0.5rem;
  }
}
.index-box5 {
  width: 100%;
  background: #f9f9f9 url(../images/index-box5-bg.png) center bottom no-repeat;
  padding: 1.32rem 0;
  position: relative;
  overflow: hidden;
}
.index-box5 .container .title {
  color: #000;
  line-height: calc(60/48);
  font-weight: bold;
  position: relative;
}
.index-box5 .container .title::before {
  content: '';
  width: 1.15rem;
  height: 1.15rem;
  background: url(../images/index-box4-icon.png) center center no-repeat;
  background-size: contain;
  position: absolute;
  left: -0.31rem;
  top: -0.42rem;
  pointer-events: none;
}
.index-box5 .list {
  width: 100%;
  margin-top: 0.6rem;
  position: relative;
}
.index-box5 .list::before {
  content: '';
  width: 30%;
  height: 100%;
  background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.index-box5 .list::after {
  content: '';
  width: 30%;
  height: 100%;
  background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.index-box5 .list .item {
  height: 0.9rem;
}
.index-box5 .list .item ul {
  display: flex;
}
.index-box5 .list .item ul li {
  width: 1.9rem;
  height: 0.8rem;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin: 0 0.12rem 0.1rem 0;
}
.index-box5 .list .item ul li img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.index-box5 .list .item2 {
  display: flex;
  justify-content: flex-end;
  position: relative;
}
.index-box5 .list .item2 ul {
  position: absolute;
  right: 0;
}
.footer {
  width: 100%;
  padding: 0 0.8rem;
  background: #970507 url(../images/footer-bg.jpg) bottom center no-repeat;
}
@media (max-width: 991px) {
  .footer {
    padding: 0 5%;
  }
}
.footer .box {
  width: 100%;
}
.footer .box .top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.footer .box .top .left {
  width: calc(1380/1760*100%);
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0.43rem 0 0;
}
@media (max-width: 1024px) {
  .footer .box .top .left {
    width: 100%;
    border-right: none;
  }
}
.footer .box .top .left .logo {
  display: flex;
}
.footer .box .top .left .logo a {
  width: 2.63rem;
  height: 0.5rem;
  display: flex;
}
@media (max-width: 991px) {
  .footer .box .top .left .logo a {
    width: auto;
    height: 40px;
  }
}
.footer .box .top .left .logo a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer .box .top .left .menu {
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  margin-top: 0.43rem;
  padding-top: 0.56rem;
}
@media (max-width: 991px) {
  .footer .box .top .left .menu {
    display: none;
  }
}
.footer .box .top .left .menu ul {
  display: flex;
  flex-wrap: wrap;
}
.footer .box .top .left .menu ul li {
  width: 1.88rem;
}
@media (max-width: 1260px) {
  .footer .box .top .left .menu ul li {
    width: auto;
    min-width: 1.8rem;
  }
}
.footer .box .top .left .menu ul li .t1 {
  font-weight: bold;
  color: #fff;
  line-height: calc(24/18);
}
.footer .box .top .left .menu ul li .line {
  width: 16px;
  height: 3px;
  background: rgba(255, 255, 255, 0.7);
  margin: 0.25rem 0 0.2rem;
}
.footer .box .top .left .menu ul li .t2 {
  display: flex;
  margin-bottom: 0.12rem;
}
.footer .box .top .left .menu ul li .t2 a {
  color: #fff;
  transition: all 0.4s;
  line-height: calc(34/24);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 95%, #ffffff 0%);
  background-size: 0 100%;
  background-repeat: no-repeat;
}
.footer .box .top .left .menu ul li .t2 a:hover {
  background-size: 100% 100%;
}
.footer .box .top .right {
  width: calc(380/1760*100%);
  padding: 0.52rem 0 0 0.5rem;
  min-height: 6.2rem;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  position: relative;
}
@media (max-width: 1024px) {
  .footer .box .top .right {
    width: 100%;
    padding: 0.52rem 0;
    min-height: auto;
  }
}
.footer .box .top .right .tel {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  line-height: calc(24/18);
  color: #fff;
  margin-bottom: 0.32rem;
}
.footer .box .top .right .tel span {
  width: 100%;
  color: #fff;
  line-height: 1;
  margin-top: 0.1rem;
  white-space: nowrap;
  font-family: cursive;
  font-weight: bold;
}
.footer .box .top .right .lx {
  width: 100%;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 0.1rem;
}
.footer .box .top .right .lx span {
  color: #fff;
  display: block;
  margin-bottom: 5px;
}
.footer .box .top .right .focus {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  bottom: 0.3rem;
}
@media (max-width: 1024px) {
  .footer .box .top .right .focus {
    width: 50%;
    right: 0;
    top: 0.52rem;
    bottom: initial;
    justify-content: flex-end;
  }
}
@media (max-width: 767px) {
  .footer .box .top .right .focus {
    position: relative;
    bottom: initial;
    top: initial;
    width: 100%;
    justify-content: flex-start;
    margin-top: 0.3rem;
  }
}
.footer .box .top .right .focus a {
  width: 22px;
  height: 22px;
  display: flex;
  margin-right: 0.35rem;
  position: relative;
  z-index: 1;
}
.footer .box .top .right .focus a img,
.footer .box .top .right .focus a svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0.7;
  transition: all 0.4s;
}
.footer .box .top .right .focus a img path,
.footer .box .top .right .focus a svg path {
  opacity: 1;
  fill: #fff;
}
.footer .box .top .right .focus a .ewm {
  width: 120px;
  height: 120px;
  background: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
  z-index: 2;
  padding: 5px;
  border-radius: 3px;
  display: none;
}
.footer .box .top .right .focus a .ewm img {
  opacity: 1;
}
.footer .box .top .right .focus a:hover img,
.footer .box .top .right .focus a:hover svg {
  opacity: 1;
}
.footer .box .top .right .focus a:hover .ewm {
  display: block;
}
.footer .box .down {
  width: 100%;
  padding: 0.3rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.footer .box .down .left {
  color: rgba(255, 255, 255, 0.2);
  font-size: 14px;
  line-height: 20px;
}
@media (max-width: 991px) {
  .footer .box .down .left {
    width: 100%;
    text-align: center;
  }
}
.footer .box .down .left a {
  color: rgba(255, 255, 255, 0.2);
}
.footer .box .down .right {
  display: flex;
}
@media (max-width: 991px) {
  .footer .box .down .right {
    width: 100%;
    justify-content: center;
    margin-top: 0.1rem;
  }
}
.footer .box .down .right a {
  color: #d0b9ba;
  font-size: 14px;
  line-height: 20px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 93%, #ffffff 0%);
  background-size: 0 100%;
  background-repeat: no-repeat;
  transition: all 0.4s;
  margin-right: 0.34rem;
}
.footer .box .down .right a:last-child {
  margin-right: 0;
}
.footer .box .down .right a:hover {
  color: #fff;
  background-size: 100% 100%;
}
.info-banner {
  width: 100%;
  position: relative;
}
.info-banner .img {
  width: 100%;
  height: 6.4rem;
  position: relative;
}
.info-banner .img::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.2);
}
.info-banner .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 991px) {
  .info-banner .img .pc {
    display: none;
  }
}
.info-banner .img .mb {
  display: none;
}
@media (max-width: 991px) {
  .info-banner .img .mb {
    display: block;
  }
}
.info-banner .container {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.info-banner .container .title {
  line-height: calc(58/48);
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.info-banner .container .txt {
  line-height: calc(30/20);
  color: #fff;
  text-align: center;
  margin-top: 0.18rem;
}
.info-menu {
  width: 100%;
  background: #fff;
}
.info-menu .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.info-menu .container .page-name {
  color: #9b0000;
  border-bottom: 2px solid #9b0000;
  padding: 0.24rem 0 0.2rem;
  line-height: 24px;
}
.info-menu .container .page-menu ul {
  display: flex;
}
.info-menu .container .page-menu ul li {
  margin-right: 0.8rem;
  display: flex;
}
.info-menu .container .page-menu ul li:last-child {
  margin-right: 0;
}
.info-menu .container .page-menu ul li a {
  color: #999;
  border-bottom: 2px solid transparent;
  padding: 0.24rem 0 0.2rem;
  line-height: 24px;
  transition: all 0.4s;
}
.info-menu .container .page-menu ul li:hover a {
  color: #9b0000;
}
.info-menu .container .page-menu ul li.on a {
  color: #9b0000;
  border-bottom: 2px solid #9b0000;
}
.breadcrumbs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 14px;
  line-height: 24px;
  padding: 0.23rem 0;
}
@media (max-width: 767px) {
  .breadcrumbs {
    width: 100%;
  }
}
.breadcrumbs a {
  color: #999;
  transition: all 0.4s;
}
.breadcrumbs a:hover {
  color: #9b0000;
}
.breadcrumbs i {
  color: #999;
  font-style: initial;
  margin: 0 0.1rem;
}
.breadcrumbs span {
  color: #666;
}
.public-menus {
  width: calc(300/1400*100%);
  min-height: 3.8rem;
  background: #fff;
  position: sticky;
  position: -webkit-sticky;
  top: 1.5rem;
}
@media (max-width: 991px) {
  .public-menus {
    width: 100%;
    position: relative;
    top: initial;
  }
}
.public-menus .titles {
  width: 100%;
  height: 0.6rem;
  background: #9b0000;
  padding: 0 0.3rem;
  display: flex;
  align-items: center;
  color: #fff;
  font-weight: bold;
}
.public-menus .menu-box {
  width: 100%;
  padding-top: 0.2rem;
}
.public-menus .public-menu {
  position: relative;
  width: 100%;
  padding: 0 0.3rem 0.2rem;
}
.public-menus .public-menu:nth-child(3) {
  padding: 0 0.3rem 0.2rem;
}
@media (max-width: 991px) {
  .public-menus .public-menu {
    width: 100%;
    position: relative;
    top: initial;
  }
}
.public-menus .public-menu .top {
  width: 100%;
  display: flex;
  align-items: center;
  padding-bottom: 0.15rem;
  border-bottom: 1px solid rgba(1, 1, 1, 0.1);
  margin-bottom: 0.17rem;
  cursor: pointer;
}
.public-menus .public-menu .top .icons {
  width: 19px;
  height: 100%;
  margin-right: 0.12rem;
}
.public-menus .public-menu .top .title {
  line-height: calc(28/18);
  color: #000;
  font-weight: bold;
}
.public-menus .public-menu .top i {
  width: 14px;
  height: 14px;
  margin-left: auto;
  display: flex;
  align-items: center;
}
.public-menus .public-menu .top i svg {
  width: 100%;
  height: 100%;
  transform: rotateZ(90deg);
  transition: all 0.4s;
}
.public-menus .public-menu .top i svg path {
  fill: #999;
}
.public-menus .public-menu .list {
  width: 100%;
  display: none;
}
.public-menus .public-menu .list ul li {
  width: 100%;
  margin-bottom: 5px;
  transition: all 0.4s;
}
.public-menus .public-menu .list ul li:last-child {
  margin-bottom: 0;
}
.public-menus .public-menu .list ul li a {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  transition: all 0.4s;
  padding-left: 0.36rem;
}
.public-menus .public-menu .list ul li:hover,
.public-menus .public-menu .list ul li.on {
  background: rgba(155, 0, 0, 0.1);
}
.public-menus .public-menu .list ul li:hover a,
.public-menus .public-menu .list ul li.on a {
  color: #9b0000;
}
.public-menus .public-menu.on .top i svg {
  transform: rotateZ(-90deg);
}
.public-menus.product-menus {
  background: transparent;
  position: relative;
  top: initial;
}
.public-menus.product-menus .product-mtit {
  width: 100%;
  height: 0.6rem;
  padding: 0 0.3rem;
  background: #9b0000;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1260px) {
  .public-menus.product-menus .product-mtit {
    height: 0.8rem;
  }
}
.public-menus.product-menus .product-mtit span {
  color: #fff;
  line-height: 1;
  font-weight: bold;
}
.public-menus.product-menus .product-mtit .reset {
  display: flex;
  align-items: center;
  color: #fff;
  cursor: pointer;
}
.public-menus.product-menus .product-mtit .reset svg {
  width: 14px;
  height: 14px;
  margin-right: 8px;
}
.public-menus.product-menus .product-mtit .reset svg path {
  fill: #fff;
  opacity: 1;
}
.public-menus.product-menus .menu-box {
  background: #fff;
}
.public-menus.product-menus .menu-box .public-menu .list ul li {
  padding: 0 8px;
  display: flex;
  align-items: center;
}
.public-menus.product-menus .menu-box .public-menu .list ul li i {
  width: 16px;
  height: 16px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  transition: all 0.4s;
  flex-shrink: 0;
}
.public-menus.product-menus .menu-box .public-menu .list ul li i::before {
  content: '';
  width: 7px;
  height: 3px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotateZ(-45deg);
  margin-top: -1px;
  opacity: 0;
  transition: all 0.4s;
}
.public-menus.product-menus .menu-box .public-menu .list ul li a {
  padding-left: 0.1rem;
}
.public-menus.product-menus .menu-box .public-menu .list ul li:hover {
  background: none;
}
.public-menus.product-menus .menu-box .public-menu .list ul li:hover a {
  color: #9b0000;
}
.public-menus.product-menus .menu-box .public-menu .list ul li.on {
  background: none;
}
.public-menus.product-menus .menu-box .public-menu .list ul li.on i {
  border: 1px solid #9b0000;
  background: #9b0000;
}
.public-menus.product-menus .menu-box .public-menu .list ul li.on i::before {
  opacity: 1;
}
.public-menus.product-menus .menu-box .public-menu .list ul li.on a {
  color: #9b0000;
}
.public-menus.product-menus .rank-box {
  width: 100%;
  background: #fff;
  margin-top: 0.3rem;
  padding: 0.25rem 0.3rem;
}
.public-menus.product-menus .rank-box .t1 {
  width: 100%;
  line-height: calc(28/18);
  color: #000;
  font-weight: bold;
}
.public-menus.product-menus .rank-box ul {
  width: 100%;
  margin-top: 4px;
}
.public-menus.product-menus .rank-box ul li {
  width: 100%;
  height: 0.54rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .public-menus.product-menus .rank-box ul li {
    height: 0.78rem;
  }
}
.public-menus.product-menus .rank-box ul li .num {
  color: #666;
  font-weight: bold;
  flex-shrink: 0;
}
.public-menus.product-menus .rank-box ul li .t2 {
  width: 60px;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 0.2rem;
  flex-shrink: 0;
}
.public-menus.product-menus .rank-box ul li .line {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.1);
  margin-left: 0.2rem;
  display: flex;
}
.public-menus.product-menus .rank-box ul li .line span {
  width: auto;
  height: 100%;
  border-radius: 4px;
  transition: all 0.4s;
  background: #9b0000;
}
.public-menus.product-menus .rank-box .more {
  width: 100%;
  margin-top: 0.3rem;
  height: 48px;
  border-radius: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.2rem;
  border: 1px solid #9b0000;
  color: #9b0000;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .public-menus.product-menus .rank-box .more {
    height: 36px;
  }
}
.public-menus.product-menus .rank-box .more:hover {
  background: #9b0000;
  color: #fff;
}
.public-menus.product-menus .product-link {
  width: 100%;
  background: #fff;
  padding: 0.1rem 0.3rem 0.3rem;
  margin-top: 0.2rem;
}
.public-menus.product-menus .product-link a {
  width: 100%;
  height: 0.6rem;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(1, 1, 1, 0.1);
}
@media (max-width: 991px) {
  .public-menus.product-menus .product-link a {
    height: 0.78rem;
  }
}
.public-menus.product-menus .product-link a .icons {
  width: 19px;
  height: 19px;
  margin-right: 0.12rem;
}
.public-menus.product-menus .product-link a .title {
  line-height: calc(28/18);
  color: #000;
  font-weight: bold;
  transition: all 0.4s;
}
.public-menus.product-menus .product-link a i {
  width: 14px;
  height: 14px;
  margin-left: auto;
  display: flex;
  align-items: center;
}
.public-menus.product-menus .product-link a i svg {
  width: 100%;
  height: 100%;
  transition: all 0.4s;
}
.public-menus.product-menus .product-link a i svg path {
  fill: #999;
}
.public-menus.product-menus .product-link a:hover .title {
  color: #9b0000;
}
.info-page {
  width: 100%;
  background: #f8f8f8;
  padding: 1rem 0 1.5rem;
}
.info-page .container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.info-page .container .page-content {
  width: calc(1070/1400*100%);
}
@media (max-width: 991px) {
  .info-page .container .page-content {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.info-page .container .page-content .boxs {
  width: 100%;
  background: #fff;
  padding: 0.36rem 0.4rem 0.4rem;
}
.info-page .container .page-content .boxs .title {
  width: 100%;
  position: relative;
  padding-left: 0.2rem;
  line-height: calc(42/30);
  font-weight: bold;
  color: #000;
}
.info-page .container .page-content .boxs .title::before {
  content: '';
  width: 4px;
  height: 0.32rem;
  background: #9b0000;
  position: absolute;
  left: 0;
  top: 0.05rem;
}
.info-page .container .page-content .boxs .public-content {
  width: 100%;
  line-height: calc(26/16);
  color: #666;
  margin-top: 0.18rem;
}
.info-page .container .page-content .boxs .team-list {
  width: 100%;
  margin-top: 0.34rem;
}
.info-page .container .page-content .boxs .team-list ul {
  width: calc(100% + 0.3rem);
  margin: 0 -0.15rem;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .info-page .container .page-content .boxs .team-list ul {
    width: 100%;
    margin: 0;
  }
}
.info-page .container .page-content .boxs .team-list ul li {
  width: calc(33.33% - 0.3rem);
  margin: 0 0.15rem 0.35rem;
}
@media (max-width: 991px) {
  .info-page .container .page-content .boxs .team-list ul li {
    width: calc(50% - 0.3rem);
  }
}
@media (max-width: 767px) {
  .info-page .container .page-content .boxs .team-list ul li {
    width: 100%;
    margin-right: 0 0 0.35rem;
  }
}
.info-page .container .page-content .boxs .team-list ul li a {
  display: block;
}
.info-page .container .page-content .boxs .team-list ul li a .public-img {
  width: 100%;
}
.info-page .container .page-content .boxs .team-list ul li a .public-img::before {
  padding-top: calc(380/310*100%);
}
.info-page .container .page-content .boxs .team-list ul li a .tbox {
  width: 100%;
  margin-top: 0.24rem;
}
.info-page .container .page-content .boxs .team-list ul li a .tbox .t1 {
  display: flex;
  align-items: baseline;
  color: #000;
}
.info-page .container .page-content .boxs .team-list ul li a .tbox .t1 span {
  font-weight: bold;
  line-height: calc(34/24);
  margin-right: 0.05rem;
  transition: all 0.4s;
}
.info-page .container .page-content .boxs .team-list ul li a .tbox .t2 {
  color: #666;
  line-height: calc(26/16);
  margin-top: 0.1rem;
}
.info-page .container .page-content .boxs .team-list ul li a:hover .public-img img {
  transform: scale(1.1);
}
.info-page .container .page-content .boxs .team-list ul li a:hover .tbox .t1 span {
  color: #9b0000;
}
.info-page .container .page-content .platform-list {
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 0.24rem;
}
.info-page .container .page-content .platform-list ul li {
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
}
.info-page .container .page-content .platform-list ul li::after {
  content: '';
  width: 0;
  height: 1px;
  background: #9b0000;
  position: absolute;
  left: 0;
  bottom: -1px;
  transition: all 0.4s;
}
.info-page .container .page-content .platform-list ul li a {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.24rem 0;
}
.info-page .container .page-content .platform-list ul li a .t1 {
  width: 70%;
  color: #000;
  transition: all 0.4s;
  line-height: calc(34/24);
}
@media (max-width: 767px) {
  .info-page .container .page-content .platform-list ul li a .t1 {
    width: 100%;
  }
}
.info-page .container .page-content .platform-list ul li a .t2 {
  color: #666;
}
.info-page .container .page-content .platform-list ul li:hover::after {
  width: 100%;
}
.info-page .container .page-content .platform-list ul li:hover a .t1 {
  color: #9b0000;
}
.info-page .container .page-content .page-list {
  margin-top: 0.6rem;
}
.info-page .container .page-content .platform-info {
  width: 100%;
  margin-top: 0.86rem;
}
.info-page .container .page-content .platform-info .img {
  width: 100%;
  display: flex;
  justify-content: center;
}
.info-page .container .page-content .platform-info .txt {
  color: #666;
  text-align: center;
  line-height: calc(34/24);
  margin-top: 0.36rem;
}
.info-page .container .page-content .research-list {
  width: 100%;
  margin-top: 0.23rem;
}
.info-page .container .page-content .research-list ul {
  width: calc(100% + 0.3rem);
  margin: 0 -0.15rem;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .info-page .container .page-content .research-list ul {
    width: 100%;
    margin: 0;
  }
}
.info-page .container .page-content .research-list ul li {
  width: calc(33.33% - 0.3rem);
  margin: 0 0.15rem 0.37rem;
}
@media (max-width: 991px) {
  .info-page .container .page-content .research-list ul li {
    width: calc(50% - 0.3rem);
  }
}
@media (max-width: 767px) {
  .info-page .container .page-content .research-list ul li {
    width: 100%;
    margin: 0 0 0.37rem;
  }
}
.info-page .container .page-content .research-list ul li a {
  width: 100%;
  display: block;
}
.info-page .container .page-content .research-list ul li a .public-img {
  width: 100%;
}
.info-page .container .page-content .research-list ul li a .public-img::before {
  padding-top: calc(394/310*100%);
}
.info-page .container .page-content .research-list ul li a .txt {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 0.25rem;
}
.info-page .container .page-content .research-list ul li a .txt span {
  color: #000;
  line-height: calc(30/20);
  background-image: linear-gradient(to bottom, rgba(155, 0, 0, 0) 93%, #9b0000 0%);
  background-size: 0 100%;
  background-repeat: no-repeat;
  transition: all 0.4s;
  display: inline;
}
.info-page .container .page-content .research-list ul li a .txt i {
  width: 16px;
  height: 10px;
  display: flex;
  align-items: center;
  margin-left: 0.1rem;
  opacity: 0;
  transition: all 0.4s;
}
.info-page .container .page-content .research-list ul li a .txt i svg path {
  fill: #9b0000;
}
.info-page .container .page-content .research-list ul li a:hover .public-img img {
  transform: scale(1.1);
}
.info-page .container .page-content .research-list ul li a:hover .txt span {
  color: #9b0000;
  background-size: 100% 100%;
}
.info-page .container .page-content .research-list ul li a:hover .txt i {
  opacity: 1;
}
.info-page .container .page-content .search-box {
  width: 100%;
  height: 54px;
  background: #fff;
  display: flex;
  padding: 6px;
}
.info-page .container .page-content .search-box .t1 {
  width: 100%;
  height: 100%;
  padding-left: 45px;
  background: url(../images/search-red.svg) 15px center no-repeat;
}
.info-page .container .page-content .search-box .btn {
  width: 120px;
  height: 100%;
  background: #9b0000;
  color: #fff;
  flex-shrink: 0;
}
.info-page .container .page-content .product-top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.info-page .container .page-content .product-top .search-box {
  width: 100%;
  border-radius: 27px;
}
.info-page .container .page-content .product-top .search-box .btn {
  border-radius: 21px;
}
.info-page .container .page-content .product {
  width: 100%;
  margin-top: 0.24rem;
}
.info-page .container .page-content .product .list {
  width: 100%;
}
.info-page .container .page-content .product .list ul li {
  width: 100%;
  display: flex;
  background: #fff;
  padding: 0.2rem;
  margin-bottom: 0.2rem;
}
@media (max-width: 767px) {
  .info-page .container .page-content .product .list ul li {
    flex-wrap: wrap;
  }
}
.info-page .container .page-content .product .list ul li:last-child {
  margin-bottom: 0;
}
.info-page .container .page-content .product .list ul li .public-img {
  width: calc(250/1030*100%);
}
@media (max-width: 991px) {
  .info-page .container .page-content .product .list ul li .public-img {
    width: 30%;
  }
}
@media (max-width: 767px) {
  .info-page .container .page-content .product .list ul li .public-img {
    width: 100%;
  }
}
.info-page .container .page-content .product .list ul li .public-img::before {
  padding-top: calc(320/250*100%);
}
.info-page .container .page-content .product .list ul li .tbox {
  padding: 0.17rem 0.3rem;
}
@media (max-width: 767px) {
  .info-page .container .page-content .product .list ul li .tbox {
    width: 100%;
    padding: 0.5rem 0 0.3rem;
  }
}
.info-page .container .page-content .product .list ul li .tbox .t1 {
  color: #000;
  font-weight: bold;
  line-height: calc(34/24);
}
@media (max-width: 767px) {
  .info-page .container .page-content .product .list ul li .tbox .t1 {
    font-size: 0.36rem;
  }
}
.info-page .container .page-content .product .list ul li .tbox .t2 {
  margin-top: 0.2rem;
}
.info-page .container .page-content .product .list ul li .tbox .t2 .ts {
  display: flex;
  color: #666;
  margin-bottom: 0.1rem;
}
.info-page .container .page-content .product .list ul li .tbox .t2 .ts:last-child {
  margin-bottom: 0;
}
.info-page .container .page-content .product .list ul li .tbox .t2 .ts span {
  color: #000;
  font-weight: bold;
}
.info-page .container .page-content .product .list ul li .tbox .t3 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.68rem;
}
.info-page .container .page-content .product .list ul li .tbox .t3 a {
  min-width: 1.6rem;
  height: 48px;
  border-radius: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.2rem;
  border: 1px solid #9b0000;
  color: #9b0000;
  transition: all 0.4s;
  margin-right: 0.2rem;
}
@media (max-width: 767px) {
  .info-page .container .page-content .product .list ul li .tbox .t3 a {
    height: 36px;
  }
}
.info-page .container .page-content .product .list ul li .tbox .t3 a:hover {
  background: #9b0000;
  color: #fff;
}
.info-page .container .page-content .product .page-list {
  margin-top: 0.6rem;
}
.page-list {
  width: 100%;
  display: flex;
  justify-content: center;
}
.page-list .pagination {
  display: flex;
}
.page-list .pagination li {
  margin: 0 0.1rem;
}
.page-list .pagination li span,
.page-list .pagination li a {
  margin: 0;
}
.page-list .pagination li.active {
  background: #9b0000;
}
.page-list .pagination li.active span,
.page-list .pagination li.active a {
  color: #fff;
}
.page-list span,
.page-list a {
  width: 0.54rem;
  height: 0.54rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  transition: all 0.4s;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #666;
  margin: 0 0.1rem;
}
.page-list span svg,
.page-list a svg {
  width: 14px;
  height: 14px;
}
.page-list span svg path,
.page-list a svg path {
  fill: #666;
  transition: all 0.4s;
}
.page-list span:hover,
.page-list a:hover {
  background: #9b0000;
  color: #fff;
}
.page-list span:hover svg path,
.page-list a:hover svg path {
  fill: #fff;
}
.page-list span.prev svg,
.page-list a.prev svg {
  transform: rotateZ(180deg);
}
.page-list span.on,
.page-list a.on {
  background: #9b0000;
  color: #fff;
}
.page-list span.more,
.page-list a.more {
  border: none;
}
.page-list span.more:hover,
.page-list a.more:hover {
  background: transparent;
  color: #9b0000;
}
.page-list .jump {
  display: flex;
  align-items: center;
  color: #666;
  margin-left: 0.1rem;
}
@media (max-width: 767px) {
  .page-list .jump {
    display: none;
  }
}
.page-list .jump input {
  width: 0.54rem;
  height: 0.54rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
  margin-left: 0.2rem;
}
.news-page {
  width: 100%;
  background: #f8f8f8;
  padding: 1rem 0 1.4rem;
}
.news-page .container .top {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .news-page .container .top {
    flex-direction: column-reverse;
  }
}
.news-page .container .top .select-box {
  width: 320px;
  height: 54px;
  position: relative;
  margin-right: 0.2rem;
}
@media (max-width: 991px) {
  .news-page .container .top .select-box {
    width: 300px;
  }
}
@media (max-width: 767px) {
  .news-page .container .top .select-box {
    width: 100%;
    margin-right: 0;
  }
}
.news-page .container .top .select-box .select {
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 27px;
  padding: 0 0.24rem;
  cursor: pointer;
  color: #999;
}
.news-page .container .top .select-box::after {
  content: '';
  width: 15px;
  height: 15px;
  background: url(../images/ico-arrow.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  left: 90%;
  top: 50%;
  z-index: 2;
  opacity: 0.5;
  transform: translateY(-50%) rotateZ(90deg);
  transform-origin: center center;
}
.news-page .container .top .search-box {
  width: 440px;
  height: 54px;
  background: #fff;
  border-radius: 27px;
  display: flex;
  padding: 6px;
}
@media (max-width: 991px) {
  .news-page .container .top .search-box {
    width: 300px;
  }
}
@media (max-width: 767px) {
  .news-page .container .top .search-box {
    width: 100%;
    margin-bottom: 0.2rem;
  }
}
.news-page .container .top .search-box .t1 {
  width: 100%;
  height: 100%;
  padding-left: 45px;
  background: url(../images/search-red.svg) 15px center no-repeat;
}
.news-page .container .top .search-box .btn {
  width: 100px;
  height: 100%;
  border-radius: 21px;
  background: #9b0000;
  color: #fff;
  flex-shrink: 0;
}
.news-page .container .list {
  width: 100%;
  margin-top: 0.4rem;
}
.news-page .container .list ul {
  width: calc(100% + 0.4rem);
  margin: 0 -0.2rem;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .news-page .container .list ul {
    width: 100%;
    margin: 0;
  }
}
.news-page .container .list ul li {
  width: calc(33.33% - 0.4rem);
  margin: 0 0.2rem 0.4rem;
  background: #fff;
}
@media (max-width: 991px) {
  .news-page .container .list ul li {
    width: 100%;
    margin: 0 0 0.4rem;
  }
}
.news-page .container .list ul li a {
  display: block;
}
.news-page .container .list ul li a .public-img {
  width: 100%;
}
.news-page .container .list ul li a .public-img::before {
  padding-top: calc(260/440*100%);
}
.news-page .container .list ul li a .tbox {
  width: 100%;
  padding: 0.22rem 0.3rem 0.37rem;
}
.news-page .container .list ul li a .tbox .t1 {
  color: #000;
  line-height: calc(34/24);
  font-weight: bold;
  height: calc(34/24*2em);
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  transition: all 0.4s;
}
.news-page .container .list ul li a .tbox .t1 span {
  background-image: linear-gradient(to bottom, rgba(155, 0, 0, 0) 93%, #9b0000 0%);
  background-size: 0 100%;
  background-repeat: no-repeat;
  transition: all 0.4s;
}
.news-page .container .list ul li a .tbox .t2 {
  line-height: calc(26/16);
  color: #666;
  height: calc(26/16*3em);
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-top: 0.12rem;
}
.news-page .container .list ul li a .tbox .ts {
  width: 100%;
  display: flex;
  justify-content: space-between;
  line-height: calc(26/16);
  margin-top: 0.33rem;
}
.news-page .container .list ul li a .tbox .ts .time {
  color: #666;
}
.news-page .container .list ul li a .tbox .ts .more {
  display: flex;
  align-items: center;
}
.news-page .container .list ul li a .tbox .ts .more span {
  color: #999;
  transition: all 0.4s;
}
.news-page .container .list ul li a .tbox .ts .more i {
  width: 0.12rem;
  height: 0.12rem;
  display: flex;
  align-items: center;
  margin-left: 0.1rem;
}
.news-page .container .list ul li a .tbox .ts .more i svg {
  width: 100%;
  height: 100%;
  transform: rotateZ(45deg);
}
.news-page .container .list ul li a .tbox .ts .more i svg path {
  fill: #666;
  transition: all 0.4s;
}
.news-page .container .list ul li a .tbox .ts .more:hover span {
  color: #9b0000;
}
.news-page .container .list ul li a .tbox .ts .more:hover i svg path {
  fill: #9b0000;
}
.news-page .container .list ul li:hover a .public-img img {
  transform: scale(1.1);
}
.news-page .container .list ul li:hover a .tbox .t1 {
  color: #9b0000;
}
.news-page .container .list ul li:hover a .tbox .t1 span {
  background-size: 100% 100%;
}
.news-page .container .list ul li.big {
  width: calc(66.66% - 0.4rem);
}
@media (max-width: 991px) {
  .news-page .container .list ul li.big {
    width: 100%;
    margin: 0 0 0.4rem;
  }
}
.news-page .container .list ul li.big a {
  position: relative;
}
.news-page .container .list ul li.big a .public-img::before {
  padding-top: calc(534/920*100%);
}
.news-page .container .list ul li.big a .public-img::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: linear-gradient(to top, #9b0000, rgba(155, 0, 0, 0) 50%);
  opacity: 0;
  transition: all 0.4s;
}
.news-page .container .list ul li.big a .tbox {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  padding: 0 0.34rem 0.36rem;
  display: flex;
  flex-wrap: wrap;
}
.news-page .container .list ul li.big a .tbox .t1 {
  width: 100%;
  height: auto;
  color: #fff;
  line-height: calc(34/24);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news-page .container .list ul li.big a .tbox .t1 span {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 93%, #fff 0%);
  background-size: 0 100%;
  background-repeat: no-repeat;
  transition: all 0.4s;
}
.news-page .container .list ul li.big a .tbox .time {
  color: rgba(255, 255, 255, 0.8);
  line-height: calc(26/16);
  order: -1;
  margin-bottom: 8px;
}
.news-page .container .list ul li.big:hover a .public-img::after {
  opacity: 1;
}
.news-page .container .list ul li.big:hover a .tbox .t1 span {
  background-size: 100% 100%;
}
.news-page .container .page-list {
  margin-top: 0.48rem;
}
.news-info {
  width: 100%;
  background: #f8f8f8;
  padding: 0 0 1rem;
}
.news-info .container .content {
  width: 1000px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0.66rem 0 0;
}
.news-info .container .content .title {
  line-height: calc(50/36);
  color: #000;
  font-weight: bold;
}
.news-info .container .content .tips {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0.32rem 0 0.3rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.news-info .container .content .tips .ts {
  display: flex;
}
.news-info .container .content .tips .ts .t1 {
  display: flex;
  align-items: center;
  margin-right: 0.6rem;
}
.news-info .container .content .tips .ts .t1:last-child {
  margin-right: 0;
}
.news-info .container .content .tips .ts .t1 i {
  display: flex;
  align-items: center;
  margin-right: 0.1rem;
}
.news-info .container .content .tips .ts .t1 span {
  color: #999;
  line-height: calc(26/16);
}
.news-info .container .content .tips .share {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .news-info .container .content .tips .share {
    width: 100%;
    margin-top: 0.2rem;
  }
}
.news-info .container .content .tips .share span {
  color: #999;
}
.news-info .container .content .tips .share a {
  width: 0.48rem;
  height: 0.48rem;
  border: 1px solid #999;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0.1rem;
  transition: all 0.4s;
}
.news-info .container .content .tips .share a svg {
  width: 0.24rem;
  height: 0.24rem;
}
.news-info .container .content .tips .share a svg path {
  fill: #999;
  transition: all 0.4s;
  opacity: 1;
}
.news-info .container .content .tips .share a:hover {
  border: 1px solid #9b0000;
  background: none;
}
.news-info .container .content .tips .share a:hover svg path {
  fill: #9b0000;
}
.news-info .container .content .public-container {
  line-height: calc(26/16);
  color: #666;
  margin-top: 0.33rem;
}
.news-info .container .content .ckbox {
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 0.24rem;
  margin-top: 0.42rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.news-info .container .content .ckbox .prev,
.news-info .container .content .ckbox .next {
  display: flex;
  align-items: center;
  line-height: 26px;
}
.news-info .container .content .ckbox .prev span,
.news-info .container .content .ckbox .next span {
  color: #666;
  transition: all 0.4s;
}
.news-info .container .content .ckbox .prev i,
.news-info .container .content .ckbox .next i {
  width: 18px;
  height: 14px;
  display: flex;
  align-items: center;
  margin: 0 0.1rem;
}
.news-info .container .content .ckbox .prev i svg,
.news-info .container .content .ckbox .next i svg {
  width: 100%;
  height: 100%;
}
.news-info .container .content .ckbox .prev i svg path,
.news-info .container .content .ckbox .next i svg path {
  fill: #999;
  transition: all 0.4s;
}
.news-info .container .content .ckbox .prev:hover span,
.news-info .container .content .ckbox .next:hover span {
  color: #9b0000;
}
.news-info .container .content .ckbox .prev:hover i svg path,
.news-info .container .content .ckbox .next:hover i svg path {
  fill: #9b0000;
}
.news-info .container .content .ckbox .prev i svg {
  transform: rotateZ(180deg);
}
.news-info .container .content .ckbox .list {
  display: flex;
  align-items: center;
  line-height: 26px;
}
.news-info .container .content .ckbox .list span {
  color: #666;
  transition: all 0.4s;
}
.news-info .container .content .ckbox .list i {
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  margin-right: 0.1rem;
}
.news-info .container .content .ckbox .list i svg {
  width: 100%;
  height: 100%;
}
.news-info .container .content .ckbox .list i svg path {
  fill: #999;
  transition: all 0.4s;
}
.news-info .container .content .ckbox .list:hover span {
  color: #9b0000;
}
.news-info .container .content .ckbox .list:hover i svg path {
  fill: #9b0000;
}
.news-info .container .other {
  width: 100%;
  margin-top: 1.28rem;
}
.news-info .container .other .title {
  color: #000;
  text-align: center;
  line-height: calc(54/44);
  font-weight: bold;
}
.news-info .container .other .list {
  width: 100%;
  margin-top: 0.55rem;
}
.news-info .container .other .list ul {
  width: calc(100% + 0.4rem);
  margin: 0 -0.2rem;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .news-info .container .other .list ul {
    width: 100%;
    margin: 0;
  }
}
.news-info .container .other .list ul li {
  width: calc(33.33% - 0.4rem);
  margin: 0 0.2rem 0.4rem;
  background: #fff;
}
@media (max-width: 991px) {
  .news-info .container .other .list ul li {
    width: 100%;
    margin: 0 0 0.4rem;
  }
}
.news-info .container .other .list ul li a {
  display: block;
}
.news-info .container .other .list ul li a .public-img {
  width: 100%;
}
.news-info .container .other .list ul li a .public-img::before {
  padding-top: calc(260/440*100%);
}
.news-info .container .other .list ul li a .tbox {
  width: 100%;
  padding: 0.22rem 0.3rem 0.37rem;
}
.news-info .container .other .list ul li a .tbox .t1 {
  color: #000;
  line-height: calc(34/24);
  font-weight: bold;
  height: calc(34/24*2em);
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  transition: all 0.4s;
}
.news-info .container .other .list ul li a .tbox .t2 {
  line-height: calc(26/16);
  color: #666;
  height: calc(26/16*3em);
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-top: 0.12rem;
}
.news-info .container .other .list ul li a .tbox .ts {
  width: 100%;
  display: flex;
  justify-content: space-between;
  line-height: calc(26/16);
  margin-top: 0.33rem;
}
.news-info .container .other .list ul li a .tbox .ts .time {
  color: #666;
}
.news-info .container .other .list ul li a .tbox .ts .more {
  display: flex;
  align-items: center;
}
.news-info .container .other .list ul li a .tbox .ts .more span {
  color: #999;
  transition: all 0.4s;
}
.news-info .container .other .list ul li a .tbox .ts .more i {
  width: 0.12rem;
  height: 0.12rem;
  display: flex;
  align-items: center;
  margin-left: 0.1rem;
}
.news-info .container .other .list ul li a .tbox .ts .more i svg {
  width: 100%;
  height: 100%;
  transform: rotateZ(45deg);
}
.news-info .container .other .list ul li a .tbox .ts .more i svg path {
  fill: #666;
  transition: all 0.4s;
}
.news-info .container .other .list ul li a .tbox .ts .more:hover span {
  color: #9b0000;
}
.news-info .container .other .list ul li a .tbox .ts .more:hover i svg path {
  fill: #9b0000;
}
.news-info .container .other .list ul li:hover a .public-img img {
  transform: scale(1.1);
}
.news-info .container .other .list ul li:hover a .tbox .t1 {
  color: #9b0000;
}
.share {
  text-align: center;
}
.social-share a:before {
  display: none;
}
.social-share a:hover {
  background: transparent;
}
/* 微信二维码的 */
.social-share .icon-wechat .wechat-qrcode {
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
}
.social-share .icon-wechat .wechat-qrcode:after {
  display: none;
}
@media (max-width: 992px) {
  .social-share .icon-wechat .wechat-qrcode h4 {
    display: none;
  }
  .social-share .icon-wechat .wechat-qrcode .help {
    display: none;
  }
  .social-share .icon-wechat .wechat-qrcode .qrcode {
    width: 100px;
  }
  .social-share .icon-wechat .wechat-qrcode {
    top: 50px;
    left: -60px;
    width: 120px;
    height: initial;
    z-index: 999;
  }
}
.social-share .icon-facebook:hover path {
  fill: #44619D;
  opacity: 1;
}
.social-share .icon-twitter:hover path {
  fill: #55acee;
  opacity: 1;
}
.social-share .icon-weibo:hover path {
  fill: #ff763b;
  opacity: 1;
}
.social-share .icon-wechat:hover path {
  fill: #7bc549;
  opacity: 1;
}
.download {
  width: 100%;
}
.download .list {
  width: 100%;
  margin-top: 0.2rem;
}
.download .list ul li {
  width: 100%;
  background: #fff;
  transition: all 0.4s;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0.2rem 1.1rem 0.22rem 0.38rem;
  margin-bottom: 0.2rem;
}
@media (max-width: 991px) {
  .download .list ul li {
    padding: 0.2rem 0.4rem;
  }
}
.download .list ul li:last-child {
  margin-bottom: 0;
}
.download .list ul li .tb {
  width: calc(718/925*100%);
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .download .list ul li .tb {
    width: 100%;
    flex-wrap: wrap;
  }
}
.download .list ul li .tb .icon {
  width: 0.44rem;
  flex-shrink: 0;
}
.download .list ul li .tb .icon svg {
  width: 100%;
}
.download .list ul li .tb .icon svg path {
  fill: #9b0000;
  opacity: 1;
  transition: all 0.4s;
}
.download .list ul li .tb .t1 {
  margin-left: 0.25rem;
}
.download .list ul li .tb .t1 .ts1 {
  color: #000;
  line-height: calc(34/24);
  transition: all 0.4s;
  font-weight: bold;
}
.download .list ul li .tb .t1 .ts2 {
  color: #999;
  transition: all 0.4s;
}
.download .list ul li .tb .t2 {
  color: #999;
  transition: all 0.4s;
  margin-left: auto;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .download .list ul li .tb .t2 {
    width: 100%;
    margin-left: 0;
  }
}
.download .list ul li .t3 {
  width: 24px;
  margin-left: auto;
}
.download .list ul li .t3 svg {
  width: 100%;
}
.download .list ul li .t3 svg path {
  fill: #999;
  opacity: 1;
  transition: all 0.4s;
}
.download .list ul li .t4 {
  width: 18px;
  margin-left: 0.4rem;
}
.download .list ul li .t4 svg {
  width: 100%;
}
.download .list ul li .t4 svg path {
  fill: #999;
  opacity: 1;
  transition: all 0.4s;
}
.download .list ul li:hover {
  background: #9b0000;
}
.download .list ul li:hover .tb .icon svg path {
  fill: #fff;
}
.download .list ul li:hover .tb .t1 .ts1 {
  color: #fff;
}
.download .list ul li:hover .tb .t1 .ts2 {
  color: #fff;
}
.download .list ul li:hover .tb .t2 {
  color: #fff;
}
.download .list ul li:hover .t3 svg path,
.download .list ul li:hover .t4 svg path {
  fill: #fff;
}
.contact {
  width: 100%;
  background: #f8f8f8;
  padding: 0 0 1.4rem;
}
.contact .container .contact-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.73rem;
  position: relative;
}
.contact .container .contact-box .img {
  width: 100%;
  height: 6.5rem;
}
@media (max-width: 1900px) {
  .contact .container .contact-box .img {
    height: 7rem;
  }
}
.contact .container .contact-box .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contact .container .contact-box .tbox {
  width: calc(500/1400*100%);
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  background: #9b0000;
  padding: 0.75rem 0.4rem 0.5rem 0.6rem;
}
@media (max-width: 1580px) {
  .contact .container .contact-box .tbox {
    width: calc(600/1400*100%);
  }
}
@media (max-width: 991px) {
  .contact .container .contact-box .tbox {
    width: 100%;
    position: relative;
    top: inherit;
    right: initial;
  }
}
.contact .container .contact-box .tbox .t1 {
  width: 100%;
  position: relative;
  margin-bottom: 0.5rem;
}
.contact .container .contact-box .tbox .t1:nth-child(1) {
  margin-bottom: 0.75rem;
}
.contact .container .contact-box .tbox .t1:nth-child(1)::after {
  content: '';
  width: 16px;
  height: 2px;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  left: 0;
  bottom: -0.38rem;
}
.contact .container .contact-box .tbox .t1:last-child {
  margin-bottom: 0;
}
.contact .container .contact-box .tbox .t1 .ts1 {
  line-height: calc(24/16);
  color: rgba(255, 255, 255, 0.8);
}
.contact .container .contact-box .tbox .t1 .ts2 {
  color: #fff;
  line-height: calc(34/24);
  display: flex;
  align-items: center;
  margin-top: 0.13rem;
}
.contact .container .contact-box .tbox .t1 .ts2 span {
  line-height: 1;
  font-weight: bold;
  font-family: cursive;
  margin-right: 0.1rem;
}
.contact .container .contact-box .tbox .t1 .ewm {
  width: 1.72rem;
  height: 1.72rem;
  margin-top: 0.56rem;
  background: #fff;
}
.login-header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  background: #fff;
  padding: 0.29rem 0.8rem;
  box-shadow: 0 0 0.16rem 0.06rem rgba(0, 0, 0, 0.03);
}
@media (max-width: 991px) {
  .login-header {
    padding: 0.29rem 5%;
  }
}
.login-header .box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.login-header .box .back {
  min-width: 1.45rem;
  height: 0.42rem;
  display: flex;
}
@media (max-width: 991px) {
  .login-header .box .back {
    height: 0.68rem;
  }
}
.login-header .box .back a {
  width: 100%;
  height: 100%;
  padding: 0 0.15rem;
  border: 1px solid #9b0000;
  border-radius: 0.21rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s;
}
@media (max-width: 991px) {
  .login-header .box .back a {
    border-radius: 0.34rem;
  }
}
.login-header .box .back a i {
  width: 18px;
  display: flex;
  align-items: center;
}
.login-header .box .back a i svg {
  width: 100%;
}
.login-header .box .back a i svg path {
  fill: #9b0000;
  transition: all 0.4s;
}
.login-header .box .back a span {
  font-size: 14px;
  font-weight: bold;
  transition: all 0.4s;
  color: #9b0000;
  margin-left: 0.1rem;
}
.login-header .box .back a:hover {
  background: #9b0000;
}
.login-header .box .back a:hover i svg path {
  fill: #fff;
}
.login-header .box .back a:hover span {
  color: #fff;
}
.login-box {
  width: 100%;
  background: #f8f8f8;
  padding: 2rem 0 1.4rem;
}
.login-box .box {
  width: 640px;
  max-width: 90%;
  margin: 0 auto;
  background: #fff;
  padding: 0.4rem 0.5rem 0.5rem;
}
.login-box .box .title {
  color: #000;
  line-height: calc(42/32);
  font-weight: bold;
}
.login-box .box .form {
  width: 100%;
  margin-top: 0.24rem;
}
.login-box .box .form .item {
  width: 100%;
  margin-bottom: 0.17rem;
}
.login-box .box .form .item .tb1 {
  width: 100%;
  border: 1px solid rgba(1, 1, 1, 0.1);
  display: flex;
  padding: 0.09rem 0;
  position: relative;
}
.login-box .box .form .item .tb1 .t1 {
  width: 120px;
  height: 34px;
  border-right: 1px solid rgba(1, 1, 1, 0.1);
  padding-left: 0.23rem;
  color: #000;
  display: flex;
  align-items: center;
  font-weight: bold;
}
@media (max-width: 767px) {
  .login-box .box .form .item .tb1 .t1 {
    width: 90px;
  }
}
.login-box .box .form .item .tb1 .t1 span {
  color: #9b0000;
  margin-right: 5px;
}
.login-box .box .form .item .tb1 .t2 {
  width: calc(100% - 120px);
  height: 34px;
  padding: 0 0.25rem;
}
@media (max-width: 767px) {
  .login-box .box .form .item .tb1 .t2 {
    width: calc(100% - 90px);
  }
}
.login-box .box .form .item .tb1 .t2::placeholder {
  color: #999;
}
.login-box .box .form .item .tb1 .t2.on {
  display: none;
}
.login-box .box .form .item .tb1 .select {
  width: calc(100% - 120px);
  height: 34px;
  padding-left: 0.25rem;
  position: relative;
}
.login-box .box .form .item .tb1 .select::after {
  content: '';
  width: 14px;
  height: 14px;
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%) rotateZ(90deg);
  z-index: 2;
  pointer-events: none;
  background: url(../images/ico-arrow.svg) center center no-repeat;
  background-size: contain;
}
.login-box .box .form .item .tb1 .select select {
  width: 100%;
  height: 100%;
}
.login-box .box .form .item .tb1 .show {
  width: 20px;
  height: 10px;
  position: absolute;
  right: 0.24rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  cursor: pointer;
}
.login-box .box .form .item .tb1 .show .on {
  display: none;
}
.login-box .box .form .item .tb1 .yzm {
  min-width: 1.28rem;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  border-left: 1px solid rgba(1, 1, 1, 0.1);
  color: #999;
  background: #fff;
}
.login-box .box .form .item .tb2 {
  width: 1.4rem;
  flex-shrink: 0;
  margin-left: 0.1rem;
}
.login-box .box .form .item .items {
  width: 100%;
  display: flex;
  align-items: flex-start;
}
.login-box .box .form .item .items .img {
  width: 100%;
  height: calc(0.18rem + 37px);
  cursor: pointer;
}
.login-box .box .form .item .items .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.login-box .box .form .item .items .change {
  width: 100%;
  text-align: center;
  color: #999;
  margin-top: 5px;
  display: block;
  transition: all 0.4s;
}
.login-box .box .form .item .items .change:hover {
  color: #9b0000;
}
.login-box .box .form .item .error-tips {
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  color: #9b0000;
  padding-top: 0.07rem;
  display: none;
}
.login-box .box .tips {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 0.2rem;
}
.login-box .box .tips .ck {
  display: flex;
  align-items: center;
  color: #999;
  font-size: 14px;
  line-height: 20px;
}
.login-box .box .tips .ck i {
  width: 16px;
  height: 16px;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 0.1rem;
  cursor: pointer;
}
.login-box .box .tips .ck i::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: url(../images/tips-icon.svg) center center no-repeat;
  background-size: contain;
  opacity: 0;
  transition: all 0.4s;
}
.login-box .box .tips .ck i::after {
  content: '';
  width: 100%;
  height: 100%;
  border: 1px solid #999;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  transition: all 0.4s;
}
.login-box .box .tips .ck a {
  color: #9b0000;
}
.login-box .box .tips .ck.on i::before {
  opacity: 1;
}
.login-box .box .tips .ck.on i::after {
  opacity: 0;
}
.login-box .box .tips .forgetPassword {
  color: #999;
  font-size: 14px;
  line-height: 20px;
  transition: all 0.4s;
}
.login-box .box .tips .forgetPassword:hover {
  color: #9b0000;
}
.login-box .box .login {
  width: 100%;
  height: 0.54rem;
  border-radius: 0.27rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #9b0000;
  font-weight: bold;
  border: 1px solid #9b0000;
  transition: all 0.4s;
  margin-top: 0.27rem;
}
.login-box .box .login:hover {
  background: #9b0000;
  color: #fff;
}
.login-box .box .register {
  width: 100%;
  height: 0.54rem;
  border-radius: 0.27rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #9b0000;
  font-weight: bold;
  border: 1px solid #9b0000;
  transition: all 0.4s;
  margin-top: 0.16rem;
}
.login-box .box .register:hover {
  background: #9b0000;
  color: #fff;
}
.login-box .box .login-tips {
  width: 100%;
  margin-top: 0.15rem;
}
.login-box .box .login-tips .t1 {
  width: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  color: #999;
  font-weight: bold;
}
.login-box .box .login-tips .t1 span {
  position: relative;
}
.login-box .box .login-tips .t1 span::before {
  content: '';
  width: 500px;
  height: 1px;
  background: rgba(1, 1, 1, 0.1);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(100% + 0.2rem);
}
.login-box .box .login-tips .t1 span::after {
  content: '';
  width: 500px;
  height: 1px;
  background: rgba(1, 1, 1, 0.1);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(100% + 0.2rem);
}
.login-box .box .login-tips .t2 {
  width: 100%;
  color: #999;
  font-weight: bold;
  text-align: center;
  margin-top: 0.1rem;
}
.login-box .box .procedure {
  width: 100%;
  background: #fff;
  padding: 0.24rem 0.1rem 0.2rem;
  display: flex;
}
.login-box .box .procedure .item {
  width: 33.33%;
}
.login-box .box .procedure .item .icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #9b0000;
  transition: all 0.4s;
  margin: 0 auto;
}
.login-box .box .procedure .item .icon svg {
  width: 22px;
  height: 22px;
}
.login-box .box .procedure .item .icon svg path {
  fill: #fff;
  transition: all 0.4s;
}
.login-box .box .procedure .item .txt {
  width: 100%;
  color: #000;
  text-align: center;
  margin-top: 8px;
}
.login-box .box .procedure .item.on .icon {
  background: #9b0000;
}
.login-box .box .procedure .item.on .icon svg path {
  fill: #fff;
}
.login-box .box .sub {
  width: 100%;
  height: 0.54rem;
  border-radius: 0.27rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #9b0000;
  font-weight: bold;
  border: 1px solid #9b0000;
  transition: all 0.4s;
  margin-top: 0.2rem;
}
@media (max-width: 991px) {
  .login-box .box .sub {
    height: 0.68rem;
    border-radius: 0.34rem;
  }
}
.login-box .box .sub:hover {
  background: #9b0000;
  color: #fff;
}
.login-box.password .box {
  padding: 0;
  background: none;
}
.login-box.password .box .boxs {
  width: 100%;
  background: #fff;
  padding: 0.4rem 0.5rem 0.5rem;
  margin-top: 0.2rem;
}
@media (max-width: 991px) {
  .login-box.password .box .procedure2 .form .item .tb1 .t1 {
    width: 110px;
  }
}
.login-box.password .box .procedure3 {
  padding: 0.8rem 0.5rem 0.75rem;
}
.login-box.password .box .procedure3 .success {
  width: 100%;
}
.login-box.password .box .procedure3 .success .icon {
  margin: 0 auto;
  width: 0.8rem;
  height: 0.8rem;
}
.login-box.password .box .procedure3 .success .txt {
  color: #000;
  font-weight: bold;
  text-align: center;
  line-height: calc(42/32);
  margin-top: 0.24rem;
}
.login-box.password .box .procedure3 .sub {
  margin-top: 0.54rem;
}
.login-box.password .box .procedure3 .tips {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 0.15rem;
  color: #999;
  font-weight: bold;
}
.login-box.password .box .procedure3 .tips span {
  color: #9b0000;
  margin-right: 5px;
}
.login-box.password .box .procedure3 .tips span i {
  font-style: initial;
}
.login-footer {
  width: 100%;
  background: #9b0000;
  padding: 0.25rem 1rem;
}
@media (max-width: 991px) {
  .login-footer {
    padding: 0.25rem 5%;
  }
}
.login-footer .box {
  width: 100%;
}
.login-footer .box .left {
  color: rgba(255, 255, 255, 0.2);
  font-size: 14px;
  line-height: 20px;
}
@media (max-width: 991px) {
  .login-footer .box .left {
    width: 100%;
    text-align: center;
  }
}
.login-footer .box .left a {
  color: rgba(255, 255, 255, 0.2);
}
.notFound {
  width: 100%;
  padding: 1.74rem 0 2.2rem;
}
.notFound .container .t1 {
  font-size: 2.4rem;
  color: #9b0000;
  text-align: center;
  line-height: 1;
  font-weight: bold;
}
.notFound .container .t2 {
  color: #666;
  line-height: calc(34/24);
  text-align: center;
  margin-top: 0.54rem;
}
.notFound .container .t2 span {
  color: #9b0000;
}
.notFound .container .t2 span i {
  font-style: initial;
}
.notFound .container .more {
  display: flex;
  justify-content: center;
  margin-top: 0.34rem;
}
.PrivacyPolicy {
  width: 100%;
  padding: 0.62rem 0 1.68rem;
}
.PrivacyPolicy .container .title {
  text-align: center;
  color: #333;
  font-weight: bold;
  line-height: calc(58/48);
}
.PrivacyPolicy .container .ts {
  width: 100%;
  margin-top: 0.18rem;
}
.PrivacyPolicy .container .ts span {
  display: block;
  text-align: center;
  color: #666;
  font-weight: bold;
}
.PrivacyPolicy .container .public-content {
  margin-top: 1.1rem;
}
.sitemap {
  width: 100%;
  padding: 0.64rem 0 1.4rem;
}
.sitemap .container .title {
  font-weight: bold;
  line-height: calc(58/48);
  color: #000;
  text-align: center;
}
.sitemap .container .list {
  width: 100%;
  margin-top: 0.5rem;
  padding: 0 1rem;
}
@media (max-width: 991px) {
  .sitemap .container .list {
    padding: 0;
  }
}
.sitemap .container .list ul {
  width: 100%;
}
.sitemap .container .list ul li {
  width: 100%;
  display: flex;
  padding-bottom: 0.45rem;
  border-bottom: 1px solid #eee;
  margin-bottom: 0.45rem;
}
@media (max-width: 767px) {
  .sitemap .container .list ul li {
    flex-wrap: wrap;
  }
}
.sitemap .container .list ul li:last-child {
  margin-bottom: 0;
}
.sitemap .container .list ul li .t1 {
  display: flex;
  margin-right: 0.93rem;
}
@media (max-width: 767px) {
  .sitemap .container .list ul li .t1 {
    margin-right: 0;
  }
}
.sitemap .container .list ul li .t1 a {
  color: #333;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  transition: all 0.4s;
}
.sitemap .container .list ul li .t1 a:hover {
  color: #9b0000;
}
.sitemap .container .list ul li .t2 {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .sitemap .container .list ul li .t2 {
    width: 100%;
  }
}
.sitemap .container .list ul li .t2 a {
  color: #666;
  font-size: 18px;
  line-height: 24px;
  margin-right: 0.8rem;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .sitemap .container .list ul li .t2 a {
    margin-right: 0.4rem;
    margin-top: 0.15rem;
  }
}
.sitemap .container .list ul li .t2 a:hover {
  color: #9b0000;
}
.search-end {
  width: 100%;
}
.search-end .box1 {
  width: 100%;
  padding: 1.06rem 0 0.38rem;
}
.search-end .box1 .container .top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.search-end .box1 .container .top .left .t1 {
  color: #666;
  line-height: calc(34/24);
}
.search-end .box1 .container .top .left .t2 {
  color: #000;
  font-weight: bold;
  line-height: calc(58/48);
  margin-top: 0.2rem;
}
.search-end .box1 .container .top .right {
  width: 520px;
  height: 54px;
  border-radius: 27px;
  background: #fbf5f5;
  display: flex;
  padding: 6px;
  margin-top: 0.5rem;
}
@media (max-width: 991px) {
  .search-end .box1 .container .top .right {
    width: 100%;
  }
}
.search-end .box1 .container .top .right .t1 {
  width: calc(100% - 100px);
  padding-left: 0.54rem;
  background: url(../images/search-red.svg) 0.25rem center no-repeat;
}
.search-end .box1 .container .top .right .btn {
  width: 100px;
  height: 100%;
  color: #fff;
  background: #9b0000;
  border-radius: 21px;
}
.search-end .box1 .container .menu {
  width: 100%;
  margin-top: 0.87rem;
}
.search-end .box1 .container .menu ul {
  width: 100%;
  display: flex;
  overflow-x: auto;
}
.search-end .box1 .container .menu ul li {
  position: relative;
  margin-right: 0.4rem;
}
.search-end .box1 .container .menu ul li:last-child {
  margin-right: 0;
}
.search-end .box1 .container .menu ul li:last-child::before {
  display: none;
}
.search-end .box1 .container .menu ul li::before {
  content: '';
  width: 1px;
  height: 10px;
  background: #9b0000;
  position: absolute;
  left: calc(100% + 0.2rem);
  top: 50%;
  transform: translateY(-50%);
}
.search-end .box1 .container .menu ul li a {
  color: #333;
  transition: all 0.4s;
}
.search-end .box1 .container .menu ul li:hover a,
.search-end .box1 .container .menu ul li.on a {
  color: #9b0000;
}
.search-end .box2 {
  width: 100%;
  background: #f8f8f8;
  padding: 1.4rem 0;
}
.search-end .box2 .container .search-boxs {
  margin-bottom: 1.4rem;
}
.search-end .box2 .container .search-boxs:last-child {
  margin-bottom: 0;
}
.search-end .box2 .container .search-product {
  width: 100%;
  position: relative;
}
.search-end .box2 .container .search-product .title {
  line-height: calc(54/44);
  color: #000;
  font-weight: bold;
}
.search-end .box2 .container .search-product .list {
  width: 100%;
  margin-top: 0.6rem;
}
.search-end .box2 .container .search-product .list ul li {
  width: 100%;
  display: flex;
  background: #fff;
  padding: 0.2rem;
  margin-bottom: 0.3rem;
}
@media (max-width: 767px) {
  .search-end .box2 .container .search-product .list ul li {
    flex-wrap: wrap;
  }
}
.search-end .box2 .container .search-product .list ul li:last-child {
  margin-bottom: 0;
}
.search-end .box2 .container .search-product .list ul li .public-img {
  width: calc(250/1360*100%);
}
@media (max-width: 991px) {
  .search-end .box2 .container .search-product .list ul li .public-img {
    width: 30%;
  }
}
@media (max-width: 767px) {
  .search-end .box2 .container .search-product .list ul li .public-img {
    width: 100%;
  }
}
.search-end .box2 .container .search-product .list ul li .public-img::before {
  padding-top: calc(320/250*100%);
}
.search-end .box2 .container .search-product .list ul li .tbox {
  padding: 0.17rem 0.3rem;
}
@media (max-width: 767px) {
  .search-end .box2 .container .search-product .list ul li .tbox {
    width: 100%;
    padding: 0.5rem 0 0.3rem;
  }
}
.search-end .box2 .container .search-product .list ul li .tbox .t1 {
  color: #000;
  font-weight: bold;
  line-height: calc(34/24);
}
@media (max-width: 767px) {
  .search-end .box2 .container .search-product .list ul li .tbox .t1 {
    font-size: 0.36rem;
  }
}
.search-end .box2 .container .search-product .list ul li .tbox .t2 {
  margin-top: 0.2rem;
}
.search-end .box2 .container .search-product .list ul li .tbox .t2 .ts {
  display: flex;
  color: #666;
  margin-bottom: 0.1rem;
}
.search-end .box2 .container .search-product .list ul li .tbox .t2 .ts:last-child {
  margin-bottom: 0;
}
.search-end .box2 .container .search-product .list ul li .tbox .t2 .ts span {
  color: #000;
  font-weight: bold;
}
.search-end .box2 .container .search-product .list ul li .tbox .t3 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.68rem;
}
.search-end .box2 .container .search-product .list ul li .tbox .t3 a {
  min-width: 1.6rem;
  height: 48px;
  border-radius: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.2rem;
  border: 1px solid #9b0000;
  color: #9b0000;
  transition: all 0.4s;
  margin-right: 0.2rem;
}
@media (max-width: 767px) {
  .search-end .box2 .container .search-product .list ul li .tbox .t3 a {
    height: 36px;
  }
}
.search-end .box2 .container .search-product .list ul li .tbox .t3 a:hover {
  background: #9b0000;
  color: #fff;
}
.search-end .box2 .container .search-product .mores {
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 991px) {
  .search-end .box2 .container .search-product .mores {
    width: 100%;
    position: relative;
    right: initial;
    top: initial;
    display: flex;
    justify-content: center;
    margin-top: 0.5rem;
  }
}
.search-end .box2 .container .search-news {
  width: 100%;
  position: relative;
}
.search-end .box2 .container .search-news .title {
  line-height: calc(54/44);
  color: #000;
  font-weight: bold;
}
.search-end .box2 .container .search-news .list {
  width: 100%;
  margin-top: 0.6rem;
}
.search-end .box2 .container .search-news .list ul {
  width: calc(100% + 0.4rem);
  margin: 0 -0.2rem;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .search-end .box2 .container .search-news .list ul {
    width: 100%;
    margin: 0;
  }
}
.search-end .box2 .container .search-news .list ul li {
  width: calc(33.33% - 0.4rem);
  margin: 0 0.2rem 0.4rem;
  background: #fff;
}
@media (max-width: 991px) {
  .search-end .box2 .container .search-news .list ul li {
    width: 100%;
    margin: 0 0 0.4rem;
  }
}
.search-end .box2 .container .search-news .list ul li a {
  display: block;
}
.search-end .box2 .container .search-news .list ul li a .public-img {
  width: 100%;
}
.search-end .box2 .container .search-news .list ul li a .public-img::before {
  padding-top: calc(260/440*100%);
}
.search-end .box2 .container .search-news .list ul li a .tbox {
  width: 100%;
  padding: 0.22rem 0.3rem 0.37rem;
  position: relative;
}
.search-end .box2 .container .search-news .list ul li a .tbox .t1 {
  color: #000;
  line-height: calc(34/24);
  font-weight: bold;
  height: calc(34/24*2em);
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  transition: all 0.4s;
}
.search-end .box2 .container .search-news .list ul li a .tbox .t2 {
  line-height: calc(26/16);
  color: #666;
  height: calc(26/16*3em);
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-top: 0.12rem;
}
.search-end .box2 .container .search-news .list ul li a .tbox .ts {
  width: 100%;
  display: flex;
  justify-content: space-between;
  line-height: calc(26/16);
  margin-top: 0.33rem;
  position: relative;
}
.search-end .box2 .container .search-news .list ul li a .tbox .ts .time {
  color: #666;
}
.search-end .box2 .container .search-news .list ul li a .tbox .ts .more {
  display: flex;
  align-items: center;
}
.search-end .box2 .container .search-news .list ul li a .tbox .ts .more span {
  color: #999;
  transition: all 0.4s;
}
.search-end .box2 .container .search-news .list ul li a .tbox .ts .more i {
  width: 0.12rem;
  height: 0.12rem;
  display: flex;
  align-items: center;
  margin-left: 0.1rem;
}
.search-end .box2 .container .search-news .list ul li a .tbox .ts .more i svg {
  width: 100%;
  height: 100%;
  transform: rotateZ(45deg);
}
.search-end .box2 .container .search-news .list ul li a .tbox .ts .more i svg path {
  fill: #666;
  transition: all 0.4s;
}
.search-end .box2 .container .search-news .list ul li a .tbox .ts .more:hover span {
  color: #9b0000;
}
.search-end .box2 .container .search-news .list ul li a .tbox .ts .more:hover i svg path {
  fill: #9b0000;
}
.search-end .box2 .container .search-news .list ul li:hover a .public-img img {
  transform: scale(1.1);
}
.search-end .box2 .container .search-news .list ul li:hover a .tbox .t1 {
  color: #9b0000;
}
.search-end .box2 .container .search-news .page-list {
  margin-top: 0.2rem;
}
.search-end .box2 .container .search-news .mores {
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 991px) {
  .search-end .box2 .container .search-news .mores {
    width: 100%;
    position: relative;
    right: initial;
    top: initial;
    display: flex;
    justify-content: center;
    margin-top: 0.5rem;
  }
}
.service {
  width: 100%;
  background: #f8f8f8;
  padding: 0 0 1.4rem;
}
.service .container .service-box {
  width: 100%;
  background: #fff;
  margin-top: 0.7rem;
  padding: 0.4rem;
}
.service .container .service-box .title {
  color: #000;
  font-weight: bold;
  line-height: 1;
  border-left: 4px solid #9b0000;
  padding-left: 0.15rem;
}
.service .container .service-box .txt {
  color: #666;
  line-height: calc(26/16);
  margin-top: 0.22rem;
}
.service .container .service-box .txts {
  width: 100%;
  margin-top: 0.3rem;
}
.service .container .service-box .txts .t1 {
  font-size: 18px;
  font-weight: bold;
  line-height: calc(26/18);
  color: #000;
}
.service .container .service-box .txts .t2 {
  color: #666;
  line-height: calc(26/16);
  margin-top: 0.12rem;
}
.subscribe-pop {
  width: 100%;
  background: #f8f8f8;
  padding: 1rem 0 1.4rem;
}
.subscribe-pop .container {
  background: #fff;
  padding: 0.94rem 0.3rem 1rem;
}
.subscribe-pop .container .title {
  color: #000;
  text-align: center;
  font-weight: bold;
  line-height: calc(46/36);
}
.subscribe-pop .container .title span {
  color: #9b0000;
}
.subscribe-pop .container .line {
  width: 0.6rem;
  height: 0.04rem;
  background: #9b0000;
  margin: 0.24rem auto 0;
}
.subscribe-pop .container .t1 {
  text-align: center;
  color: #000;
  font-weight: bold;
  line-height: calc(34/24);
  margin-top: 0.34rem;
}
.subscribe-pop .container .t2 {
  max-width: 1000px;
  text-align: center;
  color: #666;
  line-height: calc(30/16);
  margin: 0.17rem auto 0;
}
@media (max-width: 767px) {
  .subscribe-pop .container .t2 {
    text-align: left;
  }
}
.subscribe-pop .container .ck {
  display: flex;
  justify-content: center;
  margin-top: 0.56rem;
}
.subscribe-pop .container .ck a {
  min-width: 1.6rem;
  height: 48px;
  border-radius: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.2rem;
  border: 1px solid #9b0000;
  color: #9b0000;
  transition: all 0.4s;
  margin-right: 0.2rem;
}
@media (max-width: 767px) {
  .subscribe-pop .container .ck a {
    height: 36px;
  }
}
.subscribe-pop .container .ck a:hover {
  background: #9b0000;
  color: #fff;
}
.subscribe-pop .container .ck a.back {
  color: #999;
  border: 1px solid #999;
}
.subscribe-pop .container .ck a.back:hover {
  background: #999;
  color: #fff;
}
.product-info {
  width: 100%;
}
.product-info .box1 {
  width: 100%;
  background: #fff;
  overflow: hidden;
}
.product-info .box1 .container {
  position: relative;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .product-info .box1 .container {
    flex-wrap: wrap;
  }
}
.product-info .box1 .container .breadcrumbs {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
@media (max-width: 991px) {
  .product-info .box1 .container .breadcrumbs {
    position: relative;
  }
}
.product-info .box1 .container .tbox {
  width: calc(540/1400*100%);
  flex-shrink: 0;
  margin-right: 1rem;
  padding-top: 1.76rem;
}
@media (max-width: 991px) {
  .product-info .box1 .container .tbox {
    width: 100%;
    margin-right: 0;
    padding: 0.8rem 0 0.8rem;
  }
}
.product-info .box1 .container .tbox .title {
  color: #000;
  line-height: calc(50/40);
  font-weight: bold;
}
.product-info .box1 .container .tbox .t1 {
  color: #666;
  margin-top: 8px;
}
.product-info .box1 .container .tbox .t2 {
  width: 100%;
  margin-top: 0.55rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.product-info .box1 .container .tbox .t2 .ts {
  width: 100%;
  color: #666;
  padding: 0.15rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.product-info .box1 .container .tbox .ck {
  display: flex;
  margin-top: 0.6rem;
}
.product-info .box1 .container .tbox .ck a {
  min-width: 1.6rem;
  height: 48px;
  border-radius: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.2rem;
  border: 1px solid #9b0000;
  color: #9b0000;
  transition: all 0.4s;
  margin-right: 0.2rem;
}
@media (max-width: 767px) {
  .product-info .box1 .container .tbox .ck a {
    height: 36px;
  }
}
.product-info .box1 .container .tbox .ck a:hover {
  background: #9b0000;
  color: #fff;
}
.product-info .box1 .container .tbox .ck a.sc {
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #666;
}
.product-info .box1 .container .tbox .ck a.sc:hover {
  border: 1px solid #9b0000;
  background: #9b0000;
  color: #fff;
}
.product-info .box1 .container .public-img {
  width: calc(1020/1400*100%);
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .product-info .box1 .container .public-img {
    width: 100%;
  }
}
.product-info .box1 .container .public-img::before {
  padding-top: calc(760/1020*100%);
}
.product-info .box2 {
  width: 100%;
  background: #f8f8f8;
  padding: 1.05rem 0 1.4rem;
}
.product-info .box2 .container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.product-info .box2 .container .menu {
  width: calc(300/1400*100%);
  background: #fff;
  position: sticky;
  position: -webkit-sticky;
  top: 1.3rem;
  padding: 0.3rem;
}
@media (max-width: 1024px) {
  .product-info .box2 .container .menu {
    width: calc(400/1400*100%);
  }
}
@media (max-width: 991px) {
  .product-info .box2 .container .menu {
    display: none;
  }
}
.product-info .box2 .container .menu ul li {
  width: 100%;
}
.product-info .box2 .container .menu ul li a {
  width: 100%;
  height: 0.6rem;
  display: flex;
  align-items: center;
  padding-left: 0.24rem;
  color: #000;
  border-bottom: 1px solid rgba(1, 1, 1, 0.1);
  transition: all 0.4s;
}
.product-info .box2 .container .menu ul li:hover a {
  color: #9b0000;
}
.product-info .box2 .container .menu ul li.on a {
  color: #9b0000;
  background: rgba(155, 0, 0, 0.1);
  border-bottom: 1px solid transparent;
}
.product-info .box2 .container .right {
  width: calc(1070/1400*100%);
}
@media (max-width: 1024px) {
  .product-info .box2 .container .right {
    width: calc(970/1400*100%);
  }
}
@media (max-width: 991px) {
  .product-info .box2 .container .right {
    width: 100%;
  }
}
.product-info .box2 .container .right .item {
  width: 100%;
  background: #fff;
  margin-bottom: 0.2rem;
  padding: 0.4rem 0.3rem;
}
.product-info .box2 .container .right .item:last-child {
  margin-bottom: 0;
}
.product-info .box2 .container .right .item .t1s {
  color: #000;
  font-weight: bold;
  line-height: 1;
  border-left: 4px solid #9b0000;
  padding-left: 0.17rem;
}
.product-info .box2 .container .right .item .list {
  width: 100%;
  margin-top: 0.3rem;
}
.product-info .box2 .container .right .item .list ul {
  width: 100%;
}
.product-info .box2 .container .right .item .list ul li {
  width: 100%;
  border: 1px solid rgba(1, 1, 1, 0.1);
  display: flex;
  margin-bottom: 0.2rem;
}
.product-info .box2 .container .right .item .list ul li:last-child {
  margin-bottom: 0;
}
.product-info .box2 .container .right .item .list ul li .t1 {
  width: calc(200/990*100%);
  border-right: 1px solid rgba(1, 1, 1, 0.1);
  font-weight: bold;
  color: #000;
  padding: 0.1rem 0.24rem;
  background: rgba(1, 1, 1, 0.06);
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .product-info .box2 .container .right .item .list ul li .t1 {
    width: 110px;
    padding: 0.1rem;
    flex-shrink: 0;
  }
}
.product-info .box2 .container .right .item .list ul li .t2 {
  width: calc(790/990*100%);
  min-height: 52px;
  color: #666;
  font-weight: bold;
  padding: 0.1rem 0.24rem;
  display: flex;
  align-items: center;
}
.product-rank {
  width: 100%;
}
.product-rank .box1 {
  width: 100%;
  background: #f8f8f8;
  padding: 1.33rem 0 0.3rem;
}
.product-rank .box1 .container .title {
  line-height: calc(54/44);
  color: #000;
  font-weight: bold;
}
.product-rank .box1 .container .list {
  width: 100%;
  margin-top: 0.54rem;
}
.product-rank .box1 .container .list ul {
  width: calc(100% + 0.4rem);
  margin: 0 -0.2rem;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .product-rank .box1 .container .list ul {
    width: 100%;
    margin: 0;
  }
}
.product-rank .box1 .container .list ul li {
  width: calc(33.33% - 0.4rem);
  height: 3.92rem;
  margin: 0 0.2rem 0.4rem;
  padding: 0.4rem 0.4rem 0.34rem;
  background: url(../images/product-rank-box1-bg.jpg) center center no-repeat;
  background-size: cover;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}
@media (max-width: 991px) {
  .product-rank .box1 .container .list ul li {
    width: 100%;
    margin: 0 0 0.4rem;
  }
}
.product-rank .box1 .container .list ul li .icon {
  height: 0.48rem;
}
.product-rank .box1 .container .list ul li .tbox {
  width: 100%;
}
.product-rank .box1 .container .list ul li .tbox .num {
  font-weight: bold;
  color: #000;
  line-height: 1;
  display: flex;
  font-family: D;
}
.product-rank .box1 .container .list ul li .tbox .num span {
  letter-spacing: -2px;
}
.product-rank .box1 .container .list ul li .tbox .txt {
  color: #666;
  line-height: calc(34/24);
  font-weight: bold;
  margin-top: 8px;
}
.product-rank .box2 {
  width: 100%;
  background: #f8f8f8;
  padding: 0.7rem 0 1.4rem;
}
.product-rank .box2 .container .top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.product-rank .box2 .container .top .title {
  line-height: calc(54/44);
  color: #000;
  font-weight: bold;
}
@media (max-width: 767px) {
  .product-rank .box2 .container .top .menu {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.product-rank .box2 .container .top .menu ul {
  display: flex;
}
.product-rank .box2 .container .top .menu ul li {
  display: flex;
  margin-right: 0.2rem;
}
.product-rank .box2 .container .top .menu ul li:last-child {
  margin-right: 0;
}
.product-rank .box2 .container .top .menu ul li a {
  min-width: 1.24rem;
  height: 0.54rem;
  padding: 0 0.2rem;
  border-radius: 0.27rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #999;
  border: 1px solid #acacac;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .product-rank .box2 .container .top .menu ul li a {
    height: 0.68rem;
    border-radius: 0.34rem;
  }
}
.product-rank .box2 .container .top .menu ul li:hover a {
  color: #9b0000;
  border: 1px solid #9b0000;
}
.product-rank .box2 .container .top .menu ul li.on a {
  border: 1px solid #9b0000;
  background: #9b0000;
  color: #fff;
}
.product-rank .box2 .container .list {
  width: 100%;
  margin-top: 0.6rem;
  background: #fff;
  padding: 0.4rem 0.3rem;
}
.product-rank .box2 .container .list > ul > li {
  width: 100%;
  display: none;
}
.product-rank .box2 .container .list > ul > li.on {
  display: block;
}
.product-rank .box2 .container .list > ul > li .list-top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .product-rank .box2 .container .list > ul > li .list-top {
    flex-direction: column-reverse;
  }
}
@media (max-width: 991px) {
  .product-rank .box2 .container .list > ul > li .list-top .menu {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.product-rank .box2 .container .list > ul > li .list-top .menu > ul {
  display: flex;
}
@media (max-width: 991px) {
  .product-rank .box2 .container .list > ul > li .list-top .menu > ul {
    width: 100%;
    overflow-x: auto;
  }
}
.product-rank .box2 .container .list > ul > li .list-top .menu > ul > li {
  display: flex;
  margin-right: 0.2rem;
}
.product-rank .box2 .container .list > ul > li .list-top .menu > ul > li:last-child {
  margin-right: 0;
}
.product-rank .box2 .container .list > ul > li .list-top .menu > ul > li a {
  min-width: 1.24rem;
  height: 0.54rem;
  border-radius: 0.27rem;
  padding: 0 0.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #999;
  border: 1px solid #acacac;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .product-rank .box2 .container .list > ul > li .list-top .menu > ul > li a {
    height: 0.68rem;
    border-radius: 0.34rem;
  }
}
.product-rank .box2 .container .list > ul > li .list-top .menu > ul > li:hover a {
  color: #9b0000;
  border: 1px solid #9b0000;
}
.product-rank .box2 .container .list > ul > li .list-top .menu > ul > li.on a {
  border: 1px solid #9b0000;
  background: #9b0000;
  color: #fff;
}
.product-rank .box2 .container .list > ul > li .list-top .selects {
  width: 3.6rem;
}
@media (max-width: 767px) {
  .product-rank .box2 .container .list > ul > li .list-top .selects {
    width: 100%;
  }
}
.product-rank .box2 .container .list > ul > li .list-top .selects .layui-input-inline {
  width: 100%;
}
.product-rank .box2 .container .list > ul > li .list-top .selects .layui-select-title {
  width: 100%;
  height: 0.54rem;
  border-radius: 0.27rem;
  border: 1px solid rgba(1, 1, 1, 0.1);
  padding: 0 0.2rem;
  overflow: hidden;
}
@media (max-width: 767px) {
  .product-rank .box2 .container .list > ul > li .list-top .selects .layui-select-title {
    height: 0.68rem;
    border-radius: 0.34rem;
  }
}
.product-rank .box2 .container .list > ul > li .list-top .selects .layui-select-title .layui-input {
  border: none;
  height: 100%;
  padding: 0;
}
.product-rank .box2 .container .list > ul > li .list-top .selects .layui-form-select .layui-edge {
  width: 10px;
  height: 10px;
  border-width: 0;
  margin-top: -7px;
  border-left: 2px solid #999;
  border-bottom: 2px solid #999;
  right: 20px;
  transform: rotateZ(-45deg);
}
.product-rank .box2 .container .list > ul > li .list-top .selects .layui-form-select dl {
  top: 0.56rem;
}
.product-rank .box2 .container .list > ul > li .rank-list {
  width: 100%;
  margin-top: 0.4rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  overflow-x: auto;
}
.product-rank .box2 .container .list > ul > li .rank-list .item {
  width: 100%;
  min-height: 0.8rem;
  padding: 0.1rem 0;
  display: flex;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .product-rank .box2 .container .list > ul > li .rank-list .item {
    width: 800px;
  }
}
.product-rank .box2 .container .list > ul > li .rank-list .item .num {
  width: calc(100/1340*100%);
  color: #666;
  font-weight: 100;
  flex-shrink: 0;
  text-align: center;
  font-weight: bold;
}
.product-rank .box2 .container .list > ul > li .rank-list .item .title {
  width: calc(370/1340*100%);
  padding-right: 0.2rem;
  flex-shrink: 0;
}
.product-rank .box2 .container .list > ul > li .rank-list .item .title span {
  color: #333;
  font-weight: bold;
  transition: all 0.4s;
  background-image: linear-gradient(to bottom, rgba(155, 0, 0, 0) 95%, #9b0000 0%);
  background-size: 0 100%;
  background-repeat: no-repeat;
}
.product-rank .box2 .container .list > ul > li .rank-list .item .line {
  width: calc(510/1340*100%);
  height: 8px;
  border-radius: 4px;
  position: relative;
  background: rgba(0, 0, 0, 0.1);
  margin-right: auto;
  flex-shrink: 0;
}
.product-rank .box2 .container .list > ul > li .rank-list .item .line span {
  width: 0;
  height: 100%;
  border-radius: 4px;
  position: absolute;
  left: 0;
  background: #9b0000;
  transition: all 0.8s;
}
.product-rank .box2 .container .list > ul > li .rank-list .item .time {
  width: calc(165/1340*100%);
  text-align-last: center;
  color: #666;
  flex-shrink: 0;
}
.product-rank .box2 .container .list > ul > li .rank-list .item .frequency {
  width: calc(165/1340*100%);
  text-align-last: center;
  color: #666;
  flex-shrink: 0;
}
.product-rank .box2 .container .list > ul > li .rank-list .item:hover .title span {
  color: #9b0000;
  background-size: 100% 100%;
}
.product-rank .box3 {
  width: 100%;
  background: #fff;
  padding: 1.34rem 0 1.3rem;
}
.product-rank .box3 .container .title {
  line-height: calc(58/48);
  color: #000;
  font-weight: bold;
}
.product-rank .box3 .container .list {
  width: 100%;
  margin-top: 0.7rem;
  position: relative;
}
.product-rank .box3 .container .list .ckbox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .product-rank .box3 .container .list .ckbox {
    position: relative;
    left: initial;
    top: initial;
    margin-bottom: 0.5rem;
  }
}
.product-rank .box3 .container .list .ckbox .year {
  width: 100px;
  margin-right: 0.2rem;
}
.product-rank .box3 .container .list .ckbox .year .layui-input-inline {
  width: 100%;
}
.product-rank .box3 .container .list .ckbox .year .layui-select-title {
  width: 100%;
  overflow: hidden;
}
.product-rank .box3 .container .list .ckbox .year .layui-select-title .layui-input {
  border: none;
  height: 100%;
  padding: 0;
}
.product-rank .box3 .container .list .ckbox .year .layui-form-select .layui-edge {
  width: 10px;
  height: 10px;
  border-width: 0;
  margin-top: -7px;
  border-left: 2px solid #999;
  border-bottom: 2px solid #999;
  right: 20px;
  transform: rotateZ(-45deg);
}
.product-rank .box3 .container .list .ckbox .menu ul {
  display: flex;
}
.product-rank .box3 .container .list .ckbox .menu ul li {
  margin-right: 0.6rem;
}
.product-rank .box3 .container .list .ckbox .menu ul li a span {
  background-image: linear-gradient(to bottom, rgba(155, 0, 0, 0) 96%, #9b0000 0%);
  background-size: 0 100%;
  background-repeat: no-repeat;
  transition: all 0.4s;
  color: #666;
}
.product-rank .box3 .container .list .ckbox .menu ul li:hover a span {
  color: #9b0000;
}
.product-rank .box3 .container .list .ckbox .menu ul li.on a span {
  color: #9b0000;
  background-size: 100% 100%;
}
.product-rank .box3 .container .list .echarts-box {
  width: 100%;
  height: 5.6rem;
}
.product-rank .box4 {
  width: 100%;
  background: #f8f8f8;
  padding: 1.3rem 0 1.37rem;
}
.product-rank .box4 .container .title {
  line-height: calc(58/48);
  color: #000;
  font-weight: bold;
}
.product-rank .box4 .container .list {
  width: 100%;
  position: relative;
  margin-top: 0.6rem;
}
.product-rank .box4 .container .list .swiper-container .swiper-slide a {
  width: 100%;
  display: block;
}
.product-rank .box4 .container .list .swiper-container .swiper-slide a .public-img {
  width: 100%;
}
.product-rank .box4 .container .list .swiper-container .swiper-slide a .public-img::before {
  padding-top: calc(560/440*100%);
}
.product-rank .box4 .container .list .swiper-container .swiper-slide a .txt {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 0.25rem;
}
.product-rank .box4 .container .list .swiper-container .swiper-slide a .txt span {
  color: #000;
  line-height: calc(34/24);
  background-image: linear-gradient(to bottom, rgba(155, 0, 0, 0) 93%, #9b0000 0%);
  background-size: 0 100%;
  background-repeat: no-repeat;
  transition: all 0.4s;
}
.product-rank .box4 .container .list .swiper-container .swiper-slide a .txt i {
  width: 16px;
  height: 10px;
  display: flex;
  align-items: center;
  margin-left: 0.1rem;
  opacity: 0;
  transition: all 0.4s;
}
.product-rank .box4 .container .list .swiper-container .swiper-slide a .txt i svg path {
  fill: #9b0000;
}
.product-rank .box4 .container .list .swiper-container .swiper-slide a:hover .public-img img {
  transform: scale(1.1);
}
.product-rank .box4 .container .list .swiper-container .swiper-slide a:hover .txt span {
  color: #9b0000;
  background-size: 100% 100%;
}
.product-rank .box4 .container .list .swiper-container .swiper-slide a:hover .txt i {
  opacity: 1;
}
.product-rank .box4 .container .list .ckbox {
  width: 100%;
}
@media (max-width: 1260px) {
  .product-rank .box4 .container .list .ckbox {
    position: relative;
    margin-top: 0.6rem;
    display: flex;
    justify-content: center;
  }
}
.product-rank .box4 .container .list .ckbox .prev,
.product-rank .box4 .container .list .ckbox .next {
  width: 0.64rem;
  height: 0.64rem;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #9b0000;
  transition: all 0.4s;
  position: absolute;
  top: 2.48rem;
}
@media (max-width: 1260px) {
  .product-rank .box4 .container .list .ckbox .prev,
  .product-rank .box4 .container .list .ckbox .next {
    position: relative;
    top: initial;
    margin: 0 0.1rem;
  }
}
.product-rank .box4 .container .list .ckbox .prev svg,
.product-rank .box4 .container .list .ckbox .next svg {
  width: 0.24rem;
}
.product-rank .box4 .container .list .ckbox .prev svg path,
.product-rank .box4 .container .list .ckbox .next svg path {
  fill: #9b0000;
  opacity: 1;
  transition: all 0.4s;
}
.product-rank .box4 .container .list .ckbox .prev:hover,
.product-rank .box4 .container .list .ckbox .next:hover {
  background: #9b0000;
}
.product-rank .box4 .container .list .ckbox .prev:hover svg path,
.product-rank .box4 .container .list .ckbox .next:hover svg path {
  fill: #fff;
}
.product-rank .box4 .container .list .ckbox .prev {
  right: calc(100% + 0.6rem);
}
@media (max-width: 1260px) {
  .product-rank .box4 .container .list .ckbox .prev {
    right: initial;
  }
}
.product-rank .box4 .container .list .ckbox .prev svg {
  transform: rotateZ(180deg);
}
.product-rank .box4 .container .list .ckbox .next {
  left: calc(100% + 0.6rem);
}
@media (max-width: 1260px) {
  .product-rank .box4 .container .list .ckbox .next {
    left: initial;
  }
}
.personal-center {
  width: 100%;
  background: #f8f8f8;
  padding: 0 0 1.4rem;
}
.personal-center .container .center-box1 {
  width: 100%;
  min-height: 2.1rem;
  background: #fff;
  padding: 0.3rem 0.4rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 0.7rem;
}
.personal-center .container .center-box1 .b1 {
  width: calc(388/1360*100%);
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .personal-center .container .center-box1 .b1 {
    width: 100%;
  }
}
.personal-center .container .center-box1 .b1 .icon {
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.04);
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.07rem solid transparent;
  overflow: hidden;
}
.personal-center .container .center-box1 .b1 .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.personal-center .container .center-box1 .b1 .ts {
  margin-left: 0.25rem;
}
.personal-center .container .center-box1 .b1 .ts .t1 {
  line-height: calc(34/24);
  color: #000;
  font-weight: bold;
}
.personal-center .container .center-box1 .b1 .ts .t2 {
  color: #666;
  margin-top: 6px;
}
.personal-center .container .center-box1 .b2 {
  width: calc(275/1360*100%);
}
@media (max-width: 1260px) {
  .personal-center .container .center-box1 .b2 {
    width: calc(400/1360*100%);
  }
}
@media (max-width: 991px) {
  .personal-center .container .center-box1 .b2 {
    width: 100%;
    margin-top: 0.2rem;
    padding-left: 1.15rem;
  }
}
.personal-center .container .center-box1 .b2 .t1 {
  color: #999;
  font-weight: bold;
}
.personal-center .container .center-box1 .b2 .t1 span {
  color: #333;
}
.personal-center .container .center-box1 .b2 .t2 {
  color: #999;
  font-weight: bold;
  margin-top: 0.1rem;
}
.personal-center .container .center-box1 .b2 .t2 span {
  color: #333;
}
.personal-center .container .center-box1 .edit {
  display: flex;
  margin-left: auto;
}
@media (max-width: 991px) {
  .personal-center .container .center-box1 .edit {
    width: 100%;
    margin-left: 0;
    margin-top: 0.2rem;
    padding-left: 1.15rem;
  }
}
.personal-center .container .center-box1 .edit a {
  min-width: 1.48rem;
  height: 48px;
  border-radius: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.2rem;
  border: 1px solid #9b0000;
  color: #9b0000;
  transition: all 0.4s;
}
.personal-center .container .center-box1 .edit a i {
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  margin-left: 0.1rem;
}
.personal-center .container .center-box1 .edit a i svg path {
  fill: #9b0000;
  opacity: 1;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .personal-center .container .center-box1 .edit a {
    height: 36px;
  }
}
.personal-center .container .center-box1 .edit a:hover {
  background: #9b0000;
  color: #fff;
}
.personal-center .container .center-box1 .edit a:hover i svg path {
  fill: #fff;
}
.personal-center .container .center-box2 {
  width: 100%;
  background: #fff;
  margin-top: 0.2rem;
  padding: 0.4rem;
}
.personal-center .container .center-box2 .title {
  color: #000;
  font-weight: bold;
  line-height: 1;
  border-left: 4px solid #9b0000;
  padding-left: 0.17rem;
}
.personal-center .container .center-box2 .record {
  width: 100%;
  position: relative;
  margin-top: 0.4rem;
}
.personal-center .container .center-box2 .record .record-menu ul {
  display: flex;
}
.personal-center .container .center-box2 .record .record-menu ul li {
  margin-right: 0.2rem;
}
.personal-center .container .center-box2 .record .record-menu ul li a {
  min-width: 1.24rem;
  height: 48px;
  border-radius: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.2rem;
  border: 1px solid #999;
  color: #999;
  transition: all 0.4s;
  margin-right: 0.2rem;
}
.personal-center .container .center-box2 .record .record-menu ul li a:last-child {
  margin-right: 0;
}
@media (max-width: 1024px) {
  .personal-center .container .center-box2 .record .record-menu ul li a {
    margin-right: 0.1rem;
  }
}
@media (max-width: 767px) {
  .personal-center .container .center-box2 .record .record-menu ul li a {
    height: 36px;
  }
}
.personal-center .container .center-box2 .record .record-menu ul li:hover a {
  border: 1px solid #9b0000;
  color: #9b0000;
}
.personal-center .container .center-box2 .record .record-menu ul li.on a {
  background: #9b0000;
  color: #fff;
}
.personal-center .container .center-box2 .record .record-list {
  margin-top: 0.3rem;
}
.personal-center .container .center-box2 .record .more {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
@media (max-width: 767px) {
  .personal-center .container .center-box2 .record .more {
    position: relative;
    right: initial;
    top: initial;
    margin-top: 0.5rem;
    display: flex;
    justify-content: center;
  }
}
.personal-center .container .center-box2 .record .more .public-btn a {
  height: 48px;
  padding: 0 5px 0 0.2rem;
  border-radius: 24px;
}
@media (max-width: 767px) {
  .personal-center .container .center-box2 .record .more .public-btn a {
    height: 36px;
  }
}
.personal-center .container .center-box2 .record .more .public-btn a i {
  width: 38px;
  height: 38px;
}
@media (max-width: 767px) {
  .personal-center .container .center-box2 .record .more .public-btn a i {
    width: 26px;
    height: 26px;
  }
}
.personal-center .container .center-box2 .nothing {
  width: 100%;
  padding: 0.18rem 0 1.28rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.personal-center .container .center-box2 .nothing .tips {
  width: 100%;
  margin-top: -0.34rem;
}
.personal-center .container .center-box2 .nothing .tips .txt {
  text-align: center;
  color: #666;
}
.personal-center .container .center-box2 .nothing .tips .more {
  display: flex;
  justify-content: center;
  margin-top: 0.28rem;
}
.personal-center .container .record-list {
  width: 100%;
  position: relative;
}
.personal-center .container .record-list .tb-list ul {
  width: 100%;
  overflow-x: auto;
}
.personal-center .container .record-list .tb-list ul::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
.personal-center .container .record-list .tb-list ul li {
  display: flex;
  flex-shrink: 0;
  position: relative;
}
.personal-center .container .record-list .tb-list ul li.tb-title {
  height: 0.64rem;
  border-bottom: none;
}
.personal-center .container .record-list .tb-list ul li.tb-title .tb {
  padding: 0.1rem;
  color: #9b0000;
  background: rgba(155, 0, 0, 0.06);
}
.personal-center .container .record-list .tb-list ul li.tb-title .t8 {
  background: #f9f0f0;
}
.personal-center .container .record-list .tb-list ul li .tb {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: #666;
  line-height: calc(26/16);
  padding: 0.24rem 0.15rem;
  flex-shrink: 0;
  background: #fff;
}
.personal-center .container .record-list .tb-list ul li .t1 {
  width: 180px;
}
.personal-center .container .record-list .tb-list ul li .t2 {
  width: 150px;
}
.personal-center .container .record-list .tb-list ul li .t3 {
  width: 180px;
}
.personal-center .container .record-list .tb-list ul li .t4 {
  width: 150px;
}
.personal-center .container .record-list .tb-list ul li .t5 {
  width: 160px;
}
.personal-center .container .record-list .tb-list ul li .t6 {
  width: 180px;
}
.personal-center .container .record-list .tb-list ul li .t7 {
  width: 180px;
}
.personal-center .container .record-list .tb-list ul li .t8 {
  width: 140px;
  flex-wrap: wrap;
  position: sticky;
  position: -webkit-sticky;
  right: -2px;
  z-index: 2;
  box-shadow: 0 3px 10px 0 rgba(155, 0, 0, 0.06);
}
.personal-center .container .record-list .tb-list ul li .t8 a {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 9px;
  transition: all 0.4s;
}
.personal-center .container .record-list .tb-list ul li .t8 a:last-child {
  margin-bottom: 0;
}
.personal-center .container .record-list .tb-list ul li .t8 a i {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  margin-right: 7px;
}
.personal-center .container .record-list .tb-list ul li .t8 a i svg path {
  fill: #999;
  transition: all 0.4s;
}
.personal-center .container .record-list .tb-list ul li .t8 a:hover i svg path {
  fill: #9b0000;
}
.personal-center .container .record-list .tb-list ul li .t8 a:hover span {
  color: #9b0000;
}
.personal-center .container .collect-list {
  width: 100%;
  padding: 0.48rem 0 0;
  position: relative;
}
.personal-center .container .collect-list ul {
  width: calc(100% + 0.36rem);
  margin: 0 -0.18rem;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .personal-center .container .collect-list ul {
    width: 100%;
    margin: 0;
  }
}
.personal-center .container .collect-list ul li {
  width: calc(33.33% - 0.36rem);
  margin: 0 0.18rem 0.3rem;
}
@media (max-width: 991px) {
  .personal-center .container .collect-list ul li {
    width: 100%;
    margin: 0 0 0.3rem;
  }
  .personal-center .container .collect-list ul li:last-child {
    margin: 0;
  }
}
.personal-center .container .collect-list ul li .img-box {
  width: 100%;
  position: relative;
  display: block;
}
.personal-center .container .collect-list ul li .img-box .icon {
  width: 0.32rem;
  height: 0.28rem;
  position: absolute;
  top: 0.3rem;
  right: 0.35rem;
  z-index: 2;
}
.personal-center .container .collect-list ul li .img-box .public-img {
  width: 100%;
}
.personal-center .container .collect-list ul li .img-box .public-img::before {
  padding-top: calc(534/414*100%);
}
.personal-center .container .collect-list ul li .img-box .public-img::after {
  content: '';
  width: 100%;
  height: 50%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}
.personal-center .container .collect-list ul li .img-box .txt {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  color: #fff;
  line-height: calc(34/24);
  padding: 0 0.3rem 0.35rem;
}
.personal-center .container .collect-list ul li .img-box:hover .public-img img {
  transform: scale(1.1);
}
.personal-center .container .collect-list ul li .ck {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.2rem;
}
.personal-center .container .collect-list ul li .ck a {
  min-width: 1.24rem;
  height: 48px;
  border-radius: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.2rem;
  border: 1px solid #9b0000;
  color: #9b0000;
  transition: all 0.4s;
  margin-right: 0.2rem;
}
.personal-center .container .collect-list ul li .ck a:last-child {
  margin-right: 0;
}
@media (max-width: 1024px) {
  .personal-center .container .collect-list ul li .ck a {
    margin-right: 0.1rem;
  }
}
@media (max-width: 767px) {
  .personal-center .container .collect-list ul li .ck a {
    height: 36px;
  }
}
.personal-center .container .collect-list ul li .ck a:hover {
  background: #9b0000;
  color: #fff;
}
.personal-center .container .collect-list .public-btn {
  position: absolute;
  right: 0;
  top: -0.4rem;
}
.personal-center .container .personal-info-box {
  width: 100%;
  margin-top: 0.7rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.personal-center .container .personal-info-box .record-box {
  width: calc(1070/1400*100%);
  background: #fff;
  padding: 0.4rem 0.3rem;
}
@media (max-width: 991px) {
  .personal-center .container .personal-info-box .record-box {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.personal-center .container .personal-info-box .record-box .top {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.personal-center .container .personal-info-box .record-box .top .title {
  color: #000;
  font-weight: bold;
  line-height: 1;
  border-left: 4px solid #9b0000;
  padding-left: 0.17rem;
}
.personal-center .container .personal-info-box .record-box .top .ckbox {
  display: flex;
}
.personal-center .container .personal-info-box .record-box .top .ckbox .search,
.personal-center .container .personal-info-box .record-box .top .ckbox .reset {
  min-width: 1.2rem;
  height: 48px;
  border-radius: 24px;
  border: 1px solid #999;
  color: #999;
  transition: all 0.4s;
  padding: 0 0.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media (max-width: 767px) {
  .personal-center .container .personal-info-box .record-box .top .ckbox .search,
  .personal-center .container .personal-info-box .record-box .top .ckbox .reset {
    height: 36px;
  }
}
.personal-center .container .personal-info-box .record-box .top .ckbox .search i,
.personal-center .container .personal-info-box .record-box .top .ckbox .reset i {
  width: 19px;
  height: 19px;
  display: flex;
  align-items: center;
  margin-right: 0.1rem;
}
@media (max-width: 991px) {
  .personal-center .container .personal-info-box .record-box .top .ckbox .search i,
  .personal-center .container .personal-info-box .record-box .top .ckbox .reset i {
    width: 14px;
    height: 14px;
  }
}
.personal-center .container .personal-info-box .record-box .top .ckbox .search i svg path,
.personal-center .container .personal-info-box .record-box .top .ckbox .reset i svg path {
  fill: #999;
  transition: all 0.4s;
  opacity: 1;
}
.personal-center .container .personal-info-box .record-box .top .ckbox .search:hover,
.personal-center .container .personal-info-box .record-box .top .ckbox .reset:hover {
  border: 1px solid #9b0000;
  background: #9b0000;
  color: #fff;
}
.personal-center .container .personal-info-box .record-box .top .ckbox .search:hover i svg path,
.personal-center .container .personal-info-box .record-box .top .ckbox .reset:hover i svg path {
  fill: #fff;
}
.personal-center .container .personal-info-box .record-box .top .ckbox .search {
  margin-right: 0.13rem;
}
.personal-center .container .personal-info-box .record-box .record-check {
  width: calc(100% + 0.2rem);
  display: flex;
  flex-wrap: wrap;
  margin: 0.4rem -0.1rem 0;
}
.personal-center .container .personal-info-box .record-box .record-check .item {
  width: calc(25% - 0.2rem);
  margin: 0 0.1rem;
}
@media (max-width: 991px) {
  .personal-center .container .personal-info-box .record-box .record-check .item {
    width: calc(50% - 0.2rem);
    margin-bottom: 0.2rem;
  }
}
@media (max-width: 767px) {
  .personal-center .container .personal-info-box .record-box .record-check .item {
    width: 100%;
  }
}
.personal-center .container .personal-info-box .record-box .record-check .item .t1 {
  color: #666;
  display: flex;
  align-items: center;
}
.personal-center .container .personal-info-box .record-box .record-check .item .t1 img {
  margin: 0 2px;
}
.personal-center .container .personal-info-box .record-box .record-check .item .t2 {
  width: 100%;
  margin-top: 8px;
  position: relative;
}
.personal-center .container .personal-info-box .record-box .record-check .item .t2 .txt {
  width: 100%;
  height: 48px;
  border-radius: 24px;
  border: 1px solid rgba(1, 1, 1, 0.1);
  padding: 0 0.2rem;
}
@media (max-width: 767px) {
  .personal-center .container .personal-info-box .record-box .record-check .item .t2 .txt {
    height: 36px;
  }
}
.personal-center .container .personal-info-box .record-box .record-check .item .t2 .layui-input-inline {
  width: 100%;
}
.personal-center .container .personal-info-box .record-box .record-check .item .t2 .layui-select-title {
  width: 100%;
  height: 48px;
  border-radius: 24px;
  border: 1px solid rgba(1, 1, 1, 0.1);
  padding: 0 0.2rem;
  overflow: hidden;
}
@media (max-width: 767px) {
  .personal-center .container .personal-info-box .record-box .record-check .item .t2 .layui-select-title {
    height: 36px;
  }
}
.personal-center .container .personal-info-box .record-box .record-check .item .t2 .layui-select-title .layui-input {
  border: none;
  height: 100%;
  padding: 0;
}
.personal-center .container .personal-info-box .record-box .record-check .item .t2 .layui-form-select .layui-edge {
  width: 10px;
  height: 10px;
  border-width: 0;
  margin-top: -7px;
  border-left: 2px solid #999;
  border-bottom: 2px solid #999;
  right: 20px;
  transform: rotateZ(-45deg);
}
.personal-center .container .personal-info-box .record-box .record-check .item .t2 .selects {
  position: absolute;
  padding: 0 0.24rem;
  height: 32px;
  border-radius: 16px;
  background: #f5e5e5;
  left: 0.1rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .personal-center .container .personal-info-box .record-box .record-check .item .t2 .selects {
    height: 26px;
  }
}
.personal-center .container .personal-info-box .record-box .record-check .item .t2 .selects span {
  color: #9b0000;
}
.personal-center .container .personal-info-box .record-box .record-check .item .t2 .selects i {
  width: 12px;
  height: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-left: 0.14rem;
}
.personal-center .container .personal-info-box .record-box .record-check .item .t2 .selects i svg path {
  fill: #9b0000;
}
.personal-center .container .personal-info-box .record-box .record-list {
  margin-top: 0.3rem;
}
.personal-center .container .personal-info-box .record-box .page-list {
  margin-top: 0.4rem;
}
.personal-center .container .personal-info-box .subscribe-info {
  width: calc(1070/1400*100%);
  background: #fff;
  padding: 0.4rem 0.3rem;
}
@media (max-width: 991px) {
  .personal-center .container .personal-info-box .subscribe-info {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.personal-center .container .personal-info-box .subscribe-info .top {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.personal-center .container .personal-info-box .subscribe-info .top .title {
  color: #000;
  font-weight: bold;
  line-height: 1;
  border-left: 4px solid #9b0000;
  padding-left: 0.17rem;
}
.personal-center .container .personal-info-box .subscribe-info .top .back {
  display: flex;
}
.personal-center .container .personal-info-box .subscribe-info .top .back a {
  min-width: 1.2rem;
  height: 48px;
  border-radius: 24px;
  border: 1px solid #999;
  transition: all 0.4s;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.2rem;
}
@media (max-width: 767px) {
  .personal-center .container .personal-info-box .subscribe-info .top .back a {
    height: 36px;
  }
}
.personal-center .container .personal-info-box .subscribe-info .top .back a i {
  width: 22px;
  height: 11px;
  display: flex;
  align-items: center;
}
.personal-center .container .personal-info-box .subscribe-info .top .back a i svg {
  width: 100%;
}
.personal-center .container .personal-info-box .subscribe-info .top .back a i svg path {
  fill: #999;
  transition: all 0.4s;
  opacity: 1;
}
.personal-center .container .personal-info-box .subscribe-info .top .back a span {
  color: #999;
  transition: all 0.4s;
  margin-left: 0.1rem;
}
.personal-center .container .personal-info-box .subscribe-info .top .back a:hover {
  border: 1px solid #9b0000;
  background: #9b0000;
}
.personal-center .container .personal-info-box .subscribe-info .top .back a:hover i svg path {
  fill: #fff;
}
.personal-center .container .personal-info-box .subscribe-info .top .back a:hover span {
  color: #fff;
}
.personal-center .container .personal-info-box .subscribe-info .subscribe-info-boxs {
  width: 100%;
  margin-top: 0.54rem;
}
.personal-center .container .personal-info-box .subscribe-info .subscribe-info-boxs .item {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 0.35rem;
}
.personal-center .container .personal-info-box .subscribe-info .subscribe-info-boxs .item:last-child {
  margin-bottom: 0;
}
.personal-center .container .personal-info-box .subscribe-info .subscribe-info-boxs .item .tits {
  width: 100%;
  line-height: calc(34/24);
  color: #000;
  font-weight: bold;
  margin-bottom: 0.25rem;
}
.personal-center .container .personal-info-box .subscribe-info .subscribe-info-boxs .item .example-img {
  width: 100%;
  margin-bottom: 0.2rem;
}
.personal-center .container .personal-info-box .subscribe-info .subscribe-info-boxs .item .example-img .txt {
  color: #000;
  font-weight: bold;
}
.personal-center .container .personal-info-box .subscribe-info .subscribe-info-boxs .item .example-img .imgs {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.15rem;
}
.personal-center .container .personal-info-box .subscribe-info .subscribe-info-boxs .item .example-img .imgs .public-img {
  width: 1.4rem;
  background: #f0f0f0;
  margin-right: 0.1rem;
  border: 0.08rem solid #f0f0f0;
}
.personal-center .container .personal-info-box .subscribe-info .subscribe-info-boxs .item .example-img .imgs .public-img::before {
  padding-top: calc(160/140*100%);
}
.personal-center .container .personal-info-box .subscribe-info .subscribe-info-boxs .item .ts {
  width: calc(495/1010*100%);
  border: 1px solid rgba(1, 1, 1, 0.1);
  display: flex;
  margin-bottom: 0.2rem;
}
@media (max-width: 991px) {
  .personal-center .container .personal-info-box .subscribe-info .subscribe-info-boxs .item .ts {
    width: 100%;
  }
}
.personal-center .container .personal-info-box .subscribe-info .subscribe-info-boxs .item .ts.ts2 {
  width: 100%;
}
.personal-center .container .personal-info-box .subscribe-info .subscribe-info-boxs .item .ts.ts2 .t1 {
  min-width: calc(200/1010*100%);
}
@media (max-width: 991px) {
  .personal-center .container .personal-info-box .subscribe-info .subscribe-info-boxs .item .ts.ts2 .t1 {
    min-width: calc(200/495*100%);
  }
}
.personal-center .container .personal-info-box .subscribe-info .subscribe-info-boxs .item .ts .t1 {
  min-width: calc(200/495*100%);
  border-right: 1px solid rgba(1, 1, 1, 0.1);
  font-weight: bold;
  color: #000;
  padding: 0.1rem 0.14rem 0.1rem 0.24rem;
  background: rgba(1, 1, 1, 0.06);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .personal-center .container .personal-info-box .subscribe-info .subscribe-info-boxs .item .ts .t1 {
    width: 110px;
    padding: 0.1rem;
    flex-shrink: 0;
  }
}
.personal-center .container .personal-info-box .subscribe-info .subscribe-info-boxs .item .ts .t2 {
  width: calc(295/495*100%);
  min-height: 52px;
  color: #666;
  font-weight: bold;
  padding: 0.1rem 0.24rem;
  display: flex;
  align-items: center;
}
.personal-center .container .collect-boxs {
  width: 100%;
  margin-top: 0.72rem;
}
.personal-center .container .collect-boxs .top {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.personal-center .container .collect-boxs .top .title {
  color: #000;
  font-weight: bold;
  line-height: 1;
}
.personal-center .container .collect-boxs .top .back {
  display: flex;
}
.personal-center .container .collect-boxs .top .back a {
  min-width: 1.2rem;
  height: 48px;
  border-radius: 24px;
  border: 1px solid #999;
  transition: all 0.4s;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.2rem;
}
@media (max-width: 767px) {
  .personal-center .container .collect-boxs .top .back a {
    height: 36px;
  }
}
.personal-center .container .collect-boxs .top .back a i {
  width: 22px;
  height: 11px;
  display: flex;
  align-items: center;
}
.personal-center .container .collect-boxs .top .back a i svg {
  width: 100%;
}
.personal-center .container .collect-boxs .top .back a i svg path {
  fill: #999;
  transition: all 0.4s;
  opacity: 1;
}
.personal-center .container .collect-boxs .top .back a span {
  color: #999;
  transition: all 0.4s;
  margin-left: 0.1rem;
}
.personal-center .container .collect-boxs .top .back a:hover {
  border: 1px solid #9b0000;
  background: #9b0000;
}
.personal-center .container .collect-boxs .top .back a:hover i svg path {
  fill: #fff;
}
.personal-center .container .collect-boxs .top .back a:hover span {
  color: #fff;
}
.personal-center .container .collect-boxs .collect-list {
  padding: 0.6rem 0 0;
}
.personal-center .container .collect-boxs .collect-list ul li {
  margin: 0 0.18rem 0.4rem;
}
@media (max-width: 991px) {
  .personal-center .container .collect-boxs .collect-list ul li {
    width: 100%;
    margin: 0 0 0.4rem;
  }
  .personal-center .container .collect-boxs .collect-list ul li:last-child {
    margin: 0;
  }
}
.personal-center .container .personal-data {
  width: 100%;
  margin-top: 0.72rem;
}
.personal-center .container .personal-data .data-box1 {
  width: 100%;
  background: #fff;
  padding: 0.4rem 0.4rem 0.6rem;
}
.personal-center .container .personal-data .data-box1 .title {
  color: #000;
  font-weight: bold;
  line-height: 1;
  border-left: 4px solid #9b0000;
  padding-left: 0.17rem;
}
.personal-center .container .personal-data .data-box1 .information-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-top: 0.6rem;
  padding: 0 0.2rem;
}
.personal-center .container .personal-data .data-box1 .information-box .left {
  width: calc(485/1280*100%);
}
@media (max-width: 991px) {
  .personal-center .container .personal-data .data-box1 .information-box .left {
    width: 100%;
  }
}
.personal-center .container .personal-data .data-box1 .information-box .left .public-img {
  width: 100%;
  border-radius: 0.2rem;
}
.personal-center .container .personal-data .data-box1 .information-box .left .public-img::before {
  padding-top: 100%;
}
.personal-center .container .personal-data .data-box1 .information-box .left .public-img .change-img {
  width: 0.4rem;
  height: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.1rem;
  position: absolute;
  right: 0.2rem;
  bottom: 0.2rem;
  z-index: 3;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s;
  opacity: 0;
}
.personal-center .container .personal-data .data-box1 .information-box .left .public-img .change-img svg {
  width: 50%;
  height: 50%;
}
.personal-center .container .personal-data .data-box1 .information-box .left .public-img .change-img svg path {
  fill: #fff;
  opacity: 1;
}
.personal-center .container .personal-data .data-box1 .information-box .left .public-img .change-img:hover {
  background: #9b0000;
}
.personal-center .container .personal-data .data-box1 .information-box .left .public-img .change-img .file-img {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.personal-center .container .personal-data .data-box1 .information-box .left .public-img:hover .change-img {
  opacity: 1;
}
.personal-center .container .personal-data .data-box1 .information-box .left .img-tips {
  color: #999;
  margin-top: 0.15rem;
}
.personal-center .container .personal-data .data-box1 .information-box .left .ts {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 0.18rem;
}
.personal-center .container .personal-data .data-box1 .information-box .left .ts .t1 {
  color: #000;
  font-weight: bold;
  line-height: calc(34/24);
  margin-right: 0.6rem;
  display: flex;
}
.personal-center .container .personal-data .data-box1 .information-box .left .ts .t1:last-child {
  margin-right: 0;
}
.personal-center .container .personal-data .data-box1 .information-box .left .ts .t1 .tb .tb1 {
  display: flex;
  align-items: center;
}
.personal-center .container .personal-data .data-box1 .information-box .left .ts .t1 .tb .tb1 .edit {
  width: 18px;
  height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-left: 0.23rem;
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s;
}
.personal-center .container .personal-data .data-box1 .information-box .left .ts .t1 .tb .tb1 .edit svg {
  width: 100%;
}
.personal-center .container .personal-data .data-box1 .information-box .left .ts .t1 .tb .tb1 .edit svg path {
  fill: #666;
  transition: all 0.4s;
}
.personal-center .container .personal-data .data-box1 .information-box .left .ts .t1 .tb .tb1 .edit:hover svg path {
  fill: #9b0000;
}
.personal-center .container .personal-data .data-box1 .information-box .left .ts .t1 .tb .tb1:hover .edit {
  opacity: 1;
  pointer-events: all;
}
.personal-center .container .personal-data .data-box1 .information-box .left .ts .t1 .tb .tb2 {
  width: 2rem;
  display: none;
}
.personal-center .container .personal-data .data-box1 .information-box .right {
  width: calc(700/1280*100%);
}
@media (max-width: 991px) {
  .personal-center .container .personal-data .data-box1 .information-box .right {
    width: 100%;
    margin-top: 0.2rem;
  }
}
.personal-center .container .personal-data .data-box1 .information-box .right .item {
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0 0.2rem 0.17rem 0.1rem;
  margin-bottom: 0.2rem;
}
.personal-center .container .personal-data .data-box1 .information-box .right .item:last-child {
  margin-bottom: 0;
}
.personal-center .container .personal-data .data-box1 .information-box .right .item .t1 {
  line-height: 20px;
  color: #000;
  font-weight: bold;
}
.personal-center .container .personal-data .data-box1 .information-box .right .item .t2 {
  width: 100%;
  margin-top: 0.1rem;
}
.personal-center .container .personal-data .data-box1 .information-box .right .item .t2 .tb1 {
  line-height: calc(30/20);
  color: #666;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.personal-center .container .personal-data .data-box1 .information-box .right .item .t2 .tb1 .edit {
  width: 18px;
  height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-left: 0.23rem;
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s;
}
.personal-center .container .personal-data .data-box1 .information-box .right .item .t2 .tb1 .edit svg {
  width: 100%;
}
.personal-center .container .personal-data .data-box1 .information-box .right .item .t2 .tb1 .edit svg path {
  fill: #666;
  transition: all 0.4s;
}
.personal-center .container .personal-data .data-box1 .information-box .right .item .t2 .tb1 .edit:hover svg path {
  fill: #9b0000;
}
.personal-center .container .personal-data .data-box1 .information-box .right .item .t2 .tb1:hover .edit {
  opacity: 1;
  pointer-events: all;
}
.personal-center .container .personal-data .data-box1 .information-box .right .item .t2 .tb2 {
  width: 100%;
  display: none;
}
.personal-center .container .personal-data .data-box1 .information-box .right .item .t2 .tb2 input {
  width: 100%;
  height: calc(30/20*1em);
  color: #000;
}
.personal-center .container .personal-data .data-box2 {
  width: 100%;
  background: #fff;
  padding: 0.4rem;
  margin-top: 0.2rem;
}
.personal-center .container .personal-data .data-box2 .title {
  color: #000;
  font-weight: bold;
  line-height: 1;
  border-left: 4px solid #9b0000;
  padding-left: 0.17rem;
}
.personal-center .container .personal-data .data-box2 .data-boxs {
  width: 100%;
  padding: 0 0.2rem;
  margin-top: 0.47rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.personal-center .container .personal-data .data-box2 .data-boxs .ts {
  width: calc(630/1280*100%);
  border: 1px solid rgba(1, 1, 1, 0.1);
  display: flex;
  margin-bottom: 0.2rem;
}
@media (max-width: 991px) {
  .personal-center .container .personal-data .data-box2 .data-boxs .ts {
    width: 100%;
  }
}
.personal-center .container .personal-data .data-box2 .data-boxs .ts .t1 {
  min-width: calc(200/630*100%);
  border-right: 1px solid rgba(1, 1, 1, 0.1);
  font-weight: bold;
  color: #000;
  padding: 0.1rem 0.14rem 0.1rem 0.24rem;
  background: rgba(1, 1, 1, 0.06);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .personal-center .container .personal-data .data-box2 .data-boxs .ts .t1 {
    width: 110px;
    padding: 0.1rem;
    flex-shrink: 0;
  }
}
.personal-center .container .personal-data .data-box2 .data-boxs .ts .t2 {
  width: calc(430/630*100%);
  min-height: 52px;
  color: #666;
  font-weight: bold;
  padding: 0.1rem 0.24rem;
  display: flex;
  align-items: center;
}
.appointment-info {
  width: 100%;
  background: #f8f8f8;
}
.appointment-info .container .appointment-container {
  width: 100%;
  padding: 0.72rem 0 1.4rem;
}
.appointment-info .container .appointment-container .process {
  width: 100%;
  background: #fff;
  display: flex;
  justify-content: center;
  padding: 0.3rem;
}
.appointment-info .container .appointment-container .process .item {
  width: 2.06rem;
}
.appointment-info .container .appointment-container .process .item .num {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #9b0000;
  font-weight: bold;
  transition: all 0.4s;
  background: rgba(155, 0, 0, 0.1);
  margin: 0 auto;
  position: relative;
}
.appointment-info .container .appointment-container .process .item .num::before {
  content: '';
  position: absolute;
  width: calc(1.66rem - 40px);
  height: 2px;
  background: rgba(155, 0, 0, 0.1);
  top: 50%;
  transform: translateY(-50%);
  left: calc(100% + 0.2rem);
}
.appointment-info .container .appointment-container .process .item .txt {
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #000;
  margin-top: 8px;
}
.appointment-info .container .appointment-container .process .item.on .num {
  background: #9b0000;
  color: #fff;
}
.appointment-info .container .appointment-container .process .item.on .num::before {
  background: #9b0000;
}
.appointment-info .container .appointment-container .process .item:last-child .num::before {
  display: none;
}
.appointment-info .container .appointment-container .appointment-time {
  width: 100%;
  background: #fff;
  margin-top: 0.2rem;
  padding: 0.4rem;
}
.appointment-info .container .appointment-container .appointment-time .top {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.appointment-info .container .appointment-container .appointment-time .top .title {
  color: #000;
  font-weight: bold;
  line-height: 1;
  border-left: 4px solid #9b0000;
  padding-left: 0.17rem;
}
.appointment-info .container .appointment-container .appointment-time .top .link {
  display: flex;
}
.appointment-info .container .appointment-container .appointment-time .top .link a {
  height: 0.54rem;
  border-radius: 0.27rem;
  padding: 0 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9b0000;
  transition: all 0.4s;
  border: 1px solid #9b0000;
}
@media (max-width: 767px) {
  .appointment-info .container .appointment-container .appointment-time .top .link a {
    height: 42px;
    border-radius: 21px;
  }
}
.appointment-info .container .appointment-container .appointment-time .top .link a i {
  width: 0.2rem;
  height: 0.13rem;
  display: flex;
  align-items: center;
  margin-left: 0.1rem;
}
.appointment-info .container .appointment-container .appointment-time .top .link a i svg path {
  fill: #9b0000;
  opacity: 1;
  transition: all 0.4s;
}
.appointment-info .container .appointment-container .appointment-time .top .link a:hover {
  background: #9b0000;
  color: #fff;
}
.appointment-info .container .appointment-container .appointment-time .top .link a:hover i svg path {
  fill: #fff;
}
.appointment-info .container .appointment-container .appointment-time .time-box {
  width: 100%;
  margin-top: 0.4rem;
  border: 1px solid #e5e5e5;
  border-right: none;
  overflow-x: auto;
}
.appointment-info .container .appointment-container .appointment-time .time-box .top-time {
  width: 100%;
  background: rgba(155, 0, 0, 0.06);
  border-right: 1px solid #e5e5e5;
}
@media (max-width: 991px) {
  .appointment-info .container .appointment-container .appointment-time .time-box .top-time {
    width: 800px;
  }
}
.appointment-info .container .appointment-container .appointment-time .time-box .top-time ul {
  width: 100%;
  display: flex;
}
.appointment-info .container .appointment-container .appointment-time .time-box .top-time ul li {
  width: calc(100% / 8);
  height: 1.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.appointment-info .container .appointment-container .appointment-time .time-box .top-time ul li i {
  width: 0.14rem;
  height: 0.14rem;
  border: 1px solid #9b0000;
  border-radius: 2px;
  margin-right: 0.15rem;
}
.appointment-info .container .appointment-container .appointment-time .time-box .top-time ul li .ts .t1 {
  line-height: 1;
  font-weight: bold;
  color: #9b0000;
}
.appointment-info .container .appointment-container .appointment-time .time-box .top-time ul li .ts .t2 {
  color: #9b0000;
}
.appointment-info .container .appointment-container .appointment-time .time-box .content-time {
  width: 100%;
  display: flex;
}
@media (max-width: 991px) {
  .appointment-info .container .appointment-container .appointment-time .time-box .content-time {
    width: 800px;
  }
}
.appointment-info .container .appointment-container .appointment-time .time-box .content-time .left-time {
  width: calc(100% / 8);
  border-right: 1px solid #e5e5e5;
}
.appointment-info .container .appointment-container .appointment-time .time-box .content-time .left-time ul li {
  width: 100%;
  height: 1.1rem;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #666;
}
.appointment-info .container .appointment-container .appointment-time .time-box .content-time .right-boxs {
  width: calc(100% / 8 * 7);
}
.appointment-info .container .appointment-container .appointment-time .time-box .content-time .right-boxs > ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.appointment-info .container .appointment-container .appointment-time .time-box .content-time .right-boxs > ul > li {
  width: calc(100% / 7);
  height: 100%;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #666;
  cursor: pointer;
}
.appointment-info .container .appointment-container .appointment-time .time-box .content-time .right-boxs > ul > li > ul {
  width: 100%;
}
.appointment-info .container .appointment-container .appointment-time .time-box .content-time .right-boxs > ul > li > ul > li {
  width: 100%;
  height: 1.1rem;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #666;
}
.appointment-info .container .appointment-container .appointment-time .time-box .content-time .right-boxs > ul > li > ul > li:last-child {
  border-bottom: none;
}
.appointment-info .container .appointment-container .appointment-time .time-box .content-time .right-boxs > ul > li > ul > li.select {
  background: #f5e5e5;
  border: 1px dashed #f5e5e5;
  color: #9b0000;
  padding: 0.15rem;
}
.appointment-info .container .appointment-container .appointment-time .time-box .content-time .right-boxs > ul > li > ul > li.me {
  background: #f5e5e5;
  border: 1px dashed #9b0000;
  color: #9b0000;
  padding: 0.15rem;
}
.appointment-info .container .appointment-container .appointment-time .time-box .content-time .right-boxs > ul > li > ul > li.not {
  background: #e5e5e5;
  color: #999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.appointment-info .container .appointment-container .appointment-time .time-box .content-time .right-boxs > ul > li > ul > li.other {
  background: #fff4e5;
  color: #ff9000;
  padding: 0.15rem;
}
.appointment-info .container .appointment-container .appointment-time .time-box .tips {
  width: 100%;
  padding: 0.35rem 0.3rem;
}
@media (max-width: 991px) {
  .appointment-info .container .appointment-container .appointment-time .time-box .tips {
    width: 800px;
  }
}
.appointment-info .container .appointment-container .appointment-time .time-box .tips .t1 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.appointment-info .container .appointment-container .appointment-time .time-box .tips .t1 .ts {
  margin-bottom: 0.2rem;
  display: flex;
  align-items: center;
  margin-right: 0.4rem;
}
.appointment-info .container .appointment-container .appointment-time .time-box .tips .t1 .ts i {
  width: 14px;
  height: 14px;
  border-radius: 2px;
  margin-right: 0.12rem;
}
.appointment-info .container .appointment-container .appointment-time .time-box .tips .t1 .ts span {
  color: #666;
  font-weight: bold;
}
.appointment-info .container .appointment-container .appointment-time .time-box .tips .t1 .ts.can i {
  border: 1px solid #e5e5e5;
}
.appointment-info .container .appointment-container .appointment-time .time-box .tips .t1 .ts.not i {
  border: 1px solid #e5e5e5;
  background: #e5e5e5;
}
.appointment-info .container .appointment-container .appointment-time .time-box .tips .t1 .ts.has i {
  border: 1px solid #f5e5e5;
  background: #f5e5e5;
}
.appointment-info .container .appointment-container .appointment-time .time-box .tips .t1 .ts.me i {
  border: 1px dashed #9b0000;
  background: #f5e5e5;
}
.appointment-info .container .appointment-container .appointment-time .time-box .tips .t1 .ts.other i {
  background: rgba(255, 144, 0, 0.1);
}
.appointment-info .container .appointment-container .appointment-time .time-box .tips .t2 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.appointment-info .container .appointment-container .appointment-time .time-box .tips .t2 .ts {
  position: relative;
  color: #666;
  font-weight: bold;
  padding-left: 20px;
  margin-right: 0.6rem;
}
.appointment-info .container .appointment-container .appointment-time .time-box .tips .t2 .ts::before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #9b0000;
  border: 2px solid #f5e5e5;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
}
.appointment-info .container .appointment-container .appointment-time .time-box .tips .t2 .ts span {
  color: #333;
}
.appointment-info .container .appointment-container .appointment-time .ckbox {
  width: 100%;
  margin-top: 0.36rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.appointment-info .container .appointment-container .appointment-time .ckbox a {
  width: 100%;
  height: 54px;
  border-radius: 27px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #999;
  font-weight: bold;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .appointment-info .container .appointment-container .appointment-time .ckbox a {
    height: 42px;
  }
}
.appointment-info .container .appointment-container .appointment-time .ckbox a:hover {
  border: 1px solid #9b0000;
  background: #9b0000;
  color: #fff;
}
.appointment-info .container .appointment-container .appointment-form {
  width: 100%;
  background: #fff;
  margin-top: 0.2rem;
  padding: 0.4rem;
}
.appointment-info .container .appointment-container .appointment-form .item {
  width: 100%;
  margin-bottom: 0.38rem;
}
.appointment-info .container .appointment-container .appointment-form .item:last-child {
  margin-bottom: 0;
}
.appointment-info .container .appointment-container .appointment-form .item .title {
  color: #000;
  font-weight: bold;
  line-height: 1;
  border-left: 4px solid #9b0000;
  padding-left: 0.17rem;
}
.appointment-info .container .appointment-container .appointment-form .item .tb1 {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0.1rem 0.2rem;
  margin-top: 0.4rem;
  margin-bottom: 0.36rem;
  display: flex;
}
.appointment-info .container .appointment-container .appointment-form .item .tb1 .t1 {
  width: 1.9rem;
  height: 34px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  color: #000;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.appointment-info .container .appointment-container .appointment-form .item .tb1 .t2 {
  width: calc(100% - 1.9rem);
  height: 34px;
  padding-left: 0.24rem;
}
.appointment-info .container .appointment-container .appointment-form .item .tb1 .t2::placeholder {
  color: #999;
}
.appointment-info .container .appointment-container .appointment-form .item .tb2 {
  width: 100%;
  margin-top: 0.16rem;
  display: flex;
  flex-wrap: wrap;
}
.appointment-info .container .appointment-container .appointment-form .item .tb2.mt4 {
  margin-top: 0.4rem;
}
.appointment-info .container .appointment-container .appointment-form .item .tb2 .t1 {
  width: 100%;
  line-height: calc(24/18);
  color: #000;
  font-weight: bold;
}
.appointment-info .container .appointment-container .appointment-form .item .tb2 .list {
  width: 100%;
  margin-top: 0.16rem;
}
.appointment-info .container .appointment-container .appointment-form .item .tb2 .list ul {
  width: calc(100% + 0.2rem);
  margin: 0 -0.1rem;
  display: flex;
  flex-wrap: wrap;
}
.appointment-info .container .appointment-container .appointment-form .item .tb2 .list ul li {
  width: 2.42rem;
  min-height: 0.54rem;
  padding: 0.1rem;
  margin: 0 0.1rem 0.2rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #666;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.4s;
  text-align: center;
}
@media (max-width: 1580px) {
  .appointment-info .container .appointment-container .appointment-form .item .tb2 .list ul li {
    width: 3rem;
  }
}
@media (max-width: 991px) {
  .appointment-info .container .appointment-container .appointment-form .item .tb2 .list ul li {
    min-height: 0.68rem;
  }
}
@media (max-width: 767px) {
  .appointment-info .container .appointment-container .appointment-form .item .tb2 .list ul li {
    width: 100%;
  }
}
.appointment-info .container .appointment-container .appointment-form .item .tb2 .list ul li:hover {
  color: #9b0000;
  border: 1px solid #9b0000;
}
.appointment-info .container .appointment-container .appointment-form .item .tb2 .list ul li.on {
  color: #fff;
  background: #9b0000;
  border: 1px solid #9b0000;
}
.appointment-info .container .appointment-container .appointment-form .item .tb2 .list.list2 ul li {
  width: 1.6rem;
}
@media (max-width: 767px) {
  .appointment-info .container .appointment-container .appointment-form .item .tb2 .list.list2 ul li {
    width: calc(50% - 0.2rem);
  }
}
.appointment-info .container .appointment-container .appointment-form .item .tb2 .list.list3 ul li {
  width: 1.98rem;
}
@media (max-width: 1580px) {
  .appointment-info .container .appointment-container .appointment-form .item .tb2 .list.list3 ul li {
    width: 2.2rem;
  }
}
@media (max-width: 767px) {
  .appointment-info .container .appointment-container .appointment-form .item .tb2 .list.list3 ul li {
    width: calc(50% - 0.2rem);
  }
}
.appointment-info .container .appointment-container .appointment-form .item .tb2 .t2 {
  width: 100%;
  margin-top: 0.16rem;
  display: flex;
}
.appointment-info .container .appointment-container .appointment-form .item .tb2 .t2 .txt {
  width: 100%;
  height: 0.54rem;
  padding-left: 0.24rem;
  margin-bottom: 0.2rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 991px) {
  .appointment-info .container .appointment-container .appointment-form .item .tb2 .t2 .txt {
    height: 0.68rem;
  }
}
.appointment-info .container .appointment-container .appointment-form .item .tb2 .t2 .txt::placeholder {
  color: #999;
}
.appointment-info .container .appointment-container .appointment-form .item .tb2 .tips {
  width: 100%;
  display: flex;
  font-size: 14px;
  line-height: 20px;
  color: #9b0000;
  margin-bottom: 0.2rem;
}
.appointment-info .container .appointment-container .appointment-form .item .tb2 .tips i {
  margin-right: 5px;
  font-style: initial;
}
.appointment-info .container .appointment-container .appointment-form .item .tb2 .img-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.16rem;
}
.appointment-info .container .appointment-container .appointment-form .item .tb2 .img-box .imgs {
  width: 2.24rem;
  position: relative;
  background: #f9f5f5;
  border-radius: 5px;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
  padding: 0.12rem;
}
@media (max-width: 1580px) {
  .appointment-info .container .appointment-container .appointment-form .item .tb2 .img-box .imgs {
    width: 3rem;
  }
}
@media (max-width: 767px) {
  .appointment-info .container .appointment-container .appointment-form .item .tb2 .img-box .imgs {
    width: 60%;
  }
}
.appointment-info .container .appointment-container .appointment-form .item .tb2 .img-box .imgs .public-img {
  width: 100%;
  border: 1px dashed #eddede;
  border-radius: 5px;
  background: #fff;
}
.appointment-info .container .appointment-container .appointment-form .item .tb2 .img-box .imgs .public-img img {
  display: none;
}
.appointment-info .container .appointment-container .appointment-form .item .tb2 .img-box .imgs .tbox {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}
.appointment-info .container .appointment-container .appointment-form .item .tb2 .img-box .imgs .tbox .icon {
  width: 20px;
  height: 20px;
  margin: 0 auto;
}
.appointment-info .container .appointment-container .appointment-form .item .tb2 .img-box .imgs .tbox .txt {
  width: 100%;
  color: #9b0000;
  text-align: center;
  margin-top: 0.17rem;
}
.appointment-info .container .appointment-container .appointment-form .item .tb2 .img-box .imgs .file-img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  opacity: 0;
}
.appointment-info .container .appointment-container .appointment-form .item .tb2 .times {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 0.16rem;
}
.appointment-info .container .appointment-container .appointment-form .item .tb2 .times .layui-input-inline {
  width: 2.42rem;
  height: 0.54rem;
  position: relative;
}
@media (max-width: 991px) {
  .appointment-info .container .appointment-container .appointment-form .item .tb2 .times .layui-input-inline {
    height: 0.68rem;
  }
}
@media (max-width: 767px) {
  .appointment-info .container .appointment-container .appointment-form .item .tb2 .times .layui-input-inline {
    width: 100%;
  }
}
.appointment-info .container .appointment-container .appointment-form .item .tb2 .times .layui-input-inline::after {
  content: '';
  width: 0.22rem;
  height: 0.22rem;
  background: url(../images/appointment-form-icon2.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.appointment-info .container .appointment-container .appointment-form .item .tb2 .times .layui-input-inline .layui-input {
  width: 100%;
  height: 100%;
}
.appointment-info .container .appointment-container .appointment-form .item .tb2 .times .notime {
  margin-left: 0.2rem;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .appointment-info .container .appointment-container .appointment-form .item .tb2 .times .notime {
    margin-left: 0;
    margin-top: 0.2rem;
  }
}
.appointment-info .container .appointment-container .appointment-form .item .tb2 .times .notime i {
  width: 14px;
  height: 14px;
  border: 1px solid #999;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  flex-shrink: 0;
  margin-right: 0.1rem;
}
.appointment-info .container .appointment-container .appointment-form .item .tb2 .times .notime i.on {
  background: #9b0000;
  border: 1px solid #9b0000;
}
.appointment-info .container .appointment-container .appointment-form .item .tb2 .times .notime i.on::before {
  content: '';
  width: 7px;
  height: 3px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotateZ(-45deg);
  z-index: 2;
  margin-top: -1px;
}
.appointment-info .container .appointment-container .appointment-form .item .ckbox-tips {
  width: 100%;
  color: #999;
  display: flex;
  align-items: flex-start;
}
.appointment-info .container .appointment-container .appointment-form .item .ckbox-tips i {
  width: 14px;
  height: 14px;
  border: 1px solid #999;
  border-radius: 3px;
  position: relative;
  margin: 0.03rem 0.1rem -1px 0;
  cursor: pointer;
  display: inline-block;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .appointment-info .container .appointment-container .appointment-form .item .ckbox-tips i {
    margin: 0.06rem 0.1rem -2px 0;
  }
}
.appointment-info .container .appointment-container .appointment-form .item .ckbox-tips i.on {
  background: #9b0000;
  border: 1px solid #9b0000;
}
.appointment-info .container .appointment-container .appointment-form .item .ckbox-tips i.on::before {
  content: '';
  width: 7px;
  height: 3px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotateZ(-45deg);
  z-index: 2;
  margin-top: -1px;
}
.appointment-info .container .appointment-container .appointment-form .item .ckbox-tips a {
  color: #999;
}
.appointment-info .container .appointment-container .appointment-form .item .ckbox {
  width: 100%;
  margin-top: 0.36rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.appointment-info .container .appointment-container .appointment-form .item .ckbox a {
  width: 100%;
  height: 54px;
  border-radius: 27px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #999;
  font-weight: bold;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .appointment-info .container .appointment-container .appointment-form .item .ckbox a {
    height: 42px;
  }
}
.appointment-info .container .appointment-container .appointment-form .item .ckbox a:hover {
  border: 1px solid #9b0000;
  background: #9b0000;
  color: #fff;
}
.appointment-info .container .appointment-container .appointment-information {
  width: 100%;
  background: #fff;
  margin-top: 0.2rem;
  padding: 0.4rem;
}
.appointment-info .container .appointment-container .appointment-information .box1 {
  width: 100%;
}
.appointment-info .container .appointment-container .appointment-information .box1 .title {
  color: #000;
  font-weight: bold;
  line-height: 1;
  border-left: 4px solid #9b0000;
  padding-left: 0.17rem;
}
.appointment-info .container .appointment-container .appointment-information .box1 .list {
  width: 100%;
  margin-top: 0.4rem;
}
.appointment-info .container .appointment-container .appointment-information .box1 .list ul {
  width: calc(100% + 0.2rem);
  margin: 0 -0.1rem;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .appointment-info .container .appointment-container .appointment-information .box1 .list ul {
    width: 100%;
    margin: 0;
  }
}
.appointment-info .container .appointment-container .appointment-information .box1 .list ul li {
  width: calc(50% - 0.2rem);
  border: 1px solid rgba(1, 1, 1, 0.1);
  display: flex;
  margin: 0 0.1rem 0.2rem;
}
@media (max-width: 991px) {
  .appointment-info .container .appointment-container .appointment-information .box1 .list ul li {
    width: 100%;
    margin: 0 0 0.2rem;
  }
}
.appointment-info .container .appointment-container .appointment-information .box1 .list ul li.ts2 {
  width: 100%;
}
.appointment-info .container .appointment-container .appointment-information .box1 .list ul li.ts2 .t1 {
  min-width: calc(200/1010*100%);
}
@media (max-width: 991px) {
  .appointment-info .container .appointment-container .appointment-information .box1 .list ul li.ts2 .t1 {
    min-width: calc(200/495*100%);
  }
}
.appointment-info .container .appointment-container .appointment-information .box1 .list ul li .t1 {
  min-width: calc(200/495*100%);
  border-right: 1px solid rgba(1, 1, 1, 0.1);
  font-weight: bold;
  color: #000;
  padding: 0.1rem 0.14rem 0.1rem 0.24rem;
  background: rgba(1, 1, 1, 0.06);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .appointment-info .container .appointment-container .appointment-information .box1 .list ul li .t1 {
    width: 110px;
    padding: 0.1rem;
    flex-shrink: 0;
  }
}
.appointment-info .container .appointment-container .appointment-information .box1 .list ul li .t2 {
  width: calc(295/495*100%);
  min-height: 52px;
  color: #666;
  font-weight: bold;
  padding: 0.1rem 0.24rem;
  display: flex;
  align-items: center;
}
.appointment-info .container .appointment-container .appointment-information .box2 {
  width: 100%;
  margin-top: 0.6rem;
  margin-bottom: 0.6rem;
}
.appointment-info .container .appointment-container .appointment-information .box2 .top {
  width: 100%;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}
.appointment-info .container .appointment-container .appointment-information .box2 .top .title {
  color: #000;
  font-weight: bold;
  line-height: 1;
  border-left: 4px solid #9b0000;
  padding-left: 0.17rem;
}
.appointment-info .container .appointment-container .appointment-information .box2 .top .ts {
  color: #999;
}
@media (max-width: 1024px) {
  .appointment-info .container .appointment-container .appointment-information .box2 .top .ts {
    width: 100%;
    margin-top: 0.2rem;
  }
}
.appointment-info .container .appointment-container .appointment-information .box2 .list {
  width: 100%;
  margin-top: 0.4rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.appointment-info .container .appointment-container .appointment-information .box2 .list ul {
  width: 100%;
  overflow-x: auto;
}
.appointment-info .container .appointment-container .appointment-information .box2 .list ul::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 3px;
}
.appointment-info .container .appointment-container .appointment-information .box2 .list ul li {
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.appointment-info .container .appointment-container .appointment-information .box2 .list ul li .ts {
  width: calc(100% / 6);
  min-height: 0.6rem;
  flex-shrink: 0;
  padding: 0.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  color: #666;
  font-weight: bold;
  box-sizing: border-box;
  text-align: center;
}
@media (max-width: 991px) {
  .appointment-info .container .appointment-container .appointment-information .box2 .list ul li .ts {
    width: 2.2rem;
  }
}
.appointment-info .container .appointment-container .appointment-information .box2 .list ul li .ts:last-child {
  border-right: none;
}
.appointment-info .container .appointment-container .appointment-information .box2 .list ul li:nth-child(1) .ts {
  background: #f5e5e5;
  border-right: 1px solid #f5e5e5;
  color: #9b0000;
}
.appointment-info .container .appointment-container .appointment-information .box2 .list ul li:last-child {
  border-bottom: none;
}
.appointment-info .container .appointment-container .appointment-information .boxs {
  width: 100%;
  margin-bottom: 0.5rem;
}
.appointment-info .container .appointment-container .appointment-information .boxs .top {
  width: 100%;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  position: relative;
}
.appointment-info .container .appointment-container .appointment-information .boxs .top .title {
  color: #000;
  font-weight: bold;
  line-height: 1;
  border-left: 4px solid #9b0000;
  padding-left: 0.17rem;
}
.appointment-info .container .appointment-container .appointment-information .boxs .top .ts {
  color: #999;
}
@media (max-width: 1024px) {
  .appointment-info .container .appointment-container .appointment-information .boxs .top .ts {
    width: 100%;
    margin-top: 0.2rem;
  }
}
.appointment-info .container .appointment-container .appointment-information .boxs .top .icons {
  width: 64px;
  height: 0.32rem;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 991px) {
  .appointment-info .container .appointment-container .appointment-information .boxs .top .icons {
    height: 22px;
    justify-content: flex-end;
  }
}
@media (max-width: 767px) {
  .appointment-info .container .appointment-container .appointment-information .boxs .top .icons {
    height: 18px;
  }
}
.appointment-info .container .appointment-container .appointment-information .boxs .top .icons svg {
  width: 22px;
  height: 22px;
  transform: rotateZ(90deg);
  transition: all 0.4s;
}
@media (max-width: 991px) {
  .appointment-info .container .appointment-container .appointment-information .boxs .top .icons svg {
    width: 16px;
    height: 16px;
  }
}
.appointment-info .container .appointment-container .appointment-information .boxs .top .icons svg path {
  fill: #999;
}
.appointment-info .container .appointment-container .appointment-information .boxs .top.on .icons svg {
  transform: rotateZ(-90deg);
}
.appointment-info .container .appointment-container .appointment-information .boxs .tbox {
  width: 100%;
  color: #666;
  line-height: calc(34/16);
  padding: 0.3rem 0.3rem 0;
  display: none;
}
.appointment-info .container .appointment-container .appointment-information .tips {
  width: 100%;
  color: #999;
  display: flex;
}
.appointment-info .container .appointment-container .appointment-information .tips i {
  width: 14px;
  height: 14px;
  border: 1px solid #999;
  border-radius: 3px;
  position: relative;
  margin: 0.03rem 0.1rem -1px 0;
  cursor: pointer;
  display: inline-block;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .appointment-info .container .appointment-container .appointment-information .tips i {
    margin: 0.06rem 0.1rem -2px 0;
  }
}
.appointment-info .container .appointment-container .appointment-information .tips i.on {
  background: #9b0000;
  border: 1px solid #9b0000;
}
.appointment-info .container .appointment-container .appointment-information .tips i.on::before {
  content: '';
  width: 7px;
  height: 3px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotateZ(-45deg);
  z-index: 2;
  margin-top: -1px;
}
.appointment-info .container .appointment-container .appointment-information .tips a {
  color: #999;
}
.appointment-info .container .appointment-container .appointment-information .ckbox {
  width: 100%;
  margin-top: 0.36rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.appointment-info .container .appointment-container .appointment-information .ckbox a {
  width: calc(50% - 0.1rem);
  height: 54px;
  border-radius: 27px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #999;
  font-weight: bold;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .appointment-info .container .appointment-container .appointment-information .ckbox a {
    height: 42px;
  }
}
.appointment-info .container .appointment-container .appointment-information .ckbox a:hover {
  border: 1px solid #9b0000;
  background: #9b0000;
  color: #fff;
}
.appointment-info .container .appointment-container .appointment-success {
  width: 100%;
  background: #fff;
  margin-top: 0.2rem;
  padding: 1.8rem 0.2rem 2.2rem;
}
.appointment-info .container .appointment-container .appointment-success .icon {
  width: 0.8rem;
  height: 0.8rem;
  margin: 0 auto;
}
.appointment-info .container .appointment-container .appointment-success .t1 {
  color: #000;
  line-height: calc(42/32);
  font-weight: bold;
  text-align: center;
  margin-top: 0.24rem;
}
.appointment-info .container .appointment-container .appointment-success .t2 {
  width: 100%;
  margin-top: 0.2rem;
  color: #666;
  text-align: center;
}
.appointment-info .container .appointment-container .appointment-success .t2 a {
  color: #9b0000;
  border-bottom: 1px solid #9b0000;
}
.appointment-info .container .appointment-container .appointment-information2 {
  width: 100%;
  background: #fff;
  margin-top: 0.2rem;
  padding: 0.75rem 0.4rem 0.8rem;
}
.appointment-info .container .appointment-container .appointment-information2 .title {
  text-align: center;
  font-weight: bold;
  line-height: calc(42/32);
  color: #333;
}
.appointment-info .container .appointment-container .appointment-information2 .state {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 0.63rem;
}
.appointment-info .container .appointment-container .appointment-information2 .state .item {
  width: 218px;
  margin: 0 0.1rem 0.2rem;
}
@media (max-width: 767px) {
  .appointment-info .container .appointment-container .appointment-information2 .state .item {
    margin: 0 0.1rem 0.3rem;
  }
}
.appointment-info .container .appointment-container .appointment-information2 .state .item .ts1 {
  filter: drop-shadow(0 0 0.18rem rgba(0, 0, 0, 0.06));
  display: flex;
}
.appointment-info .container .appointment-container .appointment-information2 .state .item .ts1 span {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333;
  background: #fff;
  font-weight: bold;
  clip-path: polygon(0 0, 20px 50%, 0 100%, calc(100% - 20px) 100%, 100% 50%, calc(100% - 20px) 0);
}
.appointment-info .container .appointment-container .appointment-information2 .state .item .tb {
  width: 100%;
  background: #fff;
  box-shadow: 0 0 0.18rem 0 rgba(0, 0, 0, 0.06);
  margin-top: 0.2rem;
  padding: 0.2rem;
}
.appointment-info .container .appointment-container .appointment-information2 .state .item .tb .tb1 {
  color: #666;
  text-align: center;
  font-weight: bold;
}
.appointment-info .container .appointment-container .appointment-information2 .state .item .tb .tb2 {
  margin-top: 5px;
  color: #666;
  text-align: center;
  font-weight: bold;
}
.appointment-info .container .appointment-container .appointment-information2 .state .item.on .ts1 span {
  background: #9b0000;
  color: #fff;
}
.appointment-info .container .appointment-container .appointment-information2 .back {
  width: 100%;
  display: flex;
  margin-top: 0.6rem;
}
.appointment-info .container .appointment-container .appointment-information2 .back a {
  width: 100%;
  height: 54px;
  border-radius: 27px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #9b0000;
  color: #9b0000;
  font-weight: bold;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .appointment-info .container .appointment-container .appointment-information2 .back a {
    height: 42px;
  }
}
.appointment-info .container .appointment-container .appointment-information2 .back a:hover {
  background: #9b0000;
  color: #fff;
}
.material {
  width: 100%;
  background: #f8f8f8;
}
.material .container .material-box {
  padding: 0.72rem 0 1.4rem;
}
.material .container .material-box .add-btn {
  width: 100%;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  padding: 0.29rem 0.25rem 0.2rem;
  margin-bottom: 0.2rem;
}
.material .container .material-box .add-btn a {
  min-width: 1.8rem;
  height: 40px;
  padding: 0 0.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.17rem;
  margin-bottom: 0.1rem;
  background: #f0f0f0;
  color: #000;
  transition: all 0.4s;
}
.material .container .material-box .add-btn a:hover {
  background: #9b0000;
  color: #fff;
}
.material .container .material-box .material-top {
  width: 100%;
  background: #fff;
  padding: 0.4rem;
}
.material .container .material-box .material-top .tb1 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.material .container .material-box .material-top .tb1 .title {
  color: #000;
  font-weight: bold;
  line-height: 1;
  border-left: 4px solid #9b0000;
  padding-left: 0.17rem;
}
.material .container .material-box .material-top .tb1 .menu {
  display: flex;
}
.material .container .material-box .material-top .tb1 .menu a {
  min-width: 1.24rem;
  height: 0.48rem;
  padding: 0 0.2rem;
  border-radius: 0.24rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #9b0000;
  color: #9b0000;
  transition: all 0.4s;
}
@media (max-width: 991px) {
  .material .container .material-box .material-top .tb1 .menu a {
    height: 0.68rem;
    border-radius: 0.34rem;
  }
}
.material .container .material-box .material-top .tb1 .menu a:hover {
  background: #9b0000;
  color: #fff;
}
.material .container .material-box .material-top .tb2 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 0.3rem;
}
.material .container .material-box .material-top .tb2 .t1 {
  color: #000;
  font-weight: bold;
}
@media (max-width: 767px) {
  .material .container .material-box .material-top .tb2 .t1 {
    width: 100%;
    margin-bottom: 0.2rem;
  }
}
.material .container .material-box .material-top .tb2 .upload .boxs {
  min-width: 1.6rem;
  max-width: 2rem;
  height: 0.54rem;
  border-radius: 0.27rem;
  padding: 0 0.2rem;
  background: #f8f8f8;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin-left: 0.2rem;
  transition: all 0.4s;
}
@media (max-width: 991px) {
  .material .container .material-box .material-top .tb2 .upload .boxs {
    height: 0.68rem;
    border-radius: 0.34rem;
    margin: 0 0.2rem 0 0;
  }
}
.material .container .material-box .material-top .tb2 .upload img {
  width: 0.2rem;
  margin-right: 0.1rem;
}
.material .container .material-box .material-top .tb2 .upload span {
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.material .container .material-box .material-top .tb2 .upload .file-btn {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
}
.material .container .material-box .material-top .tb2 .upload.upload2 {
  display: none;
}
.material .container .material-box .material-top .tb2 .upload:hover .boxs {
  background: #f5e5e5;
}
.material .container .material-box .material-top .tb2 .tips {
  color: #999;
  margin-left: 0.2rem;
}
@media (max-width: 767px) {
  .material .container .material-box .material-top .tb2 .tips {
    width: 100%;
    margin-left: 0;
    margin-top: 0.2rem;
  }
}
.material .container .material-box .material-top .tb2 .now {
  color: #999;
  display: none;
}
.material .container .material-box .material-top .tb3 {
  width: 100%;
  margin-top: 0.2rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 4px;
  background: #f8f8f8;
  border-radius: 0.27rem;
}
@media (max-width: 767px) {
  .material .container .material-box .material-top .tb3 {
    border-radius: 0.4rem;
  }
}
.material .container .material-box .material-top .tb3 .ts1 {
  width: 1.1rem;
  height: 100%;
  color: #666;
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .material .container .material-box .material-top .tb3 .ts1 {
    display: none;
  }
}
.material .container .material-box .material-top .tb3 .select1 {
  width: 1.8rem;
  height: 100%;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
  .material .container .material-box .material-top .tb3 .select1 {
    width: 50%;
    margin-bottom: 0.1rem;
  }
}
.material .container .material-box .material-top .tb3 .select1 .layui-input {
  background: none;
}
.material .container .material-box .material-top .tb3 .select1 .layui-input-inline {
  width: 100%;
}
.material .container .material-box .material-top .tb3 .select1 .layui-select-title {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  padding: 0 0.2rem;
  overflow: hidden;
}
@media (max-width: 767px) {
  .material .container .material-box .material-top .tb3 .select1 .layui-select-title {
    height: 36px;
  }
}
.material .container .material-box .material-top .tb3 .select1 .layui-select-title .layui-input {
  border: none;
  height: 100%;
  padding: 0;
}
.material .container .material-box .material-top .tb3 .select1 .layui-form-select .layui-edge {
  width: 10px;
  height: 10px;
  border-width: 0;
  margin-top: -7px;
  border-left: 2px solid #999;
  border-bottom: 2px solid #999;
  right: 20px;
  transform: rotateZ(-45deg);
}
.material .container .material-box .material-top .tb3 .select2 {
  width: 1.8rem;
  height: 100%;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
  .material .container .material-box .material-top .tb3 .select2 {
    width: 50%;
    border-right: none;
    margin-bottom: 0.1rem;
  }
}
.material .container .material-box .material-top .tb3 .select2 .layui-input {
  background: none;
}
.material .container .material-box .material-top .tb3 .select2 .layui-input-inline {
  width: 100%;
}
.material .container .material-box .material-top .tb3 .select2 .layui-select-title {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  padding: 0 0.2rem;
  overflow: hidden;
}
@media (max-width: 767px) {
  .material .container .material-box .material-top .tb3 .select2 .layui-select-title {
    height: 36px;
  }
}
.material .container .material-box .material-top .tb3 .select2 .layui-select-title .layui-input {
  border: none;
  height: 100%;
  padding: 0;
}
.material .container .material-box .material-top .tb3 .select2 .layui-form-select .layui-edge {
  width: 10px;
  height: 10px;
  border-width: 0;
  margin-top: -7px;
  border-left: 2px solid #999;
  border-bottom: 2px solid #999;
  right: 20px;
  transform: rotateZ(-45deg);
}
.material .container .material-box .material-top .tb3 .txt2 {
  width: calc(100% - 5.08rem);
  height: 100%;
  padding-left: 0.58rem;
  background: url(../images/search-red.svg) 0.24rem center no-repeat;
  background-size: contain;
}
@media (max-width: 767px) {
  .material .container .material-box .material-top .tb3 .txt2 {
    background-size: 0.26rem;
    width: calc(100% - 1.48rem);
  }
}
.material .container .material-box .material-top .tb3 .btn {
  width: 1.48rem;
  height: 0.46rem;
  border-radius: 0.24rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #9b0000;
  color: #9b0000;
  transition: all 0.4s;
  background: #fff;
}
@media (max-width: 991px) {
  .material .container .material-box .material-top .tb3 .btn {
    height: 0.68rem;
    border-radius: 0.34rem;
  }
}
.material .container .material-box .material-top .tb3 .btn:hover {
  background: #9b0000;
  color: #fff;
}
.material .container .material-box .material-top .tb3.tb3-2 {
  margin-top: 0.4rem;
}
.material .container .material-box .material-top .tb3.tb3-2 .txt2 {
  width: calc(100% - 2.58rem);
}
@media (max-width: 767px) {
  .material .container .material-box .material-top .tb3.tb3-2 .txt2 {
    width: calc(100% - 1.48rem);
  }
}
.material .container .material-box .element-list {
  width: 100%;
  padding: 0.4rem;
  background: #fff;
  margin-top: 0.2rem;
  overflow-x: auto;
}
.material .container .material-box .element-list::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 3px;
}
.material .container .material-box .element-list ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 1580px) {
  .material .container .material-box .element-list ul {
    width: 1100px;
  }
}
.material .container .material-box .element-list ul li {
  width: calc(100% / 18);
  position: relative;
}
.material .container .material-box .element-list ul li::before {
  content: '';
  display: block;
  width: 100%;
  padding-top: 100%;
}
.material .container .material-box .element-list ul li .ts {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border: 1px solid #d79999;
  color: #d79999;
  cursor: pointer;
  padding: 4px 6px;
  transition: all 0.4s;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.material .container .material-box .element-list ul li .ts .num {
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}
.material .container .material-box .element-list ul li .ts .txt {
  width: 100%;
  text-align: center;
  line-height: 1;
}
@media (max-width: 1580px) {
  .material .container .material-box .element-list ul li .ts .txt {
    font-size: 12px;
  }
}
@media (max-width: 1900px) {
  .material .container .material-box .element-list ul li .ts .txt.font18 {
    font-size: 14px;
  }
}
.material .container .material-box .element-list ul li:hover .ts,
.material .container .material-box .element-list ul li.on .ts {
  border: 1px solid #9b0000;
  background: #9b0000;
  color: #fff;
}
.material .container .material-box .material-down {
  width: 100%;
  background: #fff;
  padding: 0.4rem 0.4rem 0.6rem;
  margin-top: 0.2rem;
}
.material .container .material-box .material-down .title {
  color: #000;
  font-weight: bold;
  line-height: 1;
  border-left: 4px solid #9b0000;
  padding-left: 0.17rem;
}
.material .container .material-box .material-down .analyze {
  width: 100%;
  margin-top: 0.4rem;
}
.material .container .material-box .material-down .analyze ul {
  width: 100%;
  overflow-x: auto;
}
.material .container .material-box .material-down .analyze ul li {
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 991px) {
  .material .container .material-box .material-down .analyze ul li {
    width: 1000px;
  }
}
.material .container .material-box .material-down .analyze ul li .tb {
  width: 100%;
  height: 0.77rem;
  display: flex;
}
.material .container .material-box .material-down .analyze ul li .tb .ts {
  height: 100%;
  color: #666;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.material .container .material-box .material-down .analyze ul li .tb .ts span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.material .container .material-box .material-down .analyze ul li .tb .ts .ck {
  width: 14px;
  height: 14px;
  border: 1px solid #999;
  border-radius: 2px;
  position: relative;
  margin-left: 0.2rem;
  transition: all 0.4s;
  cursor: pointer;
}
.material .container .material-box .material-down .analyze ul li .tb .ts .ck::before {
  content: '';
  width: 7px;
  height: 3px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotateZ(-45deg);
  margin-top: -1px;
  opacity: 0;
  transition: all 0.4s;
}
.material .container .material-box .material-down .analyze ul li .tb .ts .ck.on {
  border: 1px solid #9b0000;
  background: #9b0000;
}
.material .container .material-box .material-down .analyze ul li .tb .ts .ck.on::before {
  opacity: 1;
}
.material .container .material-box .material-down .analyze ul li .tb .ts .detail svg {
  height: 20px;
}
.material .container .material-box .material-down .analyze ul li .tb .ts .detail svg path {
  fill: #999;
  opacity: 1;
  transition: all 0.4s;
}
.material .container .material-box .material-down .analyze ul li .tb .ts .detail:hover svg path {
  fill: #9b0000;
}
.material .container .material-box .material-down .analyze ul li .tb .ts .load svg {
  height: 20px;
}
.material .container .material-box .material-down .analyze ul li .tb .ts .load svg path {
  fill: #999;
  opacity: 1;
  transition: all 0.4s;
}
.material .container .material-box .material-down .analyze ul li .tb .ts .load:hover svg path {
  fill: #9b0000;
}
.material .container .material-box .material-down .analyze ul li .tb .tw1 {
  width: calc(60/1320*100%);
}
.material .container .material-box .material-down .analyze ul li .tb .tw2 {
  width: calc(155/1320*100%);
  justify-content: flex-start;
  padding: 0 0.15rem;
}
.material .container .material-box .material-down .analyze ul li .tb .tw3 {
  width: calc(105/1320*100%);
}
.material .container .material-box .material-down .analyze ul li .tb .tw4 {
  width: calc(62/1320*100%);
}
.material .container .material-box .material-down .analyze ul li .tb .tw5 {
  width: calc(108/1320*100%);
}
.material .container .material-box .material-down .analyze ul li .tb .tw6 {
  width: calc(80/1320*100%);
}
.material .container .material-box .material-down .analyze ul li .tb .tw7 {
  width: calc(110/1320*100%);
}
.material .container .material-box .material-down .analyze ul li .tb .tw8 {
  width: calc(110/1320*100%);
}
.material .container .material-box .material-down .analyze ul li .tb .tw9 {
  width: calc(130/1320*100%);
}
.material .container .material-box .material-down .analyze ul li .tb .tw10 {
  width: calc(155/1320*100%);
}
.material .container .material-box .material-down .analyze ul li .tb .tw11 {
  width: calc(155/1320*100%);
}
.material .container .material-box .material-down .analyze ul li .tb .tw12 {
  width: calc(130/1320*100%);
}
.material .container .material-box .material-down .analyze ul li .fm {
  width: 100%;
  padding: 0.2rem;
  display: none;
}
.material .container .material-box .material-down .analyze ul li .fm svg {
  color: transparent;
}
.material .container .material-box .material-down .analyze ul li.titles {
  border-bottom: none;
}
.material .container .material-box .material-down .analyze ul li.titles .tb {
  height: 0.64rem;
  background: #f9f0f0;
}
.material .container .material-box .material-down .analyze ul li.titles .tb .ts {
  color: #9b0000;
}
.material .container .material-box .material-down .analyze ul li.titles .tb .tw2 {
  justify-content: center;
}
.material .container .material-box .material-down .page-list {
  margin-top: 0.4rem;
}
.material .container .material-box .data-box {
  width: 100%;
  background: #fff;
  padding: 0.4rem 0.4rem 0.6rem;
  margin-top: 0.2rem;
}
.material .container .material-box .data-box .btop {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.material .container .material-box .data-box .btop .left {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .material .container .material-box .data-box .btop .left {
    width: 100%;
    justify-content: space-between;
  }
}
.material .container .material-box .data-box .btop .left span {
  color: #000;
  font-weight: bold;
}
.material .container .material-box .data-box .btop .left .select1 {
  width: 2.38rem;
}
@media (max-width: 767px) {
  .material .container .material-box .data-box .btop .left .select1 {
    width: 60%;
  }
}
.material .container .material-box .data-box .btop .left .select1 .layui-input-inline {
  width: 100%;
}
.material .container .material-box .data-box .btop .left .select1 .layui-select-title {
  width: 100%;
  height: 48px;
  border-radius: 24px;
  border: 1px solid rgba(1, 1, 1, 0.1);
  padding: 0 0.2rem;
  overflow: hidden;
}
@media (max-width: 767px) {
  .material .container .material-box .data-box .btop .left .select1 .layui-select-title {
    height: 36px;
  }
}
.material .container .material-box .data-box .btop .left .select1 .layui-select-title .layui-input {
  border: none;
  height: 100%;
  padding: 0;
}
.material .container .material-box .data-box .btop .left .select1 .layui-form-select .layui-edge {
  width: 10px;
  height: 10px;
  border-width: 0;
  margin-top: -7px;
  border-left: 2px solid #999;
  border-bottom: 2px solid #999;
  right: 20px;
  transform: rotateZ(-45deg);
}
.material .container .material-box .data-box .btop .left .select1 .layui-form-select dl dd.layui-this {
  background: rgba(0, 0, 0, 0.03);
  color: #9b0000;
}
.material .container .material-box .data-box .btop .right {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .material .container .material-box .data-box .btop .right {
    width: 100%;
    margin-top: 0.3rem;
    justify-content: space-between;
  }
}
.material .container .material-box .data-box .btop .right .ts {
  display: flex;
  align-items: center;
  color: #999;
  margin-right: 0.24rem;
}
.material .container .material-box .data-box .btop .right .ts img {
  width: 16px;
  margin-right: 0.1rem;
}
.material .container .material-box .data-box .btop .right .ts span {
  color: #9b0000;
}
.material .container .material-box .data-box .btop .right .ck {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: rgba(155, 0, 0, 0.1);
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .material .container .material-box .data-box .btop .right .ck {
    width: 36px;
    height: 36px;
  }
}
.material .container .material-box .data-box .btop .right .ck svg {
  width: 0.2rem;
}
.material .container .material-box .data-box .btop .right .ck svg path {
  fill: #9b0000;
  opacity: 1;
  transition: all 0.4s;
}
.material .container .material-box .data-box .btop .right .ck:hover {
  background: #9b0000;
}
.material .container .material-box .data-box .btop .right .ck:hover svg path {
  fill: #fff;
}
.material .container .material-box .data-box .btop .right .select1 {
  width: 1.6rem;
  margin: 0 0.1rem;
}
.material .container .material-box .data-box .btop .right .select1 .layui-input-inline {
  width: 100%;
}
.material .container .material-box .data-box .btop .right .select1 .layui-select-title {
  width: 100%;
  height: 48px;
  border-radius: 24px;
  border: 1px solid rgba(1, 1, 1, 0.1);
  padding: 0 0.2rem;
  overflow: hidden;
}
@media (max-width: 767px) {
  .material .container .material-box .data-box .btop .right .select1 .layui-select-title {
    height: 36px;
  }
}
.material .container .material-box .data-box .btop .right .select1 .layui-select-title .layui-input {
  border: none;
  height: 100%;
  padding: 0;
}
.material .container .material-box .data-box .btop .right .select1 .layui-form-select .layui-edge {
  width: 10px;
  height: 10px;
  border-width: 0;
  margin-top: -7px;
  border-left: 2px solid #999;
  border-bottom: 2px solid #999;
  right: 20px;
  transform: rotateZ(-45deg);
}
.material .container .material-box .data-box .btop .right .select1 .layui-form-select dl dd.layui-this {
  background: rgba(0, 0, 0, 0.03);
  color: #9b0000;
}
.material .container .material-box .data-box .blist {
  width: 100%;
  margin-top: 0.56rem;
}
.material .container .material-box .data-box .blist ul li {
  width: 100%;
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.material .container .material-box .data-box .blist ul li .ts {
  width: 33.33%;
  height: 0.76rem;
  color: #666;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.1rem;
}
.material .container .material-box .data-box .blist ul li.titles {
  background: #f9f0f0;
  border-bottom: none;
}
.material .container .material-box .data-box .blist ul li.titles .ts {
  height: 0.64rem;
  color: #9b0000;
}
.material-info {
  width: 100%;
}
.material-info .container .box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0.9rem 0;
}
.material-info .container .box .tbox {
  width: 50%;
  padding-top: 0.2rem;
}
@media (max-width: 991px) {
  .material-info .container .box .tbox {
    width: 100%;
  }
}
.material-info .container .box .tbox .title {
  line-height: calc(50/40);
  color: #000;
}
.material-info .container .box .tbox .txt {
  line-height: calc(24/16);
  color: #666;
  margin-top: 0.1rem;
}
.material-info .container .box .tbox .tb {
  margin-top: 0.38rem;
}
@media (max-width: 991px) {
  .material-info .container .box .tbox .tb {
    margin-top: 0.2rem;
  }
}
.material-info .container .box .tbox .tb .t1 {
  line-height: calc(24/16);
  color: #666;
}
.material-info .container .box .tbox .tb ul {
  width: 420px;
  max-width: 100%;
  margin-top: 0.13rem;
  border: 1px solid #eee;
}
.material-info .container .box .tbox .tb ul li {
  width: 100%;
  display: flex;
  border-bottom: 1px solid #eee;
}
.material-info .container .box .tbox .tb ul li:last-child {
  border-bottom: none;
}
.material-info .container .box .tbox .tb ul li:nth-child(odd) {
  background: #f5e5e5;
}
.material-info .container .box .tbox .tb ul li:nth-child(odd) .ts {
  color: #9b0000;
}
.material-info .container .box .tbox .tb ul li .ts {
  width: 33.33%;
  height: 40px;
  border-right: 1px solid #eee;
  padding: 0 0.15rem;
  display: flex;
  align-items: center;
  color: #666;
}
.material-info .container .box .tbox .tb ul li .ts:last-child {
  border-right: none;
}
.material-info .container .box .img {
  width: 50%;
}
@media (max-width: 991px) {
  .material-info .container .box .img {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.material-info .info-box2 {
  width: 100%;
  background: #f8f8f8;
  padding: 0.86rem 0 1.4rem;
}
.material-info .info-box2 .container .load-box {
  width: 100%;
  background: #fff;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0.29rem 0.25rem 0.2rem;
}
.material-info .info-box2 .container .load-box .btn {
  display: flex;
  flex-wrap: wrap;
}
.material-info .info-box2 .container .load-box .btn a {
  min-width: 1.8rem;
  height: 40px;
  padding: 0 0.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.17rem;
  margin-bottom: 0.1rem;
  background: #f0f0f0;
  color: #000;
  transition: all 0.4s;
}
.material-info .info-box2 .container .load-box .btn a:hover {
  background: #9b0000;
  color: #fff;
}
.material-info .info-box2 .container .load-box .load {
  display: flex;
}
@media (max-width: 767px) {
  .material-info .info-box2 .container .load-box .load {
    margin-top: 0.2rem;
  }
}
.material-info .info-box2 .container .load-box .load a {
  min-width: 1.6rem;
  height: 40px;
  padding: 0 0.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #9b0000;
}
.material-info .info-box2 .container .load-box .load a i {
  width: 10px;
  display: flex;
  align-items: center;
  margin-right: 0.1rem;
}
.material-info .info-box2 .container .load-box .load a i svg path {
  fill: #fff;
  opacity: 1;
}
.material-info .info-box2 .container .list {
  width: 100%;
  margin-top: 0.3rem;
  background: #fff;
  padding: 0.4rem 0.3rem;
}
.material-info .info-box2 .container .list ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.material-info .info-box2 .container .list ul li {
  width: 48%;
  margin-bottom: 0.6rem;
}
@media (max-width: 767px) {
  .material-info .info-box2 .container .list ul li {
    width: 100%;
  }
}
.material-info .info-box2 .container .list ul li .t1 {
  line-height: calc(34/24);
  color: #000;
  position: relative;
  z-index: 1;
  padding-left: 0.2rem;
  font-weight: bold;
}
.material-info .info-box2 .container .list ul li .t1::before {
  content: '';
  width: 4px;
  height: 1em;
  background: #9b0000;
  position: absolute;
  left: 0;
  top: calc(34/24*0.5em - 0.5em);
}
.material-info .info-box2 .container .list ul li .img {
  width: 100%;
  margin-top: 0.3rem;
}
.highcharts-figure,
.highcharts-data-table table {
  min-width: 360px;
  max-width: 100%;
  margin: 1em auto;
}
.highcharts-data-table table {
  font-family: Verdana, sans-serif;
  border-collapse: collapse;
  border: 1px solid #EBEBEB;
  margin: 10px auto;
  text-align: center;
  width: 100%;
  max-width: 500px;
}
.highcharts-data-table caption {
  padding: 1em 0;
  font-size: 1.2em;
  color: #555;
}
.highcharts-data-table th {
  font-weight: 600;
  padding: 0.5em;
}
.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
  padding: 0.5em;
}
.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
  background: #f8f8f8;
}
.highcharts-data-table tr:hover {
  background: #f1f7ff;
}
.highcharts-a11y-proxy-button {
  display: none !important;
}
.highcharts-credits {
  display: none !important;
}
.highcharts-a11y-proxy-button.highcharts-no-tooltip {
  display: none !important;
}
.highcharts-legend-item.highcharts-line-series {
  display: none !important;
}
.highcharts-exporting-group {
  display: none !important;
}