@charset "UTF-8";
/*
KISSY CSS Reset
理念：清除和重置是紧密不可分的
特色：1.适应中文 2.基于最新主流浏览器
*/
* {
  box-sizing: border-box;
}

/* 清除内外边距 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
button,
input,
textarea,
th,
td {
  /* table elements 表格元素 */
  margin: 0;
  padding: 0;
}

/* 设置默认字体 */
body,
button,
input,
select,
textarea {
  /* for ie */
  /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
  font: .28rem/1  ali-regular,Microsoft Yahei ,Pingfang SC, Tahoma, Helvetica, Arial, sans-serif,"Courier New", Courier, monospace;
  color: #333;
  /* 用 ascii 字符表示，使得在任何编码下都无问题 */
}

h1 {
  font-weight: normal;
  font-size: 18px;
  line-height: 18px;
  /* 18px / 12px = 1.5 */
}

h2 {
  font-weight: normal;
  font-size: .34rem;
  line-height: .4rem;
  text-align: center;
}

h3 {
  font-weight: normal;
  font-size: .28rem;
  line-height: .28rem;
}

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

address,
cite,
dfn,
em,
var,
i,
em {
  font-style: normal;
}

/* 将斜体扶正 */
code,
kbd,
pre,
samp,
tt {
  font-family: ali-regular,Microsoft Yahei ,Pingfang SC, Tahoma, Helvetica, Arial, sans-serif,"Courier New", Courier, monospace;
}

/* 统一等宽字体 */
small {
  font-size: 12px;
}

/* 小于 12px 的中文很难阅读，让 small 正常化 */
/* 重置列表元素 */
ul,
ol {
  list-style: none;
}

/* 重置文本格式元素 */
a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

abbr[title],
acronym[title] {
  /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
  border-bottom: 1px dotted;
  cursor: help;
}

q:before,
q:after {
  content: '';
}

/* 重置表单元素 */
legend {
  color: #000;
}

/* for ie6 */
fieldset,
img {
  border: none;
}

/* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 使得表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 重置 hr */
hr {
  border: none;
  height: 1px;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {
  overflow-y: scroll;
}

/*清除图片边框*/
img {
  border: 0;
  vertical-align: middle;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

/*清除浮动*/
.cf:before,
.cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
  /*IE/7/6*/
}

a[title="站长统计"] {
  display: none !important;
}

/* 设置默认字体 */
@font-face {
  font-family: ali-regular;
  src: url(/statics/fonts/Alibaba-PuHuiTi-Regular.woff) format("woff");
  font-display: swap;
}

@font-face {
  font-family: DIN;
  src: url(/statics/fonts/DINPro-Medium.woff) format("woff");
  font-display: swap;
}

html {
  height: 100%;
}

body {
  min-width: 320px;
  width: 7.5rem;
  min-height: 13.34rem;
  max-width: 1080px;
  margin: 0 auto;
  padding-bottom: .88rem;
}

.header {
  height: 0.8rem;
  line-height: .8rem;
}

.header img {
  margin-left: .25rem;
  width: 4.8rem;
  height: 0.5rem;
}

.nav {
  display: flex;
  flex-wrap: wrap;
  background-color: #eaebee;
}

.nav a {
  height: .8rem;
  line-height: .8rem;
  flex: 1;
  flex-basis: 33.333%;
  text-align: center;
  color: #000;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  box-sizing: border-box;
}

.nav a.on {
  color: #fff;
  background-color: #dd0000;
}

.nav a:nth-child(3n) {
  border-right: none;
}

.footer {
  padding: .25rem 0;
  font-size: .2rem;
  line-height: 2;
  color: #fff;
  background-color: #333333;
}

.footer p {
  margin: 0 .35rem;
}

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

.sub-btns {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  height: .88rem;
  font-size: .3rem;
  background-color: #dc231e;
  color: #fff;
  z-index: 99;
}

.sub-btns a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  flex: 1;
  position: relative;
  color: #fff;
}

.sub-btns a::before {
  margin-right: 0.08rem;
  content: "";
  width: .5rem;
  height: .5rem;
  background-image: url(/statics/images/sb1.png);
  background-size: contain;
}

.sub-btns span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  flex: 1;
  position: relative;
}

.sub-btns span::before {
  margin-right: 0.08rem;
  content: "";
  width: .5rem;
  height: .5rem;
  background-image: url(/statics/images/sb1.png);
  background-size: contain;
}

.sub-btns span::after {
  content: "";
  width: 1px;
  height: 33.33%;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 33.33%;
}

.module {
  padding: .35rem 0 .4rem;
}

.module .tit {
  font-size: .36rem;
  line-height: .56rem;
  text-align: center;
}

.module.bg {
  background-color: #f1f2f5;
}

.module .tit-desc {
  margin-top: .15rem;
  display: flex;
  font-size: .24rem;
  color: #748094;
  text-align: center;
}

.module .tit-desc .item {
  flex: 1;
}

.module .tit-desc .red {
  color: #dc231e;
}

.problem .problem-content {
  margin-top: .3rem;
  padding: .1rem .35rem;
  overflow-x: hidden;
  overflow-y: visible;
}

.problem .problem-content .swiper-container {
  display: flex;
  justify-content: space-between;
  overflow: visible !important;
}

.problem .problem-content .swiper-container .swiper-slide {
  -webkit-transition: transform .3s;
  -moz-transition: transform .3s;
  -ms-transition: transform .3s;
  -o-transition: transform .3s;
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}

.problem .problem-content .item {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

.problem .problem-content .item .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0.08rem 0.08rem 0.2rem 0 rgba(55, 99, 170, 0.1);
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
  transition: all .3s ease-in-out;
}

.problem .problem-content .item .inner span {
  height: .45rem;
  line-height: .45rem;
  font-size: .2rem;
  color: #333;
}

.problem .problem-content .item .inner img {
  min-width: 2rem;
  width: 100%;
  height: 1.2rem;
}

.problem .problem-content .swiper-slide-active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1) !important;
}

.problem .problem-content .swiper-slide-active .item span {
  width: 100%;
  text-align: center;
  color: #fff;
  background-color: #dc231e;
}

.problem .problem-content .swiper-slide-active .item img {
  width: 100%;
  height: 1.3rem;
}

.benefit .benefit-wrap {
  margin-top: 0.3rem;
  padding-top: .15rem;
  display: flex;
  flex-wrap: wrap;
}

.benefit .benefit-wrap .item {
  padding: 0.4rem 0;
  flex-basis: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.benefit .benefit-wrap .item img {
  width: 2.04rem;
  height: 2.04rem;
  border-radius: 50%;
  box-shadow: 0px 0px 0.1rem 0px rgba(219, 219, 219, 0.61);
}

.benefit .benefit-wrap .item span {
  margin-top: 0.2rem;
  font-size: .22rem;
  line-height: .34rem;
  color: #333;
}

.benefit .benefit-wrap .item:nth-child(1):after {
  position: absolute;
  right: -.26rem;
  top: 1.4rem;
  content: "";
  display: inline-block;
  width: .52rem;
  height: 0.27rem;
  background-image: url(/statics/images/benefit-arrow.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.benefit .benefit-wrap .item:nth-child(2):after {
  position: absolute;
  left: center;
  bottom: -.14rem;
  content: "";
  display: inline-block;
  width: .52rem;
  height: 0.27rem;
  background-image: url(/statics/images/benefit-arrow.png);
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(90deg);
}

.benefit .benefit-wrap .item:nth-child(3):after {
  position: absolute;
  right: -.26rem;
  top: 1.4rem;
  content: "";
  display: inline-block;
  width: .52rem;
  height: 0.27rem;
  background-image: url(/statics/images/benefit-arrow.png);
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(180deg);
}

.seckill .seckill-content {
  margin: .3rem 0 0;
  overflow: hidden;
}

.seckill .seckill-content .item {
  display: flex;
  margin-bottom: 0.3rem;
  margin-left: .3rem;
  margin-right: 0.3rem;
  padding: .22rem .3rem;
  align-items: center;
  justify-content: space-between;
  background-image: linear-gradient(0deg, #fff, #f3f5f8);
  border: 2px solid #fff;
  box-shadow: 0.08rem 0.08rem 0.2rem 0 rgba(55, 99, 170, 0.1);
  border-radius: 4px;
  box-sizing: border-box;
}

.seckill .seckill-content .item .num {
  font-size: .4rem;
  line-height: .6rem;
  font-weight: bold;
  color: #dc321e;
}

.seckill .seckill-content .item .tc {
  font-size: .22rem;
  line-height: .4rem;
}

.seckill .seckill-content .item .tc .tc-info {
  color: #000;
}

.seckill .seckill-content .item .tc .discount {
  margin-left: 0.15rem;
  margin-bottom: .17rem;
  padding: 0 .15rem;
  color: #fff;
  background-color: #dc321e;
}

.seckill .seckill-content .item .back {
  padding: .2rem .35rem;
  font-size: .22rem;
  font-weight: bold;
  color: #fff;
  background-color: #dc321e;
  border-radius: .5rem;
}

.ty-swiper .pagination {
  margin-top: 0.1rem;
  margin-bottom: 0.4rem;
}

.ty-swiper .pagination .swiper-pagination {
  margin-left: .35rem;
  margin-right: .35rem;
  position: static;
  display: flex;
}

.ty-swiper .swiper-pagination-bullet {
  flex: 1;
  margin: 0;
  height: 0.08rem;
  border-radius: 0;
  background-color: #f1f2f5;
}

.ty-swiper .swiper-pagination-bullet-active {
  background-color: #dc2311;
}

.operator .operator-content {
  margin-top: .3rem;
  margin-left: 0.35rem;
  margin-right: 0.35rem;
}

.operator .operator-content .operator-item {
  border: 2px solid #fff;
  background-color: #fff;
  background-image: url(/statics/images/opar-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  box-shadow: 0.08rem 0.08rem 0.2rem 0 rgba(55, 99, 170, 0.1);
  border-radius: 4px;
  overflow: hidden;
}

.operator .operator-content .operator-item + .operator-item {
  margin-top: 0.4rem;
}

.operator .operator-content .operator-item .hd {
  padding-top: 0.4rem;
  padding-left: .35rem;
}

.operator .operator-content .operator-item .hd .operator-name {
  font-size: .3rem;
  font-weight: bold;
  line-height: .44rem;
}

.operator .operator-content .operator-item .hd .operator-desc {
  margin-top: 0.2rem;
  font-size: .28rem;
  line-height: .44rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.operator .operator-content .operator-item .hd .operator-desc span {
  width: 50%;
}

.operator .operator-content .operator-item .hd .operator-desc span::before {
  margin-right: .1rem;
  content: "";
  display: inline-block;
  width: .17rem;
  height: .15rem;
  background-image: url(/statics/images/gou2.png);
  background-size: cover;
}

.operator .operator-content .operator-item .bd {
  margin-top: .25rem;
  padding: 0 .4rem;
}

.operator .operator-content .operator-item .bd .kx {
  font-weight: bold;
  font-size: .28rem;
}

.operator .operator-content .operator-item .bd .num-list {
  margin-top: .18rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.operator .operator-content .operator-item .bd .num-list .item {
  width: 50%;
  font-size: .36rem;
  line-height: .6rem;
  font-weight: bold;
}

.operator .operator-content .operator-item .bd .num-list .item:nth-child(2n) {
  text-align: right;
}

.operator .operator-content .operator-item .ft {
  margin-top: .26rem;
  height: .86rem;
  line-height: .86rem;
  text-align: center;
  color: #fff;
  font-size: .3rem;
  font-weight: bold;
  background-color: #dc231e;
  cursor: pointer;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.operator2 .operator-content {
  margin-top: .3rem;
  margin-left: 0.35rem;
  margin-right: 0.35rem;
}

.operator2 .operator-content .operator-g + .operator-g {
  margin-top: 0.4rem;
}

.operator2 .operator-content .operator-item {
  border: 1px solid #fff;
  background-size: 100% 100%;
  box-shadow: 0.08rem 0.08rem 0.2rem 0 rgba(55, 99, 170, 0.1);
  border-radius: 2px;
  overflow: hidden;
}

.operator2 .operator-content .operator-item.has-header {
  background-color: #fff;
  background-image: url(/statics/images/opar-bg.png);
  background-repeat: no-repeat;
}

.operator2 .operator-content .operator-item .hd {
  padding-top: 0.4rem;
  padding-left: .35rem;
}

.operator2 .operator-content .operator-item .hd .operator-name {
  font-size: .3rem;
  font-weight: bold;
  line-height: .44rem;
}

.operator2 .operator-content .operator-item .hd .operator-name img {
  width: 0.36rem;
  height: 0.36rem;
  margin-right: .06rem;
  vertical-align: sub;
}

.operator2 .operator-content .operator-item .hd .operator-desc {
  margin-top: 0.2rem;
  font-size: .28rem;
  line-height: .44rem;
  display: flex;
  white-space: nowrap;
}

.operator2 .operator-content .operator-item .hd .operator-desc .row {
  display: flex;
  flex-wrap: wrap;
  margin-right: .2rem;
}

.operator2 .operator-content .operator-item .hd .operator-desc .row + .row {
  margin-right: 0;
}

.operator2 .operator-content .operator-item .hd .operator-desc span::before {
  margin-right: .1rem;
  content: "";
  display: inline-block;
  width: .17rem;
  height: .15rem;
  background-image: url(/statics/images/gou2.png);
  background-size: cover;
}

.operator2 .operator-content .operator-item .bd {
  margin-top: .35rem;
  padding: 0 .4rem;
}

.operator2 .operator-content .operator-item .bd .kx {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  font-size: .28rem;
}

.operator2 .operator-content .operator-item .bd .kx .tc-m {
  align-self: flex-end;
  font-size: .3rem;
  font-weight: bold;
}

.operator2 .operator-content .operator-item .bd .kx .tc-m span {
  margin-left: .1rem;
  color: #748094;
  font-size: .22rem;
  font-weight: normal;
}

.operator2 .operator-content .operator-item .bd .kx .hy {
  color: #dc231e;
  font-weight: bold;
  font-size: .38rem;
}

.operator2 .operator-content .operator-item .bd .kx .hy span {
  font-size: .58rem;
  line-height: .58rem;
}

.operator2 .operator-content .operator-item .bd .num-list {
  margin-top: .35rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.operator2 .operator-content .operator-item .bd .num-list .item {
  width: 55%;
  font-size: .36rem;
  line-height: .6rem;
  font-weight: bold;
}

.operator2 .operator-content .operator-item .bd .num-list .item:nth-child(2n) {
  width: 45%;
}

.operator2 .operator-content .operator-item .ft {
  margin-top: .26rem;
  height: .86rem;
  line-height: .86rem;
  text-align: center;
  color: #fff;
  font-size: .3rem;
  font-weight: bold;
  background-color: #dc231e;
  cursor: pointer;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.number-leave .number-leave-content {
  margin-top: .3rem;
  margin-left: 0.35rem;
  margin-right: 0.35rem;
}

.number-leave .number-leave-content .number-leave-item {
  border: 2px solid #fff;
  background-color: #fff;
  background-image: url(/statics/images/leave-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  box-shadow: 0.08rem 0.08rem 0.2rem 0 rgba(55, 99, 170, 0.1);
  border-radius: 4px;
  overflow: hidden;
}

.number-leave .number-leave-content .number-leave-item + .number-leave-item {
  margin-top: 0.4rem;
}

.number-leave .number-leave-content .number-leave-item .hd {
  padding-top: 0.4rem;
  padding-left: .35rem;
}

.number-leave .number-leave-content .number-leave-item .hd .number-leave-name {
  font-size: .3rem;
  font-weight: bold;
  line-height: .44rem;
}

.number-leave .number-leave-content .number-leave-item .hd .number-leave-desc {
  margin-top: 0.2rem;
  font-size: .28rem;
  line-height: .44rem;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.number-leave .number-leave-content .number-leave-item .hd .number-leave-desc span {
  margin-right: .3rem;
}

.number-leave .number-leave-content .number-leave-item .hd .number-leave-desc span::before {
  margin-right: .1rem;
  content: "";
  display: inline-block;
  width: .17rem;
  height: .15rem;
  background-image: url(/statics/images/gou2.png);
  background-size: cover;
}

.number-leave .number-leave-content .number-leave-item .hd .number-leave-desc2 {
  margin-top: 0.2rem;
  font-size: .28rem;
  line-height: .44rem;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.number-leave .number-leave-content .number-leave-item .hd .number-leave-desc2 span {
  margin-right: .3rem;
}

.number-leave .number-leave-content .number-leave-item .hd .number-leave-desc2 span::before {
  margin-right: .1rem;
  content: "";
  display: inline-block;
  width: .17rem;
  height: .15rem;
  background-image: url(/statics/images/gou2.png);
  background-size: cover;
}

.number-leave .number-leave-content .number-leave-item .bd {
  margin-top: .25rem;
  padding: 0 .4rem;
}

.number-leave .number-leave-content .number-leave-item .bd .kx {
  font-weight: bold;
  font-size: .28rem;
}

.number-leave .number-leave-content .number-leave-item .bd .num-list {
  margin-top: .18rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.number-leave .number-leave-content .number-leave-item .bd .num-list .item {
  width: 50%;
  font-size: .36rem;
  line-height: .6rem;
  font-weight: bold;
}

.number-leave .number-leave-content .number-leave-item .bd .num-list .item:nth-child(2n) {
  text-align: right;
}

.number-leave .number-leave-content .number-leave-item .ft {
  margin-top: .26rem;
  height: .86rem;
  line-height: .86rem;
  text-align: center;
  color: #fff;
  font-size: .3rem;
  font-weight: bold;
  background-color: #dc231e;
  cursor: pointer;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.operator1 {
  padding-left: .35rem;
  padding-right: .35rem;
}

.operator1 .operator-add {
  margin-top: .30rem;
  padding-top: .4rem;
  padding-bottom: .2rem;
  width: 100%;
  background-image: url(/statics/images/opeator-bg.jpg);
  box-shadow: 0.08rem 0.08rem 0.2rem 0 rgba(55, 99, 170, 0.1);
  border-radius: 4px;
  box-sizing: border-box;
  background-size: cover;
}

.operator1 .operator-add .texts {
  text-align: center;
}

.operator1 .operator-add .texts .bf {
  font-size: .30rem;
  font-weight: bold;
  line-height: .44rem;
  color: #dc231e;
}

.operator1 .operator-add .operator-gifts {
  margin-top: 0.26rem;
  padding: 0 .45rem .2rem;
}

.operator1 .operator-add .operator-gifts .item {
  padding: .16rem 0 .16rem .9rem;
  background-image: url(/statics/images/gift.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: .62rem .64rem;
}

.operator1 .operator-add .operator-gifts .item .tt {
  font-size: .3rem;
  font-weight: bold;
  line-height: .42rem;
  color: #dc231e;
}

.operator1 .operator-add .operator-gifts .item .desc {
  font-size: .26rem;
  line-height: .36rem;
}

.operator1 .operator-content {
  margin-top: 0.3rem;
}

.operator1 .operator-content .item {
  padding-top: .3rem;
  background-image: url(/statics/images/opeator-bg1.png);
  background-size: 6.8rem 3.07rem;
}

.operator1 .operator-content .item.item {
  margin-top: .3rem;
}

.operator1 .operator-content .item .hd {
  padding: 0 .25rem;
  display: flex;
  justify-content: space-between;
}

.operator1 .operator-content .item .hd .tit1 {
  font-size: .3rem;
  line-height: .42rem;
  font-weight: bold;
}

.operator1 .operator-content .item .hd .tc {
  line-height: .42rem;
}

.operator1 .operator-content .item .hd .tc .tc-info {
  color: #dc231e;
  font-weight: bold;
  font-size: .2rem;
}

.operator1 .operator-content .item .hd .tc .tc-info i {
  font-size: .34rem;
}

.operator1 .operator-content .item .hd .tc .hy {
  margin-left: 0.1rem;
  font-size: .2rem;
  color: #748094;
}

.operator1 .operator-content .item .bd {
  padding: .1rem .25rem .3rem;
  display: flex;
  flex-wrap: wrap;
}

.operator1 .operator-content .item .bd .bk {
  width: 50%;
  font-size: .24rem;
  line-height: .4rem;
  color: #748094;
}

.operator1 .operator-content .item .bd .bk:nth-child(2n) {
  margin-left: 10%;
  width: 40%;
}

.operator1 .operator-content .item .bd .bk::before {
  display: inline-block;
  margin-right: 0.1rem;
  content: "";
  width: .21rem;
  height: .18rem;
  background-image: url(/statics/images/gou.png);
  background-size: contain;
}

.index-config .index-config-wrap {
  margin-top: 0.3rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.index-config .index-config-wrap .item {
  padding: .28rem .3rem 0;
  margin: 0 .35rem;
  background-image: linear-gradient(0deg, #fff, #f3f5f8);
  border: 2px solid #fff;
  box-shadow: 0.08rem 0.08rem 0.2rem 0 rgba(55, 99, 170, 0.1);
  border-radius: 4px;
  box-sizing: border-box;
  transition: box-shadow .3s ease-in-out;
}

.index-config .index-config-wrap .tt {
  font-size: .3rem;
  font-weight: bold;
  color: #333;
}

.index-config .index-config-wrap ul {
  margin-top: .22rem;
}

.index-config .index-config-wrap ul li {
  line-height: .35rem;
  font-size: .24rem;
  color: #748094;
}

.index-config .index-config-wrap ul li::before {
  content: "";
  display: inline-block;
  margin-right: 5px;
  width: .17rem;
  height: .15rem;
  background-image: url(/statics/images/gou2.png);
  background-size: cover;
}

.index-config .index-config-wrap .tt2 {
  margin-top: .24rem;
  font-size: .24rem;
  font-weight: bold;
}

.index-config .index-config-wrap .index-funcs {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  line-height: .30rem;
  font-size: .22rem;
}

.index-config .index-config-wrap .index-funcs .sitem {
  margin-bottom: 5px;
  width: 33%;
  box-sizing: border-box;
}

.index-config .index-config-wrap .index-funcs .sitem.sitem1 {
  text-align: left;
}

.index-config .index-config-wrap .index-funcs .sitem.sitem2 {
  padding-left: .2rem;
}

.index-config .index-config-wrap .index-funcs .sitem.sitem3 {
  padding-left: .4rem;
}

.index-config .index-config-wrap .index-funcs .icon1::before {
  margin-right: 4px;
  content: '';
  width: .3rem;
  height: .3rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/index-funcs.png");
  background-size: .3rem 7.2rem;
  background-repeat: no-repeat;
  background-position: 0 0rem;
}

.index-config .index-config-wrap .index-funcs .icon2::before {
  margin-right: 4px;
  content: '';
  width: .3rem;
  height: .3rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/index-funcs.png");
  background-size: .3rem 7.2rem;
  background-repeat: no-repeat;
  background-position: 0 -0.3rem;
}

.index-config .index-config-wrap .index-funcs .icon3::before {
  margin-right: 4px;
  content: '';
  width: .3rem;
  height: .3rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/index-funcs.png");
  background-size: .3rem 7.2rem;
  background-repeat: no-repeat;
  background-position: 0 -0.6rem;
}

.index-config .index-config-wrap .index-funcs .icon4::before {
  margin-right: 4px;
  content: '';
  width: .3rem;
  height: .3rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/index-funcs.png");
  background-size: .3rem 7.2rem;
  background-repeat: no-repeat;
  background-position: 0 -0.9rem;
}

.index-config .index-config-wrap .index-funcs .icon5::before {
  margin-right: 4px;
  content: '';
  width: .3rem;
  height: .3rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/index-funcs.png");
  background-size: .3rem 7.2rem;
  background-repeat: no-repeat;
  background-position: 0 -1.2rem;
}

.index-config .index-config-wrap .index-funcs .icon6::before {
  margin-right: 4px;
  content: '';
  width: .3rem;
  height: .3rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/index-funcs.png");
  background-size: .3rem 7.2rem;
  background-repeat: no-repeat;
  background-position: 0 -1.5rem;
}

.index-config .index-config-wrap .index-funcs .icon7::before {
  margin-right: 4px;
  content: '';
  width: .3rem;
  height: .3rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/index-funcs.png");
  background-size: .3rem 7.2rem;
  background-repeat: no-repeat;
  background-position: 0 -1.8rem;
}

.index-config .index-config-wrap .index-funcs .icon8::before {
  margin-right: 4px;
  content: '';
  width: .3rem;
  height: .3rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/index-funcs.png");
  background-size: .3rem 7.2rem;
  background-repeat: no-repeat;
  background-position: 0 -2.1rem;
}

.index-config .index-config-wrap .index-funcs .icon9::before {
  margin-right: 4px;
  content: '';
  width: .3rem;
  height: .3rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/index-funcs.png");
  background-size: .3rem 7.2rem;
  background-repeat: no-repeat;
  background-position: 0 -2.4rem;
}

.index-config .index-config-wrap .index-funcs .icon10::before {
  margin-right: 4px;
  content: '';
  width: .3rem;
  height: .3rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/index-funcs.png");
  background-size: .3rem 7.2rem;
  background-repeat: no-repeat;
  background-position: 0 -2.7rem;
}

.index-config .index-config-wrap .index-funcs .icon11::before {
  margin-right: 4px;
  content: '';
  width: .3rem;
  height: .3rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/index-funcs.png");
  background-size: .3rem 7.2rem;
  background-repeat: no-repeat;
  background-position: 0 -3rem;
}

.index-config .index-config-wrap .index-funcs .icon12::before {
  margin-right: 4px;
  content: '';
  width: .3rem;
  height: .3rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/index-funcs.png");
  background-size: .3rem 7.2rem;
  background-repeat: no-repeat;
  background-position: 0 -3.3rem;
}

.index-config .index-config-wrap .index-funcs .icon13::before {
  margin-right: 4px;
  content: '';
  width: .3rem;
  height: .3rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/index-funcs.png");
  background-size: .3rem 7.2rem;
  background-repeat: no-repeat;
  background-position: 0 -3.6rem;
}

.index-config .index-config-wrap .index-funcs .icon14::before {
  margin-right: 4px;
  content: '';
  width: .3rem;
  height: .3rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/index-funcs.png");
  background-size: .3rem 7.2rem;
  background-repeat: no-repeat;
  background-position: 0 -3.9rem;
}

.index-config .index-config-wrap .index-funcs .icon15::before {
  margin-right: 4px;
  content: '';
  width: .3rem;
  height: .3rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/index-funcs.png");
  background-size: .3rem 7.2rem;
  background-repeat: no-repeat;
  background-position: 0 -4.2rem;
}

.index-config .index-config-wrap .index-funcs .icon16::before {
  margin-right: 4px;
  content: '';
  width: .3rem;
  height: .3rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/index-funcs.png");
  background-size: .3rem 7.2rem;
  background-repeat: no-repeat;
  background-position: 0 -4.5rem;
}

.index-config .index-config-wrap .index-funcs .icon17::before {
  margin-right: 4px;
  content: '';
  width: .3rem;
  height: .3rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/index-funcs.png");
  background-size: .3rem 7.2rem;
  background-repeat: no-repeat;
  background-position: 0 -4.8rem;
}

.index-config .index-config-wrap .index-funcs .icon18::before {
  margin-right: 4px;
  content: '';
  width: .3rem;
  height: .3rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/index-funcs.png");
  background-size: .3rem 7.2rem;
  background-repeat: no-repeat;
  background-position: 0 -5.1rem;
}

.index-config .index-config-wrap .index-funcs .icon19::before {
  margin-right: 4px;
  content: '';
  width: .3rem;
  height: .3rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/index-funcs.png");
  background-size: .3rem 7.2rem;
  background-repeat: no-repeat;
  background-position: 0 -5.4rem;
}

.index-config .index-config-wrap .index-funcs .icon20::before {
  margin-right: 4px;
  content: '';
  width: .3rem;
  height: .3rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/index-funcs.png");
  background-size: .3rem 7.2rem;
  background-repeat: no-repeat;
  background-position: 0 -5.7rem;
}

.index-config .index-config-wrap .index-funcs .icon21::before {
  margin-right: 4px;
  content: '';
  width: .3rem;
  height: .3rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/index-funcs.png");
  background-size: .3rem 7.2rem;
  background-repeat: no-repeat;
  background-position: 0 -6rem;
}

.index-config .index-config-wrap .index-funcs .icon22::before {
  margin-right: 4px;
  content: '';
  width: .3rem;
  height: .3rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/index-funcs.png");
  background-size: .3rem 7.2rem;
  background-repeat: no-repeat;
  background-position: 0 -6.3rem;
}

.index-config .index-config-wrap .index-funcs .icon23::before {
  margin-right: 4px;
  content: '';
  width: .3rem;
  height: .3rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/index-funcs.png");
  background-size: .3rem 7.2rem;
  background-repeat: no-repeat;
  background-position: 0 -6.6rem;
}

.index-config .index-config-wrap .index-funcs .icon24::before {
  margin-right: 4px;
  content: '';
  width: .3rem;
  height: .3rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/index-funcs.png");
  background-size: .3rem 7.2rem;
  background-repeat: no-repeat;
  background-position: 0 -6.9rem;
}

.index-config .index-config-wrap .btn {
  display: block;
  margin: .3rem -.35rem 0;
  padding: .3rem 0;
  font-size: .3rem;
  line-height: 1;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background-color: #dc231e;
}

.index-config .index-config-wrap .pagination {
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}

.index-config .index-config-wrap .pagination .swiper-pagination {
  margin-left: .35rem;
  margin-right: .35rem;
  position: static;
  display: flex;
}

.index-config .index-config-wrap .swiper-pagination-bullet {
  flex: 1;
  margin: 0;
  height: 0.08rem;
  border-radius: 0;
  background-color: #f1f2f5;
}

.index-config .index-config-wrap .swiper-pagination-bullet-active {
  background-color: #dc2311;
}

.safeguards .safeguards-centent {
  margin-top: .3rem;
  margin-left: .35rem;
  margin-right: 0.35rem;
}

.safeguards .safeguards-centent .item {
  display: flex;
  background-image: linear-gradient(0deg, #fff 70%, #fff0f0 100%);
  border: 2px solid #fff;
  box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, 0.1);
  border-radius: 4px;
  box-sizing: border-box;
}

.safeguards .safeguards-centent .item + .item {
  margin-top: .3rem;
}

.safeguards .safeguards-centent .item .hd {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  flex-shrink: 0;
  text-align: center;
}

.safeguards .safeguards-centent .item .hd img {
  width: 0.56rem;
  height: 0.56rem;
}

.safeguards .safeguards-centent .item .hd .tt {
  margin-top: .24rem;
  font-size: .22rem;
  font-weight: bold;
  color: #333;
}

.safeguards .safeguards-centent .item .bd {
  padding: .1rem .35rem .1rem 0;
  text-align: justify;
}

.safeguards .safeguards-centent .item .bd li {
  padding-left: .25rem;
  padding-bottom: .10rem;
  padding-top: .10rem;
  line-height: .38rem;
  font-size: .24rem;
  position: relative;
}

.safeguards .safeguards-centent .item .bd li::before {
  display: inline-block;
  position: absolute;
  left: 0;
  top: .2rem;
  content: "";
  width: .17rem;
  height: .15rem;
  background-image: url(/statics/images/gou2.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.case .case-wrap {
  margin-top: .15rem;
  text-align: center;
}

.case .case-wrap img {
  width: 6.99rem;
  height: 3.50rem;
}

.sub-links {
  display: flex;
  flex-direction: column;
}

.sub-links .it {
  display: flex;
  justify-content: space-between;
  padding: .3rem .35rem;
  font-size: .3rem;
  font-weight: bold;
  color: #333;
  background-color: #f5f7fa;
}

.sub-links .it .red {
  color: #dc231e;
}

.sub-links .it + .it {
  margin-top: .04rem;
}

.what .what-content {
  margin: .3rem .35rem 0;
}

.what .what-content img {
  max-width: 100%;
  background-image: linear-gradient(0deg, #fff, #f3f5f8);
  box-shadow: 0.08rem 0.08rem 0.2rem 0 rgba(55, 99, 170, 0.1);
  border-radius: 4px;
  box-sizing: border-box;
}

.what .what-content .texts {
  margin-top: .3rem;
  font-size: .24rem;
  line-height: .46rem;
  color: #333;
}

.pk .pk-centent {
  margin-top: .3rem;
}

.pk .pk-views {
  margin-top: 22px;
  margin-left: .35rem;
  margin-right: .35rem;
}

.pk .pk-views .pk-view-item {
  border-radius: 4px;
  overflow: hidden;
}

.pk .pk-views .pk-view-item .pk-outer {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 1.12rem;
  background-image: url(/statics/images/vs-bg.jpg);
  background-repeat: no-repeat;
  background-size: 6.80rem 1.12rem;
}

.pk .pk-views .pk-view-item .pk-icon {
  width: 1.12rem;
  height: 1.12rem;
  line-height: 1.12rem;
  font-family: DIN;
  font-size: .5rem;
  font-weight: bold;
  color: #dc231e;
  font-style: italic;
  background-color: #fff;
  border-radius: 50%;
  text-align: center;
  box-shadow: 0px 0px 10px 0px rgba(219, 219, 219, 0.6);
}

.pk .pk-views .pk-view-item .pk-tt {
  font-size: .3rem;
  line-height: 1;
  font-weight: bold;
}

.pk .pk-views .pk-view-item .pk-text {
  margin-top: .22rem;
  font-size: .24rem;
  line-height: .4rem;
  text-align: justify;
}

.pk .pk-views .pk-view-item .pk-400 {
  padding: .4rem .4rem .2rem;
  color: #fff;
  background-color: #dc231e;
  box-sizing: border-box;
}

.pk .pk-views .pk-view-item .pk-tradition {
  padding: 0 .4rem .4rem;
  color: #000;
  background-color: #fff;
}

.pk .pk-views .pk-view-item .pk-tradition .pk-tt {
  font-size: .3rem;
  line-height: 1;
  font-weight: bold;
}

.pk .pagination {
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}

.pk .pagination .swiper-pagination {
  position: static;
  display: flex;
}

.pk .swiper-pagination-bullet {
  flex: 1;
  margin: 0;
  height: 0.08rem;
  border-radius: 0;
  background-color: #fff;
}

.pk .swiper-pagination-bullet-active {
  background-color: #dc2311;
}

.add1 {
  margin: 0 .35rem .35rem;
}

.add1 img {
  max-width: 100%;
  box-sizing: border-box;
}

.add2 {
  margin: .35rem .35rem .35rem;
}

.add2 img {
  max-width: 100%;
  box-sizing: border-box;
}

.apply .apply-content {
  margin-top: .3rem;
}

.apply .apply-piano {
  padding: 0 .36rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.apply .apply-piano .apply-piano-item {
  margin-bottom: 0.3rem;
  padding: .3rem;
  width: 3.25rem;
  height: 1.8rem;
  flex-shrink: 0;
  color: #fff;
  border-radius: 4px;
  box-shadow: 0.08rem 0.08rem 0.2rem 0 rgba(55, 99, 170, 0.1);
  box-sizing: border-box;
  cursor: pointer;
}

.apply .apply-piano .apply-piano-item .tt {
  font-size: .3rem;
  font-weight: bold;
  line-height: 1;
}

.apply .apply-piano .apply-piano-item .piano-desc {
  margin-top: 0.12rem;
  font-size: .24rem;
  line-height: 1;
}

.apply .apply-piano .apply-piano-item .piano-desc li {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.apply .apply-piano .apply-piano-item .btn {
  margin-top: .3rem;
  font-size: .24rem;
  line-height: 1;
  color: #fff;
}

.apply .apply-piano .apply-piano-1 {
  background-image: url(/statics/images/piano1.png);
  background-position: center center;
}

.apply .apply-piano .apply-piano-2 {
  background-image: url(/statics/images/piano2.png);
  background-position: center center;
}

.apply .apply-piano .apply-piano-3 {
  background-image: url(/statics/images/piano3.png);
  background-position: center center;
}

.apply .apply-piano .apply-piano-4 {
  background-image: url(/statics/images/piano4.png);
  background-position: center center;
}

.apply .apply-func {
  margin: 0 .36rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.apply .apply-func .func-item {
  margin: .23rem 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 2.12rem;
  height: .76rem;
  background-image: linear-gradient(0deg, #fff, #f3f5f8);
  border: 2px solid #fff;
  box-shadow: 0.08rem 0.08rem 0.2rem 0 rgba(55, 99, 170, 0.1);
  border-radius: 4px;
  box-sizing: border-box;
}

.apply .apply-func .func-item .tt {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .22rem;
  font-weight: bold;
  line-height: .36rem;
  color: #333;
}

.apply .apply-func .func-item .tt span {
  vertical-align: middle;
}

.apply .apply-func .func-item .tt.tt1::before {
  margin-right: .05rem;
  content: '';
  width: 0.36rem;
  height: 0.36rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/funcs-1.png");
  background-repeat: no-repeat;
  background-position: 0 0rem;
  background-size: .36rem 6.48rem;
}

.apply .apply-func .func-item .tt.tt2::before {
  margin-right: .05rem;
  content: '';
  width: 0.36rem;
  height: 0.36rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/funcs-1.png");
  background-repeat: no-repeat;
  background-position: 0 -0.36rem;
  background-size: .36rem 6.48rem;
}

.apply .apply-func .func-item .tt.tt3::before {
  margin-right: .05rem;
  content: '';
  width: 0.36rem;
  height: 0.36rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/funcs-1.png");
  background-repeat: no-repeat;
  background-position: 0 -0.72rem;
  background-size: .36rem 6.48rem;
}

.apply .apply-func .func-item .tt.tt4::before {
  margin-right: .05rem;
  content: '';
  width: 0.36rem;
  height: 0.36rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/funcs-1.png");
  background-repeat: no-repeat;
  background-position: 0 -1.08rem;
  background-size: .36rem 6.48rem;
}

.apply .apply-func .func-item .tt.tt5::before {
  margin-right: .05rem;
  content: '';
  width: 0.36rem;
  height: 0.36rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/funcs-1.png");
  background-repeat: no-repeat;
  background-position: 0 -1.44rem;
  background-size: .36rem 6.48rem;
}

.apply .apply-func .func-item .tt.tt6::before {
  margin-right: .05rem;
  content: '';
  width: 0.36rem;
  height: 0.36rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/funcs-1.png");
  background-repeat: no-repeat;
  background-position: 0 -1.8rem;
  background-size: .36rem 6.48rem;
}

.apply .apply-func .func-item .tt.tt7::before {
  margin-right: .05rem;
  content: '';
  width: 0.36rem;
  height: 0.36rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/funcs-1.png");
  background-repeat: no-repeat;
  background-position: 0 -2.16rem;
  background-size: .36rem 6.48rem;
}

.apply .apply-func .func-item .tt.tt8::before {
  margin-right: .05rem;
  content: '';
  width: 0.36rem;
  height: 0.36rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/funcs-1.png");
  background-repeat: no-repeat;
  background-position: 0 -2.52rem;
  background-size: .36rem 6.48rem;
}

.apply .apply-func .func-item .tt.tt9::before {
  margin-right: .05rem;
  content: '';
  width: 0.36rem;
  height: 0.36rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/funcs-1.png");
  background-repeat: no-repeat;
  background-position: 0 -2.88rem;
  background-size: .36rem 6.48rem;
}

.apply .apply-func .func-item .tt.tt10::before {
  margin-right: .05rem;
  content: '';
  width: 0.36rem;
  height: 0.36rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/funcs-1.png");
  background-repeat: no-repeat;
  background-position: 0 -3.24rem;
  background-size: .36rem 6.48rem;
}

.apply .apply-func .func-item .tt.tt11::before {
  margin-right: .05rem;
  content: '';
  width: 0.36rem;
  height: 0.36rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/funcs-1.png");
  background-repeat: no-repeat;
  background-position: 0 -3.6rem;
  background-size: .36rem 6.48rem;
}

.apply .apply-func .func-item .tt.tt12::before {
  margin-right: .05rem;
  content: '';
  width: 0.36rem;
  height: 0.36rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/funcs-1.png");
  background-repeat: no-repeat;
  background-position: 0 -3.96rem;
  background-size: .36rem 6.48rem;
}

.apply .apply-func .func-item .tt.tt13::before {
  margin-right: .05rem;
  content: '';
  width: 0.36rem;
  height: 0.36rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/funcs-1.png");
  background-repeat: no-repeat;
  background-position: 0 -4.32rem;
  background-size: .36rem 6.48rem;
}

.apply .apply-func .func-item .tt.tt14::before {
  margin-right: .05rem;
  content: '';
  width: 0.36rem;
  height: 0.36rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/funcs-1.png");
  background-repeat: no-repeat;
  background-position: 0 -4.68rem;
  background-size: .36rem 6.48rem;
}

.apply .apply-func .func-item .tt.tt15::before {
  margin-right: .05rem;
  content: '';
  width: 0.36rem;
  height: 0.36rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/funcs-1.png");
  background-repeat: no-repeat;
  background-position: 0 -5.04rem;
  background-size: .36rem 6.48rem;
}

.apply .apply-func .func-item .tt.tt16::before {
  margin-right: .05rem;
  content: '';
  width: 0.36rem;
  height: 0.36rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/funcs-1.png");
  background-repeat: no-repeat;
  background-position: 0 -5.4rem;
  background-size: .36rem 6.48rem;
}

.apply .apply-func .func-item .tt.tt17::before {
  margin-right: .05rem;
  content: '';
  width: 0.36rem;
  height: 0.36rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/funcs-1.png");
  background-repeat: no-repeat;
  background-position: 0 -5.76rem;
  background-size: .36rem 6.48rem;
}

.apply .apply-func .func-item .tt.tt18::before {
  margin-right: .05rem;
  content: '';
  width: 0.36rem;
  height: 0.36rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/statics/images/funcs-1.png");
  background-repeat: no-repeat;
  background-position: 0 -6.12rem;
  background-size: .36rem 6.48rem;
}

.peer {
  height: 2.9rem;
  background-color: #c1dcf8;
  background-image: url(/statics/images/peerbg.jpg);
  box-sizing: border-box;
  background-size: cover;
}

.peer .peer-content {
  margin-top: .3rem;
  padding: 0 .35rem;
  display: flex;
  justify-content: space-between;
}

.peer .peer-content .item {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.peer .peer-content .item .percent {
  font-family: DIN;
  font-weight: bold;
  color: #dc231e;
}

.peer .peer-content .item .percent .figure {
  font-size: .7rem;
}

.peer .peer-content .item .percent .symbol {
  font-size: .4rem;
}

.peer .peer-content .item .percent::after {
  margin-left: .15rem;
  display: inline-block;
  content: "";
  width: .26rem;
  height: .49rem;
  background-image: url(/statics/images/percent.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.peer .peer-content .item .percent.down::after {
  transform: rotate(180deg);
}

.peer .peer-content .item .traffic {
  font-size: .24rem;
  line-height: .76rem;
  text-align: center;
  color: #333;
}

.val .val-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: .3rem .35rem 0;
}

.val .val-wrap .item {
  margin-bottom: 0.23rem;
  width: 3.27rem;
  height: 1.36rem;
  display: flex;
  align-items: center;
  background-image: linear-gradient(0deg, #fff, #f3f5f8);
  border: 2px solid #fff;
  box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, 0.1);
  border-radius: 4px;
  box-sizing: border-box;
}

.val .val-wrap .item img {
  margin-left: .23rem;
  margin-right: .15rem;
  width: 0.5rem;
  height: 0.5rem;
}

.val .val-wrap .item .spans {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.val .val-wrap .item .spans b {
  font-size: .22rem;
  line-height: .34rem;
  font-weight: bold;
  color: #333;
}

.val .val-wrap .item .spans span {
  font-size: .22rem;
  line-height: .34rem;
  color: #748094;
}

.opening-process .opening-centent {
  margin-top: .3rem;
  display: flex;
  flex-wrap: wrap;
}

.opening-process .opening-centent .item {
  padding: .4rem 0;
  flex-basis: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #000;
}

.opening-process .opening-centent .item img {
  width: 2.15rem;
}

.opening-process .opening-centent .item span {
  margin-top: .15rem;
  font-size: .24rem;
  line-height: .42rem;
  color: #000;
}

.opening-process .btn-outer {
  display: flex;
  justify-content: center;
}

.opening-process .btn-group {
  display: inline-flex;
  align-items: center;
  margin-top: 40px;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 0px 10px 0px rgba(219, 219, 219, 0.6);
}

.opening-process .btn-group:hover .line {
  text-decoration: underline;
}

.opening-process .btn-group .line {
  padding: 16px 46px;
  font-weight: bold;
  line-height: 1.25;
  color: #dc231e;
  border-radius: 50px;
}

.opening-process .btn-group .btn {
  padding: 16px 46px;
  display: inline-block;
  font-family: ali-regaular;
  font-size: 16px;
  line-height: 1.25;
  color: #fff;
  background-color: #dc231e;
  border-radius: 26px;
  cursor: pointer;
}

.condition .condition-content {
  margin-top: .3rem;
  margin-left: 0.35rem;
  margin-right: 0.35rem;
}

.condition .condition-content .img {
  font-size: 0;
  box-shadow: 0.08rem 0.08rem 0.2rem 0 rgba(55, 99, 170, 0.1);
}

.condition .condition-content .img img {
  width: 100%;
}

.condition .condition-content .condition-info .item {
  padding: .35rem 0;
  font-size: .24rem;
  line-height: .42rem;
  color: #333;
}

.condition .condition-content .condition-info .item + .item {
  border-top: 1px dashed #e5e5e5;
}

.condition .condition-content .condition-info .mess.good p::before {
  margin-right: .12rem;
  display: inline-block;
  content: "";
  width: .2rem;
  height: .2rem;
  background-image: url(/statics/images/gou5.png);
  background-size: cover;
}

.condition .condition-content .condition-info .mess.bed p::before {
  margin-right: .12rem;
  display: inline-block;
  content: "";
  width: 10px;
  height: 10px;
  background-image: url(/statics/images/cha5.png);
  background-size: cover;
}

.materials .materials-content {
  margin-left: 0.35rem;
  margin-right: 0.35rem;
  display: flex;
  flex-wrap: wrap;
}

.materials .materials-content .group {
  margin-top: .3rem;
}

.materials .materials-content .group-hd {
  display: flex;
  flex-direction: column;
  line-height: .4rem;
}

.materials .materials-content .group-hd .tt {
  font-size: .28rem;
  line-height: .42rem;
  font-weight: bold;
}

.materials .materials-content .group-hd .small {
  margin-top: 0.1rem;
  font-size: .24rem;
  line-height: .42rem;
  color: #748094;
}

.materials .materials-content .group-hd .kf {
  color: #dc231e;
  text-decoration: underline;
  cursor: pointer;
}

.materials .materials-content .group + .group {
  margin-top: .3rem;
}

.materials .materials-content .group .group-bd {
  margin-top: .2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.materials .materials-content .group .group-bd .item {
  margin-bottom: 0.25rem;
  background-image: linear-gradient(0deg, #fff, #f3f5f8);
  box-shadow: 0.08rem 0.08rem 0.2rem 0 rgba(55, 99, 170, 0.1), 0.08rem 0.08rem 0.2rem 0 #fff;
  border-radius: 4px;
}

.materials .materials-content .group1 .group-bd .item {
  width: 3.26rem;
  height: 1.9rem;
}

.materials .materials-content .group1 .group-bd .item .bd {
  width: 100%;
  height: 100%;
  display: flex;
  padding: .3rem;
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
  cursor: pointer;
}

.materials .materials-content .group1 .group-bd .item .bd .desc {
  font-size: .26rem;
  line-height: .4rem;
}

.materials .materials-content .group1 .group-bd .item:nth-child(1) .bd {
  background-image: url(/statics/images/materbg1.jpg);
}

.materials .materials-content .group1 .group-bd .item:nth-child(2) .bd {
  background-image: url(/statics/images/materbg2.jpg);
}

.materials .materials-content .group1 .group-bd .item:nth-child(3) .bd {
  background-image: url(/statics/images/materbg3.jpg);
}

.materials .materials-content .group1 .group-bd .item:nth-child(4) .bd {
  background-image: url(/statics/images/materbg4.jpg);
}

.materials .materials-content .group2 .group-bd .item {
  height: 1.43rem;
  margin-bottom: 0.25rem;
  background-image: linear-gradient(0deg, #fff, #f3f5f8);
  box-shadow: 0.08rem 0.08rem 0.2rem 0 rgba(55, 99, 170, 0.1), 0.08rem 0.08rem 0.2rem 0 #fff;
  border-radius: 4px;
}

.materials .materials-content .group2 .group-bd .item.item1 {
  width: 3.3rem;
}

.materials .materials-content .group2 .group-bd .item.item1 .bd {
  background-image: url(/statics/images/materbg2-1.jpg);
}

.materials .materials-content .group2 .group-bd .item.item2 {
  width: 3.3rem;
}

.materials .materials-content .group2 .group-bd .item.item2 .bd {
  background-image: url(/statics/images/materbg2-2.jpg);
}

.materials .materials-content .group2 .group-bd .item.item3 {
  width: 6.82rem;
}

.materials .materials-content .group2 .group-bd .item.item3 .bd {
  background-image: url(/statics/images/materbg2-3.jpg);
}

.materials .materials-content .group2 .group-bd .item .bd {
  width: 100%;
  height: 100%;
  display: flex;
  padding: .2rem;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
}

.materials .materials-content .group2 .group-bd .item .bd .desc {
  font-size: .26rem;
  line-height: .32rem;
}

.flow {
  padding-top: 0 !important;
}

.flow .flow-content {
  margin-top: .3rem;
  margin-left: 0.35rem;
  margin-right: 0.35rem;
}

.flow .flow-content .item {
  padding: .4rem .3rem;
  box-shadow: 0.08rem 0.08rem 0.2rem 0 rgba(55, 99, 170, 0.1), 0.08rem 0.08rem 0.2rem 0 #fff;
  border-radius: 4px;
  background-image: url(/statics/images/flowbg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
}

.flow .flow-content .item + .item {
  margin-top: .4rem;
}

.flow .flow-content .item .hd {
  display: flex;
}

.flow .flow-content .item .order {
  margin-right: 0.1rem;
  font-weight: bold;
  font-size: .36rem;
  line-height: .42rem;
  color: #dc231e;
}

.flow .flow-content .item .tt {
  margin-bottom: 0.2rem;
  font-weight: bold;
  font-size: .30rem;
  line-height: .42rem;
  color: #333;
}

.flow .flow-content .item .desc {
  text-align: justify;
  font-size: .22rem;
  line-height: .36rem;
  color: #748094;
}

.flow .flow-content .item .desc span {
  color: #dc231e;
}

.company-indtroduce .company-introduce-content {
  margin-top: .3rem;
  margin-left: 0.35rem;
  margin-right: 0.35rem;
}

.company-indtroduce .company-introduce-content .company-texts {
  margin-top: 0.2rem;
  font-size: .24rem;
  line-height: .4rem;
  color: #333;
  text-align: justify;
}

.company-indtroduce .company-introduce-content .company-img {
  max-width: 100%;
  box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, 0.1);
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
}

.why .why-content {
  margin-top: .3rem;
  margin-left: 0.35rem;
  margin-right: 0.35rem;
}

.why .why-content .why-item + .why-item {
  margin-top: .3rem;
}

.why .why-content .why-item .title-panel {
  display: flex;
  font-size: .24rem;
  font-weight: bold;
  line-height: .56rem;
  color: #fff;
  background-image: url(/statics/images/why-title-panel.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

.why .why-content .why-item .title-panel .item {
  flex: 1;
  text-align: center;
}

.why .why-content .why-item .desc-ct {
  margin-top: .2rem;
  font-size: .24rem;
}

.why .why-content .why-item .desc-ct .desc-tt {
  margin-top: 0.3rem;
  font-weight: bold;
  font-size: .28rem;
  line-height: .36rem;
  color: #333;
}

.why .why-content .why-item .desc-ct .desc-mess {
  margin-top: .15rem;
  font-size: .24rem;
  line-height: .4rem;
  color: #333;
  text-align: justify;
}

.why .why-content .why-item .desc-vs {
  margin-top: .28rem;
}

.why .why-content .why-item .desc-vs .vs2 {
  background-image: url(/statics/images/vs2.png);
  height: 1.3rem;
  background-size: cover;
}

.why .why-content .why-item .desc-vs .desc-vs-item {
  padding: 0 .4rem;
  flex: 1;
  box-sizing: border-box;
}

.why .why-content .why-item .desc-vs .desc-vs-item .desc-tit {
  padding-top: .38rem;
  padding-bottom: .3rem;
  font-size: .3rem;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  position: relative;
}

.why .why-content .why-item .desc-vs .desc-vs-item .desc-bd {
  display: flex;
  min-height: 1.8rem;
  margin-top: .2rem;
  padding-bottom: .3rem;
  font-size: .22rem;
  line-height: .36rem;
}

.why .why-content .why-item .desc-vs .desc-vs-item .desc-bd .row:nth-child(1) {
  margin-right: .35rem;
}

.why .why-content .why-item .desc-vs .desc-vs-item:nth-child(1) {
  background-color: #fff;
}

.why .why-content .why-item .desc-vs .desc-vs-item:nth-child(1) .desc-tit {
  color: #dc231e;
}

.why .why-content .why-item .desc-vs .desc-vs-item:nth-child(1) .desc-tit:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: .8rem;
  height: .05rem;
  background-color: #dc231e;
}

.why .why-content .why-item .desc-vs .desc-vs-item:nth-child(3) {
  background-color: #8e8e8e;
}

.why .why-content .why-item .desc-vs .desc-vs-item:nth-child(3) .desc-tit {
  padding-top: 0;
  padding-bottom: 0;
}

.why .why-content .why-item .desc-vs .desc-vs-item:nth-child(3) .desc-bd {
  color: #fff;
}

.contact-us .contact-us-content {
  margin-top: .3rem;
  margin-left: 0.35rem;
  margin-right: 0.35rem;
  display: flex;
  align-items: center;
  justify-content: start;
  background-image: linear-gradient(0deg, #fff 70%, #fff0f0 100%);
  border: 2px solid #fff;
  box-shadow: 0.08rem 0.08rem 0.2rem 0 rgba(55, 99, 170, 0.1);
  border-radius: 4px;
  box-sizing: border-box;
  transition: box-shadow .3s ease-in-out;
  cursor: pointer;
}

.contact-us .contact-us-content .contact-img {
  flex-shrink: 0;
}

.contact-us .contact-us-content .contact-img img {
  width: 3.3rem;
  height: 3.22rem;
}

.contact-us .contact-us-content .contact-text {
  padding: 0 .2rem;
}

.contact-us .contact-us-content .contact-text .tt {
  font-weight: bold;
  font-size: .24rem;
  line-height: .42rem;
  color: #333;
}

.contact-us .contact-us-content .contact-text .addrs {
  margin-top: .12rem;
  font-size: .22rem;
  line-height: .4rem;
  color: #748094;
}

.no-mb {
  margin-bottom: 0 !important;
}

.btn-wrap {
  margin: 0 .36rem;
}

.btn-wrap .btn {
  padding: .3rem 0;
  font-size: .3rem;
  font-weight: bold;
  line-height: .3rem;
  display: block;
  text-align: center;
  color: #fff;
  background-color: #dc231e;
}

.btn-wrap4 {
  margin: .3rem .36rem 0;
}

.btn-wrap4 .btn {
  padding: .3rem 0;
  font-size: .3rem;
  font-weight: bold;
  line-height: .3rem;
  display: block;
  text-align: center;
  color: #fff;
  background-color: #dc231e;
}

.btn-wrap-s {
  margin: .16rem .36rem 0;
}

.btn-wrap-s .btn {
  padding: .3rem 0;
  font-size: .3rem;
  font-weight: bold;
  line-height: .3rem;
  display: block;
  text-align: center;
  color: #fff;
  background-color: #dc231e;
}

.btn-wrap2 {
  margin-top: 0.3rem;
}

.btn-wrap2 .btn {
  padding: .3rem 0;
  font-size: .3rem;
  font-weight: bold;
  line-height: .3rem;
  display: block;
  text-align: center;
  color: #dc231e;
  border: 1px solid #dc231e;
  box-sizing: border-box;
}

.btn-wrap1 .btn {
  padding: .3rem 0;
  font-size: .3rem;
  font-weight: bold;
  line-height: .3rem;
  display: block;
  text-align: center;
  color: #fff;
  background-color: #dc231e;
}