@font-face {
  font-family: 'sc-Heavy';
  src: url('../css/fonts/Sc-Heavy.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'sc-Regular';
  src: url('../css/fonts/Sc-Regular.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Serif-Bold';
  src: url('../css/fonts/Serif-Bold.woff2') format('woff2');
  font-display: swap;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body,
html {
  height: 100%;
  position: relative;
  width: 100%;
  font-family:
    Arial,
    Source Han Sans CN,
    PingFang SC,
    Microsoft YaHei,
    sans-serif;
}

body::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

body::-webkit-scrollbar-thumb {
  /* box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); */
  background: #1b68d7;
}

body::-webkit-scrollbar-track {
  /* box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); */
  background: #dedede;
}

img {
  display: block;
}

a {
  color: #333;
  text-decoration: none;
}

ul,
ol,
li,
dl,
dd {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* .swiper-container{
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
} */

:root {
  --font-sc-Heavy:
    'sc-Heavy', Source Han Sans CN, 'PingFang SC', 'Microsoft YaHei',
    sans-serif, Arial;
  --font-sc-Regular:
    'sc-Regular', Source Han Sans CN, 'PingFang SC', 'Microsoft YaHei',
    sans-serif, Arial;
  --font-Serif-Bold:
    'Serif-Bold', Source Han Sans CN, 'PingFang SC', 'Microsoft YaHei',
    sans-serif, Arial;
}

.el-message {
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.hamburger {
  display: none;
}

.center-1200 {
  width: 1200px;
}

.center-1400 {
  width: 1400px;
}

.center-1600 {
  width: 1600px;
}

.app {
  display: none;
}

.diaolog-pb {
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1999;
  display: none;
}

.diaolog-pb video,
.diaolog-pb img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 75%;
  max-width: 75%;
}

.diaolog-pb i {
  font-size: 46px;
  position: absolute;
  top: 3%;
  right: 3%;
  color: #ffffff;
  cursor: pointer;
}

.diaolog.active {
  display: block;
}

.diaolog iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 75%;
  height: 75%;
}

.message-alert {
  position: fixed;
  top: 5%;
  left: 50%;
  transform: translateX(-50%);
  padding: 15px 25px;
  border-radius: 4px;
  font-family: var(--font-sc-Regular);
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: none;
  z-index: 1000;
  width: max-content;
  max-width: 50%;
  text-align: center;
}

.message-alert.success {
  background-color: #55bb8a;
}

.message-alert.error {
  background-color: #f56c6c;
}

.message-alert.warning {
  background-color: #e6a23c;
}

/* seadershow */
.seadershow {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
}

.seaderbox {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}

.seader {
  position: relative;
}

.seader form {
  width: 1000px;
  height: 80px;
  border: 5px solid #8c8c8c;
  border-radius: 8px;
  overflow: hidden;
  background-color: #fff;
  display: flex;
  display: -webkit-flex;
}

.seader form input {
  display: block;
  width: 80%;
  height: 100%;
  border: none;
  outline: none;
  box-sizing: border-box;
  padding: 0 20px;
  font-size: 16px;
  color: #666666;
  font-family: var(--font-sc-Regular);
}

.seader form button {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  width: 20%;
  border: none;
  outline: none;
  background-color: #0071bc;
  font-size: 18px;
  color: #ffffff;
  font-family: var(--font-sc-Regular);
  cursor: pointer;
}

.seader form button img {
  display: block;
  width: auto;
  filter: brightness(11);
  margin-right: 20px;
}

.seader .close {
  display: block;
  position: absolute;
  right: -60px;
  top: -80px;
}

.seader .close img {
  display: block;
}

.el-message {
  font-family: var(--font-sc-Regular);
  z-index: 9999 !important;
}

.el-form-item__error,
.el-select-dropdown__item,
.el-checkbox__label {
  font-family: var(--font-sc-Regular);
}

.el-form-item__error {
  z-index: 1;
}
/* .header-box.active {
  box-shadow: 0px 0px 30px 0px rgba(102, 102, 102, 0.14);
} */
.header-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  transition: 0.5s;
  background-color: #ffffff;
  box-shadow: 0px 0px 30px 0px rgba(102, 102, 102, 0.14);
}
.headerct {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100px;
}
.headerct .logo img {
  width: 180px;
}
.headerct .right {
  display: flex;
  align-items: center;
  height: 100%;
}
.headerct .nav {
  display: flex;
  height: 100%;
}
.headerct .nav li {
  height: 100%;
}
.headerct .nav li:not(:first-of-type) {
  margin-left: 80px;
}
.headerct .nav li a {
  display: flex;
  align-items: center;
  height: 100%;
  font-family: var(--font-sc-Regular);
  font-weight: 500;
  font-size: 18px;
  color: #222222;
  transition: 0.5s;
  position: relative;
}
.headerct .nav li a::after {
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 0;
  height: 4px;
  background: #1b68d7;
  border-radius: 2px;
  transition: 0.5s;
}
.headerct .nav li a:hover,
.headerct .nav li.active a {
  color: #1b68d7;
}
.headerct .nav li a:hover::after,
.headerct .nav li.active a::after {
  width: 80px;
}
.headerct .search {
  width: 200px;
  height: 40px;
  background: #eeeeee;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 18px;
  margin-left: 160px;
}
.headerct .search i {
  font-size: 16px;
  color: #103052;
}
.headerct .search input {
  width: calc(100% - 16px - 10px);
  height: 100%;
  border: none;
  border-radius: 0;
  outline: none;
  font-family: var(--font-sc-Regular);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  background-color: transparent;
}
.headerct .search input::placeholder {
  color: #aaaaaa;
}
.mySwiper {
  width: 100%;
  margin-top: 100px;
}
.mySwiper .item {
  display: block;
}
.mySwiper .rq {
  opacity: 0;
  transform: translateY(40%);
  transition: 1.5s;
  transition-delay: 0.4s;
  width: max-content;
}
.mySwiper .swiper-slide-active .rq {
  opacity: 1;
  transform: translateY(0);
}
.mySwiper .item .bg {
  width: 100%;
  min-height: 510px;
  object-fit: cover;
}
.mySwiper .item .ct {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mySwiper .item .ct h3 {
  font-family: var(--font-Serif-Bold);
  font-weight: 800;
  font-size: 106px;
  color: #ffffff;
  line-height: 1;
}
.mySwiper .item .ct .line {
  width: 220px;
  height: 2px;
  background: #e3ae51;
  margin: 22px 0 15px 0;
}
.mySwiper .item .ct .dh {
  position: relative;
  width: max-content;
  max-width: 100%;
}
.mySwiper .item .ct .dh .dh1 {
  position: absolute;
  right: calc(100% + 2%);
  top: 5%;
}
.mySwiper .item .ct .dh .dh2 {
  position: absolute;
  right: 25%;
  bottom: 20%;
}
.mySwiper .item .ct h6 {
  font-family: var(--font-Serif-Bold);
  font-weight: bold;
  font-size: 48px;
  color: #ffffff;
  line-height: 64px;
}
.mySwiper .item .ct .time {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.mySwiper .item .ct .time p {
  font-family: var(--font-sc-Regular);
  font-weight: 400;
  font-size: 30px;
  color: #e4ae50;
  margin: 0 13px;
}
.mySwiper .item .ct .time .tline {
  width: 72px;
  height: 2px;
  background: #e3ae51;
}
.mySwiper .item .ct .desc {
  font-family: var(--font-sc-Regular);
  font-weight: 400;
  font-size: 24px;
  color: #e4ae50;
  margin-top: 10px;
}
.mySwiper .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 58px;
}
.mySwiper .swiper-pagination .swiper-pagination-bullet {
  width: 80px;
  height: 4px;
  background: #ffffff;
  border-radius: 0;
  opacity: 0.4;
  transition: 0.5s;
  margin: 0 3px;
}
.mySwiper .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}
.i1ct {
  margin: 0 auto;
  padding: 88px 0 115px 0;
}
.i1ct .mide {
  display: flex;
}
.i1ct .item {
  width: calc((100% - 78px) / 4);
  height: 350px;
  margin-right: 26px;
  background-color: #f8f8f8;
  border-radius: 20px;
  padding: 64px 15px 20px 15px;
  transition: 0.5s;
}
.i1ct .item:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  transform: translateY(-15px);
}
.i1ct .item:nth-of-type(4n) {
  margin-right: 0;
}
.i1ct .item .ib {
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.i1ct .item .ib img {
  max-height: 100%;
}
.i1ct .item h3 {
  font-family: var(--font-sc-Regular);
  font-weight: bold;
  font-size: 36px;
  color: #233b60;
  text-align: center;
  margin-top: 25px;
}
.i1ct .item .line {
  width: 51px;
  height: 3px;
  background: #e3ad50;
  margin: 10px auto 20px;
}
.i1ct .item p {
  font-family: var(--font-sc-Regular);
  font-weight: 400;
  font-size: 18px;
  color: #555555;
  text-align: center;
}
.ab1ct {
  padding: 125px 0 150px 0;
  margin: 0 auto;
}
.min-nav {
  display: flex;
  align-items: center;
}
.min-nav a,
.min-nav span {
  font-family: var(--font-sc-Regular);
  font-weight: 400;
  font-size: 16px;
  color: #111601;
  transition: 0.3s;
}
.min-nav a:hover {
  color: #1b68d7;
}
.min-nav span {
  margin: 0 10px;
}
.ab1-box {
  overflow: hidden;
}
.ab1ct .details {
  width: calc(100% - 200px);
  margin: 60px auto 0;
}
.ab1ct .details .title {
  font-family: var(--font-sc-Regular);
  font-weight: bold;
  font-size: 36px;
  color: #222222;
  padding-left: 25px;
  position: relative;
}
.ab1ct .details .title::before {
  display: block;
  content: '';
  width: 9px;
  height: 35px;
  background: #1b68d7;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.ab1ct .details .mide {
  margin-top: 29px;
}
.ab1ct .details .mide p {
  font-family: var(--font-sc-Regular);
  font-weight: 400;
  font-size: 18px;
  color: #222222;
  line-height: 30px;
}
.ab1ct .details .mide p:not(:first-of-type) {
  margin-top: 25px;
}
.ab1ct .details .mide img {
  width: 100%;
  margin-top: 35px;
  border-radius: 20px;
}
.ab1-box .content {
  background-color: #f8f8f8;
  padding: 100px 125px 125px 125px;
  position: relative;
  width: calc(100% - 200px);
  margin: 189px auto 0;
  border-radius: 10px;
}
.ab1-box .content h4 {
  font-family: var(--font-sc-Regular);
  font-weight: bold;
  font-size: 18px;
  color: #222222;
}
.ab1-box .content .txt {
  font-family: var(--font-sc-Regular);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  line-height: 26px;
  margin-top: 45px;
}
.ab1-box .content .txt p,
.ab1-box .content .txt span {
  font-family: var(--font-sc-Regular);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  line-height: 26px;
}
.ab1-box .content .txt p:not(:first-of-type) {
  margin-top: 20px;
}
.ab1-box .content .txt a {
  color: #1b68d7;
  font-style: italic;
}
.ab1-box .content .dh1 {
  position: absolute;
  top: -40px;
  left: 50px;
}
.ab1-box .content .dh2 {
  position: absolute;
  right: 80px;
  bottom: 80px;
}
.rea-box {
  overflow: hidden;
}
.react {
  padding: 125px 0 57px 0;
  margin: 0 auto;
}
.pb-mide {
  margin-top: 45px;
  display: flex;
  justify-content: space-between;
}
.pb-mide .left {
  width: 300px;
}
.pb-mide .right {
  width: 250px;
}
.pb-mide .right .scripture {
  border-radius: 20px;
  border: 1px solid #eeeeee;
  padding: 20px 28px 35px 28px;
  margin-bottom: 20px;
}
.pb-mide .right .scripture .title {
  font-family: var(--font-sc-Regular);
  font-weight: bold;
  font-size: 22px;
  color: #222222;
}
.pb-mide .right .scripture .rb {
  margin-top: 28px;
}
.pb-mide .right .scripture .rb .row {
  margin-top: 20px;
  display: block;
}
.pb-mide .right .scripture .rb .row h6 {
  font-family: var(--font-sc-Regular);
  font-weight: 500;
  font-size: 16px;
  color: #222222;
  transition: 0.5s;
}
.pb-mide .right .scripture .rb .row p {
  font-family: var(--font-sc-Regular);
  font-weight: normal;
  font-size: 15px;
  color: #203960;
  transition: 0.5s;
  margin-top: 3px;
  display: block;
}
.pb-mide .right .scripture .rb .row:hover h6 {
  color: #1b68d7;
}
.pb-mide .right .scripture .more {
  width: 180px;
  height: 40px;
  background: #fbfbfb;
  border-radius: 10px;
  border: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-sc-Regular);
  font-weight: 500;
  font-size: 16px;
  color: #274066;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: 0.5s;
  margin: 24px auto 0;
}
.pb-mide .right .scripture .more::before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #1b68d7;
  transition: 0.5s;
  z-index: -1;
}
.pb-mide .right .scripture .more:hover {
  color: #ffffff;
}
.pb-mide .right .scripture .more:hover::before {
  width: 100%;
}
.pb-mide .right .share-box {
  border: 1px solid #eeeeee;
  border-radius: 20px;
  padding: 24px 28px 28px 28px;
  margin-top: 20px;
}
.pb-mide .right .share-box .title {
  font-family: var(--font-sc-Regular);
  font-weight: bold;
  font-size: 22px;
  color: #222222;
}
.social-share {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.social-share a {
  margin: 0 !important;
}
.pb-mide .right .down-box {
  border: 1px solid #eeeeee;
  border-radius: 20px;
  padding: 24px 28px 37px 28px;
  margin-bottom: 20px;
}
.pb-mide .right .down-box .title {
  font-family: var(--font-sc-Regular);
  font-weight: bold;
  font-size: 22px;
  color: #222222;
}
.pb-mide .right .down-box .rq {
  margin-top: 32px;
}
.pb-mide .right .down-box a {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.pb-mide .right .down-box a:not(:first-of-type) {
  margin-top: 20px;
}
.pb-mide .right .down-box a .txt {
  width: calc(100% - 30px - 13px);
}
.pb-mide .right .down-box a .txt h6 {
  font-family: var(--font-sc-Regular);
  font-weight: 500;
  font-size: 16px;
  color: #222222;
  transition: 0.5s;
}
.pb-mide .right .down-box a:hover .txt h6 {
  color: #1b68d7;
}
.pb-mide .right .down-box a .txt p {
  font-family: var(--font-sc-Regular);
  font-weight: normal;
  font-size: 15px;
  color: #203960;
}
.pb-mide .mide {
  width: calc(100% - 300px - 250px - 40px);
}
.scripture-list-box {
  border: 1px solid #eeeeee;
  border-radius: 20px;
  padding: 24px 15px 29px 15px;
}
.scripture-list-box .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.scripture-list-box .top .title {
  font-family: var(--font-sc-Regular);
  font-weight: bold;
  font-size: 36px;
  color: #222222;
}
.scripture-list-box .top .search-list {
  display: flex;
  align-items: center;
  width: 406px;
  height: 50px;
  background: #f8f8f8;
  border-radius: 25px;
  padding: 0 5px 0 0;
}
.scripture-list-box .top .search-list .el-input {
  width: calc(100% - 79px);
  height: 100%;
}
.scripture-list-box .top .search-list .el-input__inner {
  height: 100%;
  line-height: 50px;
  border-radius: 0;
  padding-left: 24px;
  border: none;
  font-family: var(--font-sc-Regular);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  background-color: transparent;
}
.scripture-list-box .top .search-list .el-input__inner::placeholder {
  color: #aaaaaa;
}
.scripture-list-box .top .search-list .btn {
  width: 79px;
  height: 40px;
  background: #1b68d7;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-sc-Regular);
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  cursor: pointer;
}
.scripture-list {
  margin-top: 22px;
}
.scripture-list li:not(:first-of-type) {
  margin-top: 10px;
}
.scripture-list li a {
  display: block;
  border-radius: 10px;
  border: 1px solid #eeeeee;
  padding: 23px 30px 24px 30px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.scripture-list li a::before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(10deg, #1b68d7 0%, #3c81e5 100%);
  opacity: 0;
  transition: 0.5s;
  z-index: -1;
}
.scripture-list li a .title {
  font-family: var(--font-sc-Regular);
  font-weight: bold;
  font-size: 22px;
  color: #222222;
  transition: 0.5s;
}
.scripture-list li a .title .highlight{
  color: #333333;
  font-weight: bold;
  background-color: #fff900;
}
.scripture-list li a .desc{
  margin-top: 15px;
  font-family: var(--font-sc-Regular);
  font-weight: 400;
  font-size: 14px;
  color: #555555;
  line-height: 26px;
  transition: 0.4s;
}
.scripture-list li a .desc .highlight{
  color: #333333;
  font-weight: bold;
  background-color: #fff900;
}
.scripture-list li a:hover .desc{
  color: #ffffff;
}
.scripture-list li a .dbl {
  display: flex;
  margin-top: 15px;
}
.scripture-list li a .dbl .item {
  display: flex;
  align-items: center;
}
.scripture-list li a .dbl .item:not(:first-of-type) {
  margin-left: 40px;
}
.scripture-list li a .dbl .item i {
  font-size: 17px;
  color: #222222;
  transition: 0.5s;
}
.scripture-list li a .dbl .item p {
  font-family: var(--font-sc-Regular);
  font-weight: 400;
  font-size: 14px;
  color: #555555;
  margin-left: 6px;
  transition: 0.5s;
}
.scripture-list li a .dbl .item p .highlight{
  color: #333333;
  font-weight: bold;
  background-color: #fff900;
}
.scripture-list li a:hover::before {
  opacity: 1;
}
.scripture-list li a:hover .dbl .item p,
.scripture-list li a:hover .dbl .item i,
.scripture-list li a:hover .title {
  color: #ffffff;
}
.search-page{
  margin-top: 25px;
}
.search-page ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.search-page ul li{
  width: 30px;
  height: 30px;
  font-family: var(--font-sc-Regular);
  font-weight: 400;
  font-size: 14px;
  color: #888888;
  transition: 0.3s;
  border: 1px solid #dcdcdc;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
}
.search-page ul li:not(:last-of-type){
  margin-right: 9px;
}
.search-page ul li a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #888888;
}
.search-page ul li span{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.search-page ul li.active{
  border-color: #1b68d7;
  background-color: #1b68d7;
  color: #ffffff;
}
.search-page ul li.disabled{
  cursor: no-drop;
}
.search-page ul li:last-of-type a{
  color: #222222;
}
.rea-slide {
  border-radius: 20px;
  border: 1px solid #eeeeee;
  overflow: hidden;
  padding-bottom: 48px;
}
.rea-slide .title {
  background: linear-gradient(16deg, #d5e2f5 0%, #fafbfc 100%);
  width: 100%;
  font-family: var(--font-sc-Regular);
  font-weight: bold;
  font-size: 25px;
  color: #222222;
  padding: 20px 22px;
}
.rea-slide .tab {
  display: flex;
  border-bottom: 1px solid #eeeeee;
  width: calc(100% - 20px);
  margin: 22px auto 0;
}
.rea-slide .tab a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  position: relative;
  padding-bottom: 12px;
}
.rea-slide .tab a .ib img:last-of-type {
  display: none;
}
.rea-slide .tab a p {
  font-family: var(--font-sc-Regular);
  font-weight: bold;
  font-size: 18px;
  color: #666666;
  margin-left: 4px;
  transition: 0.5s;
}
.rea-slide .tab a.active .ib img:last-of-type {
  display: block;
}
.rea-slide .tab a.active .ib img:first-of-type {
  display: none;
}
.rea-slide .tab a.active p {
  color: #1b68d7;
}
.rea-slide .tab a.active::after {
  width: 100%;
}
.rea-slide .tab a::after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background: #1b68d7;
  transition: 0.5s;
}
.rea-slide .tab a:hover p {
  color: #1b68d7;
}
.rea-slide .tab a:hover .ib img:last-of-type {
  display: block;
}
.rea-slide .tab a:hover .ib img:first-of-type {
  display: none;
}
.rea-slide .rea-tag {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 30px);
  margin: 24px auto 0;
}
.rea-slide .rea-tag a {
  font-family: var(--font-sc-Regular);
  font-weight: 500;
  font-size: 15px;
  color: #203960;
  background-color: rgba(27, 104, 215, 0.07);
  margin-right: 5px;
  margin-bottom: 10px;
  border-radius: 4px;
  padding: 5px 12px;
  transition: 0.3s;
}
.rea-slide .rea-tag a:hover {
  color: #1b68d7;
}
.rea-slide .res-tag {
  width: calc(100% - 20px);
  margin: 24px auto 0;
  overflow-y: auto;
  max-height: 700px;
}
.rea-slide .res-tag::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.rea-slide .res-tag::-webkit-scrollbar-thumb {
  background: #1b68d7;
}
.rea-slide .res-tag::-webkit-scrollbar-track {
  background: #dedede;
}
.rea-slide .res-tag a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: 0.5s;
  border-radius: 10px;
  padding: 10px 16px;
}
.rea-slide .res-tag a.active,
.rea-slide .res-tag a:hover {
  background-color: #fcf4e8;
}
.rea-slide .res-tag a.active i,
.rea-slide .res-tag a:hover i {
  color: #1b68d7;
}
/* .rea-slide .res-tag a:hover i,
.rea-slide .res-tag a:hover p {
  color: #1b68d7;
} */
.rea-slide .res-tag a p {
  font-family: var(--font-sc-Regular);
  font-weight: 500;
  font-size: 16px;
  color: #222222;
  width: calc(100% - 40px);
  transition: 0.5s;
}
.rea-slide .res-tag a i {
  font-size: 16px;
  color: #222222;
  transition: 0.5s;
}
.rea-details-slide {
  border-radius: 20px;
  border: 1px solid #eeeeee;
  overflow: hidden;
  padding-bottom: 38px;
}
.rea-details-slide .title {
  background: linear-gradient(16deg, #d5e2f5 0%, #fafbfc 100%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 23px;
}
.rea-details-slide .title p {
  font-family: var(--font-sc-Regular);
  font-weight: bold;
  font-size: 30px;
  color: #222222;
  width: calc(100% - 40px);
}
.rea-details-slide .title i {
  font-size: 18px;
  color: #222222;
}
.rea-details-slide .rea-d-list {
  width: 100%;
  padding: 10px 10px 0 10px;
  overflow-y: auto;
  max-height: 700px;
}
.rea-details-slide .rea-d-list::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.rea-details-slide .rea-d-list::-webkit-scrollbar-thumb {
  background: #1b68d7;
}
.rea-details-slide .rea-d-list::-webkit-scrollbar-track {
  background: #dedede;
}
.rea-details-slide .rea-d-list a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: 0.5s;
  border-radius: 10px;
  padding: 10px 20px;
  position: relative;
}
.rea-details-slide .rea-d-list a::after {
  display: block;
  content: '';
  width: 5px;
  height: 18px;
  background: #1b68d7;
  border-radius: 3px;
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
  opacity: 0;
}
.rea-details-slide .rea-d-list a img {
  opacity: 0;
}
.rea-details-slide .rea-d-list a p {
  font-family: var(--font-sc-Regular);
  font-weight: 500;
  font-size: 16px;
  color: #222222;
  width: calc(100% - 13px - 15px);
}
.rea-details-slide .rea-d-list a.active {
  background-color: #fcf4e8;
}
.rea-details-slide .rea-d-list a.active img,
.rea-details-slide .rea-d-list a.active::after {
  opacity: 1;
}
.rea-details-slide .rea-d-list a:hover::after {
  opacity: 1;
}
.rea-details {
  border: 1px solid #eeeeee;
  border-radius: 20px;
  padding: 23px 15px 25px 15px;
}
.rea-details .top {
  padding: 0 20px;
}
.rea-details .top .title {
  font-family: var(--font-sc-Regular);
  font-weight: bold;
  font-size: 36px;
  color: #222222;
}
.rea-details .top .dbl {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}
.rea-details .top .dbl .item {
  display: flex;
  align-items: center;
}
.rea-details .top .dbl .item:first-of-type p{
  max-width: 190px;
}
/*.rea-details .top .dbl .item:not(:first-of-type) {*/
/*  margin-left: 60px;*/
/*}*/
.rea-details .top .dbl .item i {
  font-size: 17px;
  color: #222222;
}
.rea-details .top .dbl .item p {
  margin-left: 9px;
  font-family: var(--font-sc-Regular);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
}
.rea-details .audio-box {
  border: 1px solid #eeeeee;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
  padding: 20px 25px 20px 20px;
}
.rea-details .audio-box .picture {
  width: 140px;
  height: 140px;
}
.rea-details .audio-box .picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.rea-details .audio-box .control {
  width: calc(100% - 140px - 40px);
}
.rea-details .audio-box .control .control-top {
  display: flex;
  justify-content: space-between;
}
.rea-details .audio-box .control .control-top .play {
  cursor: pointer;
}
.rea-details .audio-box .control .control-top .right {
  width: calc(100% - 50px - 21px);
}
.rea-details .audio-box .control .control-top .right .el-slider__runway {
  margin: 34px 0 0 0;
  background-color: #e6e9ef;
}
.rea-details .audio-box .control .control-top .right .el-slider__bar {
  background-color: #1b68d7;
}
.rea-details .audio-box .control .control-top .right .el-slider__button {
  border: none;
  background-color: #1b68d7;
}
.rea-details .audio-box .control .control-top .right .dbl {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-left: 17px;
}
.rea-details .audio-box .control .control-top .right .dbl .time {
  display: flex;
  align-items: center;
  font-family: var(--font-sc-Regular);
  font-weight: 400;
  font-size: 16px;
  color: #203960;
}
.rea-details .audio-box .control .control-top .right .dbl .time span {
  margin: 0 6px;
}
.rea-details .audio-box .control .control-top .right .dbl .down-b{
  display: flex;
}
.rea-details .audio-box .control .control-top .right .dbl .down {
  display: flex;
  align-items: center;
}
.rea-details .audio-box .control .control-top .right .dbl .down:not(:last-of-type){
  margin-right: 20px;
}
.rea-details
  .audio-box
  .control
  .control-top
  .right
  .dbl
  .down
  .ib
  img:last-of-type {
  display: none;
}
.rea-details .audio-box .control .control-top .right .dbl .down p {
  font-family: var(--font-sc-Regular);
  font-weight: 500;
  font-size: 16px;
  color: #222222;
  margin-left: 9px;
  transition: 0.3s;
}
.rea-details .audio-box .control .control-top .right .dbl .down:hover p {
  color: #1b68d7;
}
/*.rea-details*/
/*  .audio-box*/
/*  .control*/
/*  .control-top*/
/*  .right*/
/*  .dbl*/
/*  .down:hover*/
/*  .ib*/
/*  img:last-of-type {*/
/*  display: block;*/
/*}*/
/*.rea-details*/
/*  .audio-box*/
/*  .control*/
/*  .control-top*/
/*  .right*/
/*  .dbl*/
/*  .down:hover*/
/*  .ib*/
/*  img:first-of-type {*/
/*  display: none;*/
/*}*/
.rea-details .audio-box .control .control-bottom {
  display: flex;
  align-items: center;
  margin-top: 37px;
}
.rea-details .audio-box .control .control-bottom .time {
  display: flex;
  margin-right: 52px;
}
.rea-details .audio-box .control .control-bottom .time .ib {
  cursor: pointer;
}
.rea-details .audio-box .control .control-bottom .time .ib:first-of-type {
  margin-right: 24px;
}
.rea-details .audio-box .control .control-bottom .time .ib img:last-of-type {
  display: none;
}
.rea-details
  .audio-box
  .control
  .control-bottom
  .time
  .ib:hover
  img:last-of-type {
  display: block;
}
.rea-details
  .audio-box
  .control
  .control-bottom
  .time
  .ib:hover
  img:first-of-type {
  display: none;
}
.rea-details .audio-box .control .control-bottom .volume {
  display: flex;
  align-items: center;
}
.rea-details .audio-box .control .control-bottom .volume .ib {
  cursor: pointer;
}
.rea-details .audio-box .control .control-bottom .el-slider__runway {
  width: 120px;
  background-color: #e6e9ef;
  margin: 0 0 0 23px;
}
.rea-details .audio-box .control .control-bottom .el-slider__bar {
  background-color: #203960;
}
.rea-details .audio-box .control .control-bottom .el-slider__button {
  border: none;
  background-color: #203960;
}
.rea-details .audio-box .control .control-bottom .forward {
  width: 80px;
  margin-left: auto;
}
.rea-details .audio-box .control .control-bottom .el-select .el-input__inner {
  height: 36px;
  line-height: 36px;
  padding-left: 11px;
  font-family: var(--font-sc-Regular);
  font-weight: 400;
  font-size: 16px;
  color: #203960;
}
.rea-details .audio-box .control .control-bottom .el-input__icon {
  line-height: 36px;
  color: #203960;
}
.rea-details .text-box {
  margin-top: 22px;
}
.rea-details .text-box .tab {
  display: flex;
  border-bottom: 1px solid #eeeeee;
}
.rea-details .text-box .tab a {
  font-family: var(--font-sc-Regular);
  font-weight: 500;
  font-size: 18px;
  color: #222222;
  padding: 0 20px 8px 20px;
  position: relative;
  transition: 0.5s;
}
.rea-details .text-box .tab a::after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 3px;
  background: #226ed7;
  border-radius: 2px;
  transition: 0.5s;
}
.rea-details .text-box .tab a:hover {
  color: #1b68d7;
}
.rea-details .text-box .tab a.active {
  color: #1b68d7;
}
.rea-details .text-box .tab a.active::after {
  width: 100%;
}
.rea-details .text-box .text {
  font-family: var(--font-sc-Regular) !important;
  font-weight: 400;
  font-size: 16px !important;
  color: #222222;
  line-height: 26px;
  padding: 0 22px;
  margin-top: 30px;
  /*border-bottom: 1px solid #eeeeee;*/
  /*padding-bottom: 47px;*/
  white-space: normal;
  
  /*max-height: 80vh;*/
  /*overflow-y: auto;*/
  /*overflow: hidden;*/
  /*transition: max-height 0.3s;*/
  /*position: relative;*/
  overflow-wrap: break-word;
  word-break: break-word;
}
.rea-details .text-box .view {
  width: 100%;
  height: 80vh;
}
.rea-details .text-box .text::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.rea-details .text-box .text::-webkit-scrollbar-thumb {
  background: #1b68d7;
}

.rea-details .text-box .text::-webkit-scrollbar-track {
  background: #dedede;
}
/* 渐隐效果 */
/*.rea-details .text-box .text:not(.active)::after {*/
/*  content: '';*/
/*  position: absolute;*/
/*  left: 0;*/
/*  right: 0;*/
/*  bottom: 0;*/
/*  height: 50px;*/
/*  background: linear-gradient(*/
/*    transparent,*/
/*    #fff*/
/*  );*/
/*}*/
.rea-details .text-box .text.active {
  max-height: 9999px;
}
.rea-details .text-box .text p,
.rea-details .text-box .text span {
  font-family: var(--font-sc-Regular) !important;
  font-weight: 400;
  font-size: 16px !important;
  color: #222222;
  line-height: 26px !important;
  white-space: normal;
}
.rea-details .text-box .text em {
  font-style: normal;
}
.rea-details .text-box .text a {
  color: #1b68d7;
  margin-right: 30px;
}
.rea-details .text-box .text h3,
.rea-details .text-box .text p{
  margin-top: 10px;
}
/*.rea-details .text-box .text p {*/
/*  display: flex;*/
/*}*/
.rea-details .showAll {
  display: flex;
  align-items: center;
  width: max-content;
  margin: 26px auto 0;
  cursor: pointer;
}
.rea-details .showAll p {
  font-family: var(--font-sc-Regular);
  font-weight: 500;
  font-size: 16px;
  color: #203960;
  transition: 0.3s;
}
.rea-details .showAll i {
  font-size: 16px;
  color: #203960;
  transition: 0.3s;
  margin-left: 10px;
}
.rea-details .showAll i.active {
  transform: rotate(180deg);
}
.rea-details .showAll:hover p,
.rea-details .showAll:hover i {
  color: #1b68d7;
}
.res-details-slide {
  border-radius: 20px;
  border: 1px solid #eeeeee;
  overflow: hidden;
  padding-bottom: 28px;
}
.res-details-slide .title {
  background: linear-gradient(16deg, #1e375f 0%, #364f73 100%);
  padding: 13px 42px 13px 42px;
}
.res-details-slide .title h6 {
  font-family: var(--font-sc-Regular);
  font-weight: bold;
  font-size: 36px;
  color: #ffffff;
}
.res-details-slide .title p {
  font-family: var(--font-sc-Regular);
  font-weight: 400;
  font-size: 18px;
  color: #ffffff;
}
.res-details-slide .res-d-list {
  width: 100%;
  padding: 10px 10px 0 10px;
  overflow-y: auto;
  max-height: 700px;
}
.res-details-slide .res-d-list::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.res-details-slide .res-d-list::-webkit-scrollbar-thumb {
  background: #1b68d7;
}
.res-details-slide .res-d-list::-webkit-scrollbar-track {
  background: #dedede;
}
.res-details-slide .res-d-list a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: 0.5s;
  border-radius: 10px;
  padding: 10px 20px;
  position: relative;
}
.res-details-slide .res-d-list a::after {
  display: block;
  content: '';
  width: 5px;
  height: 30px;
  background: #1b68d7;
  border-radius: 3px;
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
  opacity: 0;
}
.res-details-slide .res-d-list a img {
  opacity: 0;
}
.res-details-slide .res-d-list a .txt {
  width: calc(100% - 13px - 15px);
}
.res-details-slide .res-d-list a .txt p {
  font-family: var(--font-sc-Regular);
  font-weight: 500;
  font-size: 16px;
  color: #222222;
}
.res-details-slide .res-d-list a .txt .time {
  font-family: var(--font-sc-Regular);
  font-weight: 400;
  font-size: 16px;
  color: #203960;
  opacity: 0.8;
}
.res-details-slide .res-d-list a.active {
  background-color: #fcf4e8;
}
.res-details-slide .res-d-list a.active img,
.res-details-slide .res-d-list a.active::after {
  opacity: 1;
}
.res-details-slide .res-d-list a:hover::after {
  opacity: 1;
}
.res-back {
  width: 240px;
  height: 40px;
  background-color: #fbfbfb;
  border-radius: 10px;
  border: 1px solid #e5e5e5;
  font-family: var(--font-sc-Regular);
  font-weight: 500;
  font-size: 16px;
  color: #274066;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: 0.5s;
  margin: 20px auto 0;
}
.res-back::before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #1b68d7;
  transition: 0.5s;
  z-index: -1;
}
.res-back:hover::before {
  width: 100%;
}
.res-back:hover {
  color: #ffffff;
}
.ful-dbl-qh{
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.ful-dbl-qh .qhb{
  display: flex;
  margin-left: 20px;
}
.ful-dbl-qh .qhb .qh{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 40px;
  transition: 0.4s;
  background-color: #fbfbfb;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  cursor: pointer;
  font-family: var(--font-sc-Regular);
  font-weight: 500;
  font-size: 16px;
  color: #274066;
}
.ful-dbl-qh .qhb .qh:not(:first-of-type){
    margin-left: 10px;
}
.ful-dbl-qh .qhb .qh:hover{
  background-color: #1b68d7;
  color: #ffffff;
}
.ful-dbl-qh .qhb .qh.disabled{
  background-color: #dddddd;
  color: #a3a3a3 !important;
  cursor: no-drop;
}
.ful-dbl-qh .res-back{
  margin: 0;
}
.rea-tag-box {
  margin-top: 30px;
  display: flex;
  border-bottom: 1px solid #eeeeee;
}
.rea-tag-box a {
  font-family: var(--font-sc-Regular);
  font-weight: 500;
  font-size: 18px;
  color: #222222;
  padding: 0 20px 8px 20px;
  position: relative;
  transition: 0.5s;
}
.rea-tag-box a::after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 3px;
  background: #226ed7;
  border-radius: 2px;
  transition: 0.5s;
}
.rea-tag-box a:hover {
  color: #1b68d7;
}
.rea-tag-box a.active {
  color: #1b68d7;
}
.rea-tag-box a.active::after {
  width: 100%;
}
.total-ml {
  margin-top: 22px;
}
.total-ml .two-title {
  border-radius: 8px;
  background-color: #1b68d7;
  padding: 9px 15px;
  display: flex;
  align-items: center;
}
.total-ml .two-title:not(:first-of-type) {
  margin-top: 20px;
}
.total-ml .two-title p {
  font-family: var(--font-sc-Regular);
  font-weight: 400;
  font-size: 18px;
  color: #ffffff;
}
.total-ml .two-title span {
  font-family: var(--font-sc-Regular);
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
  margin-left: 15px;
}
.total-ml .row {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #eeeeee;
  padding: 20px 0;
}
.total-ml .row .l-title {
  font-family: var(--font-sc-Regular);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  width: 90px;
}
.total-ml .row .l-title span {
  font-size: 14px;
  color: #666666;
}
.total-ml .row .right-a {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 90px - 15px);
}
.total-ml .row .right-a a {
  width: 26px;
  height: 26px;
  border: 1px solid #eeeeee;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-sc-Regular);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  border-radius: 4px;
  margin-right: 5px;
  margin-bottom: 5px;
  transition: 0.3s;
}
.total-ml .row .right-a a:hover {
  background-color: #1b68d7;
  color: #ffffff;
}
.el-select-dropdown__item.selected {
  color: #1b68d7;
}
.el-range-editor.is-active,
.el-range-editor.is-active:hover,
.el-select .el-input.is-focus .el-input__inner,
.el-select .el-input__inner:focus {
  border-color: #1b68d7;
}
.el-empty__description p{
  font-family: var(--font-sc-Regular);
}
.el-empty{
  padding: 200px 0;
}
.page {
  width: 100%;
  margin-top: 30px;
}
.page.jz .el-pagination {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.page .el-pagination {
  text-align: center;
  width: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  padding: 0px;
}
.page .el-pagination__total {
  font-family: var(--font-sc-Regular);
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}
.page .el-pagination .btn-prev {
  width: 30px;
  height: 30px;
  margin-right: 9px;
  padding: 0;
  border-radius: 0;
  min-width: 30px;
  border: 1px solid #d2d2d2;
  background-color: transparent;
}
.page .el-pagination .btn-next {
  width: 30px;
  height: 30px;
  padding: 0;
  border-radius: 0;
  min-width: 30px;
  border: 1px solid #d2d2d2;
  background-color: transparent;
}
.page .el-pagination .btn-prev i,
.page .el-pagination .btn-next i {
  font-size: 14px;
}
.page .el-pager li {
  width: 30px;
  height: 30px;
  min-width: 30px;
  text-align: center;
  line-height: 30px;
  margin-right: 9px;
  padding: 0px;
  font-family: var(--font-sc-Regular);
  font-weight: 400;
  font-size: 14px;
  color: #888888;
  border-radius: 0;
  transition: 0.3s;
  border: 1px solid #dcdcdc !important;
  background-color: transparent;
}
.page .el-pagination__sizes .el-input .el-input__inner {
  font-family: var(--font-sc-Regular);
  font-weight: 400;
  font-size: 14px;
  color: #888888;
}
.page .el-input--mini .el-input__inner {
  height: 30px;
  line-height: 30px;
  border-radius: 0 !important;
}
.page .el-pagination__sizes .el-input .el-input__inner:hover {
  border-color: #1b68d7;
}
.page .el-pager li.active {
  background-color: #1b68d7;
  color: #ffffff;
  border-color: #1b68d7 !important;
}
.page .el-pagination .el-pager li:hover {
  color: #ffffff !important;
  background-color: #1b68d7;
  border-color: #1b68d7 !important;
}
.page .el-pagination .el-pager .btn-quicknext:hover {
  color: #1b68d7;
}
.page .el-pagination button:hover {
  color: #1b68d7;
}
.page .el-pagination button:disabled {
  color: #c0c4cc;
}
.ft-box {
  background-color: #041528;
}
.ftct {
  margin: 0 auto;
  padding: 52px 0 0 0;
}
.ftct .ft-logo {
  width: max-content;
  display: block;
  margin: 0 auto;
}
.ftct .ft-logo img {
  width: 238px;
}
.ftct .link {
  display: flex;
  justify-content: center;
  margin-top: 88px;
}
.ftct .link a,
.ftct .link span {
  font-family: var(--font-sc-Regular);
  font-weight: 400;
  font-size: 18px;
  color: #ffffff;
  opacity: 0.6;
  transition: 0.5s;
}
.ftct .link a:hover {
  opacity: 1;
}
.ftct .link span {
  margin: 0 40px;
}
.ftct .db {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  justify-content: center;
  padding: 30px 0;
  margin-top: 63px;
}
.ftct .db a {
  font-family: var(--font-sc-Regular);
  font-weight: 400;
  font-size: 14px;
  color: #aaaaaa;
}
@media only screen and (max-width: 1560px) {
  .center-1400 {
    width: 1100px;
  }
  .headerct .search {
    margin-left: 100px;
  }
  .headerct .nav li:not(:first-of-type) {
    margin-left: 60px;
  }
  .mySwiper .item .ct h3 {
    font-size: 66px;
  }
  .mySwiper .item .ct .line {
    width: 140px;
  }
  .mySwiper .item .ct h6 {
    font-size: 30px;
    line-height: 46px;
  }
  .mySwiper .item .ct .dh .dh1 {
    width: 21px;
  }
  .mySwiper .item .ct .dh .dh2 {
    width: 21px;
  }
  .mySwiper .item .ct .desc {
    font-size: 18px;
  }
  .mySwiper .item .ct .time p {
    font-size: 22px;
  }
  .mySwiper .item .ct .time .tline {
    width: 52px;
  }
  .mySwiper .swiper-pagination {
    bottom: 48px;
  }
  .i1ct .item {
    height: 280px;
    padding: 40px 15px 20px 15px;
  }
  .i1ct .item h3 {
    font-size: 32px;
  }
  .i1ct .item .line {
    width: 45px;
  }
  .i1ct .item p {
    font-size: 17px;
  }
  .i1ct .item .ib {
    height: 50px;
  }
  .ab1ct .details .title {
    font-size: 32px;
  }
  .ab1ct .details .title::before {
    height: 31px;
  }
  .ab1ct .details,
  .ab1-box .content {
    width: calc(100% - 160px);
  }
  .ab1-box .content {
    padding: 100px 115px 125px 115px;
    border-radius: 8px;
  }
  .ab1-box .content .dh1 {
    left: 40px;
  }
  .pb-mide .left {
    width: 230px;
  }
  .pb-mide .right {
    width: 210px;
  }
  .pb-mide .mide {
    width: calc(100% - 230px - 210px - 40px);
  }
  .rea-details-slide {
    border-radius: 16px;
  }
  .rea-details-slide .title {
    padding: 15px 20px;
  }
  .rea-details-slide .title p {
    font-size: 24px;
  }
  .rea-details-slide .rea-d-list a {
    padding: 10px 20px 10px 16px;
    border-radius: 8px;
  }
  .rea-details-slide .rea-d-list a p {
    font-size: 15px;
  }
  .pb-mide .right .down-box {
    border-radius: 16px;
    padding: 20px 22px 32px 22px;
  }
  .pb-mide .right .down-box .title {
    font-size: 19px;
  }
  .pb-mide .right .down-box .rq {
    margin-top: 25px;
  }
  .pb-mide .right .down-box a img {
    width: 25px;
  }
  .pb-mide .right .down-box a .txt {
    width: calc(100% - 25px - 12px);
  }
  .pb-mide .right .down-box a .txt h6 {
    font-size: 15px;
  }
  .pb-mide .right .down-box a .txt p {
    font-size: 14px;
  }
  .pb-mide .right .scripture {
    border-radius: 16px;
    padding: 18px 22px 32px 22px;
  }
  .pb-mide .right .scripture .title {
    font-size: 19px;
  }
  .pb-mide .right .scripture .rb {
    margin-top: 24px;
  }
  .pb-mide .right .scripture .rb .row {
    margin-top: 17px;
  }
  .pb-mide .right .scripture .rb .row h6 {
    font-size: 15px;
  }
  .pb-mide .right .scripture .rb .row p {
    font-size: 14px;
  }
  .pb-mide .right .scripture .more {
    width: 156px;
    border-radius: 6px;
    font-size: 15px;
  }
  .pb-mide .right .share-box {
    border-radius: 16px;
    padding: 21px 22px 25px 22px;
  }
  .pb-mide .right .share-box .title {
    font-size: 19px;
  }
  .social-share {
    margin-top: 17px;
  }
  .min-nav a,
  .min-nav span {
    font-size: 15px;
  }
  .rea-details {
    border-radius: 16px;
  }
  .rea-details .top .title {
    font-size: 26px;
  }
  /*.rea-details .top .dbl .item:not(:first-of-type) {*/
  /*  margin-left: 20px;*/
  /*}*/
  .rea-details .top .dbl .item p {
    font-size: 15px;
    margin-left: 7px;
  }
  .rea-details .top .dbl .item i {
    font-size: 16px;
  }
  .rea-details .top {
    padding: 0 12px;
  }
  .rea-details .top .dbl .item:first-of-type p{
    max-width: 180px;
  }
  .rea-details .text-box .tab a {
    font-size: 17px;
  }
  .rea-details .text-box .text {
    font-size: 15px !important;
    line-height: 25px;
    
    /*max-height: 515px;*/
  }
  .rea-details .text-box .text p,
  .rea-details .text-box .text span {
    font-size: 15px !important;
    line-height: 25px !important;
  }
  .rea-details .showAll p {
    font-size: 15px;
  }
  .rea-details .audio-box .picture {
    width: 120px;
    height: 120px;
  }
  .rea-details .audio-box .picture img {
    border-radius: 6px;
  }
  .rea-details .audio-box {
    border-radius: 6px;
  }
  .rea-details .audio-box .control {
    width: calc(100% - 120px - 30px);
  }
  .rea-details .audio-box .control .control-top .play img {
    width: 40px;
  }
  .rea-details .audio-box .control .control-top .right {
    width: calc(100% - 40px - 16px);
  }
  .rea-details .audio-box .control .control-top .right .dbl {
    padding-left: 13px;
  }
  .rea-details .audio-box .control .control-top .right .dbl .down p {
    font-size: 15px;
  }
  .rea-details .audio-box .control .control-top .right .dbl .down .ib img {
    width: 17px;
  }
  .rea-details .audio-box .control .control-top .right .dbl .time {
    font-size: 15px;
  }
  .rea-details .audio-box .control .control-top .right .el-slider__runway {
    margin: 24px 0 0 0;
  }
  .rea-details .audio-box .control .control-bottom .time .ib:first-of-type {
    margin-right: 16px;
  }
  .rea-details .audio-box .control .control-bottom .time {
    margin-right: 32px;
  }
  .rea-details .audio-box .control .control-bottom .el-slider__runway {
    margin: 0 0 0 18px;
  }
  .rea-details .audio-box .control .control-bottom .el-select .el-input__inner {
    font-size: 15px;
  }
  .rea-details .audio-box .control .control-bottom {
    margin-top: 32px;
  }
  .ab1ct .details .mide p {
    font-size: 17px;
    line-height: 29px;
  }
  .rea-slide {
    border-radius: 16px;
  }
  .rea-slide .title {
    font-size: 20px;
  }
  .rea-slide .tab a p {
    font-size: 16px;
  }
  .rea-slide .tab a .ib img {
    width: 23px;
  }
  .rea-slide .rea-tag a {
    font-size: 14px;
  }
  .scripture-list-box {
    border-radius: 16px;
  }
  .scripture-list-box .top .title {
    font-size: 30px;
  }
  .scripture-list-box .top .search-list {
    width: 350px;
    height: 42px;
  }
  .scripture-list-box .top .search-list .btn {
    height: 32px;
    width: 69px;
  }
  .scripture-list-box .top .search-list .el-input {
    width: calc(100% - 69px);
  }
  .scripture-list li a {
    border-radius: 6px;
    padding: 19px 25px 21px 25px;
  }
  .scripture-list li a .title {
    font-size: 20px;
  }
  .scripture-list li a .dbl .item:not(:first-of-type) {
    margin-left: 25px;
  }
  .res-details-slide {
    border-radius: 16px;
  }
  .res-details-slide .title {
    padding: 13px 30px 13px 30px;
  }
  .res-details-slide .title h6 {
    font-size: 24px;
  }
  .res-details-slide .title p {
    font-size: 16px;
  }
  .rea-slide .res-tag{
    max-height: 560px;
  }
  .res-details-slide .res-d-list {
    max-height: 560px;
  }
  .res-details-slide .res-d-list a {
    padding: 10px 20px 10px 16px;
    border-radius: 8px;
  }
  .res-details-slide .res-d-list a .txt p {
    font-size: 15px;
  }
  .res-details-slide .res-d-list a .txt .time {
    font-size: 15px;
  }
  .res-back {
    width: 160px;
    font-size: 15px;
    border-radius: 8px;
  }
  .ful-dbl-qh .qhb .qh{
    font-size: 15px;
  }
  .rea-slide .res-tag a {
    border-radius: 8px;
    padding: 10px 14px;
  }
  .rea-slide .res-tag a p {
    font-size: 15px;
  }
  .rea-slide .res-tag a i {
    font-size: 15px;
  }
  .ab1ct .details .mide img {
    border-radius: 16px;
  }
  .rea-details-slide .rea-d-list {
    max-height: 560px;
  }
  .total-ml .two-title {
    border-radius: 6px;
  }
  .rea-tag-box a {
    font-size: 17px;
  }
  .total-ml .row .l-title {
    font-size: 15px;
  }
  .total-ml .two-title p {
    font-size: 17px;
  }
  .total-ml .two-title span {
    font-size: 15px;
  }
  .ftct .link a,
  .ftct .link span {
    font-size: 17px;
  }
}