@charset "utf-8";

:root {
  --theme-colors: #0059EB;
  /*主题色*/
}

body {
  min-width: 1100px;
  overflow: auto;
}

a {
  color: #333;
  text-decoration: none;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

a:hover {
  color: #666;
  text-decoration: none;
}

a:focus {
  outline: none;
  text-decoration: none;
}

/*------------------------------------------*/
/*  LISTS
/*------------------------------------------*/

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/*------------------------------------------*/
/*  TEXT LIST
/*------------------------------------------*/

.txt-list li i {
  position: relative;
  font-size: 1.05rem;
  line-height: 1.5rem;
  float: left;
  margin-right: 10px;
  top: 2px;
}

.txt-list li p {
  overflow: hidden;
  margin-bottom: 10px;
}


/*------------------------------------------*/
/* page-2 p2-wrapper
/*------------------------------------------*/
.p2-wrapper {
  padding: 0px 0%;
  text-align: center;
}

.p2-wrapper .p2-wrp-list {
  border-top: solid 2px #B2DFFD;
  background: #f9f9f9;
}

.p2-wrapper .p2-wrp-list-2 {
  border-top: solid 2px #B3D2FE
}

.p2-wrapper .p2-wrp-list-3 {
  border-top: solid 2px #A1E0CD
}

.p2-wrapper .p2-wrp-list-4 {
  border-top: solid 2px #F2B1AB
}

.p2-wrapper .pw-wlt-list {
  font-size: 18px;
  color: #6c6c6c;
}

.p2-wrapper .pw-wlt-list li {
  padding: 3px 0;
  line-height: 28px;
}

.p2-wrapper .pw-wlt-list li:before {
  content: '·';
  font-weight: bold;
}

.p2-wrapper .p2-wrp-list img {
  width: 100%
}

/*------------------------------------------*/
/* INDEX PAGE 2 LIST
/*------------------------------------------*/
.idx_p2 {
  background: url(../image/idx_p2_right-c1fcc96ff6ca6fd2602709b770e6c603.png)no-repeat right top;
  background-size: cover;
}

.idx_p3 {
  position: relative;
  background: #f5f5f5;
  overflow: hidden;
}

.idx_p3 .left-column {
  background: linear-gradient(38.35deg, rgba(51, 185, 141, 0.8) 0.82%, rgba(102, 203, 169, 0.8) 99.49%);
}

.idx_p3 .right-column {
  background: linear-gradient(38.35deg, rgba(72, 137, 245, 0.8) 0.82%, rgba(116, 166, 249, 0.8) 99.49%);
}

.idx_p3 .left-column,
.idx_p3 .right-column {
  padding: 20px 0px 0px 30px;
  border-radius: 10px;
  overflow: hidden;
}

.idx_p3 .left-column .h3-sm,
.idx_p3 .right-column .h3-sm {
  font-weight: 400;
  font-size: 32px;
}

.idx_p3 .left-column .txt-list li,
.idx_p3 .right-column .txt-list li {
  width: calc(100% / 2);
  float: left;
  position: relative;
  margin: 5px 0px;
}

.idx_p3 .left-column .txt-list li:after,
.idx_p3 .right-column .txt-list li:after {
  font-family: "kushewang" !important;
  font-size: 13px;
  content: "\e8dc";
}

.idx_p3 .left-column img,
.idx_p3 .right-column img {
  width: 100%;
}

.idx_p3 .left-column .txt-list li a,
.idx_p3 .right-column .txt-list li a {
  color: #fff;
}

.idx_p3 .left-column .txt-list li a:hover,
.idx_p3 .right-column .txt-list li a:hover {
  color: #000;
}

.idx_p3 .left-column .txt-list li {
  display: inline-block;
  clear: both;
}

.case-renke {
  width: 1140px;
  margin: 0 auto;
  overflow: hidden;
}

.case-renke .swiper-slide {
  width: 960px;
}

.case-renke .slide-img {
  float: left;
  width: 620px;
  height: 448px;
}

.case-renke .slide-img img {
  width: 100%;
  height: 100%;
  border-radius: 9px 0px 0px 9px;
}

.case-renke .slide-txt {
  float: left;
  width: 340px;
  height: 448px;
  padding: 45px 17px 0 17px;
  border-radius: 0 9px 9px 0;
  background: #fff;
}

.case-renke .slide-txt h5 {
  font-size: 22px;
}

.case-renke .slide-txt p {
  font-size: 13px;
}

.case-renke .slide-txt ul li {
  width: 300px;
  height: 39px;
  margin-bottom: 18px;
  padding: 0 10px;
  line-height: 39px;
  background: #F7F8FA;
  border-radius: 4px 4px 4px 4px;
  font-size: 13px;
  opacity: 1;
}

.case-renke .slide-txt ul {
  margin-top: 68px;
}

.case-renke .slide-txt ul li img {
  float: left;
  width: 21px;
  margin: 10px 10px 0 8px
}

.case-renke .slide-txt ul li .text {
  float: left;
  width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.case-renke .slide-txt ul li .rgt {
  float: right;
}

.idx_p3 .swiper-button-next,
.idx_p3 .swiper-button-prev {
  height: 51px;
  width: 51px;
  line-height: 51px;
  /* bottom:-70px;top:auto;
  border: 1px solid #fff; */
  background: #337AEF;
  border-radius: 51px;
  text-align: center;
  color: #fff;
}

.idx_p3 .swiper-button-next.swiper-button-disabled,
.idx_p3 .swiper-button-prev.swiper-button-disabled {
  pointer-events: auto;
  color: #fff;
  cursor: pointer;
  opacity: 0.6
}

/*------------------------------------------*/
/*  INDEX PAGE CONTENT-4
/*------------------------------------------*/
.idx_p4 {
  border-bottom: solid 1px #f1f2f5;
  background: url(idx_p4_bg-bb7bf8575e72dfbdd88b798939ec4488.jpg) no-repeat center;
  background-size: cover;
}

.p4-wrp-list {
  text-align: center;
  color: #333
}

.p4-wrp-list .num {
  position: relative;
  width: 120px;
  margin: 0 auto;
  font-size: 50px;
}

.p4-wrp-list .num img {
  position: absolute;
  top: 0;
  right: -5px;
}

.p4-wrp-list .percent {
  position: absolute;
  bottom: 12px;
  right: 0;
  font-size: 16px;
  color: #006FFF
}

.p4-wrp-list .name {
  font-size: 22px;
}

.idx_p4 .margin-center {
  margin-left: auto;
  margin-right: auto;
}


.idx_p5 {
  background: #fdfdfd;
}

.idx_p5 .p5-bxshow {
  background: #F0F2F4;
  box-shadow: -6px -6px 12px rgba(255, 255, 255, 0.7), 6px 6px 12px rgba(189, 200, 223, 0.7);
  border-radius: 15px;
}

.idx_p5 .p5-item h5 {
  padding: 22px 15px;
  color: #669BF3;
}

.idx_p5 .p5-item .im-list {
  float: left;
  width: 230px;
  height: 279px;
  margin: 0px 0 0 10px;
  background: linear-gradient(180deg, #EDF0F4 0%, #FFFFFF 24%, #FFFFFF 100%);
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  border: 1px solid #E7E7E7;
}

.idx_p5 .p5-item .im-list img {
  width: 36px;
  height: 33px;
  margin-right: 10px;
}

.idx_p5 .p5-item .im-list h5 {
  color: rgba(0, 0, 0, 0.6);
}

.idx_p5 .p5-item .im-list ul {
  margin-top: 15px;
  position: relative;
}

.idx_p5 .p5-item .im-list ul li {
  position: relative;
  color: #595959;
  margin-bottom: 15px;
}

.idx_p5 .p5-item .im-list ul li:before {
  content: '· ';
  width: 25px;
  height: 20px;
  font-weight: bold
}

.idx_p5 .col-md-1 {
  line-height: 279px;
}


.idx_p6 {
  padding-bottom: 85px;
  background: #F7F8FB;
}

.idx_p6 .container {
  margin: 0px auto;
}

.idx_p6 .kehu-renke {
  overflow: inherit;
}

.idx_p6 .kehu-renke .swiper-slide {
  background: #FFFFFF;
  border-radius: 6px;
  min-height: 330px;
  box-shadow: 0px 3px 7px 1px rgba(0, 0, 0, 0.04);
  overflow: hidden;
}

.idx_p6 .kehu-renke .swiper-slide .slide-img {}

.idx_p6 .kehu-renke .swiper-slide .slide-img img {
  width: 100%;
  height: 85.714286%;
}

.idx_p6 .kehu-renke .swiper-slide .slide-txt {}

.idx_p6 .kehu-renke .swiper-slide .desc {
  font-size: 14px;
  font-size: 14px;
  display: block;
  height: 115px;
  padding: 10px 20px;
  overflow: hidden;
}

.idx_p6 .kehu-renke .swiper-slide .gs {
  padding: 0px 20px;
}

.idx_p6 .kehu-renke .swiper-slide .gs .gsuser {
  /*overflow: hidden;*/
  /*float: right;*/
  /*text-overflow: ellipsis;*/
  /*white-space: nowrap;*/
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.idx_p6 .kehu-renke .swiper-slide .gs .gsuser span:last-child {
  font-size: 14px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.idx_p6 .kehu-renke .swiper-slide .gs h5 {
  font-size: 20px;
  color: #000;
  margin-bottom: 0px;
}

.idx_p6 .kehu-renke .swiper-slide .gs p {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
}

.idx_p6 .kehu-renke .swiper-slide .gs .gslogo {
  width: 80px;
  height: 26px;
  float: left;
}

.idx_p6 .swiper-button-next,
.idx_p6 .swiper-button-prev {
  margin-top: 50px;
  height: 50px;
  width: 50px;
  bottom: -70px;
  top: auto;
  border: 1px solid #fff;
  background: #337AEF;
  border-radius: 30px;
  /*text-align:center;*/
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  pointer-events: all !important;
}

.idx_p6 .swiper-button-prev {
  left: 44%;
}

.idx_p6 .swiper-button-next {
  left: 51%
}

.idx_p6 .swiper-button-next i,
.idx_p6 .swiper-button-prev i {
  font-size: 18px;
}

.idx_p6 .swiper-button-next:hover,
.idx_p6 .swiper-button-prev:hover {
  background: #0354d9;
}

.idx_p7 {}

.idx_p7 .qiye-logo {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.idx_p7 .qiye-logo a {
  /*display: block;*/
  height: 82px;
  width: calc(100% / 8 - 10px);
  /*float:left;*/
  margin: 5px;
  background: #fff;
  padding: 15px;
  overflow: hidden;
  border: 1px solid #DCDCDC;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.idx_p7 .qiye-logo a img {
  /*width: 100%;*/
}

.idx_p8 {
  background: url('ad_bg-8cecccb8f76022a1a35abf4ed3ceb55a.png');
  background-size: contain;
  width: 100%;
}

.idx_p8 .section-title h4:after {
  background: none;
}

.idx_p8 .col-md-6 {
  margin: 0px auto;
}

.idx_p8 .col-md-6 a:not(:last-child) {
  margin-right: 60px;
}

.idx_p8 .col-md-6 a.btn-primary {}

.idx_p8 .col-md-6 a.btn-freebtn {
  border-color: #007bff;
  color: #007bff;
  background: #fff;
}

.idx_p8 .col-md-6 a.btn-freebtn:hover {
  background-color: #007bff;
  color: #fff;
}

.idx_p8 .col-md-6 a.btn-secondary {
  border-color: #fff;
  color: #fff;
  background: none;
}

.idx_p8 .col-md-6 a.btn-secondary:hover {
  background-color: #fff;
  color: #007bff;
}


/* FUNCTION PAGE */
.pfn1_page2 {
  background: url(pfn1_p2_left-fe0aae3400e860f13c69028532fc904b.png) no-repeat -418px 63px, linear-gradient(256.3deg, #EDF2F9 0%, #FAFCFF 100%);
  background-size: contain;
}

.pfn1_page2 .p2-warp {
  border-radius: 40px;
}

.pfn1_page2 .p2-warp .w-up {
  height: 190px;
  background: linear-gradient(270deg, #337AEF 0.08%, #647BF4 100%);
  border-radius: 40px 40px 0px 0px;
}

.pfn1_page2 .p2-warp .p2-wrp-center {
  margin: -60px auto 0px;
  width: 300px;
  height: 300px;
  background: linear-gradient(180deg, #0059EB 0%, #647BF4 100%);
  border-radius: 200px;
  overflow: hidden;
}

.pfn1_page2 .p2-warp .p2-wrp-center .text-center {
  background: #fff;
  width: 270px;
  height: 270px;
  border-radius: 200px;
  margin: 15px;
  padding: 15px;
}

.pfn1_page2 .p2-warp .p2-wrp-center h5 {
  font-size: 24px;
  font-weight: normal;
}

.pfn1_page2 .p2-warp .p2-wrp-center .p2-list li {
  color: rgba(0, 0, 0, 0.6);
  position: relative;
}

.pfn1_page2 .p2-warp .p2-wrp-center .p2-list li:before {
  content: '· ';
}

.pfn1_page2 .p2-warp .p2-wrp-left,
.pfn1_page2 .p2-warp .p2-wrp-right {
  color: #fff;
}

.pfn1_page2 .p2-warp .p2-wrp-left h5,
.pfn1_page2 .p2-warp .p2-wrp-right h5 {
  font-weight: normal;
}

.pfn1_page2 .p2-warp .p2-wrp-left .p2-list,
.pfn1_page2 .p2-warp .p2-wrp-right .p2-list {
  line-height: 32px;
}

.pfn1_page2 .p2-warp .p2-wrp-left .p2-list li {
  float: right;
}

.pfn1_page2 .p2-warp .p2-wrp-right .p2-list li {
  float: left;
}

.pfn1_page2 .p2-warp .p2-wrp-right .p2-list li:before,
.pfn1_page2 .p2-warp .p2-wrp-left .p2-list li:before,
.pfn1_page2 .p2-warp .p2-wrp-right .p2-list li:before {
  content: '· ';
}

.pfn1_page2 .p2-warp .w-dovn,
.sn_page2 .sn_p2row {
  border-radius: 0px 0px 40px 40px;
  background: #fff;
  margin-top: 5px;
  overflow: hidden;
}

.pfn1_page2 .p2-warp .w-dovn img,
.sn_page2 .sn_p2row .col-lg-3 img {
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
}

.pfn1_page2 .p2-warp .w-dovn p,
.sn_page2 .sn_p2row .col-lg-3 p {
  color: rgba(0, 0, 0, 0.5);
  margin: 0px;
}

.pfn1_page2 .p2-warp .w-dovn h5,
.sn_page2 .sn_p2row .col-lg-3 h5 {
  color: #337AEF;
  font-size: 32px;
}


.pfn1_page3 .d-flex .ptitle {
  font-size: 20px;
  color: var(--theme-colors);
}

.pfn1_page3 .d-flex .h3-sm {
  font-size: 40px;
}

.pfn1_page3 .d-flex .txt-list {
  position: relative;
  line-height: 35px;
}

.pfn1_page3 .d-flex .list-item:before {
  float: left;
  content: '';
  height: 9px;
  width: 9px;
  margin-right: 10px;
  margin-top: 11px;
  display: block;
  background: #757575;
  border-radius: 9px;
}

.pfn1_page3 .m-row {}

/*------------------------------------------*/
/*p_function3 LIST*/
/*------------------------------------------*/

.pfn3_page2 {
  background: url(pfn3_p2_bg-d725baf06613311d371ae3de4bff3397.jpg)center left no-repeat, linear-gradient(256.3deg, #F5F9FF 0%, #FCFDFF 100%);
  background-size: contain;
}

.pfn3_page2 .iphone {
  width: 240px;
  float: right;
}

.pfn3_page2 .iphone img {
  width: 100%;
}

.pfn3_page2 .rowPrice {}

.pfn3_page2 .rowPrice h4 {
  font-size: 24px;
}

.pfn3_page2 .rowPrice .cont {}

.pfn3_page2 .rowPrice .left-column,
.pfn3_page2 .rowPrice .right-column {
  width: 50%;
  float: left;
  position: relative;
}

.pfn3_page2 .rowPrice .left-column:after {
  position: absolute;
  right: 53px;
  top: 25px;
  content: '';
  width: 1px;
  height: 65%;
  background: rgba(0, 0, 0, 0.3);
  display: block;
}

.pfn3_page2 .rowPrice .left-column p,
.pfn3_page2 .rowPrice .right-column p {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 15px;
}

.pfn3_page2 .rowPrice .left-column h5,
.pfn3_page2 .rowPrice .right-column h5 {
  font-size: 30px;
  color: var(--theme-colors);
}

.pfn3_page2 .rowPrice .btn-secondary {
  margin-top: 10px;
}


.pfn3_page3 {}

.pfn3_page3 .p3-warp {
  padding: 0px 4%;
}

.pfn3_page3 .p3-warp .ipng {
  width: 32px;
  height: 32px;
  display: block;
  float: left;
  margin-right: 15px;
}

.pfn3_page3 .p3-warp .ic1 {
  background: url(pfn3_p3_0-ee5c4f36d3657934ad06c8de981a0e3b.png);
}

.pfn3_page3 .p3-warp .ic2 {
  background: url(pfn3_p3_1-9ba7c5af7dec770b989c8ac9a62ca465.png);
}

.pfn3_page3 .p3-warp .ic3 {
  background: url(pfn3_p3_2-d9b320498223d22c8acd835a594698b4.png);
}

.pfn3_page3 .p3-warp .ic4 {
  background: url(pfn3_p3_3-489099e9953e72eb323b88bb152c54e4.png);
}

.pfn3_page3 .p3-warp .ic5 {
  background: url(pfn3_p3_4-90ecacf4d90aad58d5fc92a88064434f.png);
}

.pfn3_page3 .p3-warp .ipng {
  width: 32px;
  height: 32px;
  display: block;
  background-repeat: no-repeat;
}

.pfn3_page3 .p3-warp .sbox {
  background: #F2F7FE;
  border-radius: 10px;
  padding: 20px;
}

.pfn3_page3 h5 {
  font-size: 24px;
}

.pfn3_page3 .list {
  height: 100px;
}

.pfn3_page3 .list li {
  width: 50%;
  float: left;
  color: rgba(0, 0, 0, 0.6);
  line-height: 30px;
}

.pfn3_page3 .list li:before {
  content: '·';
  font-size: 16px;
  padding-right: 5px;
}

.pfn3_page3 .priceBox {}

.pfn3_page3 .plist {
  width: 50%;
  float: left;
  position: relative;
}

.pfn3_page3 .plist p {
  font-size: 18px;
  margin-bottom: 0px;
}

.pfn3_page3 .plist h5 {
  font-size: 30px;
  color: var(--theme-colors);
}

.pfn3_page3 .plist.lines:after {
  position: absolute;
  top: 5px;
  right: 18px;
  content: '';
  width: 1px;
  height: 77%;
  background: rgba(0, 0, 0, 0.3);
}

.pfn3_page4 .tbList .t-head div {
  font-weight: 700;
  font-size: 24px !important;
  color: #000 !important;
}

.pfn3_page4 .tbList .row {
  margin: 0px;
  padding: 15px 0px;
}

.pfn3_page4 .tbList .row .col-md-2 {
  font-weight: 700;
  font-size: 24px;
}

.pfn3_page4 .tbList .row .col-md-5 {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}

.pfn3_page4 .tbList .row:not(:first-child):before {
  content: '';
  margin-top: -15px;
  width: 100%;
  display: block;
  height: 1px;
  background: rgba(0, 0, 0, 0.3);
}

.pfn3_page4 .tbList .text-center {
  transform: translate(0%, 45%);
}

.pfn3_page5 {
  background: url(idx_p4_left-b4b36247e170aca430fd91e9466c71c8.png) -1px 0px, url(idx_p8bg2-1f2214ac9035612720f183fddf48f0c4.png) right 0px;
  background-color: #F2F7FE;
  background-size: contain;
  background-repeat: no-repeat;
}

.pfn3_page5 .col-md-10 {
  margin: 0px auto;
}

.pfn3_page5 .card {
  border: 0px;
  width: calc(100% / 2 - 15px);
  float: left;
  overflow: hidden;
  border-radius: 10px;
}

.pfn3_page5 .card .card-title {
  color: #fff;
  padding: 15px;
}

.pfn3_page5 .card .card-body {
  padding: 0px;
}

.pfn3_page5 .card.bg-Blue .card-title {
  background: var(--theme-colors);
}

.pfn3_page5 .card.bg-Green .card-title {
  background: #00A870;
}

.pfn3_page5 .card .item {
  position: relative;
  width: 50%;
  float: left;
  padding: 20px;
  border-radius: 10px;
}

.pfn3_page5 .card .item span {
  font-size: 20px;
  color: #000;
}

.pfn3_page5 .card.bg-Blue .item h5 {
  color: var(--theme-colors);
  font-size: 33px
}

.pfn3_page5 .card.bg-Green .item h5 {
  color: #00A870;
  font-size: 33px
}

.pfn3_page5 .card.bg-Blue .item:not(:last-child):after,
.pfn3_page5 .card.bg-Green .item:not(:last-child):after {
  position: absolute;
  top: 31px;
  right: 5px;
  content: '';
  width: 1px;
  height: 50%;
  display: block;
  background: rgba(0, 0, 0, 0.3);
}

/*------------------------------------------*/
/*p_function4 LIST*/
/*------------------------------------------*/
.pfn4_page {}

.pfn4_page2 .btn-secondary,
.pfn3_page2 .rowPrice .btn-secondary {
  border-color: var(--theme-colors);
  color: var(--theme-colors);
  background: none;
}

.pfn4_page2 .btn-secondary:after,
.pfn3_page2 .rowPrice .btn-secondary:after {
  content: "\e8dc";
  margin-left: 10px;
  font-family: "kushewang" !important;
  font-size: 12px;
}

.pfn4_page2 .btn-secondary:hover,
.pfn3_page2 .rowPrice .btn-secondary:hover {
  background: var(--theme-colors);
  color: #fff;
}

.pfn4_page2 .p2-warp {
  background: #F2F7FE;
  border-radius: 10px;
}

.pfn4_page2 .p2-warp .sbox-1-ico {
  width: 110px;
  height: 110px;
  background: #fff;
  padding: 5px;
  margin: 0px auto;
  border-radius: 4px;
  overflow: hidden;
}

.pfn4_page2 .p2-warp .sbox-1-ico .img-65 {
  width: 100%;
  height: 100%;
}

.pfn4_page2 .p2-warp .btn-more {
  color: #33B98D;
  font-size: 24px;
  width: 174px;
  display: block;
  height: 34px;
  font-weight: 700;
  margin: 0px auto;
}

.pfn4_page2 .p2-warp .btn-more:hover,
.pfn4_page2 .p2-warp .btn-more:focus {
  outline: none;
  font-weight: normal;
}

.pfn4_page3 .p3-warp .sbox-1 {
  padding: 25px 15px;
  width: calc(100% / 5 - 20px);
  display: inline-block;
  background: #F2F7FE;
  border-radius: 10px;
}

.pfn4_page3 .p3-warp .sbox-1 .sbox-1-ico {
  background: #fff;
  border-radius: 10px;
  width: 110px;
  height: 110px;
  line-height: 110px;
  margin: 0px auto 15px;
}

.pfn4_page3 .p3-warp .sbox-1 .sbox-1-ico .kushewang {
  font-size: 50px;
  color: #2f2961;
}

.pfn4_page3 .p3-warp .sbox-1:not(:first-child) {
  margin-left: 20px;
}

.pfn4_page3 .p3-warp .sbox-1 h5 {
  font-size: 24px;
}

.pfn4_page3 .p3-warp .sbox-1 h5:after {
  background: rgba(0, 0, 0, 0.6);
  width: 40px;
  height: 4px;
  border-radius: 2px;
  content: '';
  display: block;
  margin: 15px auto 0px;
}

.pfn4_page3 .p3-warp .sbox-1 p {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.6);
}

.pfn4_page3 .p3-warp .sbox-1 .cw-dab-arrow-right {
  font-size: 18px;
}

.pfn4_page4 .item {
  margin-right: 0px;
  margin-left: 0px;
  overflow: hidden;
  border-radius: 10px;
  background: #F2F7FE;
}

.pfn4_page4 .item .left-column .h3-sm,
.pfn4_page4 .item .right-column .h3-sm {
  font-size: 24px;
  height: 138px;
  overflow: hidden;
}

.pfn4_page4 .item .imglogo {}

.pfn4_page4 .item .imglogo img {
  max-width: 100%;
}

.pfn4_page5 {
  background: url(idx_p4_left-b4b36247e170aca430fd91e9466c71c8.png) -1px 0px, url(idx_p8bg2-1f2214ac9035612720f183fddf48f0c4.png) right 0px;
  background-color: #F2F7FE;
  background-size: contain;
  background-repeat: no-repeat;
}

/*------------------------------------------
/*  SOLUTION PAGE LIST
/*------------------------------------------*/
.sn_newPage1 {
  clear: both;
  padding-bottom: 0px;
}

.sn_newPage1 .card {
  min-height: 193px;
}

.sn_page2 {}

.sn_page2 .card {
  border: 0px;
  overflow: hidden;
  border-radius: 10px;
}

.sn_page2 .card .card-title {
  color: #fff;
  padding: 20px 15px;
}

.sn_page2 .card .card-body {
  padding: 0px;
  background: #F2F7FE;
  border-radius: 10px;
  overflow: hidden;
}

.sn_page2 .card.bg-Blue .card-title {
  background: var(--theme-colors);
}

.sn_page2 .card.bg-Green .card-title {
  background: #00A870;
}

.sn_page2 .card ul {
  margin: 40px;
  counter-reset: line;
}

.sn_page2 .card .item {
  position: relative;
  float: left;
  padding: 20px;
  background: #FFFFFF;
  border-radius: 10px;
  width: calc(100% / 5 - 25px);
}

.sn_page2 .card .item:not(:last-child) {
  margin-right: 30px;
}

.sn_page2 .card .item span {
  font-size: 20px;
  color: #000;
}

.sn_page2 .card.bg-Blue .item h5 {
  color: var(--theme-colors);
  font-size: 24px;
  margin-top: 20px;
}

.sn_page2 .card.bg-Green .sn_p2row {
  padding: 40px;
  background: none;
}


.sn_page2 .card .item:before {
  counter-increment: line;
  content: counter(line);
  display: inline-block;
  color: #B3CDF9;
  font-size: 24px;
  padding: 5px 5px 10px 5px;
  border-bottom: 3px solid #B3CDF9;
}

.sn_page2 .card .item:after {}

.sn_page2 .snlist {
  margin-top: 50px;
}

.sn_page2 .snlist .h3-sm {
  font-size: 40px;
}

.sn_page2 .snlist p {
  margin-bottom: 20px;
}

.sn_page2 .snlist .img-fluid {
  max-width: 100%;
}

.sn3_page3 {
  background: #337AEF url(pfn1_p2_left-fe0aae3400e860f13c69028532fc904b.png) no-repeat 90% 138px;
  background-size: contain;
}

.sn3_page3 .blog-1-post {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}

.sn3_page3 .blog-post-img img {
  border-radius: 0px;
}

.sn3_page3 .blog-post-txt {
  padding: 30px 20px;
}

.sn3_page3 .blog-post-txt a {
  font-size: 24px;
}

.sn3_page3 .blog-post-txt a:hover {
  color: var(--theme-colors);
}


/*2022年9月21日19:19:46 改版开发*/
.sn921_page2 {
  background: url(sn921_page2Bg-5137f5ac4f10b5a08738706143e1e011.png) no-repeat;
  background-position: right bottom;
}

.sn921_page2 .card {
  border: 0px;
  overflow: hidden;
  border-radius: 10px;
  background: none;
}

.sn921_page2 .card .card-title {
  color: #333;
  padding: 20px 15px;
  font-size: 40px;
}

.sn921_page2 .card .card-body {
  padding: 0px;
  background: none;
  border-radius: 10px;
  overflow: hidden;
}

.sn921_page2 .card.bg-Blue .card-title {}

.sn921_page2 .card.bg-Green .card-title {}

.sn921_page2 .card ul {
  margin: 40px;
  counter-reset: line;
}

.sn921_page2 .card .item {
  position: relative;
  float: left;
  padding: 10px 20px 20px 20px;
  border-radius: 50%;
  background: #FFFFFF;
  width: calc(100% / 5 - 25px);
  border: 2px solid var(--theme-colors);
}

.sn921_page2 .card .item:not(:last-child) {
  margin-right: 30px;
}

.sn921_page2 .card .item span {
  font-size: 20px;
  color: #000;
}

.sn921_page2 .card.bg-Blue .item h5 {
  color: var(--theme-colors);
  font-size: 24px;
  margin-top: 20px;
  font-weight: normal;
}

.sn921_page2 .card.bg-Green .sn_p2row {
  padding: 40px;
  background: none;
}


.sn921_page2 .card .item:before {
  counter-increment: line;
  content: counter(line);
  display: inline-block;
  color: var(--theme-colors);
  font-size: 24px;
  padding: 5px 5px 10px 5px;
  border-bottom: 3px solid var(--theme-colors);
}




/*------------------------------------------
/*  CASE LIST
/*------------------------------------------*/
.cs1_page2 {
  background: #FDFDFD;
  padding-bottom: 10px
}

.caseFilter .ifType,
.lgc1_page2 .sandbar {
  /*box-shadow: -6px -6px 10px rgba(189, 200, 223, 0.1), 6px 6px 12px rgba(189, 200, 223, 0.2);*/
  /*border-radius: 16px;*/
  padding: 20px;
}

.caseFilter {
  /*border-bottom: 1px #E5E6E9 solid;*/
}

.caseFilter .leftText {
  width: 60px;
  margin-bottom: 0;
  float: left;
  line-height: 35px;
  display: block;
  font-weight: bold;
  font-size: 20px;
}

.caseFilter .simplefilter,
.caseFilter .multifilter,
.caseFilter .kecfilter {
  width: calc(100% - 120px);
  float: left;
  padding-left: 10px;
  position: relative;
  line-height: 24px;
  font-size: 16px
}

.caseFilter .simplefilter:before,
/*.caseFilter .multifilter:before,.caseFilter .kecfilter:before{position: absolute;top:1px;left:0px;
  content:'';display: block;border-left:1px solid rgba(0, 0, 0, 0.1);width:1px;height:100%;}*/

.caseFilter .simplefilter li,
.caseFilter .multifilter li,
.caseFilter .kecfilter li {
  cursor: pointer;
  display: inline-block;
  text-transform: uppercase;
  padding: 4px 12px;
  margin: 3px;
  font-size: 16px;
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
}

.caseFilter .simplefilter li.active,
.caseFilter .multifilter li.active,
.caseFilter .kecfilter li.active {
  background: #F0F4FF;
  color: #0059EB;
}

.caseFilter .filtr-item .blog-1-post {
  border: solid 1px #E1E6F0;
  background: #fff;
  /*box-shadow: -6px -6px 12px 4px rgba(189, 200, 223, 0.1), 6px 6px 12px 4px rgba(189, 200, 223, 0.1);
border-radius: 16px;*/
  overflow: hidden;
  margin-bottom: 30px;
}

.caseFilter .filtr-item .blog-post-img {}

.caseFilter .filtr-item .blog-post-img img {
  border-radius: 0px;
  width: 100%;
  height: 85.714286%;
}

.caseFilter .filtr-item .blog-post-txt {
  padding: 25px 20px;
}

.caseFilter .filtr-item .blog-post-txt a {
  font-size: 18px;
  display: block;
  height: 80px;
  overflow: hidden;
}

.caseFilter .filtr-item .blog-post-txt a:hover {
  color: var(--theme-colors);
}

.caseFilter .filtr-item .frilg {
  width: 100%;
  clear: both;
  list-style: none;
  margin-top: 10px;
  font-size: 12px;
  color: #999;
}


.news .filtr-item .blog-1-post {
  background: #fff;
  /*box-shadow: -6px -6px 12px 4px rgba(189, 200, 223, 0.1), 6px 6px 12px 4px rgba(189, 200, 223, 0.1);
border-radius: 16px;*/
  border: 1px solid #E1E6F0;
  overflow: hidden;
  margin-bottom: 30px;
}

.news {
  background: #f7f8fc;
}

.news .filtr-item .blog-post-img {
  height: 122px;
  overflow: hidden;
}

.news .filtr-item .blog-post-img img {
  border-radius: 0px;
  width: 100%;
  height: 100%;
}

.news .filtr-item .blog-post-txt {
  padding: 20px;
}

.news .filtr-item .blog-post-txt a {
  font-size: 18px;
  line-height: 24px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -moz-box-orient: vertical;
  ;
}

.news .filtr-item .blog-post-txt a:hover {
  color: var(--theme-colors);
}

.news .filtr-item .frilg {
  width: 100%;
  clear: both;
  list-style: none;
  margin-top: 20px;
  font-size: 12px;
  color: #999
}


.case_float {
  position: fixed;
  right: -5px;
  bottom: 15%;
  width: 299px;
  padding: 20px;
  background: #fff url(case_float_rightbg-00f31bbe71bc56714744a7a1cc4f149a.png) no-repeat;
  background-size: contain;
  border-radius: 5px;
  z-index: 9;
}

.case_float .colse_cf {
  position: absolute;
  font-size: 18px;
  text-align: center;
  right: 5px;
  top: -8px;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 18px;
  background: #fff;
  border-radius: 20px;
  color: #ff0000;
  opacity: 0;
}

.case_float:hover .colse_cf {
  background: #ff0000;
  color: #fff;
  opacity: 1;
}

.case_float:hover .colse_cf:hover {
  background: #cf4646;
  color: #fff;
  opacity: 1;
}

.case_float .txt {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
  font-weight: bold;
}

.case_float .btn-primary {
  font-size: 14px;
}

.csDef_page2 .detail {
  border-bottom: 1px solid #DEE0E3;
}

.csDef_page2 .detail p {
  font-size: 20px;
}

.csDef_page2 .detail .qiyeLogo img {
  max-width: 100%;
}

.csDef_page2 .detail .portraits img {
  max-width: 100%;
}

.csDef_page2 .detail .portraits .pimg {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  overflow: hidden;
  float: left;
}

.csDef_page2 .detail .portraits .pimg img {
  width: 50px;
  height: 50px;
}

.csDef_page2 .detail .portraits ul {
  width: calc(100% - 60px);
  ;
  float: left;
}

.csDef_page2 .intro h5 {
  font-size: 26px;
  margin-bottom: 26px;
}

.csDef_page2 .intro p {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6);
}

.csDef_page2 .challenge {}

.csDef_page2 .che_bg1 {
  background: #DEE8FA;
}

.csDef_page2 .che_bg2 {
  background: #EBFAF7;
}

.csDef_page2 .che_bg3 {
  background: #F5FCFE;
}

.csDef_page2 .challenge .left-column {
  position: relative;
  width: 50%;
  padding: 22px 32px;
  float: left;
}

.csDef_page2 .challenge .left-column:after {
  content: "\eb91";
  display: inline-block;
  position: absolute;
  right: -14px;
  top: 32%;
  font-family: "kushewang" !important;
  font-size: 50px;
}

.csDef_page2 .challenge .right-column {
  width: 50%;
  padding: 22px 32px;
  float: left;
}

.csDef_page2 .che_bg1 .left-column h5,
.csDef_page2 .che_bg1 .right-column h5 {
  font-size: 18px;
  color: #000;
}

.csDef_page2 .che_bg1 .left-column p,
.csDef_page2 .che_bg1 .right-column p {
  font-size: 14px;
  color: var(--theme-colors);
}

.csDef_page2 .che_bg2 .left-column h5,
.csDef_page2 .che_bg2 .right-column h5 {
  font-size: 18px;
  color: #000;
}

.csDef_page2 .che_bg2 .left-column p,
.csDef_page2 .che_bg2 .right-column p {
  font-size: 14px;
  color: #33B98D;
}

.csDef_page2 .che_bg3 .left-column h5,
.csDef_page2 .che_bg3 .right-column h5 {
  font-size: 18px;
  color: #000;
}

.csDef_page2 .che_bg3 .left-column p,
.csDef_page2 .che_bg3 .right-column p {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}

.csDef_page2 .che_bg1 .left-column:after {
  color: #B3CDF9;
}

.csDef_page2 .che_bg2 .left-column:after {
  color: #99DCC6;
}

.csDef_page2 .che_bg3 .left-column:after {
  color: rgba(0, 0, 0, 0.3);
}

.csDef_page2 .df-title .h5 {
  font-size: 40px;
}

.csDef_page2 .df-title span {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.9);
}

.csDef_page2 .df-pimg img {
  width: 100%;
}

.csDef_page2 .df-cont {
  padding-top: 7px;
}

.csDef_page2 .df-cont p {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 27px;
}

.guanggao img {
  max-width: 100%;
}

.defFenye .df_footer .p-up {
  margin-bottom: 0px;
}

.defFenye .df_footer .p-up a {
  display: block;
  width: calc(100% - 80px);
  overflow: hidden;
  color: rgba(0, 0, 0, 0.9);
  float: right;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.defFenye .df_footer .p-up a:hover {
  color: var(--theme-colors);
}

.defFenye .tag {
  margin-bottom: 40px;
  margin-top: 20px;
  padding-top: 10px;
  font-size: 14px;
}

.defFenye .tag .badge {
  padding: 10px 12px;
  border: 1px solid #E0E0E5;
  border-radius: 2px;
}

.defFenye .tag .badge:not(:last-child) {
  margin-right: 20px;
}

.defFenye .tag .badge-success {
  color: rgba(0, 0, 0, 0.6);
  ;
  background: #FAFAFA;
  border-radius: 4px;
}

.hot {
  position: fixed;
  right: -1px;
  background: #fff;
  border-radius: 5px 0px 0px 5px;
  overflow: hidden;
  bottom: 1%;
  z-index: 9;
}

.hot .card-header {
  font-size: 20px;
}

.hot .card-header:before {
  content: '';
  width: 3px;
  height: 20px;
  float: left;
  margin-right: 10px;
  background: var(--theme-colors);
  display: block;
  margin-top: 5px;
}

.hot .card-body {}

.hot .card-body li {
  line-height: 25px;
}

.hot .card-body li a {
  display: block;
  width: 269px;
}

.hot .card-body li a:before {
  content: '·';
  width: 10px;
  height: 100%;
  float: left;
  margin-right: 5px;
  font-size: 16px;
}

.hot .card-body li:hover a {
  color: var(--theme-colors);
}


/*------------------------------------------
/*  观麦服务
/*------------------------------------------*/
.gmForms {
  background: #fff;
  box-shadow: -6px -6px 10px rgba(189, 200, 223, 0.1), 6px 6px 12px rgba(189, 200, 223, 0.2);
  border-radius: 10px;
}

.gmForms .left-column {
  /* background: var(--theme-colors); */
  float: left;
  width: 50%;
  /* padding: 40px; */
  border-radius: 10px 0px 0px 10px;
}

.gmForms .right-column {
  border-radius: 0px 10px 10px 0px;
  float: left;
  width: 50%;
  padding: 60px 80px 20px;
}

.gmForms .section-title .h3-md {
  font-size: 40px;
  text-align: left;
}

.gmForms .p4-up img,
.gmForms .p4-down img {
  width: 50px;
  height: 50px;
  margin: 0px auto;
}

.gmForms .p4-up span,
.gmForms .p4-down span {
  display: block;
  clear: both;
  font-size: 14px;
  color: #fff;
}

.gmForms .num {
  font-size: 20px;
  color: #fff;
}

.gmForms .p4-up .num:before,
.gmForms .p4-down .num:before {
  width: 15px;
  height: 25px;
  margin-bottom: -5px;
  margin-right: 5px;
  background-size: 100%;
}

.gmForms .gms {
  border-radius: 10px;
  padding: 15px 15px 10px 15px;
  color: #fff;
}

.gmForms .gms.bg1 {
  background: #337AEF;
}

.gmForms .gms.bg2 {
  background: #33B98D;
}

.gmForms .gms h5 {
  font-size: 24px;
}

.gmForms .gms p {
  font-size: 14px;
}

.gmForms .req_form， .gmForms .login_form {
  position: relative;
}

.gmForms .login_form .apply_account {
  position: absolute;
  right: 35px;
  top: 30px;
  color: var(--theme-colors);
}

.gmForms .login_form .apply_account:hover {
  color: #000;
}

.gmForms .login_form .apply_account:after {
  content: "\eb91";
  display: block;
  float: right;
  width: 20px;
  height: 20px;
  text-align: right;
  font-family: "kushewang" !important;
}

.gmForms .req_form h5 {
  font-size: 40px;
  color: #000;
}

.gmForms .login_form h5 {
  font-size: 40px;
  color: #000;
  margin-top: 60px;
}

.gmForms .req_form .form-group label {
  font-size: 16px;
  font-weight: bold;
}

.gmForms .login_form .form-group label {
  font-size: 16px;
  font-weight: bold;
}

.gmForms .form-group label i {
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  color: #ff0000;
  margin-bottom: -5px;
  display: inline-block;
  margin-top: 5px;
  float: right;
}

.gmForms .login_form {}

.form-success {
  padding: 50px;
  background: #fff;
  text-align: center;
}

.form-success h5 {
  margin-bottom: 50px;
  line-height: 30px;
  font-size: 30px;
}

.form-success .success {
  color: #00c32c;
}

.form-success .error {
  color: #ff0000;
}

.form-success .success:before,
.form-success .error:before {
  font-family: "kushewang" !important;
  position: absolute;
  margin-left: -57px;
  margin-top: 5px;
  display: inline-block;
  font-size: 42px;
  margin-right: 15px;
}

.form-success .success:before {
  content: "\e65a";
}

.form-success .error:before {
  content: "\e610";
}

.form-success p.msg {
  margin-bottom: 50px;
}

.form-success .tip {
  width: 250px;
  margin: 0px auto;
  padding-bottom: 50px;
}

.form-success .tip li {
  line-height: 25px;
  text-align: left;
}

.form-success .tip li.text-center a {
  color: #00c32c;
  margin-left: -50px;
  display: block;
}

.form-success .tip li.text-center a:hover {
  color: #000;
}

/*------------------------------------------
/*  LEARNING CENTER PAGE CONTENT LIST
/*------------------------------------------*/
.lgc1_page2 .navList {}

.lgc1_page2 .fixed {
  position: relative;
}

.lgc1_page2 .navFix {
  position: fixed;
  top: 60px;
  z-index: 3;
  background: #fff;
  margin-left: -18px;
  box-shadow: none;
}

.lgc1_page2 .sandbar {
  text-align: center;
}

.lgc1_page2 .sandbar li {
  cursor: pointer;
  display: inline-block;
  text-transform: uppercase;
  padding: 4px 12px;
  margin: 3px;
  font-size: 16px;
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
}

.lgc1_page2 .sandbar li {
  width: calc(100% / 6 - 20px);
}

.lgc1_page2 .sandbar li a {
  font-size: 20px;
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
}

.lgc1_page2 .sandbar li.active a {
  color: var(--theme-colors);
}

.lgc1_page2 .sandbar li a.btn-primary {
  color: #fff;
}

.lgc1_page2 .r-warp {
  width: 100%;
  margin-top: 50px;
}

.lgc1_page2 .r-warp .rp-header h5 {
  float: left;
  font-weight: 500;
  font-size: 24px;
}

.lgc1_page2 .r-warp .rp-header h5:before {
  content: '';
  display: inline-block;
  width: 3px;
  height: 25px;
  background: var(--theme-colors);
  float: left;
  margin-right: 10px;
}

.lgc1_page2 .r-warp .rp-header .rmore {
  float: right;
  font-size: 16px;
  color: var(--theme-colors);
}

.lgc1_page2 .r-warp .rp-header .rmore:before {
  content: "\e8dc";
  display: inline-block;
  width: 25px;
  height: 25px;
  float: right;
  margin-left: 10px;
  font-family: "kushewang" !important;
}

.lgc1_page2 .r-warp .rp-header .rmore:hover {
  font-weight: bold;
}

.lgc1_page2 .r-warp .rp-body {
  clear: both;
}

.lgc1_page2 .rp-body .rp-left {
  width: 35%;
  float: left;
  border-radius: 16px;
  overflow: hidden;
  height: 270px;
}

.lgc1_page2 .rp-body .rp-left img {
  width: 100%;
}

.lgc1_page2 .rp-body .rp-right {
  width: calc(65% / 3 - 25px);
  float: left;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: -6px -6px 10px rgba(189, 200, 223, 0.1), 6px 6px 12px rgba(189, 200, 223, 0.2);
}

.lgc1_page2 .rp-body .rp-right:not(:first-child) {
  margin-left: 25px;
}

.lgc1_page2 .rp-body .rp-right .img-block {
  width: 100%;
  height: 142px;
  overflow: hidden;
}

.lgc1_page2 .rp-body .rp-right img {
  width: 100%;
  height: 100%;
}

.lgc1_page2 .rp-body .rp-right .cont {
  padding: 10px;
}

.lgc1_page2 .rp-body .rp-right p {
  font-size: 18px;
  display: block;
  height: 80px;
  overflow: hidden;
  margin-bottom: 5px;
}

.lgc1_page2 .rp-body .rp-right span {
  float: right;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.3);
}

.lgc1_page2 .rp-body .rp-right span.line:before {
  content: '——';
  display: inline-block;
  float: left;
}

.lgc1-pg2 .section-title .h3-md {
  font-size: 40px;
  color: rgba(0, 0, 0, 0.9);
}

.lgc1-pg2 .section-title .p-lg {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.8);
}

/* .lgc1-pg2 .pbox{box-shadow: -6px -6px 10px rgba(189, 200, 223, 0.1), 6px 6px 12px rgba(189, 200, 223, 0.2);
border-radius: 16px;overflow: hidden;} */
.lgc1-pg2 .pbox .pbox-ico {
  max-height: 150px;
  overflow: hidden;
}

.lgc1-pg2 .pbox .pbox-ico img {
  max-width: 100%;
}

.lgc1-pg2 .pbox .pbox-doc {
  padding: 15px 15px 0px 15px;
}

.lgc1-pg2 .pbox .pbox-doc img {
  max-width: 100%;
  margin: 0px auto;
}

.lgc1-pg2 .pbox .name {
  font-size: 20px;
  color: #000;
  margin-bottom: 8px;
  font-weight: 700;
}

.lgc1-pg2 .pbox .name-doc {
  font-size: 14px;
  color: #171717;
  display: block;
  overflow: hidden;
  line-height: 24px;
}

.lgc1-pg2 .pbox .name-doc p {
  text-indent: 2em;
}

.lgc1-pg2 .shejiao {
  background: #fff;
  border-radius: 5px;
  padding: 15px;
  border: solid 1px #E1E6F0;
  box-shadow: 0px 1px 7px 1px rgba(16, 26, 124, 0.02);
}

.lgc1-pg2 .shejiao .sjImg {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  overflow: hidden;
  margin: 0px auto;
}

.lgc1-pg2 .shejiao .sjImg img {
  width: 100%;
}

.lgc1-pg2 .shejiao .sjTitle {
  font-size: 20px;
  color: #101010;
}

.lgc1-pg2 .shejiao .pw-wlt-list {
  font-size: 14px;
  color: #6c6c6c;
}

.lgc1-pg2 .shejiao .pw-wlt-list li {
  padding: 3px 0;
  line-height: 24px;
}

.lgc1-pg2 .shejiao .pw-wlt-list li:before {
  content: '·';
  font-weight: bold;
}

/* .lgc1-pg2 .shejiao p.sjdoc{font-size:14px;color: rgba(0, 0, 0, 0.3);height:65px;overflow: hidden;display: block;} */
.lgc1-pg2 .shejiao .jiaru .tipFixed {
  position: relative;
}

.lgc1-pg2 .more-posts .ziXunService {
  position: relative;
  width: 180px;
  margin: 0px auto;
}

.lgc1-pg2 .more-posts .ziXunService .tipFixed {
  left: 9%;
}


.lgcdef-pg2 {
  padding-top: 0px;
}

.lgcdef-pg2 .returnUp {
  color: var(--theme-colors);
  font-size: 16px;
}

.lgcdef-pg2 .returnUp:hover {
  color: #333;
}

.lgcdef-pg2 .lgcdef-title {}

.lgcdef-pg2 .lgcdef-title .h3-md {
  margin-bottom: 0px;
  font-size: 40px;
  color: #000;
}

.lgcdef-pg2 .lgcdef-title .p-time {
  color: #000;
  font-size: 16px;
}

.lgcdef-pg2 .sxbox {}

.lgcdef-pg2 .sxbox .pbox-ico {
  overflow: hidden;
}

.lgcdef-pg2 .sxbox .pbox-ico img {
  width: 100%;
}

.lgcdef-pg2 .sxbox .pbox-doc img {
  max-width: 100%;
  margin: 0px auto;
}

.lgcdef-pg2 .sxbox .pbox-doc p {
  color: rgba(0, 0, 0, 0.6);
  text-indent: 2em;
}


.breadcrumb {
  background: none;
  position: relative;
  padding: 0px;
  color: rgba(0, 0, 0, 0.6);
}

.breadcrumb:before {
  content: '您当前位置：';
  display: inline-block;
}

.breadcrumb li a {
  color: rgba(0, 0, 0, 0.6);
}


.box-shadow-radius {
  box-shadow: -6px -6px 10px rgba(189, 200, 223, 0.1), 6px 6px 12px rgba(189, 200, 223, 0.2);
  border-radius: 10px;
}

.gm_serp1 .myInfo {
  padding: 30px;
}

.gm_serp1 .myInfo .item .tx {
  width: 72px;
  height: 72px;
  background: #337AEF;
  border-radius: 50%;
  overflow: hidden;
}

.gm_serp1 .myInfo .item .tx i {
  font-size: 50px;
  color: #fff;
}

.gm_serp1 .myInfo .item .info {
  margin-left: 20px;
}

.gm_serp1 .myInfo .item .info h5 {
  font-size: 20px;
  color: #000;
}

.gm_serp1 .myInfo .item .info p {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6);
}

.gm_serp1 .myInfo .ime p {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 10px;
}

.gm_serp1 .myInfo .ime h5 {
  color: #337AEF;
  font-size: 20px;
}

.gm_serp1 .myInfo .code {
  background: #F2F7FE;
  width: 210px;
  position: absolute;
  right: 10px;
  border-radius: 4px;
  overflow: hidden;
}

.gm_serp1 .myInfo .code .doc {
  width: 50%;
  padding-top: 34px;
  padding-right: 20px;
}

.gm_serp1 .myInfo .code .doc p {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  line-height: 18px;
}

.gm_serp1 .myInfo .code .img {
  width: 50%;
}

.gm_serp1 .myInfo .code .img img {
  width: 100%;
}

.record {
  padding: 30px;
}

.record .jltitlt {
  font-size: 40px;
  color: #000;
}

.record .th div {
  font-weight: 400;
  font-size: 20px;
  color: #000;
}

.record .trd {}

.record .trd:after {
  content: '';
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.05);
}

.record .trd div {
  line-height: 40px;
}

.record .trd a {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6);
}

.record .trd a:hover {
  font-size: 16px;
  color: #337AEF;
}

.record .trd a .cw-ziliaoxiazai:before {
  content: "\e856";
  font-family: "kushewang" !important;
}

.record .trd a:hover .cw-ziliaoxiazai:before {
  content: "\e6e0";
  font-family: "kushewang" !important;
}

.record .trd .col-lg-3 {
  text-align: right;
  color: #337AEF;
}


.no_data {
  width: 250px;
  height: 400px;
  margin: 0px auto;
  text-align: center;
}

.no_data img {
  width: 100%;
}

.no_data .no_data_tex {
  pointer-events: none;
  margin-top: 40px;
  color: var(--theme-colors);
}

/*------------------------------------------
/*  HELP CENTER LIST
/*------------------------------------------*/
.search-group {}

.search-group .h3-md {
  font-size: 40px;
  color: #000;
  margin-bottom: 20px;
  text-align: center;
}

.search-group .input-group {
  background: #fff;
  border-radius: 50px;
  padding: 5px;
  height: 55px;
  margin: 0px auto;
  width: 700px;
}

.search-group .input-group .sino {
  position: absolute;
  top: 7px;
  left: 15px;
}

.search-group .input-group .sino i {
  font-size: 30px;
  color: #B3CDF9;
}

.search-group .input-group .input {
  position: absolute;
  top: 9px;
  left: 55px;
  width: 81%;
  height: 37px;
  line-height: 35px;
  border: 0px;
}

.search-group .input-group .input:focus,
.search-group .input-group .input:hover {
  outline: none;
  border: 0px;
}

.search-group .input-group .sbtn {
  position: absolute;
  right: 9px;
  top: 9px;
  background: var(--theme-colors);
  border-radius: 50px;
  padding: 5px 20px;
  color: #fff;
}

.search-group .input-group .sbtn:hover,
.search-group .input-group .sbtn:focus {
  outline: none;
  background-color: #0069d9;
  border-color: #0062cc;
}

.search-nominate,
.search-list {
  background: #fff;
}

.search-nominate .section-title .h3-md {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.8);
}

.search-list {
  padding: 30px 50px;
}

.search-list .section-title .h3-md {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6);
}

.search-list ul.list {
  padding-bottom: 20px;
}

.search-list ul.list li {
  width: 100%;
  display: block;
  margin-bottom: 30px;
}

.search-list ul.list li a {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 10px;
  display: block;
}

.search-list ul.list li a span {
  color: var(--theme-colors);
}

.search-list ul.list li a:hover {
  color: var(--theme-colors);
}


/*FILTER TYPE*/

.filter-type {}

.filter-type .box-shadow-radius {
  background: #fff;
  width: 100%;
}

.filter-type .section-title .h3-md {
  font-size: 13px;
  color: #000;
  margin-bottom: 15px;
  text-align: left;
}

.filter-type .item-node {
  padding: 20px;
}

.filter-type .item-node .h5-md {
  font-weight: 500;
  font-size: 20px;
}

.filter-type .item-node .list {
  margin-top: 10px;
}

.filter-type .item-node .list li {
  width: calc(100% / 2 - 10px);
  float: left;
  margin-bottom: 10px;
}

.filter-type .item-node .list li:nth-child(even) {
  margin-left: 20px;
}

.filter-type .item-node .list a {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6)
}

.filter-type .item-node .list a.active,
.filter-type .item-node .list a:hover {
  color: var(--theme-colors);
  text-decoration: underline;
}

.search-input {
  position: relative;
  background: #fff;
  border-radius: 50px;
  height: 30px;
  border: 1px solid rgba(0, 0, 0, 0.3);
}

.search-input .kushewang {
  position: absolute;
  top: -2px;
  left: 8px;
  z-index: 1;
  color: #B3CDF9;
  font-size: 22px;
}

.search-input .input,
.search-input .input:focus,
.search-input .input:hover {
  position: absolute;
  top: 1px;
  outline: none;
  height: 27px;
  border-radius: 50px;
  border: 0px;
  width: 100%;
  padding-left: 40px;
}

.search-input .sbtn {
  position: absolute;
  top: 0px;
  right: -1px;
  display: none;
  border-radius: 50px;
}

.search-input:hover,
.search-input:focus {
  border-color: var(--theme-colors);
}

/*sxxt-page2*/
.sxxt-page2 .filtr-item {}

.sxxt-page2 .filtr-item .tag {
  position: absolute;
  z-index: 1;
  color: #fff;
  font-size: 13px;
  display: block;
  padding: 5px;
  width: 55px;
  text-align: center;
  height: 36px;
  line-height: 30px;
}

.sxxt-page2 .filtr-item .tag:before {
  position: absolute;
  z-index: -1;
  top: 0px;
  left: 0px;
  content: ' ';
  display: block;
  width: 0px;
  height: 0px;
  border-top: 40px solid var(--theme-colors);
  border-left: 40px solid var(--theme-colors);
  border-bottom: 40px solid transparent;
  border-right: 40px solid transparent;
  border-top-left-radius: 15px;
}

/*------------------------------------------*/
/*  Reviews Rating
/*------------------------------------------*/

.section-title {
  text-align: center;
}

.section-title h3,
.section-title h2 {
  letter-spacing: -0.75px;
}

.section-title p {
  color: #868686;
  padding: 0 15%;
  margin: 10px 0 0;
  /* font-weight:bold; */
}

.section-title h4 {
  position: relative;
  padding-bottom: 20px;
}

.section-title h4:after,
.section-title .other:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  content: '';
  width: 27px;
  height: 5px;
  background: url('../image/title_bor_1-5639c5dda61af339798224a833535cdd.png') no-repeat center;
}

.section-title .other:after {
  background: url('../image/title_bor_2-93a4d127b75f2fc8fb169c9e3237b030.png') no-repeat center;
}

.section-title .nobg {
  font-weight: 500;
}

.section-title .nobg:after {
  background: none;
}

/*------------------------------------------*/
/*  TEXT COLOR
/*------------------------------------------*/


.grey-color,
.grey-color h2,
.grey-color h3,
.grey-color h4,
.grey-color h5,
.grey-color h6,
.grey-color p,
.grey-color a,
.grey-color li,
.grey-color i,
.grey-color span,
.white-color .grey-color {
  color: #757575;
}

/*------------------------------------------*/
/*  TEXT BLOCK TYPOGRAPHY
/*------------------------------------------*/

.txt-block h4,
.txt-block h3,
.txt-block h2 {
  letter-spacing: -1px;
  margin-bottom: 25px;
}

.txt-block h5.sm-title {
  margin-bottom: 12px;
}

.txt-block .btn {
  margin-top: 15px;
}



/* =================
  PRELOAD SPINNER
  ======================== */

#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999999;
}

#loading {
  background-color: #2b3648;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 99999999;
  margin-top: 0px;
  top: 0px;
}

.cssload-loader {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -25px;
  margin-left: -25px;
  width: 50px;
  height: 50px;
  animation: cssload-invert 2.3s infinite steps(2, end);
  -o-animation: cssload-invert 2.3s infinite steps(2, end);
  -ms-animation: cssload-invert 2.3s infinite steps(2, end);
  -webkit-animation: cssload-invert 2.3s infinite steps(2, end);
  -moz-animation: cssload-invert 2.3s infinite steps(2, end);
}

.cssload-ball {
  height: 100%;
  width: 100%;
  position: absolute;
  border-radius: 50%;
  top: 0;
  left: 0;
  background: var(--theme-colors);
}

.cssload-ball-1 {
  animation: cssload-ball1 1.15s infinite alternate linear;
  -o-animation: cssload-ball1 1.15s infinite alternate linear;
  -ms-animation: cssload-ball1 1.15s infinite alternate linear;
  -webkit-animation: cssload-ball1 1.15s infinite alternate linear;
  -moz-animation: cssload-ball1 1.15s infinite alternate linear;
}

.cssload-ball-2 {
  animation: cssload-ball2 1.15s infinite alternate linear;
  -o-animation: cssload-ball2 1.15s infinite alternate linear;
  -ms-animation: cssload-ball2 1.15s infinite alternate linear;
  -webkit-animation: cssload-ball2 1.15s infinite alternate linear;
  -moz-animation: cssload-ball2 1.15s infinite alternate linear;
}

.cssload-ball-3 {
  animation: cssload-ball3 1.15s infinite alternate linear;
  -o-animation: cssload-ball3 1.15s infinite alternate linear;
  -ms-animation: cssload-ball3 1.15s infinite alternate linear;
  -webkit-animation: cssload-ball3 1.15s infinite alternate linear;
  -moz-animation: cssload-ball3 1.15s infinite alternate linear;
}

.cssload-ball-4 {
  animation: cssload-ball4 1.15s infinite alternate linear;
  -o-animation: cssload-ball4 1.15s infinite alternate linear;
  -ms-animation: cssload-ball4 1.15s infinite alternate linear;
  -webkit-animation: cssload-ball4 1.15s infinite alternate linear;
  -moz-animation: cssload-ball4 1.15s infinite alternate linear;
}

@keyframes cssload-invert {
  100% {
    transform: rotate(180deg);
  }
}

@-o-keyframes cssload-invert {
  100% {
    o-transform: rotate(180deg);
  }
}

@-ms-keyframes cssload-invert {
  100% {
    -ms-transform: rotate(180deg);
  }
}

@-webkit-keyframes cssload-invert {
  100% {
    -webkit-transform: rotate(180deg);
  }
}

@-moz-keyframes cssload-invert {
  100% {
    -moz-transform: rotate(180deg);
  }
}

@keyframes cssload-ball1 {
  12% {
    transform: none;
  }

  26% {
    transform: translateX(25%) scale(1, 0.8);
  }

  40% {
    transform: translateX(50%) scale(0.8, 0.8);
  }

  60% {
    transform: translateX(50%) scale(0.8, 0.8);
  }

  74% {
    transform: translate(50%, 25%) scale(0.6, 0.8);
  }

  88% {
    transform: translate(50%, 50%) scale(0.6, 0.6);
  }

  100% {
    transform: translate(50%, 50%) scale(0.6, 0.6);
  }
}

@-o-keyframes cssload-ball1 {
  12% {
    -o-transform: none;
  }

  26% {
    -o-transform: translateX(25%) scale(1, 0.8);
  }

  40% {
    -o-transform: translateX(50%) scale(0.8, 0.8);
  }

  60% {
    -o-transform: translateX(50%) scale(0.8, 0.8);
  }

  74% {
    -o-transform: translate(50%, 25%) scale(0.6, 0.8);
  }

  88% {
    -o-transform: translate(50%, 50%) scale(0.6, 0.6);
  }

  100% {
    -o-transform: translate(50%, 50%) scale(0.6, 0.6);
  }
}

@-ms-keyframes cssload-ball1 {
  12% {
    -ms-transform: none;
  }

  26% {
    -ms-transform: translateX(25%) scale(1, 0.8);
  }

  40% {
    -ms-transform: translateX(50%) scale(0.8, 0.8);
  }

  60% {
    -ms-transform: translateX(50%) scale(0.8, 0.8);
  }

  74% {
    -ms-transform: translate(50%, 25%) scale(0.6, 0.8);
  }

  88% {
    -ms-transform: translate(50%, 50%) scale(0.6, 0.6);
  }

  100% {
    -ms-transform: translate(50%, 50%) scale(0.6, 0.6);
  }
}

@-webkit-keyframes cssload-ball1 {
  12% {
    -webkit-transform: none;
  }

  26% {
    -webkit-transform: translateX(25%) scale(1, 0.8);
  }

  40% {
    -webkit-transform: translateX(50%) scale(0.8, 0.8);
  }

  60% {
    -webkit-transform: translateX(50%) scale(0.8, 0.8);
  }

  74% {
    -webkit-transform: translate(50%, 25%) scale(0.6, 0.8);
  }

  88% {
    -webkit-transform: translate(50%, 50%) scale(0.6, 0.6);
  }

  100% {
    -webkit-transform: translate(50%, 50%) scale(0.6, 0.6);
  }
}

@-moz-keyframes cssload-ball1 {
  12% {
    -moz-transform: none;
  }

  26% {
    -moz-transform: translateX(25%) scale(1, 0.8);
  }

  40% {
    -moz-transform: translateX(50%) scale(0.8, 0.8);
  }

  60% {
    -moz-transform: translateX(50%) scale(0.8, 0.8);
  }

  74% {
    -moz-transform: translate(50%, 25%) scale(0.6, 0.8);
  }

  88% {
    -moz-transform: translate(50%, 50%) scale(0.6, 0.6);
  }

  100% {
    -moz-transform: translate(50%, 50%) scale(0.6, 0.6);
  }
}

@keyframes cssload-ball2 {
  12% {
    transform: none;
  }

  26% {
    transform: translateX(25%) scale(1, 0.8);
  }

  40% {
    transform: translateX(50%) scale(0.8, 0.8);
  }

  60% {
    transform: translateX(50%) scale(0.8, 0.8);
  }

  74% {
    transform: translate(50%, -25%) scale(0.6, 0.8);
  }

  88% {
    transform: translate(50%, -50%) scale(0.6, 0.6);
  }

  100% {
    transform: translate(50%, -50%) scale(0.6, 0.6);
  }
}

@-o-keyframes cssload-ball2 {
  12% {
    -o-transform: none;
  }

  26% {
    -o-transform: translateX(25%) scale(1, 0.8);
  }

  40% {
    -o-transform: translateX(50%) scale(0.8, 0.8);
  }

  60% {
    -o-transform: translateX(50%) scale(0.8, 0.8);
  }

  74% {
    -o-transform: translate(50%, -25%) scale(0.6, 0.8);
  }

  88% {
    -o-transform: translate(50%, -50%) scale(0.6, 0.6);
  }

  100% {
    -o-transform: translate(50%, -50%) scale(0.6, 0.6);
  }
}

@-ms-keyframes cssload-ball2 {
  12% {
    -ms-transform: none;
  }

  26% {
    -ms-transform: translateX(25%) scale(1, 0.8);
  }

  40% {
    -ms-transform: translateX(50%) scale(0.8, 0.8);
  }

  60% {
    -ms-transform: translateX(50%) scale(0.8, 0.8);
  }

  74% {
    -ms-transform: translate(50%, -25%) scale(0.6, 0.8);
  }

  88% {
    -ms-transform: translate(50%, -50%) scale(0.6, 0.6);
  }

  100% {
    -ms-transform: translate(50%, -50%) scale(0.6, 0.6);
  }
}

@-webkit-keyframes cssload-ball2 {
  12% {
    -webkit-transform: none;
  }

  26% {
    -webkit-transform: translateX(25%) scale(1, 0.8);
  }

  40% {
    -webkit-transform: translateX(50%) scale(0.8, 0.8);
  }

  60% {
    -webkit-transform: translateX(50%) scale(0.8, 0.8);
  }

  74% {
    -webkit-transform: translate(50%, -25%) scale(0.6, 0.8);
  }

  88% {
    -webkit-transform: translate(50%, -50%) scale(0.6, 0.6);
  }

  100% {
    -webkit-transform: translate(50%, -50%) scale(0.6, 0.6);
  }
}

@-moz-keyframes cssload-ball2 {
  12% {
    -moz-transform: none;
  }

  26% {
    -moz-transform: translateX(25%) scale(1, 0.8);
  }

  40% {
    -moz-transform: translateX(50%) scale(0.8, 0.8);
  }

  60% {
    -moz-transform: translateX(50%) scale(0.8, 0.8);
  }

  74% {
    -moz-transform: translate(50%, -25%) scale(0.6, 0.8);
  }

  88% {
    -moz-transform: translate(50%, -50%) scale(0.6, 0.6);
  }

  100% {
    -moz-transform: translate(50%, -50%) scale(0.6, 0.6);
  }
}

@keyframes cssload-ball3 {
  12% {
    transform: none;
  }

  26% {
    transform: translateX(-25%) scale(1, 0.8);
  }

  40% {
    transform: translateX(-50%) scale(0.8, 0.8);
  }

  60% {
    transform: translateX(-50%) scale(0.8, 0.8);
  }

  74% {
    transform: translate(-50%, 25%) scale(0.6, 0.8);
  }

  88% {
    transform: translate(-50%, 50%) scale(0.6, 0.6);
  }

  100% {
    transform: translate(-50%, 50%) scale(0.6, 0.6);
  }
}

@-o-keyframes cssload-ball3 {
  12% {
    -o-transform: none;
  }

  26% {
    -o-transform: translateX(-25%) scale(1, 0.8);
  }

  40% {
    -o-transform: translateX(-50%) scale(0.8, 0.8);
  }

  60% {
    -o-transform: translateX(-50%) scale(0.8, 0.8);
  }

  74% {
    -o-transform: translate(-50%, 25%) scale(0.6, 0.8);
  }

  88% {
    -o-transform: translate(-50%, 50%) scale(0.6, 0.6);
  }

  100% {
    -o-transform: translate(-50%, 50%) scale(0.6, 0.6);
  }
}

@-ms-keyframes cssload-ball3 {
  12% {
    -ms-transform: none;
  }

  26% {
    -ms-transform: translateX(-25%) scale(1, 0.8);
  }

  40% {
    -ms-transform: translateX(-50%) scale(0.8, 0.8);
  }

  60% {
    -ms-transform: translateX(-50%) scale(0.8, 0.8);
  }

  74% {
    -ms-transform: translate(-50%, 25%) scale(0.6, 0.8);
  }

  88% {
    -ms-transform: translate(-50%, 50%) scale(0.6, 0.6);
  }

  100% {
    -ms-transform: translate(-50%, 50%) scale(0.6, 0.6);
  }
}

@-webkit-keyframes cssload-ball3 {
  12% {
    -webkit-transform: none;
  }

  26% {
    -webkit-transform: translateX(-25%) scale(1, 0.8);
  }

  40% {
    -webkit-transform: translateX(-50%) scale(0.8, 0.8);
  }

  60% {
    -webkit-transform: translateX(-50%) scale(0.8, 0.8);
  }

  74% {
    -webkit-transform: translate(-50%, 25%) scale(0.6, 0.8);
  }

  88% {
    -webkit-transform: translate(-50%, 50%) scale(0.6, 0.6);
  }

  100% {
    -webkit-transform: translate(-50%, 50%) scale(0.6, 0.6);
  }
}

@-moz-keyframes cssload-ball3 {
  12% {
    -moz-transform: none;
  }

  26% {
    -moz-transform: translateX(-25%) scale(1, 0.8);
  }

  40% {
    -moz-transform: translateX(-50%) scale(0.8, 0.8);
  }

  60% {
    -moz-transform: translateX(-50%) scale(0.8, 0.8);
  }

  74% {
    -moz-transform: translate(-50%, 25%) scale(0.6, 0.8);
  }

  88% {
    -moz-transform: translate(-50%, 50%) scale(0.6, 0.6);
  }

  100% {
    -moz-transform: translate(-50%, 50%) scale(0.6, 0.6);
  }
}

@keyframes cssload-ball4 {
  12% {
    transform: none;
  }

  26% {
    transform: translateX(-25%) scale(1, 0.8);
  }

  40% {
    transform: translateX(-50%) scale(0.8, 0.8);
  }

  60% {
    transform: translateX(-50%) scale(0.8, 0.8);
  }

  74% {
    transform: translate(-50%, -25%) scale(0.6, 0.8);
  }

  88% {
    transform: translate(-50%, -50%) scale(0.6, 0.6);
  }

  100% {
    transform: translate(-50%, -50%) scale(0.6, 0.6);
  }
}

@-o-keyframes cssload-ball4 {
  12% {
    -o-transform: none;
  }

  26% {
    -o-transform: translateX(-25%) scale(1, 0.8);
  }

  40% {
    -o-transform: translateX(-50%) scale(0.8, 0.8);
  }

  60% {
    -o-transform: translateX(-50%) scale(0.8, 0.8);
  }

  74% {
    -o-transform: translate(-50%, -25%) scale(0.6, 0.8);
  }

  88% {
    -o-transform: translate(-50%, -50%) scale(0.6, 0.6);
  }

  100% {
    -o-transform: translate(-50%, -50%) scale(0.6, 0.6);
  }
}

@-ms-keyframes cssload-ball4 {
  12% {
    -ms-transform: none;
  }

  26% {
    -ms-transform: translateX(-25%) scale(1, 0.8);
  }

  40% {
    -ms-transform: translateX(-50%) scale(0.8, 0.8);
  }

  60% {
    -ms-transform: translateX(-50%) scale(0.8, 0.8);
  }

  74% {
    -ms-transform: translate(-50%, -25%) scale(0.6, 0.8);
  }

  88% {
    -ms-transform: translate(-50%, -50%) scale(0.6, 0.6);
  }

  100% {
    -ms-transform: translate(-50%, -50%) scale(0.6, 0.6);
  }
}

@-webkit-keyframes cssload-ball4 {
  12% {
    -webkit-transform: none;
  }

  26% {
    -webkit-transform: translateX(-25%) scale(1, 0.8);
  }

  40% {
    -webkit-transform: translateX(-50%) scale(0.8, 0.8);
  }

  60% {
    -webkit-transform: translateX(-50%) scale(0.8, 0.8);
  }

  74% {
    -webkit-transform: translate(-50%, -25%) scale(0.6, 0.8);
  }

  88% {
    -webkit-transform: translate(-50%, -50%) scale(0.6, 0.6);
  }

  100% {
    -webkit-transform: translate(-50%, -50%) scale(0.6, 0.6);
  }
}

@-moz-keyframes cssload-ball4 {
  12% {
    -moz-transform: none;
  }

  26% {
    -moz-transform: translateX(-25%) scale(1, 0.8);
  }

  40% {
    -moz-transform: translateX(-50%) scale(0.8, 0.8);
  }

  60% {
    -moz-transform: translateX(-50%) scale(0.8, 0.8);
  }

  74% {
    -moz-transform: translate(-50%, -25%) scale(0.6, 0.8);
  }

  88% {
    -moz-transform: translate(-50%, -50%) scale(0.6, 0.6);
  }

  100% {
    -moz-transform: translate(-50%, -50%) scale(0.6, 0.6);
  }
}

/*------------------------------------------*/
/*  Logo Image
/*------------------------------------------*/

.logo-black {
  display: block;
}

.navbar-dark .logo-white {
  display: none;
}


/*------------------------------------------*/
/*  SERVICE BOX TEXT
/*------------------------------------------*/

.sbox-3-txt,
.sbox-4-txt,
.sbox-5-txt {
  overflow: hidden;
  padding-left: 25px;
}

.sbox-3-txt {
  padding-left: 20px;
}

.sbox-4-txt {
  padding-left: 30px;
}

/*------------------------------------------*/
/*  SERVICE BOX TYPOGRAPHY
/*------------------------------------------*/

.sbox-1 p {
  margin-top: 20px;
  margin-bottom: 0;
}

.sbox-2 h6 {
  margin-top: 20px;
  margin-bottom: 12px;
}

.sbox-5-txt h5,
.sbox-5-txt h6 {
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 0;
}

.sbox-6 p {
  line-height: 1;
  font-weight: 400;
  margin-top: 20px;
  margin-bottom: 0;
}


.sbox-3-ico,
.sbox-4-ico,
.sbox-5-ico,
.sbox-9-ico {
  float: left;
  text-align: center;
  margin-top: 2px;
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid green;
  -webkit-text-fill-color: #555;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}


/* FOOTER  PAGE*/

.footer {
  padding-top: 50px;
  padding-bottom: 30px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.footer h6 {
  line-height: 1;
  margin-bottom: 25px;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.9);
}

/*------------------------------------------*/
/*   FOOTER LINKS
/*------------------------------------------*/

.footer-links li {
  width: auto !important;
  display: block !important;
  vertical-align: top;
  clear: none !important;
  margin: 0;
  padding: 0;
}

.footer-links li a {
  margin-bottom: 10px;
  display: block;
  color: rgba(0, 0, 0, 0.8);
}

.footer-links li a:hover {
  color: var(--theme-colors);
}

/*------------------------------------------*/
/*  YOUQING TABS FOOTER
/*------------------------------------------*/
.re-you-qing {}

.re-you-qing .nav-tabs {}

.re-you-qing .nav-tabs li {
  margin-right: 50px;
  line-height: 40px;
}

.re-you-qing .nav-tabs li a {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
}

.re-you-qing .nav-tabs li a .cw-arrow-down {
  font-size: 12px;
  margin-left: 5px;
}

.re-you-qing .nav-tabs li.active a {
  color: var(--theme-colors);
}

.re-you-qing .nav-tabs li.active a .cw-arrow-down:before {
  content: "\e658";
}

.re-you-qing .tab-content {
  clear: both;
}

.re-you-qing .tab-content .tab-pane ul {
  margin-top: 10px;
}

.re-you-qing .tab-content .tab-pane ul li {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 14px;
}

.re-you-qing .tab-content .tab-pane ul li a {
  color: rgba(0, 0, 0, 0.5);
}

.re-you-qing .tab-content .tab-pane ul li:hover a {
  color: var(--theme-colors);
}

/*------------------------------------------*/
/*  FOOTER COPYRIGHT
/*------------------------------------------*/
.bottom-footer {
  margin-top: 30px;
}

.footer-copyright li {
  float: left;
}

.footer-copyright li:not(:first-child) {
  margin-left: 30px;
}

.footer-copyright li p,
.footer-copyright li a {
  margin-bottom: 0;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
  float: left;
}

.footer-copyright li a:hover {
  color: var(--theme-colors);
}


/* ==========================================================================
 PAGE PAGINATION
  =========================================================================== */
.page-link {
  color: #666;
  padding: 8px 14px;
  margin: 0 3px;
  background-color: transparent;
  border-color: transparent;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border: 1.5px solid rgba(0, 0, 0, 0.6);
}

.page-item:first-child .page-link {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.page-item:last-child .page-link {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
  padding: 8px 11px;
}

.page-item.disabled .page-link {
  color: #aaa;
  background-color: transparent;
}

.next-page.page-link1 {
  margin-left: 30px;
}

.page-link:hover,
.page-item.active .page-link {
  background-color: var(--theme-colors);
  color: #fff;
  border-color: var(--theme-colors);
  box-shadow: 0 0 0 1px rgba(56, 60, 67, .05), 0 1px 3px 0 rgba(56, 60, 67, .15);
}

.page-link:focus {
  background-color: transparent;
  color: var(--theme-colors);
  border-color: var(--theme-colors);
  box-shadow: 0 0;
}


.linkus-dl {}

.linkus-dl dl {}

.linkus-dl dl dt {
  font-size: 20px;
}

.linkus-dl dl dt img {
  margin-right: 5px;
}

.linkus-dl dl dd {
  margin-top: 10px;
  padding-left: 30px;
  line-height: 32px;
  font-size: 18px;
}

.linkus-map {
  margin-top: 30px;
  padding-top: 60px;
  border-top: solid 1px #E1E6F0
}

.about-num-box {
  background: #0059EB;
  margin-bottom: 40px;
  border-radius: 9px;
  color: #fff;
}

.about-num-box h5 {
  font-size: 50px;
}

.about-num-box p {
  font-size: 28px;
}

.about-dl {
  position: relative;
  background: #fff
}

.about-dl dl {
  position: relative;
  z-index: 1;
  padding: 50px 0 50px 120px;
  box-shadow: 0px 1px 7px 1px rgba(16, 26, 124, 0.02);
}

.about-dl dl dt {
  font-size: 35px;
  color: #0059EB;
  font-weight: 700;
}

.about-dl dl dd {
  margin-top: 30px;
  color: #111F2C
}

.about-dl .bot-num {
  position: absolute;
  top: 35px;
  left: 55px;
  z-index: 0;
  width: 187px;
  height: 93px;
}

.about-value {
  padding: 60px 0;
  background: #F7F8FB
}

.about-history-bg {
  padding-top: 80px;
  /*background:url(about-history-bg-cff29791a49b06af71154420a399f7bd.jpg) no-repeat top;*/
  background-size: contain;
}

.history-list .content {
  margin: 53px 0 0 50px;
  width: 916px
}

.history-list .left-menu {
  padding: 15px 20px 30px 0;
  border-right: solid 2px #0077FF
}

.history-list .left-menu li {
  position: relative;
  margin: 30px 0 120px 0;
  text-align: right;
  font-size: 22px;
  color: #a6a8ab;
}

.history-list .left-menu li h3 {
  font-weight: 700;
  font-size: 32px;
}

.history-list .left-menu li:hover {
  cursor: pointer
}

.history-list .left-menu li::after,
.history-list .left-menu li.active::after {
  content: '';
  position: absolute;
  right: -33px;
  top: 9px;
  width: 24px;
  height: 24px;
  background-image: url(/gm/icon/about-circle2-6ffe2349d129f97e33aa5b6b6f84869d.png);
}

.history-list .left-menu li.active {
  color: #111f2c;
}

.history-list .left-menu li.active::after {
  background-image: url(/gm/icon/about-circle-75f33f44689fcf7baeb6d8e33a40438e.png);
}

.history-list .left-menu li.active::before {
  content: '';
  position: absolute;
  right: -105px;
  top: 21px;
  width: 82px;
  height: 2px;
  background: linear-gradient(90deg, #0077FF 0%, #0077FF 45%, #0077FF 47%, rgba(0, 119, 255, 0) 100%);
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
}

.history-list .rgt-box {
  display: none;
  width: 916px
}

.history-li {
  position: relative;
  width: 780px;
  padding: 16px;
  margin: 32px 0 0 0;
  line-height: 24px;
  font-size: 18px;
  color: #111F2C;
  background: rgba(0, 119, 255, 0.1);
}

.history-li:before {
  content: '';
  position: absolute;
  left: -25px;
  top: 50%;
  margin-top: -7px;
  width: 13px;
  height: 13px;
  /*background-image:url(/gm/icon/about-sj-050a938955222970560fd4dc51c001c9.png);*/
}


.main-left-menu {
  width: 135px;
  margin-right: 20px
}

.main-left-menu .simplefilter {
  border-right: solid 1px #D1DAF2
}

.main-left-menu .simplefilter li {
  position: relative;
  padding: 22px 32px 22px 0;
  border-bottom: solid 1px #E2E8F9;
  text-align: right;
  line-height: 24px;
  cursor: pointer;
  font-size: 16px;
  color: #374568;
}

.main-left-menu .simplefilter li:hover,
.main-left-menu .simplefilter li.active {
  color: #0059EB;
  background: linear-gradient(90deg, #EFF1FC 0%, #FDFDFE 46%, #FDFDFE 100%);
}

.main-left-menu .simplefilter li:hover:after,
.main-left-menu .simplefilter li.active:after {
  content: '';
  position: absolute;
  right: -1px;
  top: 0;
  width: 2px;
  height: 100%;
  background: #3860f4;
}

.main-content-box {
  width: calc(100% - 435px)
}

.main-content-box-title {
  font-size: 18px;
  font-weight: 500;
  color: #0059EB
}

.main-content-box .col-md-4 {
  padding-left: 8px;
  padding-right: 8px;
}

.main-right-box {
  width: 255px;
  margin-left: 15px;
}

.main-right-box img {
  width: 100%
}

.main-right-box .list-box {
  background: #fff;
}

.main-right-box .list-box .title {
  padding: 16px;
  line-height: 22px;
  font-size: 22px;
  border-bottom: solid 1px #E5E6EB;
}

.hot-rgt-news,
.new-rgt-news {
  background: #fff;
}

.hot-rgt-news li a,
.new-rgt-news li a {
  display: flex;
  padding: 10px 20px;
  align-items: center;
}

.hot-rgt-news li img {
  width: 52px;
  height: 36px;
  margin-right: 8px;
}

.hot-rgt-news li span {
  font-size: 16px;
  line-height: 22px;
  color: #666;
}

.hot-rgt-news li a:hover span {
  color: #0461F9
}

.new-rgt-news {
  position: relative;
  margin-top: 20px;
  padding-bottom: 20px;
}

.new-rgt-news:before {
  content: '';
  position: absolute;
  left: 20px;
  top: 0;
  width: 2px;
  height: 100%;
  background: #f3f3f3;
}

.new-rgt-news li {
  padding-left: 20px;
}

.new-rgt-news li a {
  position: relative;
}

.new-rgt-news li a:before {
  content: '';
  position: absolute;
  left: -5px;
  top: 50%;
  margin-top: -7px;
  width: 14px;
  height: 14px;
  background: url(/gm/icon/about-circle-75f33f44689fcf7baeb6d8e33a40438e.png) no-repeat center;
  background-size: contain;
}

.new-rgt-news li a:hover {
  color: #0461F9
}

.tag-rgt-news {
  padding: 20px;
}

.tag-rgt-news li {
  display: inline-block;
  margin: 0 10px 10px 0;
}

.tag-rgt-news li a {
  display: inline-block;
  padding: 8px 15px;
  border: solid 1px #E0E0E5;
  border-radius: 2px;
  line-height: 22px;
  font-size: 14px;
  color: #666;
  background: #fafafa;
}

.tag-rgt-news li a:hover {
  color: #0461F9
}

.main-detai-left {
  width: calc(100% - 270px);
}

.main-detai-left .m-detail-box {
  padding: 25px 45px;
  border: solid 1px #E0E0E5;
  background: #fff;
}

.m-detail-box .p-time {
  position: relative;
  padding: 0 0 15px 0;
  color: #999
}

.m-detail-box .p-time:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 74px;
  height: 3px;
  background: #ddd;
}

.m-detail-box .pbox-doc {
  padding: 20px 0
}

.m-detail-box h3 {
  font-size: 32px;
}

.news-detail-bot-updown {
  display: flex;
  justify-content: space-between;
  padding: 24px 30px;
  border-radius: 12px;
  background: #F7F8FC;
}

.news-detail-bot-updown .up-left {
  position: relative;
  flex: 1;
  padding: 0 10px;
}

.news-detail-bot-updown .up-left:after {
  content: '';
  position: absolute;
  right: 20px;
  top: 0;
  width: 1px;
  height: 100%;
  background: #e7e8ec
}

.news-detail-bot-updown .down-right {
  flex: 1;
  padding: 0 10px;
}

.news-detail-bot-updown .p-up a:hover {
  color: #004FC4
}

.news-tag {}

.news-tag span {
  display: inline-block;
  padding: 6px 9px;
  margin: 0 5px 10px 0;
  font-size: 14px;
  border: solid 1px #E0E0E5;
  border-radius: 2px;
  color: #666;
}

.related-news {
  wdith: 100%;
}

.related-news li {
  float: left;
  width: 50%;
}

.related-news li a {
  position: relative;
  width: 100%;
  display: inline-block;
  padding: 5px 20px;
  line-height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.related-news li a:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background: #666
}

.related-news li a:hover {
  color: #4f77f6
}

#containerMap {
  width: 100%;
  height: 478px;
}


.foo-socials {
  /*display: inline-block; */
  /*padding-left: 0;*/
  /*margin: 0 auto 0;*/
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.foo-servers li {
  float: left;
}

/*.foo-servers li:not(:first-child){margin-left:50px;}*/
.foo-servers li p {
  /*font-size: 14px;*/
  /*color: rgba(0, 0, 0, 0.6);*/
  margin-bottom: 10px;
  /*font-size: 16px;*/
  /*font-family: SourceHanSansCN;*/
  font-weight: 400;
  color: #606060;
}

.foo-servers li a {
  display: block;
  font-size: 20px;
  color: #000000;
}

.btn_primary_o,
.foo-servers li a.rengong-plus {
  margin-top: 10px;
  padding: 5px 20px;
  border: 1px solid var(--theme-colors);
  border-radius: 5px;
  color: var(--theme-colors);
  font-size: 16px;
}

.foo-servers li a.rengong-plus:hover,
.btn_primary_o:hover {
  background: var(--theme-colors);
  color: #fff;
}

.foo-socials li {
  width: auto !important;
  display: inline-block !important;
  vertical-align: top;
  clear: none !important;
  text-align: right;
  margin: 0 0 10px 0;
  padding: 0;
}

.foo-socials a {
  position: relative;
  display: block;
  width: 38px;
  height: 38px;
  color: rgba(0, 0, 0, 0.5);
  line-height: 36px !important;
}

.foo-socials li:not(:first-child) {
  margin-left: 30px;
}

.foo-socials a .kushewang {
  font-size: 28px;
}

.foo-socials a:hover .cw-weixin {
  color: #00d330;
}

.foo-socials a:hover .cw-douyin {
  color: #666666;
}

.foo-socials a:hover .cw-weibo {
  color: #007bff;
}

.foo-socials .tipFixed,
.lgc1-pg2 .shejiao .jiaru .tipFixed,
.ziXunService .tipFixed {
  position: absolute;
  left: -50px;
  display: none;
  width: 150px;
  /*height:200px;*/
  z-index: 2;
  border: 1px solid #ccc;
  padding: 15px;
  text-align: center;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 8px rgb(0 0 0 / 15%);
  -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
  box-shadow: 0 3px 8px rgb(0 0 0 / 15%);
}

.foo-socials .tipFixed:after,
.ziXunService .tipFixed:after,
.foo-socials .tipFixed:before,
.ziXunService .tipFixed:before,
.lgc1-pg2 .shejiao .jiaru .tipFixed:after,
.lgc1-pg2 .shejiao .jiaru .tipFixed:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.foo-socials .tipFixed:after,
.lgc1-pg2 .shejiao .jiaru .tipFixed:after,
.ziXunService .tipFixed:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 8px;
  margin-left: -8px;
}

.foo-socials .tipFixed:before,
.lgc1-pg2 .shejiao .jiaru .tipFixed:before,
.ziXunService .tipFixed:before {
  border-color: rgba(204, 204, 204, 0);
  border-bottom-color: #cccccc;
  border-width: 9px;
  margin-left: -9px;
}



.foo-socials .tipFixed .img-fluid,
.lgc1-pg2 .shejiao .jiaru .tipFixed .img-fluid,
.ziXunService .tipFixed .img-fluid {
  width: 100%;
  margin-bottom: 10px;
}

.foo-socials .tipFixed font,
.lgc1-pg2 .shejiao .jiaru .tipFixed font,
.ziXunService .tipFixed font {
  color: var(--theme-colors);
}

.foo-socials a:hover .tipFixed,
.lgc1-pg2 .shejiao .jiaru:hover .tipFixed,
.ziXunService:hover .tipFixed {
  display: block;
}

.lgc1-pg2 .shejiao .jiaru .tipFixed {
  left: 23%;
}

/* ==========================================================================
  SCROLL TO TOP
  =========================================================================== */

#scrollUp {
  display: none;
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 35px;
  right: 25px;
  z-index: 99;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background-image: url(../image/back-to-top-3a6ededad80d7dda1f5760dbdb0d251c.png);
  background-repeat: no-repeat;
  background-position: 50% 48%;
  background-color: rgba(35, 35, 35, .2);
  -webkit-transition: all 250ms linear;
  -moz-transition: all 250ms linear;
  transition: all 250ms linear;
}

#scrollUp:hover {
  background-color: rgba(35, 35, 35, .5);
}

nav a#pull {
  display: none;
}

/*DIDEO PAGE */
.video-player {
  --accent: #c9c9c9;
  --border-width: 5;
  background: var(--accent);
  overflow: hidden;
  position: relative;
}

.video-player__action {
  position: absolute;
  font-weight: bold;
  font-size: 2rem;
  color: #fff;
  -webkit-transform: scale(0);
  transform: scale(0);
  background: transparent;
  border: 0;
  cursor: pointer;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  outline-color: transparent;
  outline: 0;
}

.video-player__action svg {
  height: 2.5rem;
  fill: #fff;
}

.video-player__indicator {
  position: absolute;
  background: var(--theme-colors);
}

.video-player__indicator:nth-of-type(1),
.video-player__indicator:nth-of-type(3) {
  height: calc(var(--border-width) * 1px);
  width: 100%;
  -webkit-transform-origin: left;
  transform-origin: left;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

.video-player__indicator:nth-of-type(2),
.video-player__indicator:nth-of-type(4) {
  height: 100%;
  width: calc(var(--border-width) * 1px);
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

.video-player__indicator:nth-of-type(1) {
  top: 0;
}

.video-player__indicator:nth-of-type(3) {
  bottom: 0;
}

.video-player__indicator:nth-of-type(2) {
  top: 0;
  right: 0;
  bottom: 0;
}

.video-player__indicator:nth-of-type(4) {
  top: 0;
  left: 0;
  bottom: 0;
}

.video-player video {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 500px;
  outline-color: transparent;
}

@media (min-width: 768px) {
  .video-player video {
    width: 100%;
  }
}



.page404 {
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -65%);
  transform: translate(-50%, -65%);
}

.page404 .section-title {
  margin-top: -30px;
}

.page404 .section-title .h3-md {
  color: #ff0000;
}

.page404 .section-title p {
  line-height: 22px;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}

.page404 .section-title a {
  color: var(--theme-colors);
  padding-top: 20px;
  display: block;
}

.page404 .section-title a:hover {
  color: #000;
}

.error-no {
  font-size: 170px;
  font-weight: bold;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  color: var(--theme-colors);
  text-shadow: -2px 4px 2px rgba(0, 0, 0, 0.5);
}

.moon {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: #fff;
  position: relative;
  display: inline-block;
  z-index: 10;
  overflow: hidden;
  /*box-shadow: -20px 0 20px var(--theme-colors) inset;*/
  border: 1px solid var(--theme-colors);
}

.moon:after {
  content: '';
  position: absolute;
  left: 75px;
  top: 70%;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: #e9e9e9;
  background: currentcolor;
  -webkit-animation: 5s spin linear infinite;
  animation: 5s spin linear infinite;
  box-shadow: -30px -50px 0 20px, 50px -30px 0 -8px, 50px -90px 0 2px, 100px -90px 0 0px, 100px -40px 0 25px, 150px -15px 0 0px, 240px 15px 0 4px, 230px -80px 0 2px, 200px -20px 0 16px, 350px 0 0, 320px -50px 0 20px, 400px -30px 0 -8px, 400px -90px 0 2px;
}

.mj {
  position: relative;
  margin: auto;
  z-index: 30;
  width: 60px;
  -webkit-transform: scale(0.6) translatey(70%);
  transform: scale(0.6) translatey(70%);
}

.mj .head {
  width: 30px;
  height: 35px;
  background: #feead6;
  position: relative;
  border-radius: 0 0 8px 0;
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
  left: 10px;
  top: 5px;
  z-index: 5;
}

.mj .head:before {
  content: '';
  background: #000;
  width: 35px;
  height: 30px;
  position: absolute;
  left: -2px;
  bottom: 100%;
}

.mj .head:after {
  content: '';
  height: 3px;
  width: 60px;
  background: #000;
  position: absolute;
  left: 50%;
  -webkit-transform: translatex(-50%);
  transform: translatex(-50%);
  bottom: 100%;
}

.mj .head .nose {
  position: absolute;
  left: 100%;
  top: 10px;
  border-width: 8px 0 0 4px;
  border-style: solid;
  border-color: transparent #feead6;
}

.mj .hair {
  background: #151515;
  width: 12px;
  height: 20px;
  position: relative;
  left: -2px;
  border-radius: 0 0 6px 0;
}

.mj .hair .ponytail {
  position: absolute;
  background: #151515;
  width: 14px;
  height: 30px;
  border-radius: 50%;
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
  left: -60%;
  top: 90%;
  -webkit-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-animation: ponytail 1s infinite alternate;
  animation: ponytail 1s infinite alternate;
}

.mj .hair .ponytail:after {
  content: '';
  background: #151515;
  width: 9px;
  height: 14px;
  position: absolute;
  left: 10%;
  -webkit-transform: rotate(21deg);
  transform: rotate(21deg);
  top: 70%;
  border-radius: 10px 0 50%;
}

.mj .hair .frontpony {
  position: absolute;
  width: 8px;
  height: 12px;
  border-left: 3px solid;
  border-bottom: 2px solid;
  left: 22px;
  top: 0px;
  -webkit-transform: skew(35deg, 0) rotate(35deg);
  transform: skew(35deg, 0) rotate(35deg);
  border-radius: 0 0 0 43%;
  color: #151515;
}

.mj .hair .frontpony:after {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  border-right: 1px solid;
  border-bottom: 1px solid;
  left: -4px;
  top: 13px;
  -webkit-transform: skew(0deg, -47deg) rotate(-28deg);
  transform: skew(0deg, -47deg) rotate(-28deg);
  border-radius: 0 0 7px 0;
}

.body {
  width: 35px;
  background: #feead6;
  position: relative;
}

.body:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  border-style: solid;
  border-width: 5px 8px 15px 0px;
  border-color: transparent #feead6 transparent transparent;
}

.body .jacket {
  background: #000;
  height: 70px;
  position: relative;
}

.body .jacket:before {
  content: '';
  position: absolute;
  top: 50px;
  left: -10px;
  width: 45px;
  height: 40px;
  background: #000;
  border-radius: 0 50px 50px 50px;
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
  z-index: 5;
  -webkit-animation: 1s jacket infinite alternate;
  animation: 1s jacket infinite alternate;
}

.body .jacket:after {
  content: '';
  position: absolute;
  left: 95%;
  width: 6px;
  height: 115%;
  top: 0;
  background: #000;
  z-index: -5;
  border-radius: 0 0 100px 0;
}

.hand {
  width: 15px;
  height: 40px;
  background: #151515;
  top: 10px;
  left: -5px;
  margin: auto;
  position: relative;
  border-radius: 10px 10px 0 0;
  z-index: 10;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}

.hand:after {
  content: '';
  width: 100%;
  position: absolute;
  top: 38px;
  left: -1px;
  background: #151515;
  height: 40px;
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  border-radius: 0 0 10px 10px;
  z-index: 5;
  -webkit-animation: forArm 1s infinite alternate;
  animation: forArm 1s infinite alternate;
}

.hand:before {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #feead6;
  top: 54px;
  left: 18px;
  -webkit-animation: pam 1s infinite alternate;
  animation: pam 1s infinite alternate;
}

.leg {
  width: 22px;
  background: #000;
  height: 50px;
  margin-left: 10px;
  margin-bottom: 45px;
  position: relative;
  -webkit-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-animation: leg 1s infinite alternate;
  animation: leg 1s infinite alternate;
}

.leg .foot {
  position: absolute;
  top: 50px;
  left: 0;
  width: 22px;
  height: 50px;
  background: #000;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  border-bottom: 6px solid #fff;
  border-radius: 0 0 2px 2px;
  -webkit-animation: foot 1s infinite alternate;
  animation: foot 1s infinite alternate;
}

.leg .foot:before {
  content: '';
  position: absolute;
  top: 50px;
  left: -1px;
  height: 13px;
  width: 42px;
  background: #000;
  border-radius: 0 10px 10px;
}

.leg.lft {
  position: absolute;
  bottom: -50px;
  animation-direction: alternate-reverse;
}

.leg.lft .foot {
  animation-direction: alternate-reverse;
}

@-webkit-keyframes spin {
  0% {
    left: 75px;
  }

  100% {
    left: -275px;
  }
}

@keyframes spin {
  0% {
    left: 75px;
  }

  100% {
    left: -275px;
  }
}

@-webkit-keyframes foot {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }
}

@keyframes foot {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }
}

@-webkit-keyframes leg {
  0% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  100% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}

@keyframes leg {
  0% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  100% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}

@-webkit-keyframes ponytail {
  100% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}

@keyframes ponytail {
  100% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}

@-webkit-keyframes jacket {
  100% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }
}

@keyframes jacket {
  100% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }
}

@-webkit-keyframes forArm {
  100% {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
  }
}

@keyframes forArm {
  100% {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
  }
}

@-webkit-keyframes pam {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  100% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
}

@keyframes pam {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  100% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
}