@charset "UTF-8";

.index-header {
    height: 70px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.1);
    text-align: center;
    font-size: 14px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
}

.index-header .header {
  width: 1150px;
  margin: 0 auto;
}

.index-header .icon-duofen_huaban {
  font-size: 28px;
}

.index-header .icon-logo-text {
  font-size: 25px;
}

.index-header .right-list {
  float: right;
}

.index-header .right-list .list-item {
  line-height: 70px;
  float: left;
  /* cursor: pointer; */
  margin-right: 51px;
  position: relative;
}

.index-header .right-list .list-item.product-menu:hover .product-line {
  border-bottom: 3px solid #3972ff;
  position: relative;
  bottom: 3px;
}

.index-header .right-list .list-item.product-menu:hover .product-hide {
  display: block;
  opacity: 1;
}

.index-header .right-list .list-item.common-menu:hover .product-line {
  border-bottom: 3px solid #3972ff;
  position: relative;
  bottom: 3px;
}

.index-header .right-list .list-item.common-menu:hover .common-hidex {
  display: block;
  opacity: 1;
}

.index-header .right-list .product-hide {
  position: absolute;
  opacity: 0;
  display: none;
  top: 70px;
  left: -70px;
  background-color: #ffffff;
  min-width: 1000px;
  z-index: 10;
  border: 1px solid #e5e5e5;
  border-top: none;
  -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
}

.index-header .right-list .product-list {
  padding: 42px 23px 46px;
  line-height: 30px;
  text-align: left;
  overflow: hidden;
}

.index-header .right-list .product-box {
  float: left;
  padding-right: 26px;
  width: 100px;
}

.index-header .right-list .product-box:last-child {
  padding-right: 0;
}

.index-header .right-list .product-title {
  color: #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
  padding-bottom: 17px;
  margin-bottom: 20px;
}

.index-header .right-list .common-listLeft {
  left: -32px;
}

.index-header .right-list .common-listAbout {
  left: -48px;
}

.index-header .right-list .common-hidex {
  position: absolute;
  top: 70px;
  opacity: 0;
  display: none;
  background: #ffffff;
  line-height: 30px;
  z-index: 10;
  border: 1px solid #e5e5e5;
  border-top: none;
  -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
}

.index-header .right-list .common-list {
  width: 130px;
  margin: 22px 9px;
}

.index-header .login-register {
  float: right;
}

.index-header .login-register .login-on {
  border: 1px solid #3972ff;
  color: #3972ff;
  line-height: 38px;
  width: 74px;
  height: 38px;
  margin: 15px 0;
}

.index-header .login-register .login-on:hover {
  border: 1px solid #ffffff;
  color: #fff;
  background: #3972ff;
}

.index-header .login-register .login-on a {
  color: #3972ff;
  width: 74px;
  height: 38px;
  display: block;
}

.index-header .login-register .login-on a:hover {
  border: 1px solid #ffffff;
  color: #fff;
  background: #3972ff;
}

.index-header .login-register .login-free {
  border: 1px solid #3972ff;
  background: #3972ff;
  color: #fff;
  width: 101px;
  line-height: 38px;
  margin: 15px 5px;
}

.index-header .login-register .item {
  float: left;
  margin-right: 10px;
  /* cursor: pointer; */
}

.index-header .login-free a {
  color: #fff;
}

/* .index-header .product-link {
  position: relative;
  overflow: hidden; */
  /* cursor: pointer; */
  /* line-height: 25px;
  margin-top: 4px;
}

.index-header .product-link:after {
    content: "";
    position: absolute;
    width: 62%;
    bottom: -1%;
    left: 100%;
    -webkit-transition-delay: all 1s;
    transition-delay: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
    background-color: rgba(0, 0, 0, 0.04);
    height: 25px;
    line-height: 25px;
    z-index: -1;
}

.index-header .product-link:hover:after,
.index-header .product-link.hover:after {
  left: -20%;
}

.index-header .product-link .product-txt {
    -webkit-transition: all 1s;
    transition: all 1s;
}

.index-header .product-link:hover .product-txt,
  .index-header .product-link.hover .product-txt {
    left: 100%;
    padding-left: 20px;
    -webkit-transition: all 1s;
    transition: all 1s;
} */

.index-header .product-link-center {
  position: relative;
  overflow: hidden;
  /* cursor: pointer; */
  line-height: 25px;
  margin-top: 4px;
}

.index-header .product-link-center:after {
    content: "";
    position: absolute;
    width: 62%;
    bottom: -1%;
    left: 100%;
    -webkit-transition-delay: all 1s;
    transition-delay: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
    background-color: rgba(0, 0, 0, 0.04);
    height: 25px;
    line-height: 25px;
    z-index: -1;
}

.index-header .product-link-center:hover:after,
.index-header .product-link-center.hover:after {
  left: -20%;
}

.index-header .product-link-center .product-txt {
    -webkit-transition: all 1s;
    transition: all 1s;
}

.index-header .product-link-center:hover .product-txt,
  .index-header .product-link-center.hover .product-txt {
    left: 100%;
    padding-left: 20px;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.a-whole {
  margin-top: 70px;
}

@media (max-width: 1300px) {
  .gt-a-top {
    position: relative !important;
  }

  .a-whole {
    margin-top: 0px !important;
  }
}

.icon-red {
  color: #e72129;
}

.header-logo {
  width: 86px;
}

* {
  padding: 0;
  margin: 0;
}

ul,
li {
  list-style-type: none;
}

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

body,
html {
  width: 100%;
  height: 100%;
  font-family: 'MicrosoftYaHei', '微软雅黑', Arial, sans-serif;
}

body {
  font-size: 100%;
  min-width: 1300px;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  font-family: 'MicrosoftYaHei', '微软雅黑', Arial, sans-serif;
}

.index-bottom {
  color: #ffffff;
  text-align: center;
}

.index-bottom .list-dps {
  height: 390px;
  background-color: #333438;
}

.index-bottom .list-dps ul {
  width: 1150px;
  margin: 0 auto;
}

.index-bottom .list-dps ul li {
  float: left;
  width: 170px;
}

.index-bottom .list-dps ul li p {
  opacity: 0.5;
  margin-top: 6px;
}

.index-bottom .list-dps ul li a {
  color: #fff;
  text-decoration: none;
}

.index-bottom .list-dps ul li:nth-child(1) {
  width: 360px;
}

.index-bottom .list-dps ul li:nth-child(2) {
  height: 249px;
  width: 1px;
  background: #fff;
  opacity: 0.1;
}

.index-bottom .copy-right {
  background: #2e2f34;
  text-align: center;
  font-size: 12px;
  color: #fff;
  padding: 30px 0;
  line-height: 22px;
}

.index-bottom .copy-right .FT-octy {
  opacity: 0.5;
}

.index-bottom .copy-right .FT-pix {
  width: 14px;
  vertical-align: sub;
}

body {
  color: #333;
  font-family: "微软雅黑";
}

* {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

/* foot-底部* */
.pc-foot {
  height: 390px;
  width: 100%;
  background: #333337;
  color: #fff;
  font-size: 14px;
}

.pc-foot ul {
  width: 1200px;
  margin: 0 auto;
  padding: 50px 0;
}

.pc-foot li {
  display: inline-block;
  vertical-align: top;
  width: 185px;
  line-height: 2;
  margin-left: 90px;
}

.pc-foot li p {
  opacity: 0.5;
  margin-top: 6px;
}

.pc-foot li a {
  font-size: 14px;
  color: #fff;
}

.pc-foot li h2 {
  font-size: 16px;
  font-weight: 100;
  margin-bottom: 10px;
}

.pc-foot li:nth-child(1) {
  width: 360px;
  position: relative;
  margin-left: 0;
}

.pc-foot li:nth-child(1) h3 {
  font-size: 20px;
  color: #3972ff;
  margin-top: 5px;
}

.pc-foot li:nth-child(1) span {
  display: inline-block;
  height: 249px;
  width: 1px;
  background: #fff;
  opacity: 0.1;
  position: absolute;
  right: 0;
  top: 10px;
}

.pc-foot-pix {
  display: -webkit-inline-box;
  margin-top: 19px;
}

.pc-foot-pix p {
  margin: 0 !important;
}

.pc-foot-pix-box {
  margin-right: 15px;
}

.pc-foot-bottom {
  height: 135px;
  background: #2d2f33;
  text-align: center;
  font-size: 12px;
  color: #fff;
}

.gt_tck {
  /* cursor: pointer; */
}

.gt_window .gt_bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  filter: alpha(opactiy=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  z-index: 47483647;
}

.gt_window .gt_cont {
  position: fixed;
  z-index: 47483648;
  top: 50%;
  left: 50%;
}

.gt_window .gt_cont .gt_close {
  position: absolute;
  top: -30px;
  right: -30px;
}

.footer .rightIcon {
  position: fixed;
  width: 70px;
  right: 3.8%;
  bottom: 290px;
  z-index: 100;
  top: 59%;
  margin-top: -120px;
}
.footer .rightIconCopy{
  position: fixed;
  width: 70px;
  right: 3%;
  bottom: 290px;
  z-index: 100;
  top: 50%;
  margin-top: -120px;
}
.footer .rightIcon ul {
  background-color: white;
  border-radius: 5px;
  box-shadow: 0px 1px 3px 0px rgba(35, 24, 21, 0.29);
}
.footer .rightIcon li {
  position: relative;
  text-align: center;
  width: 70px;
  height: 70px;
  margin-bottom: 2px;
  /* background-image: url(../images/rigIcon.jpg); */
  /* background-color: #2d8efe; */
  background-color: transparent!important;
  /* cursor: pointer; */
}

.footer .rightIcon li span.lb {
  display: block;
  /* padding-top: 47px; */
  text-align: center;
  /* font-family:arail; */
  font-size: 12px;
  color: #000;
  padding-top: 8px;
}

.footer .rightIcon li.ri1 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-top: 1px solid #E7E6E5;
}

.footer .rightIcon li.ri1 img {
  margin-top: 0;
}

.footer .rightIcon li.ri2 {
  background-position: 0 -56px;
}

.footer .rightIcon li.ri2 img {
  margin-top: 16px;
}

.footer .rightIcon li.ri2:hover .a-ewm {
  display: block;
}

.footer .rightIcon li.ri3 {
  background-position: 0 -120px;
}

.footer .rightIcon li.ri3 img {
  margin-top: 16px;
}

.footer .rightIcon li.ri4 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.footer .rightIcon li.ri5 {
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #06f;
    border-radius: 50%;
    position: absolute;
    top: -100px;
    right: -6px;
}
.footer .rightIcon li.ri5 .center-bor{
  position: absolute;
  width: 95px;
  height: 95px;
  border: 1px solid #06f;
  border-radius: 50%;
  pointer-events: none;

}
.footer .rightIcon li.ri5 .rt1 {
  position: absolute;
  width: 16px;
  height: 17px;
  color: white;
  border-radius: 50%;
  font-size: 12px;
  text-align: center;
  line-height: 16px;
  background-color: #FE2C31;
  top: 0px;
  right: 6px;
  z-index: 999
}
.footer .rightIcon li.ri5 .bb1 {
  position: absolute;
  width: 70px;
  height: 22px;
  top: 58px;
  color: white;
  border-radius: 5px;
  font-size: 13px;
  text-align: center;
  line-height: 22px;
  background-color: #187AFF;
}

.footer .rightIcon li.ri5 img {
    position: absolute;
    width: 60px;
    height: 60px;
}
.footer .rightIcon li.ri6 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-bottom: 1px solid #E7E6E5;
}
.footer .rightIcon li.ri7 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}


.footer .rightIcon li.ri4 img {
  margin-top: 0;
}

.footer .rightIcon li.ri4 .risub {
  position: absolute;
  text-align: center;
  width: 145px;
  height: 73px;
  top: 0;
  right: 70px;
  display: none;
  background-image: url(/public/pc/images/footer/common/as-rx.png);
  background-repeat: no-repeat;
}

.footer .rightIcon li.ri4 .risub p {
  color: #2d8dfd;
  font-size: 16px;
  line-height: 67px;
  text-align: center;
}

.footer .rightIcon li.ri4 .risub p em {
  font-style: normal;
  font-size: 14px;
  padding-top: 2px;
  display: block;
  padding-right: 12px;
}

.footer .rightIcon li.ri4:hover .risub {
  display: block;
}

.footer .gt_tck {
  /* cursor: pointer; */
}

.footer .rightIcon li.ri2 .a-ewm {
  height: 128px;
  width: 134px;
  background-image: url(/public/pc/images/footer/common/as-box-ewm.png);
  position: relative;
  right: 142px;
  bottom: 52px;
  background-repeat: no-repeat;
  display: none;
}

.footer .rightIcon li.ri2 .a-ewm p {
  font-size: 12px;
  color: #2d8dfd;
  line-height: 37px;
  padding-right: 10px;
}

.copy-right {
  background: #2e2f34;
  text-align: center;
  font-size: 12px;
  color: #fff;
  padding: 30px 0;
  line-height: 22px;
  /* cursor: pointer; */
}

.copy-right a {
  color: #ffffff;
  text-decoration: none;
}

.FT-octy {
  opacity: 0.5;
}

.FT-pix {
  width: 14px;
  vertical-align: sub;
}

/*经营许可证*/
.gt_window .gt_bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  filter: alpha(opactiy=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  z-index: 47483647;
}

.gt_window .gt_cont {
  position: fixed;
  z-index: 47483648;
  top: 50%;
  left: 50%;
}

.gt_window .gt_cont .gt_close {
  position: absolute;
  top: -30px;
  right: -30px;
}

.fs12 {
  font-size: 12px;
}

.fs14 {
  font-size: 14px;
}

.fs15 {
  font-size: 15px;
}

.fs16 {
  font-size: 16px;
}

.fs18 {
  font-size: 18px;
}

.fs20 {
  font-size: 20px;
}

.fs22 {
  font-size: 22px;
}

.fs24 {
  font-size: 24px;
}

.fs26 {
  font-size: 26px;
}

.fs28 {
  font-size: 28px;
}

.fs30 {
  font-size: 30px;
}

.fs35 {
  font-size: 35px;
}

.fs40 {
  font-size: 40px;
}

.fs45 {
  font-size: 45px;
}

.fs50 {
  font-size: 50px;
}

.fs57 {
  font-size: 57px;
}

.fs60 {
  font-size: 60px;
}

.le-sp5 {
  letter-spacing: 5px;
}

.line-h13 {
  line-height: 1.3;
}

.line-h18 {
  line-height: 1.8;
}

.line-h20 {
  line-height: 2;
}

.text-dec-udl {
  text-decoration: underline;
}

.clf8 {
  color: #f8f8f8;
}

.clbule {
  color: #3972ff;
}

.cfb7c08 {
  color: #fb7c08;
}

.c6803d0 {
  color: #6803d0;
}

.c6131FF {
  color: #6131FF;
}

.cfb4e14 {
  color: #fb4e14;
}

.clogo {
  color: #e72129;
}

.cFA622A {
  color: #FA622A;
}

.cfc0 {
  color: #FFCC00;
}

.cFBD24 {
  color: #FFBD24;
}

.c31B535 {
  color: #31B535;
}

.c999 {
  color: #999999;
}

.c666 {
  color: #666666;
}

.cfff {
  color: #ffffff;
}

.c333 {
  color: #333333;
}

.c000 {
  color: #000000;
}

.bg-fff {
  background-color: #fff;
}

.bg-f8 {
  background-color: #f8f8f8;
}

.bg-c39 {
  background-color: #3972ff;
}

.bg-cfc0 {
  background: #FFCC00;
}

.bg-EC4619 {
  background: #EC4619;
}

.bg-FA622A {
  background: #FA622A;
}

.bg-31B535 {
  background: #31B535;
}

.bg-417EFB {
  background: #417EFB;
}

.bg-6F43FF {
  background: #6F43FF;
}

.bg-FEC33B {
  background: #FEC33B;
}

.mg-q15 {
  margin: 15px;
}

.mg-q30 {
  margin: 30px;
}

.mg-tb35-lrAuto {
  margin: 35px auto;
}

.mg-tb25-lr30 {
  margin: 25px 30px;
}

.mg-tb25-lr18 {
  margin: 25px 0 25px 10px;
}

.mg-tb25-lr27 {
  margin: 25px 13px 25px 0;
}

.mg-tb20-lr15 {
  margin: 20px 15px;
}

.mg-tb30-lr10 {
  margin: 30px 10px;
}

.mg-tb40-lr0 {
  margin: 40px 0;
}

.mg-tb60-lr0 {
  margin: 60px 0;
}

.mg-t5 {
  margin-top: 5px;
}

.mg-t10 {
  margin-top: 10px;
}

.mg-t15 {
  margin-top: 15px;
}

.mg-t20 {
  margin-top: 20px;
}

.mg-tb30-15 {
  margin: 30px 0 15px;
}

.mg-tb45-20 {
  margin: 45px 0 20px;
}

.mg-t30 {
  margin-top: 30px;
}

.mg-t40 {
  margin-top: 40px;
}

.mg-t60 {
  margin-top: 60px;
}

.mg-t70 {
  margin-top: 70px;
}

.mg-t95 {
  margin-top: 95px;
}

.mg-t245 {
  margin-top: 245px;
}

.mg-l15 {
  margin-left: 15px;
}

.mg-l90 {
  margin-left: 90px;
}

.mg-l30 {
  margin-left: 30px;
}

.mg-l100 {
  margin-left: 100px;
}

.mg-l125 {
  margin-left: 125px;
}

.mg-r8 {
  margin-right: 8px;
}

.mg-r10 {
  margin-right: 10px;
}

.mg-r15 {
  margin-right: 15px;
}

.mg-r25 {
  margin-right: 25px;
}

.mg-b10 {
  margin-bottom: 10px;
}

.mg-b15 {
  margin-bottom: 15px;
}

.mg-b26 {
  margin-bottom: 26px;
}

.mg-b30 {
  margin-bottom: 30px;
}

.mg-b48 {
  margin-bottom: 48px;
}

.mg-b60 {
  margin-bottom: 60px;
}

.mg-b70 {
  margin-bottom: 70px;
}

.pd-tb0-lr5 {
  padding: 0 5px;
}

.pd-tb30-25 {
  padding: 30px 0 25px;
}

.pd-tb50-lr0 {
  padding: 50px 0;
}

.pd-tb60-lr0 {
  padding: 60px 0;
}

.pd-tb35-rl0 {
  padding: 35px 0;
}

.pd-t5 {
  padding-top: 5px;
}

.pd-t10 {
  padding-top: 10px;
}

.pd-t15 {
  padding-top: 15px;
}

.pd-t18 {
  padding-top: 18px;
}

.pd-t30 {
  padding-top: 30px;
}

.pd-t45 {
  padding-top: 45px;
}

.pd-t60 {
  padding-top: 60px;
}

.pd-r30 {
  padding-right: 30px;
}

.pd-r23 {
  padding-right: 30px;
}

.pd-b12 {
  padding-bottom: 12px;
}

.pd-b24 {
  padding-bottom: 24px;
}

.va-middle {
  vertical-align: middle;
}

.va-sub {
  vertical-align: sub;
}

.va-top {
  vertical-align: top;
}

.con-dis {
  display: inline-block;
}

.con-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.con-block {
  display: block;
}

.con-none {
  display: none;
}

.con-in-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

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

.con-tet {
  text-align: center;
}

.con-tet-l {
  text-align: left;
}

.con-auto {
  margin: 0 auto;
}

.float {
  float: left;
}

.clear {
  clear: both;
}

a {
  text-decoration: none;
}

/*================定位======================*/
.com-flex {
  position: flex;
}

.con-abs {
  position: absolute;
}

.con-pos {
  position: relative;
}

.flex-row-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/*================字体颜色=======================*/
.com-font-color-fff {
  color: #fff !important;
}

.com-font-color-000 {
  color: #000 !important;
}

/*==================背景颜色=======================*/
.com-back-fff {
  background: #fff !important;
}

/*================头部公共样式======================*/
.comTop {
    width: 100%;
    height: 70px;
    position: fixed;
    top: 0;
    z-index: 99;
    background: #fff;
    -webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.1);
}

.comMargin-t70 {
  margin-top: 70px;
}

.comNav {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0;
    background: #fff;
    -webkit-box-shadow: 0px 19px 90px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 19px 90px rgba(0, 0, 0, 0.1);
    color: #000;
    line-height: 70px;
    z-index: 999;
    font-size: 16px;
}

.comNav-box a:nth-child(2) {
  padding-left: 30px;
}

.comNav-color,
.comNav-color a {
  color: #000 !important;
  z-index: 999;
}

.comNav-color a:last-child {
  color: #fff;
}

.comNav-color a:after {
  background: #000;
}

.comNav-w1100 {
  width: 1100px;
  height: 70px;
  line-height: 70px;
  margin: 0 auto;
  font-size: 16px;
}

.comNav-p15 {
  padding: 0 15px;
}

.comNav-login {
  width: 69px;
  height: 27px;
  line-height: 25px;
  padding-left: 0;
  margin-top: 3px;
  text-align: center;
  border-radius: 5px 5px 5px 5px;
  display: inline-block;
}

.comNav-span {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  line-height: 15px;
  text-align: center;
  margin-right: 9px;
  display: inline-block;
}

/*================账号体验公共样式======================*/
.comExperience {
  width: 602px;
  overflow: hidden;
  text-align: center;
  margin: 70px auto;
}

.comExperience h1 {
  font-size: 28px;
  color: #333;
  padding-bottom: 50px;
}

.comExperience input {
  height: 65px;
  width: 578px;
  border: 1px solid #dfdfdf;
  border-radius: 7px;
  margin: 0 0 10px;
  padding: 0 11px;
  font-size: 14px;
  color: #999;
  outline: none;
}

.comExperience-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    overflow: hidden;
    display: none;
}

#code {
  height: 65px;
  width: 418px;
  border: 1px solid #dfdfdf;
  border-radius: 7px;
  margin: 0 0 10px;
  padding: 0 11px;
  font-size: 14px;
  color: #999;
}

#sendCodeBut {
  width: 151px;
  height: 65px;
  border: 0;
  color: #fff;
  font-size: 14px;
  margin-left: 3px;
}

.comExperience span {
  display: none;
  position: relative;
  color: red;
  font-size: 14px;
  text-align: left;
  left: -240px;
  top: -5px;
}

#codeMsg {
  display: none;
  position: absolute;
  margin: 71px 8px;
  color: red;
  font-size: 14px;
}

#gain {
  display: inline-block;
  width: 600px;
  height: 65px;
  line-height: 65px;
  color: #fff;
  border-radius: 7px;
  margin-top: 65px;
  border: none;
  outline: none;
}

/*账号*/
.comExperience-box-tow {
  margin: 70px auto 65px;
  text-align: center;
  font-size: 20px;
  color: #999;
  display: none;
}

.comExperience-box-tow h1 {
  font-size: 28px;
  color: #333;
  padding-bottom: 50px;
}

.comExperience-box-tow p {
  width: 300px;
  margin: 0 auto;
  text-align: left;
  padding: 15px 0 0 125px;
}

.comExperience-box-tow span {
  padding: 0 25px;
}

.comExperience-box-tow button {
  display: inline-block;
  width: 600px;
  line-height: 65px;
  color: #333333;
  border-radius: 7px;
  margin-top: 65px;
  border: 0;
  font-size: 14px;
  letter-spacing: 1px;
  color: #fff;
  border: none;
  outline: none;
}

.index-flow {
  width: 100%;
  overflow: hidden;
  background: #3972ff;
  color: white;
}

.index-flow h2 {
  font-size: 28px;
  width: 100%;
  text-align: center;
  padding: 70px 0 80px 0;
}

.index-flow ul {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

.index-flow ul li {
  width: 33%;
  vertical-align: middle;
  display: inline-block;
}

.index-flow ul li .icon {
  display: inline-block;
  margin-right: 10px;
}

.index-flow ul li .content {
  display: inline-block;
  vertical-align: middle;
}

.index-flow ul li .content .title {
  font-size: 20px;
  line-height: 30px;
}

.index-flow ul li .content .text {
  font-size: 14px;
  line-height: 24px;
}

.index-flow ul li:nth-child(2),
.index-flow ul li:nth-child(4) {
  margin-left: 0.5%;
  margin-right: 0.5%;
}

.pages-index {
  width: 100%;
  overflow: hidden;
  font-size: 14px;
  color: #666;
  line-height: 1.8;
}

.pages-index ul {
  width: 1150px;
  margin: 0 auto;
}

.pages-index ul li {
  float: left;
  position: relative;
}

.page-retail-text {
  font-size: 20px;
  color: #fff;
  position: absolute;
  bottom: 15px;
  right: 15px;
}

.retail-text {
  font-size: 20px;
  color: #fff;
  position: absolute;
}

.page-retail-text-a {
  top: 125px;
  left: 220px;
}

.page-retail-text-b {
  top: 125px;
  right: 15px;
}

.page-retail-text-c {
  bottom: 15px;
  left: 220px;
}

.page-retail-text-d {
  bottom: 15px;
  right: 15px;
}

.sub-nav {
  height: 60px;
  background-color: #f8f8f8;
  /* cursor: pointer; */
}

.sub-nav .sub-nav-main {
  width: 815px;
  line-height: 60px;
}

.sub-nav .sub-nav-txt {
  padding: 21px 25px;
}

.sub-nav .sub-nav-txt:hover {
  color: #3972ff;
}

.sub-swiper {
  height: 660px;
  overflow: hidden;
}

.sub-swiper .sub-swiper-common {
  text-align: center;
  color: #fff;
  font-size: 14px;
  width: 100%;
  height: 660px;
}

.sub-swiper .sub-swiper-common h2 {
  font-size: 28px;
  font-weight: normal;
  margin: 45px auto 15px;
}

.sub-swiper .sub-swiper-choice {
  display: inline-block;
  width: 204px;
  margin: 17px auto 32px;
  padding-left: 22px;
  font-size: 12px;
}

.sub-swiper .sub-swiper-click {
  color: #fff;
  border: 1px solid #fff;
  padding: 5px 11px;
  display: inline-block;
  float: left;
  margin: 0 8px;
  border-radius: 4px;
}

.sub-swiper .sub-swiper-click:hover {
  background: #fff;
}

.sub-swiper .sub-reveal {
  width: 1150px;
  margin: 0 auto;
  opacity: 0;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.2s;
  /**延迟动画**/
  animation-delay: 0.2s;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.sub-swiper .sub-swiper-yz {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5DCFF6), to(#4D91f4));
}

.sub-swiper .sub-swiper-yz .sub-yz-click:hover {
  color: #4499FF;
}

.sub-swiper .sub-swiper-my {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FD5392), to(#F86F64));
}

.sub-swiper .sub-swiper-my .sub-my-click:hover {
  color: #ED5A91;
}

.sub-swiper .sub-swiper-wsc {
  background: -webkit-gradient(linear, 0% 25%, 75% 100%, from(#5169F1), to(#7F8CFA));
}

.sub-swiper .sub-swiper-wsc .sub-wsc-click:hover {
  color: #576DF2;
}

.sub-swiper .sub-swiper-fx {
  background: -webkit-gradient(linear, 0% 25%, 75% 100%, from(#FF887C), to(#F4364C));
}

.sub-swiper .sub-swiper-fx .sub-fx-click:hover {
  color: #F4364C;
}

.sub-swiper .sub-swiper-xcm {
  background: -webkit-gradient(linear, 0% 25%, 75% 100%, from(#9e7aeb), to(#6253cf));
}

.sub-swiper .sub-swiper-xcm .sub-xcm-click:hover {
  color: #4775E5;
}

.sub-swiper .sub-swiper-cxs {
  background: -webkit-gradient(linear, 0% 25%, 75% 100%, from(#748cfd), to(#4868ff));
}

.sub-swiper .sub-swiper-cxs .sub-cxs-click:hover {
  color: #0D6DFF;
}

.sub-swiper .sub-swiper-cxb {
  background: -webkit-gradient(linear, 0% 25%, 75% 100%, from(#6591fd), to(#3f76ff));
}

.sub-swiper .sub-swiper-cxb .sub-cxb-click:hover {
  color: #3972ff;
}

.sub-swiper .sub-swiper-dfmh {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#404040), to(#000000));
}

.sub-swiper .sub-swiper-dfmh .sub-dfmh-box {
  margin-top: 60px;
  position: relative;
}

.sub-swiper .sub-swiper-dfmh .sub-dfmh-click {
  color: #fff;
  border: 1px solid #fff;
  line-height: 40px;
  width: 122px;
  border-radius: 4px;
  position: absolute;
  bottom: 135px;
  left: 389px;
}

.sub-swiper .sub-swiper-dfmh .sub-dfmh-click:hover {
  color: #000;
  background: #fff;
}

.page-retail {
  padding: 48px 0;
}

.page-retail a {
  background: #3972ff;
  display: inline-block;
  line-height: 30px;
  color: #fff;
  border-radius: 5px;
  padding: 0px 36px;
}

.page-ecological {
  height: 204px;
  background: #3972FF;
  color: #fff;
  font-size: 14px;
}

.page-ecological a {
  border: 1px solid #fff;
  display: inline-block;
  text-align: center;
  line-height: 43px;
  color: #fff;
  border-radius: 5px;
  padding: 0px 61px;
  margin: 80px 0 0 275px;
}

.page-load {
  width: 380px;
}

.page-chain li {
  width: 545px;
  height: 170px;
}

.page-chain li .page-chain-pix {
  margin: 40px 30px 40px 0;
}

.page-chain li a {
  font-size: 24px;
  padding: 32px 0 10px;
  display: block;
}

.page-chain li a:hover {
  color: #3972ff;
}

.page-chain .page-chain-click {
  background: #C7C7C9;
  width: 8px;
  height: 8px;
  /* cursor: pointer; */
  border-radius: 50%;
}

.page-sult {
  width: 380px;
}

.page-sult .page-sult-title {
  height: 123px;
  width: 109px;
  background-repeat: no-repeat;
  position: absolute;
  background-color: #3972ff;
  z-index: 2;
}

.page-sult #page-sult-pic {
    position: relative;
    left: 9px;
    top: 21px;
    overflow: hidden;
    /* cursor: pointer; */
    -webkit-transition: all 1.6s;
    transition: all 1.6s;
}

.page-sult #page-sult-pic:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.page-sult a {
  width: 240px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: bottom;
  text-align: left;
}

.index-flow-button {
  display: block;
  width: 100px;
  height: 30px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 30px;
  margin: 45px auto;
  border: 1px solid #fff;
  border-radius: 5px;
}


/* 案例 */
.case-swiper{
  padding-top: 2%;
  /* background-color: #ffffff; */
  /* margin-top: 3.6%; */
  background-color: #f8f8f8;
  position: relative;
}
.case-swiper:after {
  content: '';
  width: 100%;
  height: 39%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff;
  /* background-color: #f8f8f8; */
}
.case-swiper .container {
  width: 1460px;
  margin: 0 auto;
  position: relative;
}
.case-swiper .title{
  text-align: center;
}
.case-swiper .small-tit{
  font-size: 16px;
  line-height: 36px;
  color: #c6c9d4;
  text-transform: uppercase;
}
.case-swiper .big-tit{
  font-size: 36px;
  line-height: 44px;
  color: #0c1224;
  margin: 5px 0 22px;
  font-weight: 400;
}
.case-swiper .division{
  width: 100%;
  display: block;
  position: relative;
}
.case-swiper .division::before,.case-swiper .division::after{
  content: '';
  width: 48%;
  height: 1px;
  background: #dfe0e5;
  position: absolute;
  top: 7px;
}
.case-swiper .division::before{
  left: 0;
}
.case-swiper .division::after{
  right: 0;
}



.case-swiper .case-nav{
  margin-top: 3%;
}
.case-swiper .case-tabs{
  text-align: center;
  position: relative;
}
.case-swiper .case-menu a{
  display: inline-block;
  vertical-align: middle;
  width: 134px;
  margin: 0 4px;
  border-radius: 4px;
  overflow: hidden;
  background-color: #ffffff;
  color: #0c1224;
  position: relative;
}
.case-swiper .case-menu span{
  display: block;
  font-size: 14px;
  line-height: 38px;
  box-sizing: border-box;
  transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
}
.case-swiper .case-menu a.active span, .case-swiper .case-menu a:hover span {
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateY(-30%);
  -ms-transform: translateY(-30%);
  -o-transform: translateY(-30%);
  -webkit-transform: translateY(-30%);
  -moz-transform: translateY(-30%);
}
.case-swiper .case-menu a::after{
  content: attr(data-text);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  line-height: 34px;
  color: #628aff;
  border: 2px solid #628aff;
  box-sizing: border-box;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateY(30%);
  -ms-transform: translateY(30%);
  -o-transform: translateY(30%);
  -webkit-transform: translateY(30%);
  -moz-transform: translateY(30%);
  transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
}
.case-swiper .case-menu a.active:after, .case-swiper .case-menu a:hover:after {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
}
.case-swiper .case-menu-more{
  position: absolute;
  right: 0;
  top: 0;
  font-size: 0;
  display: block;
  overflow: hidden;
}
.case-swiper .case-menu-more span{
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 38px;
  color: #628aff;
  transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
}
.case-swiper .case-menu-more span::after{
  content: '';
  width: 17px;
  height: 7px;
  background: url(/public/pc/images/other/case/case-icon.png) no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-left: 30px;
}
.case-swiper .case-menu-more span:nth-child(2) {
  position: absolute;
  top: 100%;
  right: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.case-swiper .case-menu-more:hover span:nth-child(1) {
  transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
}
.case-swiper .case-menu-more:hover span:nth-child(2) {
  top: 0;
  opacity: 1;
  filter: alpha(opacity=100);
}

.case-swiper .case-item{
  position: relative;
}
.case-swiper .swiper-container{
  padding: 50px 0 40px;
  overflow: hidden;
}
.case-swiper .swiper-wrapper{
  transform: translateX(-1480px);
  transition-duration: 0ms;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.case-swiper .case-list-con{
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 350px;
  margin-right: 20px;
  transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
}
.case-swiper .case-list-con:hover{
  transform: translateY(-24px);
  -ms-transform: translateY(-24px);
  -o-transform: translateY(-24px);
  -webkit-transform: translateY(-24px);
  -moz-transform: translateY(-24px);
}
.case-swiper .case-list-con:hover .case-img>.case-xcx{
  opacity: 1;
  filter: alpha(opacity=100);
}
.case-swiper .case-box{
  display: block;
  background: #628aff;
  position: relative;
}
.case-swiper .case-img{
  width: 100%;
  position: relative;
}
.case-swiper .case-img .img-auto{
  width: 100%;
  vertical-align: middle;
}
.case-swiper .case-xcx{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  text-align: center;
  line-height: 280px;
  filter: alpha(opacity=0);
  background-color: #ffffff;
  transition: all .45s ease-in-out;
  -ms-transition: all .45s ease-in-out;
  -o-transition: all .45s ease-in-out;
  -webkit-transition: all .45s ease-in-out;
  -moz-transition: all .45s ease-in-out;
}
.case-swiper .case-xcx img,.case-swiper .case-xcx video{
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
}
.case-swiper .case-xcx img{
  width: 60%;
}
.case-swiper .case-desc{
  text-align: center;
  padding: 18% 12% 32%;
  position: relative;
  z-index: 2;
}
.case-swiper .case-desc h3{
  font-size: 0;
  position: relative;
  overflow: hidden;
  font-weight: 400;
}
.case-swiper .case-desc h3 span {
  display: inline-block;
  font-size: 28px;
  line-height: 1;
  color: #fff;
  font-weight: 400;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  transition: all .45s cubic-bezier(.75,0,.125,1);
  -ms-transition: all .45s cubic-bezier(.75,0,.125,1);
  -o-transition: all .45s cubic-bezier(.75,0,.125,1);
  -webkit-transition: all .45s cubic-bezier(.75,0,.125,1);
  -moz-transition: all .45s cubic-bezier(.75,0,.125,1);
}
.case-swiper .case-desc h3:before {
  content: attr(data-text);
  width: 100%;
  font-size: 28px;
  color: #fff;
  line-height: 1;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  transition: all .45s cubic-bezier(.75,0,.125,1);
  -ms-transition: all .45s cubic-bezier(.75,0,.125,1);
  -o-transition: all .45s cubic-bezier(.75,0,.125,1);
  -webkit-transition: all .45s cubic-bezier(.75,0,.125,1);
  -moz-transition: all .45s cubic-bezier(.75,0,.125,1);
}
.case-swiper .case-desc h3:after {
  content: '';
  width: 20px;
  height: 2px;
  background: #fff;
  display: block;
  margin: 30px auto 10px;
}
.case-swiper .case-list-con:hover .case-desc h3:before {
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
}
.case-swiper .case-list-con:hover .case-desc h3 span:nth-child(1) {
  transition-delay: 45ms;
  -ms-transition-delay: 45ms;
  -moz-transition-delay: 45ms;
  -webkit-transition-delay: 45ms;
  -o-transition-delay: 45ms;
}
.case-swiper .case-list-con:hover .case-desc h3 span:nth-child(2) {
  transition-delay: 90ms;
  -ms-transition-delay: 90ms;
  -moz-transition-delay: 90ms;
  -webkit-transition-delay: 90ms;
  -o-transition-delay: 90ms;
}
.case-swiper .case-list-con:hover .case-desc h3 span:nth-child(3) {
  transition-delay: 135ms;
  -ms-transition-delay: 135ms;
  -moz-transition-delay: 135ms;
  -webkit-transition-delay: 135ms;
  -o-transition-delay: 135ms;
}
.case-swiper .case-list-con:hover .case-desc h3 span:nth-child(4) {
  transition-delay: 180ms;
  -ms-transition-delay: 180ms;
  -moz-transition-delay: 180ms;
  -webkit-transition-delay: 180ms;
  -o-transition-delay: 180ms;
}
.case-swiper .case-list-con:hover .case-desc h3 span:nth-child(5) {
  transition-delay: 225ms;
  -ms-transition-delay: 225ms;
  -moz-transition-delay: 225ms;
  -webkit-transition-delay: 225ms;
  -o-transition-delay: 225ms;
}
.case-swiper .case-list-con:hover .case-desc h3 span:nth-child(6) {
  transition-delay: 270ms;
  -ms-transition-delay: 270ms;
  -moz-transition-delay: 270ms;
  -webkit-transition-delay: 270ms;
  -o-transition-delay: 270ms;
}
.case-swiper .case-list-con:hover .case-desc h3 span:nth-child(7) {
  transition-delay: 315ms;
  -ms-transition-delay: 315ms;
  -moz-transition-delay: 315ms;
  -webkit-transition-delay: 315ms;
  -o-transition-delay: 315ms;
}
.case-swiper .case-list-con:hover .case-desc h3 span:nth-child(8) {
  transition-delay: 360ms;
  -ms-transition-delay: 360ms;
  -moz-transition-delay: 360ms;
  -webkit-transition-delay: 360ms;
  -o-transition-delay: 360ms;
}
.case-swiper .case-list-con:hover .case-desc h3 span:nth-child(9) {
  transition-delay: 405ms;
  -ms-transition-delay: 405ms;
  -moz-transition-delay: 405ms;
  -webkit-transition-delay: 405ms;
  -o-transition-delay: 405ms;
}
.case-swiper .case-list-con:hover .case-desc h3 span {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
}
.case-swiper .case-desc p{
  font-size: 14px;
  line-height: 24px;
  color: #bccdff;
  height: 96px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.case-swiper .case-desc::after{
  content: '';
  width: 100%;
  height: 45%;
  background: url(/public/pc/images/other/case/bg.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 1;
}
.case-swiper .arr{
  width: 65px;
  height: 65px;
  border-radius: 50%;
  position: absolute;
  top: 46.5%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  background: #fff;
  /* cursor: pointer; */
  z-index: 9;
  -webkit-box-shadow: 1px 10px 29px 0 rgb(21 49 83 / 14%);
  box-shadow: 1px 10px 29px 0 rgb(21 49 83 / 14%);
}
.case-swiper .arr-left{
  left: -84px;
}
.case-swiper .arr-right{
  right: -84px;
}
.case-swiper .arr:before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: #628aff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
}
.case-swiper .arr:after {
  content: '';
  width: 12px;
  height: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  z-index: 3;
}
.case-swiper .arr-left:after {
  background: url(/public/pc/images/other/case/arr-left.png) no-repeat;
}
.case-swiper .arr-right:after {
  background: url(/public/pc/images/other/case/arr-right.png) no-repeat;
}
.case-swiper .arr:hover:before {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-box-shadow: 1px 12px 42px 0 rgb(0 42 163 / 33%);
  box-shadow: 1px 12px 42px 0 rgb(0 42 163 / 33%);
}
.case-swiper .arr:hover:after {
  background-position: -12px 0;
}

.hot{
  position: relative;
  background-image: url("/public/pc/images/header/hot-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  animation-name:move;
  animation-duration: 0.5s;
  animation-timing-function: cubic-bezier(.42,0,1,1);
  animation-iteration-count: infinite;
  animation-direction: alternate;
  width: 48px;
  display: flex;
  height: 21px;
  /* justify-content: center; */
  /* align-items: center; */
  color: white;
}
@keyframes move{
  from{
    transform:scale(1.0) 
  }
  to{
    transform:scale(1.2)
  }
}
.hot .hot-img{
  width: 15px;
  height: 15px;
}
.hot .hot-font{
  font-size: 12px;
  line-height: 14px;
}
#triangleTopRight {
  position: absolute;
  left: 5px;
  top: 20px;
  width: 0px;
  height: 0px;
  border-right: 5px solid transparent;
  border-top: 5px solid red;
}