body {
  position: relative;
  background: #fff2bd;
}

.module-title {
  padding-top: .8rem;
  margin-bottom: .4rem;
  position: relative;
  text-align: center;
}

.module-title .en {
  font-size: .48rem;
  font-family: DengXian-Regular, DengXian;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.2);
  line-height: 0px;
  letter-spacing: .04rem;
  -webkit-background-clip: text;
}

.module-title .zh {
  width: 4.8rem;
  margin: -0.08rem auto;
  font-size: .48rem;
  font-family: HappyZcool;
  font-weight: 400;
  color: #FFFFFF;
  line-height: .74rem;
  letter-spacing: .02rem;
  background: url(../../static/image/title-bg.png) no-repeat center center;
  background-size: 100%;
  vertical-align: middle;
}

.module-title.module-title-red .en {
  color: rgba(242, 90, 48, 0.2);
}

.module-title.module-title-red .zh {
  color: #f25a30;
  background: url(../../static/image/title-bg-red.png) no-repeat center center;
  background-size: 100%;
}

.module-title.module-title-company {
  padding-top: .6rem;
}

.module-title.module-title-company .en {
  line-height: .48rem;
}

.module-title.module-title-company .zh {
  margin-top: -0.8rem;
}

.triangle {
  margin-bottom: .04rem;
  display: inline-block;
  width: 0;
  height: 0;
  border-left: .08rem solid transparent;
  border-right: .08rem solid transparent;
}

.up {
  color: #DD0000 !important;
}

.up .triangle {
  border-bottom: .12rem solid #DD0000;
}

.down {
  color: #08D642 !important;
}

.down .triangle {
  border-top: .12rem solid #08D642;
}

.index-banner {
  padding-top: 0.88rem;
  overflow: hidden;
}

.index-banner .swiper-slide {
  height: 5rem;
}

.index-banner img {
  width: 100%;
  height: 100%;
}

.data-info {
  height: 1.46rem;
  background: #F25A30;
  color: #FFFFFF;
  font-size: .24rem;
  font-weight: 600;
}

.data-info .data-swiper {
  height: 100%;
}

.data-info .data-swiper .swiper-slide {
  position: relative;
  padding-top: 5px;
  padding-left: 25px;
}

.data-info .data-swiper .swiper-slide::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: .2rem;
  content: '';
  width: .1rem;
  height: 1.04rem;
  background: linear-gradient(180deg, #FFFFFF 10%, rgba(255, 255, 255, 0) 100%);
}

.data-info .data-swiper .index-name {
  font-size: .32rem;
}

.data-info .data-swiper .value-rate .value {
  font-size: .30rem;
  padding-right: .06rem;
}

.data-info .data-swiper .value-rate .rate.up {
  text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
}

.data-info .data-swiper .time {
  font-size: .24rem;
}

.index-data {
  background: url(../image/data-bg.png);
  background-size: 100%;
}

.index-data .index-content {
  padding-bottom: .3rem;
}

.index-data .index-content .cate-container {
  position: relative;
  margin-bottom: .16rem;
}

.index-data .index-content .cate-container .cate-swiper {
  height: .9rem;
  border-bottom: 4px solid;
  border-top: 4px solid;
  border-image: linear-gradient(90deg, rgba(242, 90, 48, 0) 0%, #f25a30 20%, #f25a30 80%, rgba(242, 90, 48, 0) 100%) 2 2 2 2;
}

.index-data .index-content .cate-container .cate-swiper .swiper-slide {
  height: 100%;
  border-radius: .02rem;
}

.index-data .index-content .cate-container .cate-swiper .swiper-slide .index-name {
  font-size: .32rem;
  font-family: Source Han Sans CN-Heavy, Source Han Sans CN;
  color: #F4E9C9;
  text-align: center;
  font-weight: 600;
  line-height: .72rem;
  background: linear-gradient(270deg, #F25A30 10%, rgba(242, 90, 48, 0) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.index-data .index-content .cate-container .cate-swiper .swiper-slide-next .index-name {
  background: linear-gradient(90deg, #F25A30 10%, rgba(242, 90, 48, 0) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.index-data .index-content .cate-container .cate-swiper .swiper-slide-active {
  background: url(../image/data-active.png) repeat;
}

.index-data .index-content .cate-container .cate-swiper .swiper-slide-active .index-name {
  font-weight: 800;
  color: #F4E9C9;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
}

.index-data .index-content .chart-container {
  padding: .2rem .2rem 0;
}

.index-data .index-content .chart-container .chart {
  height: 4rem;
}

.index-data .index-content .index-table {
  margin: .2rem;
  font-size: .28rem;
  color: #F25A30;
  overflow: hidden;
}

.index-data .index-content .index-table .table-name {
  display: inline-block;
  height: .58rem;
  background: #F25A30;
  border-radius: .14rem .14rem 0px 0px;
  opacity: 1;
  line-height: .58rem;
  font-size: .32rem;
  padding: 0 .3rem;
  font-weight: bold;
  color: #FFFFFF;
}

.index-data .index-content .index-table .title-box {
  height: .72rem;
  padding: 0 .16rem;
  line-height: .7rem;
  display: flex;
  justify-content: space-between;
  background: #ffd87d;
  border-radius: .2rem .2rem 0 0;
}

.index-data .index-content .index-table .title-box .index-title {
  position: relative;
  padding-left: .5rem;
  font-size: .32rem;
}

.index-data .index-content .index-table .title-box .time {
  font-size: 12px;
}

.index-data .index-content .index-table .title-box.price .index-title::before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: .24rem;
  height: .24rem;
  content: '';
  background: url(../image/data-price-active-icon.svg) no-repeat;
  background-size: 100% 100%;
}

.index-data .index-content .index-table .title-box.data-index .index-title::before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: .28rem;
  height: .28rem;
  content: '';
  background: url(../image/data-rate-active-icon.svg) no-repeat;
  background-size: 100% 100%;
}

.index-data .index-content .index-table .col-4 {
  float: left;
  width: 40%;
  text-align: center;
}

.index-data .index-content .index-table .col-5 {
  float: left;
  width: 50%;
  text-align: center;
}

.index-data .index-content .index-table .col-3 {
  float: left;
  width: 30%;
  text-align: center;
}

.index-data .index-content .index-table .col-3 .over {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.index-data .index-content .index-table .col-2 {
  float: left;
  width: 20%;
  text-align: center;
}

.index-data .index-content .index-table .col-2 .over {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.index-data .index-content .index-table .index-header {
  line-height: .6rem;
  border-radius: 0 .2rem 0 0;
  overflow: hidden;
  color: #FFFFFF;
  font-weight: 600;
}

.index-data .index-content .index-table .index-header div:nth-child(odd) {
  background: linear-gradient(180deg, rgba(242, 90, 48, 0.7) 29%, rgba(248, 162, 49, 0.7) 100%);
}

.index-data .index-content .index-table .index-header div:nth-child(even) {
  background: linear-gradient(180deg, rgba(242, 90, 48, 0.5) 29%, rgba(248, 162, 49, 0.5) 100%);
}

.index-data .index-content .index-table .index-body {
  max-height: 3.2rem;
  margin-bottom: .1rem;
  line-height: .62rem;
  border-radius: 0 0 .2rem .2rem;
  overflow-y: scroll;
  background: rgba(255, 255, 255, 0.7);
}

.index-data .index-content .index-table .index-body::-webkit-scrollbar {
  display: none;
}

.index-data .index-content .index-table .index-body .item:nth-child(odd) div {
  background: rgba(255, 216, 125, 0.2);
}

.index-data .index-content .index-table .index-body {
  overflow: -moz-scrollbars-none;
}

.index-comment {
  background: url(../image/comment-bg.png) repeat-y;
  background-size: 100%;
  padding-bottom: .6rem;
}

.index-comment .comment-item {
  display: block;
  padding: .24rem;
  background: #FFF2BD;
  box-shadow: 0px 0.04rem 0.08rem 0px rgba(200, 200, 200, 0.5);
  border-radius: .04rem;
  overflow: hidden;
}

.index-comment .comment-item .img {
  margin-bottom: .2rem;
  border-radius: .08rem;
  height: 2.1rem;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: .2rem;
}

.index-comment .comment-item .name {
  height: .8rem;
  margin-bottom: .1rem;
  font-size: .32rem;
  font-weight: 600;
  color: #F25A30;
  line-height: .4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: justify;
}

.index-comment .comment-item .more {
  font-size: .24rem;
  font-weight: 600;
  color: #333333;
}

.index-comment .row {
  margin-right: .15rem;
  margin-left: .15rem;
}

.index-comment .col-xs-6, .index-comment .col-sm-6, .index-comment .col-md-6 {
  padding-right: .1rem;
  padding-left: .1rem;
}

.index-news {
  overflow: hidden;
  padding-top: .06rem;
  background: url(../image/info-bg.png) repeat-y;
  background-size: 100%;
}

.index-news .info-content {
  margin: 0 .2rem .4rem;
  font-size: .28rem;
}

.index-news .info-content .item-link {
  display: block;
  width: 100%;
  height: 100%;
}

.index-news .info-content .first-item {
  position: relative;
  height: 4.2rem;
  border-radius: .2rem;
  margin-bottom: .2rem;
  overflow: hidden;
}

.index-news .info-content .first-item .title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1.54rem;
  padding: .6rem .24rem 0;
  background: linear-gradient(360deg, #F25A30 22%, rgba(242, 90, 48, 0) 82%);
  font-size: .32rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: .4rem;
  letter-spacing: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: justify;
}

.index-news .info-content .item {
  margin-bottom: .2rem;
  overflow: hidden;
}

.index-news .info-content .item .img {
  height: 1.4rem;
  border-radius: .1rem;
}

.index-news .info-content .item .time {
  font-size: .24rem;
  color: #999;
  line-height: .3rem;
  text-align: right;
}

.index-news .info-content .item .title {
  margin-bottom: 5px;
  position: relative;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333333;
  font-size: .28rem;
  line-height: .3rem;
}

.index-news .info-content .item .profile {
  height: .72rem;
  font-size: .24rem;
  font-weight: 600;
  color: #666666;
  line-height: .36rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: justify;
}

.index-news .row {
  margin-right: -.1rem;
  margin-left: -.1rem;
}

.index-news .col-xs-3, .index-news .col-sm-3, .index-news .col-md-3, .index-news .col-xs-9, .index-news .col-sm-9, .index-news .col-md-9 {
  padding-right: .1rem;
  padding-left: .1rem;
}

.index-company {
  overflow: hidden;
  background: url(../image/company-bg.png) no-repeat;
  background-size: 100% 100%;
  padding: 0 0.2rem 0.2rem;
}

.index-company .company-item {
  display: block;
  margin: 0 .6rem .2rem;
  padding: 0 0.16rem .1rem;
  border-radius: .16rem .16rem 0 0;
}

.index-company .company-item .img {
  width: 90%;
  max-width: 6rem;
  height: 3rem;
  margin: 0 auto .24rem;
  border-radius: .2rem;
}

.index-company .company-item .name {
  height: .8rem;
  padding: 0 .2rem;
  margin-bottom: .2rem;
  font-size: .32rem;
  letter-spacing: .04rem;
  font-weight: 600;
  color: #FFFFFF;
  background: #F25A30;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: .8rem;
}

.index-company .company-item .address {
  height: .32rem;
  margin-bottom: .04rem;
  font-size: .24rem;
  color: #676767;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: .32rem;
}

.index-company .company-item .profile {
  height: 1.44rem;
  font-size: .24rem;
  color: #FFFFFF;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  line-height: .36rem;
}

.index-company .swiper-button-prev, .index-company .swiper-button-next {
  width: .42rem;
  height: .7rem;
  left: 0;
  background: url(../image/arrow-yellow.png) no-repeat;
}

.index-company .swiper-button-prev::after, .index-company .swiper-button-next::after {
  content: '';
}

.index-company .swiper-button-next {
  left: unset;
  right: 0;
  transform: rotate(180deg);
}

.index-about {
  background: url(../image/data-bg.png) repeat-y center/100%;
}

.index-about .about-container {
  padding: .2rem .2rem .1rem;
  background: #F25A30;
}

.index-about .about-container .img {
  height: 4rem;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.65);
  border-radius: .1rem;
  overflow: hidden;
}

.index-about .about-container .img img {
  width: 100%;
  height: 100%;
}

.index-about .about-container .profile {
  margin: .3rem .1rem .2rem;
  text-indent: 2em;
  font-size: .28rem;
  color: #FFFFFF;
  line-height: .48rem;
  font-weight: 600;
  text-align: justify;
}

.index-about .img-swiper {
  margin-top: .2rem;
}

.index-about .img-swiper .swiper-slide {
  height: 2.2rem;
}

.index-about .img-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
}

.index-about .honor {
  height: 11.54rem;
  margin: .6rem .2rem;
  background: url(../image/honor-img.png) no-repeat center/100% 100%;
}