@charset "UTF-8";

/**{
	transition: 0.5s ease-in-out;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
}*/
body {
  min-width: 1200px;
}

li {
  list-style: none;
  display: inline-block;
}

.index-banner>div {
  padding-top: 140px;
}

.index-banner .left {
  padding-right: 60px;
}

.index-banner .right {
  padding-left: 60px;
}

.index-banner span {
  font-size: 30px;
  font-weight: bold;
}

.index-banner .left span {
  color: #fff;
}

.index-banner a.link-btn {
  display: inline-block;
  padding: 0 25px;
  height: 40px;
  line-height: 40px;
  border-radius: 6px;
  font-size: 16px;
  color: #fff;
}

.index-brand {
  padding: 30px 0 20px 0;
}

.index-brand>div {
  text-align: center;
}

.brand-tips {
  position: relative;
  display: inline-block;
  margin: 0 20px;
  vertical-align: middle;
}

.brand-tips:hover svg:last-child {
  cursor: pointer;
  opacity: 0;
}

.brand-tips:hover svg:first-child {
  opacity: 1;
}

.brand-tips>svg {
  height: 32px;
}

.brand-tips>svg:last-child {
  position: absolute;
  left: 0;
  top: 0;
  fill: #d0cfd3;
}

.brand-tips>svg:first-child {
  opacity: 0;
}

.index-data {
  padding: 20px 0;
  background: #E9F3FF;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
}

.index-data:before,
.index-data:after {
  display: block;
  content: '';
  width: 100%;
  height: 1px;
  background: #2998f5;
}

.index-data-tips {
  background: #E9F3FF;
  padding: 0 10px;
  width: 950px;
  min-width: 900px;
}

.index-data-tips>div {
  display: inline-block;
  font-size: 16px;
}

.index-data-tips>div>span {
  font-size: 24px;
  font-weight: bold;
}

.feature-data {
  padding: 10px 0;
  background: #E9F3FF;
  font-size: 14px;
}

.feature-data>div {
  padding: 10px 50px;
  width: 950px;
  min-width: 900px;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.feature-data .feature-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.feature-data .icon {
  font-size: 46px;
  padding-right: 5px;
}

.feature-data .feature-item .tit {
  padding-top: 10px;
  font-size: 16px;
  font-weight: bold
}

.index-goods {
  background: #FBFBFB;
}

.index-goods-tips {
  padding-top: 30px;
}

.index-goods-tips>div {
  display: inline-block;
}

.index-goods-tips>div>a {
  margin: 0 5px;
}

.index-goods-tips>div:last-child {
  float: right;
  padding: 5px 10px;
  border: 1px solid;
  border-radius: 20px;
  background: #fff;
  margin-top: 10px;
}

.index-goods-tips h3 {
  position: relative;
  font-size: 30px;
  display: inline-block;
  margin-bottom: 25px;
}

.index-goods-tips h3 i {
  color: #fff;
  background: #0bc141;
  border-radius: 10px;
  font-size: 12px;
  display: inline-block;
  padding: 0 10px 0 8px;
  position: absolute;
  top: 0px;
  right: -42px;
  transform: scale(0.7);
}

.index-goods-tips h3 i.hot {
  background: #f9664b;
}

.goods-swiper .swiper-pagination {
  bottom: 10px !important;
}

.index-goods-list.new {
  margin-bottom: 20px;
}

.index-goods-list .good-item {
  position: relative;
  display: block;
  text-align: center;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #e9e9e9;
  vertical-align: top;
  width: 245px;
  margin-bottom: 40px;
  margin-right: 40px;
  padding-bottom: 15px;
}

.index-goods-list .good-item .index-goods-update {
  padding: 0 40px;
}

.index-goods-list .good-item .update-btn {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  text-align: center;
  border: 1px solid rgb(255, 174, 0);
  border-radius: 4px;
  color: rgb(255, 174, 0);
  cursor: pointer;
  outline: 0;
  background: transparent;
  display: block;
  width: 100%;
  font-size: 12px;
}

.index-goods-list.new .good-item {
  width: 200px;
  margin-bottom: 25px;
  margin-right: 25px;
}

.index-goods-list.hot .good-item:nth-child(4n) {
  margin-right: 0;
}

.index-goods-list .index-goods-img {
  display: inline-block;
  width: 220px;
  height: 220px;
  margin: 10px;
  background: center no-repeat;
  background-size: 100%;
}

.index-goods-list.new .index-goods-img {
  width: 180px;
  height: 180px;
}

.index-goods-list .good-item:hover {
  cursor: auto;
  /*margin-bottom: 20px;*/
  box-shadow: 0 5px 20px 0 #e9e9e9;
}

.index-goods-list .good-item:hover .index-goods-img {
  background-size: 110%;
}

.index-goods-list .good-item:hover {
  cursor: pointer;
  color: #000 !important;
}

.index-goods-vip {
  position: absolute;
  right: 5px;
  top: -8px;
  font-size: 28px;
}

.index-goods-vip>span+span {
  margin-left: -14px;
}

/*.index-goods-btn{
	margin-bottom: 20px;
	color: #fff;
	padding: 5px 20px;
	border-radius: 4px;
	display: none;
}
.index-goods-list .good-item:hover .index-goods-btn{
	display: inline-block;
	margin-bottom: 20px;
}
.index-goods-list .index-goods-btn a{
	color: #fff !important;
}*/
.index-goods-list .good-new {
  border: 1px solid #a9adff;
}

.erp-index2 .index-goods-vip {
  right: -9px;
  top: -24px;
}

.index-goods-tit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.index-goods-price>span {
  font-size: 16px;
  font-weight: bold;
}

.index-goods-time,
.index-goods-shipping {
  color: #ababbc;
}

.index-goods-shipping .color-red {
  color: red;
}

.goods-more {
  padding-top: 10px;
}

.goods-more a {
  display: inline-block;
  padding: 8px 25px;
  border-radius: 6px;
  font-size: 16px;
  color: #fff;
  margin-bottom: 20px;
}

.goods-more>div a {
  font-size: 16px;
}

.goods-more>div a:hover {
  text-decoration: underline;
}

.index-art-list {
  margin-top: 30px;
}

.index-art-list>div {
  position: relative;
  display: inline-block;
  text-align: center;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #e9e9e9;
  vertical-align: top;
  width: 240px;
  height: 240px;
  margin: 20px;
  float: left;
}

.index-art-list>div:nth-child(4n-3) {
  margin-left: 5px;
}

.index-art-list>div:nth-child(4n) {
  margin-right: 0;
}

.index-art-list>div:hover {
  cursor: auto !important;
  margin-bottom: 20px;
  box-shadow: 0 5px 20px 0 #e9e9e9;
}

.index-art-list>div:hover img {
  opacity: 0;
}

.index-art-list>div:hover img:last-child {
  opacity: 1;
}

.index-art-list>div>span {
  display: inline-block;
  position: relative;
  width: 220px;
  height: 220px;
  line-height: 220px;
  margin: 10px;
  overflow: hidden;
  border-radius: 4px;
}

.index-art-list>div img {
  width: 100%;
}

.index-art-list>div img:last-child {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  opacity: 0;
}

.art-more {
  text-align: center;
  padding: 20px 0;
}

.art-btn {
  display: inline-block;
  padding: 8px 25px;
  border-radius: 6px;
  font-size: 16px;
  color: #fff;
  margin-bottom: 20px;
}

.index-intro {
  text-align: center;
  background: #FBFBFB url(/static/frontend/images/index/global.svg) no-repeat center 120px;
  background-size: 1300px;
}

.index-intro-title {
  padding-top: 60px;
  font-size: 30px;
  font-weight: bold;
}

.index-intro-title .free {
  position: absolute;
  right: -5px;
  top: 0;
  font-size: 12px;
  display: inline-block;
  padding: 2px 6px;
  background: #F86752;
  color: #fff;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  border-radius: 4px;
  font-style: normal;
}

.index-intro .desc {
  font-size: 14px;
}

.index-intro .desc>span {
  font-weight: bold;
}

.index-intro .tips {
  display: inline-block;
  position: relative;
}

.index-intro .tips i {
  color: #1E96F8;
  font-size: 16px;
}

.index-intro .tips span {
  position: absolute;
  padding: 2px 10px;
  background: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  font-size: 12px;
  font-weight: normal;
  top: 20px;
  left: 0;
  min-width: 290px;
  max-width: 400px;
  white-space: pre-wrap;
  text-align: left;
  display: none;
}

.index-intro .tips i:hover+span {
  display: block;
}

.index-intro-info .tips {
  font-size: 16px;
  font-weight: normal;
}

.index-intro-info .tips span {
  font-size: 12px;
}

.index-intro-info>h1 {
  font-size: 30px;
  margin-top: 30px;
}

.index-intro-main {
  text-align: center;
  margin: 60px 0;
}

.index-intro-main>div {
  display: inline-block;
  vertical-align: top;
  margin-top: 50px;
}

.index-intro-main>div:last-child {
  margin-left: 90px;
  width: 350px;
  margin-top: 0px;
  text-align: left;
}

.index-intro-info li {
  display: block;
  font-size: 14px;
  line-height: 26px;
}

.index-intro-info li:before {
  display: inline-block;
  content: "◆";
  margin-left: 20px;
  transform: scale(0.6);
}

.index-feat {
  text-align: center;
}

.index-feat-title p {
  padding-top: 60px;
  font-size: 30px;
  font-weight: bold;
}

.index-feat-title span {
  color: #ccc;
  font-size: 12px;
}

.index-feat-tage {
  margin: 30px 0 50px;
}

.index-feat-tage>li {
  margin: 0 25px;
  font-size: 14px;
  padding: 20px;
  color: #1E96F8;
  /*border: 1px solid #fff;
    border-radius: 6px;*/
}

.index-feat-tage>li:hover {
  cursor: pointer;
  /*box-shadow: 0 5px 20px 0 #e9e9e9;*/
}

.index-feat-tage>li .ficon {
  font-size: 40px;
  color: #3d3d3f;
  display: inline-block;
}

.logo-swiper-div .logo-direction {
  position: absolute;
  font-size: 30px;
  color: #1E96F8;
  cursor: pointer;
  opacity: 0.5
}

.logo-swiper-div .logo-direction:hover {
  opacity: 1
}

.logo-swiper-div .logo-direction.prev {
  left: 60px;
  top: 6px;
}

.logo-swiper-div .logo-direction.next {
  right: 60px;
  top: 6px;
}

.logo-swiper {
  width: 900px;
}

.logo-swiper .swiper-slide {
  width: 150px;
  height: 50px;
  line-height: 50px;
  margin-right: 20px;
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 37px !important;
}

.logo-swiper .swiper-slide:hover,
.logo-swiper .swiper-slide.on {
  border-color: #1E96F8;
}

.logo-swiper i {
  font-size: 28px;
}

.index-feat-list {
  display: block !important;
  width: 900px;
  padding: 20px;
  border: 1px solid #e9e9e9;
  margin: 20px auto 0;
  border-radius: 0 0 8px 8px;
  position: relative;
  text-align: center;
}

.index-feat-list .title-wrap {
  display: none
}

.index-feat-list .title-div i {
  font-size: 40px;
  color: #1E96F8;
}

.index-feat-list .title-div .text {
  color: #1E96F8;
  font-weight: bold;
  margin-top: 5px;
}

.index-feat-list .detail-div li {
  width: 20%;
  /*不兼容calc时*/
  width: calc(100%/6);
  width: -webkit-calc(100%/6px);
  width: -moz-calc(100%/6px);
  float: left;
  margin-bottom: 30px;
}

.index-feat-list .detail-div p {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  border-radius: 50%;
  background: transparent;
  border: 1px solid #ccc;
  color: #3d3d3f;
  font-size: 18px;
  margin-bottom: 5px;
}

.index-feat-list .detail-div i {
  color: #3d3d3f !important;
}

.index-feat-list>span {
  display: inline-block;
  border: 12px solid;
  border-color: transparent transparent #e9e9e9;
  position: absolute;
  top: -24px;
  /*left: 55px;*/
  left: 65px;
}

.index-feat-list>span:before {
  content: "";
  border: 10px solid;
  position: absolute;
  top: -8px;
  left: -10px;
  border-color: transparent transparent #fff;
}

.index-solve {
  text-align: center;
  background: #1E96F8 url(/static/frontend/images/index/bg-line1.svg) no-repeat center bottom;
}

.index-solve-title {
  padding: 30px 0;
  font-size: 30px;
  color: #fff;
  font-weight: bold;
}

.index-solve-li li {
  vertical-align: top;
  height: 300px;
  width: calc(100%/7);
  margin: 0 -2px;
  font-size: 16px;
  font-weight: bold;
  position: relative;
}

.index-solve-li li:hover {
  margin-top: -10px;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.23);
}

.index-solve-li li:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  background: rgba(255, 255, 255, 0.2);
}

.index-solve-li li:nth-child(2n):before {
  background: rgba(89, 165, 230, 0.4)
}

.index-solve-li li>img {
  display: block;
  width: 100%;
  height: 100%;
}

.index-solve-li li>.text-info {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  text-align: center;
  color: #3d3d3f;
  padding-top: 40%
}

.index-solve-li li:nth-child(2n)>.text-info,
.index-solve-li li:nth-child(2n)>.text-info i {
  color: #fff;
}

.index-solve-li li>.text-info i {
  font-size: 30px;
  color: #000;
}

.index-solve-li li>.text-info .title {
  margin-top: 10px;
  margin-bottom: 5px;
}

.index-solve-li li>.text-info .en {
  font-size: 12px;
}

.solve-more {
  padding: 50px 0 30px;
  color: #fff;
}

.solve-btn {
  display: inline-block;
  padding: 8px 25px;
  border-radius: 6px;
  font-size: 16px;
  margin-bottom: 20px;
  border: 1px solid;
  color: #fff;
}

.solve-btn:hover {
  cursor: pointer;
  color: #3d3d3f;
  background: #fff;
}

/*牛牛ERP*/
.erp-btn {
  display: inline-block;
  padding: 8px 25px;
  border-radius: 6px;
  font-size: 16px;
  color: #fff;
  margin-bottom: 20px;
}

.erp-index1 {
  background: #FBFBFB;
  padding: 20px 0;
  text-align: center;
  position: relative;
  font-size: 16px;
  color: rgb(153, 153, 153);
}

.erp-index1>a {
  width: 190px;
  height: 80px;
  background: #fff;
  border: 1px solid #efefef;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 6px;
}

.erp-index1>a:hover {
  box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.1);
}

.erp-index1>a:not(:last-child) {
  margin-right: 25px;
}

.erp-index1>a i {
  font-size: 40px;
  color: rgba(0, 0, 0, 0.3);
  margin-left: 15px;
}

.erp-index1>a.active {
  color: #fff;
  font-weight: bold;
}

.erp-index1>a.active i {
  color: #fff;
}

.erp-index2 .index-goods-vip {
  right: -11px;
  top: -22px;
  font-size: 70px;
}

.erp-index2 {
  padding: 20px 0;
}

.erp-index2 li {
  width: 180px;
  height: 220px;
  /*border:1px solid #e9e9e9;*/
  /*border-radius: 6px;*/
  margin-right: 60px;
  margin-bottom: 25px;
  text-align: center;
  padding-top: 60px;
  position: relative;
  background: url('/static/frontend/images/erp/erpbg1.png') no-repeat;
  background-size: 100% 100%;
}

.erp-index2 li.more {
  background: url('/static/frontend/images/erp/erpbg2.png') no-repeat;
  color: #fff;
  padding-top: 0;
  background-size: 100% 100%;
}

.erp-index2 li.more a {
  display: block;
  color: #fff;
  width: 100%;
  height: 220px;
  padding-top: 60px
}

.erp-index2 ul li:last-child {
  margin-right: 0;
}

.erp-index2 li>i {
  font-size: 36px;
}

.erp-index2 li.more i {
  font-size: 50px;
}

.erp-index2 li h6 {
  font-size: 14px;
  padding-top: 20px;
  padding-bottom: 5px;
}

.erp-index2 li.more p {
  padding: 10px 0;
}

.erp-index3 {
  background: #FBFBFB;
  padding: 50px 0;
}

.erp-index3.e3-2 {
  background: #fff;
}

.erp-index3>div {
  width: 900px;
  margin: 0 auto;
}

.erp-index3 h3 {
  font-size: 30px;
  color: #1787E2;
}

.erp-index3 .text-div p {
  margin-top: 10px;
  margin-bottom: 50px;
  font-size: 16px;
  color: #5a5656;
}

.erp-index4 {
  background: #fff;
  padding: 30px 0;
}

.erp-index4 .title {
  text-align: center;
  padding-bottom: 30px;
  color: rgb(38, 38, 38);
  font-weight: normal;
}

.erp-index4 ul {
  width: 900px;
  margin: 0 auto;
}

.erp-index4 li {
  width: 25%;
  text-align: center;
  margin-bottom: 40px;
}

.erp-index4 li {
  font-size: 14px;
  color: #1E96F8;
}

.erp-index4 .ficon {
  font-size: 40px;
  color: #3d3d3f;
  display: inline-block;
}

.erp-index4 .i-logo,
.erp-index4 .more {
  display: inline-block;
  width: 150px;
  height: 50px;
  line-height: 50px;
  margin-right: 20px;
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  /*cursor: pointer;*/
  font-size: 28px;
}

.erp-index4 .i-logo:hover,
.erp-index4 .more:hover {
  /*border:1px solid #1E96F8; */
}

.erp-index4 .more {
  background: #91ccff;
  color: #fff;
  font-size: 14px;
}

.super_tips {
  position: relative;
  background: #0893fb;
  color: #fff;
  text-align: center;
}

.super_tips .h1 {
  padding: 20px 0;
  font-size: 30px;
  font-weight: bold;
}

.super_tips .h1bg {
  background: #FFFFFF;
  background: -moz-linear-gradient(-45deg, #fff 45%, #666 50%, #fff 55%);
  background: -webkit-linear-gradient(-45deg, #fff 45%, #666 50%, #fff 55%);
  background: -o-linear-gradient(-45deg, #fff 45%, #666 50%, #fff 55%);
  background: -ms-linear-gradient(-45deg, #fff 45%, #666 50%, #fff 55%);
  background: linear-gradient(-45deg, #fff 45%, #666 50%, #fff 55%);
  background-size: 50% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: aitf 5s linear infinite;
}

@keyframes aitf {
  0% {
    background-position: 0% 50%;
  }

  100% {
    background-position: 100% 50%;
  }
}

.super_tips .main {
  margin-bottom: 30px;
  display: inline-block;
  background: rgba(255, 255, 255, 0.2);
}

.super_tips .main table {
  width: 800px;
  height: 350px;
  margin: 10px;
  color: #3d3d3f;
  background: #fff;
}

.super_tips .main table th {
  position: relative;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 5px;
  overflow: hidden;
}

.super_tips .main table th div {
  margin-bottom: -5px;
}

.super_tips .main table th img {
  width: 56px;
  position: absolute;
  right: -15px;
  top: -15px;
  transform: rotate(-15deg);
  opacity: 0.5;
}

.super_tips .main table th .start {
  display: inline-block;
  width: 65px;
  height: 10px;
  background: url(/static/frontend/images/price/start.png) no-repeat top left;
  background-size: auto 10px;
}

.super_tips .main table th:first-child {
  background: #d2eaff;
}

.super_tips .main table th:nth-child(2) {
  background: #9cd3ff;
}

.super_tips .main table th:nth-child(2) .start {
  width: 18px;
}

.super_tips .main table th:nth-child(3) {
  background: #2998f5;
}

.super_tips .main table th:nth-child(3) .start {
  width: 58px;
}

.super_tips .main table td {
  padding: 8px 0;
  border-top: 1px solid #b7d9f5;
  border-right: 1px solid #b7d9f5;
}

.super_tips .main table td:last-child {
  border-right: none;
}

.super_tips .main table tr:nth-child(2n+1) {
  background: rgba(0, 0, 0, 0.02);
}

.super_tips .main table tr .boss {
  font-size: 24px;
  color: #aaaaaa;
}

.super_tips .main table tr:hover {
  background: #fae8e8 !important;
}

.super_tips .main .nov {
  position: relative;
  font-size: 14px;
  font-weight: bold;
  color: #2998f5;
}

.super_tips .btn {
  display: inline-block;
  position: absolute;
  bottom: -28px;
  left: 0;
  right: 0;
  margin: auto;
}

.super_tips .btn>a {
  display: inline-block;
  border-radius: 0 0 6px 6px;
  padding: 5px 20px;
  color: #fff;
  background: #0893fb;
}

/************** banner3 start *************/
.banner3-bg-url {
  height: 100%;
  display: block;
}

.banner3-left-url {
  display: block;
  width: 406px;
  height: 335px;
  margin-top: -335px;
  margin-left: -750px;
}

.banner3-right-url {
  display: block;
  width: 509px;
  height: 400px;
  margin-top: -400px;
  margin-left: 411px;
}

/************** banner3 end *************/




* {
  margin: 0;
  padding: 0;
  text-decoration: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  -webkit-box-sizing: border-box;
  /* Safari */
}

a {
  cursor: pointer;
  text-decoration: none;
  color: rgb(89, 90, 90);
}

body {
  font: 12px/1.55 "HanHei SC", PingHei, "PingFang SC", STHeitiSC-Light,
    "Helvetica Neue", Helvetica, "Microsoft Yahei", STHeiti,
    "\9ED1\4F53", Arial, sans-serif;
}

img {
  border: 0;
  vertical-align: middle;
}

input,
textarea {
  padding: 6px;
}

input[type="button"] {
  padding: 0;
}

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
  color: #999;
}

textarea::-moz-placeholder,
input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999;
}

textarea:-moz-placeholder,
input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999;
}

textarea:-ms-input-placeholder,
input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999;
}

ul,
ol {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.fix {
  zoom: 1;
}

.fix:after {
  display: block;
  content: 'clear';
  clear: both;
  line-height: 0;
  visibility: hidden;
}

.vm {
  vertical-align: middle !important;
}

.dn {
  display: none;
}

.relative {
  position: relative;
}

.tc {
  text-align: center;
}

.tr {
  text-align: right;
}

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px !important;
  ;
}

.mt42 {
  margin-top: 42px;
}

.pb32 {
  padding-bottom: 32px;
}

.mt35 {
  margin-top: 35px !important;
  ;
}

.mt50 {
  margin-top: 50px;
}

.mr5 {
  margin-right: 5px;
}

.pr {
  position: relative;
}

.pa {
  position: absolute;
}

.mr15 {
  margin-right: 15px;
}

.mr20 {
  margin-right: 20px;
}

.ml25 {
  margin-left: 25px;
}

.mr25 {
  margin-right: 25px;
}

.mr30 {
  margin-right: 30px;
}

.mr35 {
  margin-right: 35px;
}

.mb35 {
  margin-bottom: 35px;
}

.mr50 {
  margin-right: 50px;
}

.mr80 {
  margin-right: 80px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb50 {
  margin-bottom: 50px;
}

.ml5 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml15 {
  margin-left: 15px;
}

.ml20 {
  margin-left: 20px;
}

.ml30 {
  margin-left: 30px;
}

.ml40 {
  margin-left: 40px;
}

.ml50 {
  margin-left: 50px;
}

.ma {
  margin: 0 auto;
}

.cp {
  cursor: pointer;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.p5 {
  padding: 5px;
}

.p10 {
  padding: 10px;
}

.pl10 {
  padding-left: 10px;
}

.mr10 {
  margin-right: 10px;
}

.pl20 {
  padding-left: 20px;
}

.pr20 {
  padding-right: 20px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb20 {
  padding-bottom: 20px;
}

.pt15 {
  padding-top: 15px;
}

.lh20 {
  height: 20px;
  line-height: 20px;
}

.lh30 {
  height: 30px;
  line-height: 30px;
}

.lh40 {
  height: 40px;
  line-height: 40px;
}

.lh50 {
  height: 50px;
  line-height: 50px;
}

.f12 {
  font-size: 12px;
}

.f13 {
  font-size: 13px;
}

.f14 {
  font-size: 14px;
}

.f16 {
  font-size: 16px;
}

.f18 {
  font-size: 18px;
}

.f20 {
  font-size: 20px;
}

.cw {
  color: #fff !important;
}

.c153 {
  color: rgb(153, 153, 153);
}

.c102 {
  color: rgb(102, 102, 102);
}

.blue {
  color: #428bca !important;
}

.black {
  color: rgb(89, 90, 90) !important;
}

.gray {
  color: #a0a3a6 !important;
}

.red {
  color: #ec4339 !important;
}

.fz14 {
  font-size: 14px;
}

.border {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(221, 221, 221);
}

.border-b {
  border-bottom: 1px solid rgb(237, 237, 237);
}

.text-split {
  border-left: 1px solid rgb(196, 196, 196);
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right;
}

.o8:HOVER,
.fo8:HOVER * {
  opacity: 0.8;
  cursor: pointer;
}

.bh:HOVER {
  color: #428bca;
}

.nowrap {
  white-space: nowrap;
}

.ajaxBomb {
  position: fixed;
  top: 36px;
  min-width: 358px;
  max-width: 80%;
  padding: 12px 14px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-width: 1px;
  border-color: rgb(93, 153, 44);
  border-style: solid;
  border-radius: 4px;
  background-color: rgb(244, 254, 233);
  color: rgb(101, 126, 66);
  z-index: 999999;
}

.ajaxBombTitle {
  font-size: 14px;
  font-weight: bold;
  line-height: 2.429;
}

.ajaxBombTitle i {
  font-size: 22px;
  vertical-align: middle;
  margin-right: 5px;
}

.ajaxBomb .icon-X {
  position: absolute;
  right: 12px;
  top: 12px;
}

.ajaxBombInfo {
  font-size: 14px;
  line-height: 2.857;
  margin-left: 28px;
}

.ajaxBombInfo>a {
  color: #1e7ec8;
}

.ajaxBombInfo>a:hover {
  opacity: 0.8;
}

.ajaxBomb.fail {
  border-width: 1px;
  border-color: rgb(220, 63, 71);
  border-style: solid;
  border-radius: 4px;
  background-color: rgb(254, 233, 236);
  color: rgb(220, 63, 71);
}

.Prompt {
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  border-radius: 5px;
  padding: 12px 30px;
  font-size: 14px;
  z-index: 99999;
}

.login-head {
  line-height: 78px;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(238, 238, 238, 1);
  box-shadow: 0px 1px 0px 0px rgba(238, 238, 238, 1);
}

.width {
  width: 1180px;
  margin: 0 auto;
}

.login-head-menu {
  float: right;
}

.login-head-menu a {
  font-size: 18px;
  color: rgb(51, 51, 51);
  margin: 0 25px;
}

.footer {
  border-top: 1px solid rgb(238, 238, 238);
}

.footer-main {
  /*background-color: rgb(39, 51, 65);*/
  width: 1185px;
  margin: 0 auto;
}

.footer-main>div {
  margin: 0 auto;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 36px;
}

.footer-main-li {
  display: inline-block;
  vertical-align: top;
  width: 180px;
  margin-top: 4px;
}

.footer-main-li.about .footer-main-li-li {
  text-align: left;
  padding-left: 42px;
}

.footer-main-li img {
  width: 72px;
  display: block;
  margin-bottom: 10px;
  margin: 0px auto 10px;
}

.footer-main-li span {
  color: rgb(154, 163, 173);
}

.footer-main-title {
  margin-bottom: 16px;
  font-size: 14px;
  color: rgb(127, 140, 141);
  font-weight: bold;
}

.footer-main-li-li {
  color: rgb(154, 163, 173);
  line-height: 2.5;
}

.footer-main-li-li a {
  font-size: 12px;
  color: rgb(154, 163, 173);
}

.footer-main-li-li a:hover {
  color: #3498db;
}

.footer-main-li-hr {
  display: inline-block;
  height: 120px;
  width: 1px;
  background: #dcdcdc;
}

.footer-main-tel {
  font-size: 20px;
  margin-bottom: 5px;
}

.footer-main-mail,
.footer-main-time {
  color: rgb(154, 163, 173);
  line-height: 2.5;
}

.footer-main-mail a {
  color: rgb(154, 163, 173);
}

.footer-copyright {
  color: rgb(205, 208, 212);
  text-align: center;
  /*background-color: rgb(26, 33, 41);*/
  line-height: 42px;
}

.footer-copyright a {
  color: #5a6066;
}

.foot-code {
  width: 270px;
  padding: 0 30px;
}

.foot-contract {
  width: 230px;
  text-align: left;
  margin-left: 50px;
}

.cooperate-logo {
  background: #eff3f5;
  height: 100px;
  line-height: 100px;
}

.cooperate-logo>ul {
  background: #eff3f5;
}

.login-head-inner {
  position: relative;
}

.login-head-menu {
  position: absolute;
  right: 0;
}

.index-swiper .swiper-img {
  height: 400px;
  background-repeat: no-repeat;
  background-size: cover;
}

.register-swiper .swiper-img {
  height: 560px;
  /*background-repeat: no-repeat;*/
}

@media only screen and (max-width: 1024px) {

  .section-wrap,
  .help-bar-wrap,
  .swiper-container {
    width: 1185px;
    margin: 0 auto;
  }
}

.header {
  border-bottom: 1px solid #d0cfd3;
}

.header-login {
  position: relative;
}

.swiper-slide .bannertip1 {
  position: absolute;
  left: 0;
  right: 0;
  width: 1100px;
  margin: 0 auto;
}

.swiper-slide .bannertip1 .box {
  display: inline-block;
  position: absolute;
  left: 100px;
  top: 150px;
  text-align: center;
}

.swiper-slide .bannertip1 .box h1 {
  color: #fff;
  font-size: 42px;
  font-weight: bold;
}

.swiper-slide .bannertip1 .box p {
  color: #fff;
  width: 330px;
  font-size: 14px;
  margin: 10px 40px 20px;
  display: inline-block;
  text-align: left;
}

.swiper-slide .bannertip1 .box span {
  color: #fff;
  padding: 5px 20px;
  display: inline-block;
  border: 1px solid;
  border-radius: 2px;
  margin: 0 20px;
  background: rgba(0, 0, 0, 0.2);
}

.login-header a.link-account {
  position: relative;
}

.header .index-login:hover .account-setting-box {
  display: block;
}

.header .index-login .pos-relative:hover+.account-setting-box {
  display: none;
}

.header .account-setting-box {
  width: calc(100% - 40px);
  min-width: 85px;
  background: #fff;
  position: absolute;
  top: 35px;
  right: 40px;
  z-index: 9999;
  border: 1px solid rgb(238, 238, 238);
  box-shadow: 0px 1px 0.96px 0.04px rgba(238, 238, 238, 0.74);
  border-radius: 4px;
  padding: 5px 10px;
  display: none;
}

.header .account-setting-box p {
  line-height: 30px;
}

.user-login>span {
  font-size: 16px;
}

.header .account-setting-box p>a,
.header .account-setting-box p>a span {
  font-size: 12px;
}

.header .account-setting-box p.logout>a,
.header .account-setting-box p.logout>a span {
  color: #f9664b;
}

.header .account-setting-box p.logout span {
  margin-right: 10px;
}

.header .account-setting-box p:not(.logout)>a:hover {
  color: #0994fb;
}

.header .account-setting-box p.logout>a:hover,
.header .account-setting-box p.logout>a span:hover {
  color: #c13d24;
}

.cart-num-icon {
  position: absolute;
  z-index: 2;
  top: -12px;
  left: 12px;
  display: inline-block;
  border: 1px solid rgb(0, 172, 249);
  line-height: 16px;
  background: rgb(0, 172, 249);
  color: #fff;
  padding: 0 4px;
  border-radius: 8px;
  min-width: 22px;
  text-align: center;
}

.m-login,
.m-login2 {
  background-color: rgb(255, 255, 255);
  position: absolute;
  width: 390px;
  right: 50px;
  top: 0;
  z-index: 99;
}

.m-login-title,
.m-register-title {
  font-size: 16px;
  color: rgb(20, 171, 244);
  font-weight: bold;
  text-align: center;
}

.m-login-a,
.m-login-p,
.m-register-a,
.m-register-p,
.m-register-sure,
.m-login-a2,
.m-login-p2,
.m-register-a2,
.m-register-p2,
.m-register-sure2 {
  width: 100%;
  height: 44px;
  border-radius: 4px;
}

.m-login-v,
.m-register-v,
.m-login-v2,
.m-register-v2 {
  width: 146px;
  height: 44px;
  border-radius: 4px;
  margin-right: 10px;
  vertical-align: middle;
}

.login-captcha,
.register-captcha,
.login-captcha2,
.register-captcha2 {
  width: 140px;
  height: 42px;
}

.login-a,
.register-a,
.login-a2,
.register-a2 {
  border-radius: 4px;
  background-color: rgb(20, 171, 244);
  width: 100%;
  line-height: 42px;
  text-align: center;
  display: inline-block;
}

.login-qq,
.login-wx {
  border-radius: 4px;
  background-color: rgb(83, 181, 239);
  width: 74px;
  line-height: 36px;
  display: inline-block;
  text-align: center;
}

.login-wx {
  background-color: rgb(85, 183, 55);
}

.m-login-pan,
.m-register-pan,
.m-login-pan2,
.m-register-pan2 {
  padding: 40px 45px;
}

.m-register-pan,
.m-register-pan2 {
  display: none;
}

.m-login-brand {
  border-radius: 4px;
  background-color: rgb(92, 207, 168);
  width: 34px;
  position: absolute;
  font-size: 14px;
  color: rgb(255, 255, 255);
  text-align: center;
  line-height: 1.5;
  padding: 5px;
  right: -34px;
  top: 0;
}

.login-popup .m-login-brand {
  top: 0;
  right: -34px;
}

.login-popup .popup-close i {
  position: absolute;
  right: 2px;
  top: 2px;
  font-size: 14px;
  cursor: pointer;
  padding: 10px;
}

.login-popup .register-link {
  color: rgb(20, 171, 244);
}

.m-login-btn,
.m-register-btn,
.m-login-btn2,
.m-register-btn2 {
  background-color: rgb(226, 226, 226);
  position: absolute;
  width: 46px;
  text-align: center;
  padding: 36px 10px;
  border-radius: 5px 0 0 5px;
  top: 0;
  left: -46px;
  color: rgb(85, 85, 85);
}

.m-register-btn,
.m-register-btn2 {
  top: 130px;
  padding: 9px 10px;
}

.m-login-btn.cur,
.m-register-btn.cur,
.m-login-btn2.cur,
.m-register-btn2.cur {
  background-color: rgb(20, 171, 244);
  color: #fff;
}

.Prompt {
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  border-radius: 5px;
  padding: 12px 30px;
  font-size: 14px;
  z-index: 99999;
}

/* ==============================  loading  ==================================== */
.ranwuLoader {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 99999;
}

.loader-inner {
  width: 110px;
  height: 80px;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  border-radius: 8px;
}

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

  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
    transform: rotate(180deg) scale(0.6);
  }

  100% {
    -webkit-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1);
  }
}

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

  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
    transform: rotate(180deg) scale(0.6);
  }

  100% {
    -webkit-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1);
  }
}

.ball-clip-rotate>div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  border: 2px solid #fff;
  border-bottom-color: transparent;
  background: transparent !important;
  display: inline-block;
  -webkit-animation: rotate 0.75s 0s linear infinite;
  animation: rotate 0.75s 0s linear infinite;
}

.com-pop-module.notice-pop {
  width: 820px;
  min-width: auto !important;
  z-index: 9990;
}

.com-pop-module.bind-login-acc {
  top: -1000px;
  min-width: 450px;
  font-size: 14px;
  display: block;
}

.com-pop-module.bind-login-acc .com-bind-item>.item-tit {
  min-width: 80px;
}

.com-pop-module.on {
  top: 36px;
}

.com-pop-title {
  height: 40px;
  line-height: 40px;
  padding: 0 18px;
  font-weight: bold;
  position: relative;
  border-radius: 4px 4px 0 0;
  background: rgb(245, 247, 250);
}

.com-pop-title .pop-close-btn {
  position: absolute;
  display: block;
  right: 0;
  color: #bbb;
  width: 54px;
  font-size: 12px;
  text-align: center;
}

.com-bind-cont {
  padding: 20px 30px 34px;
  border-bottom: 1px solid rgb(221, 221, 221);
}

.com-pop-bottom {
  text-align: right;
  padding: 15px 20px;
}

.letter {
  letter-spacing: -8px;
}

.letter>* {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
}

.com-bind-item>.item-tit {
  min-width: 86px;
  display: inline-block;
  margin-top: 10px;
}

.com-bind-item>.item-content input[type="password"],
.com-bind-item>.item-content input[type="text"],
.com-bind-item>.item-content textarea,
.com-bind-item>.item-content select {
  color: rgb(89, 90, 90);
  border: 1px solid rgb(221, 221, 221);
  border-radius: 4px;
  width: 310px;
  height: 42px;
  padding: 12px;
}

.com-bind-item>.item-content img {
  margin-left: 10px;
  width: 140px;
  height: 42px;
}

.com-bind-item>.item-content input.half {
  width: 140px;
}

.com-bind-item+.com-bind-item {
  margin-top: 15px;
}

.com-bind-item>.item-content .item-content-msg {
  display: none;
  margin-top: 6px;
  color: #ec4339;
}

.item-content-msg .warning-msg {
  margin-left: 5px;
}

.com-bind-item.red+.com-bind-item {
  margin-top: 26px;
}

.com-comf-btn {
  margin-top: 30px;
  margin-bottom: 20px;
}

.com-comf-btn>a {
  display: block;
  background: rgb(20, 171, 244);
  border-radius: 4px;
  line-height: 42px;
  color: #fff;
  text-align: center;
}

.com-change-btn {
  text-align: right;
}

.com-change-btn>a {
  color: rgb(20, 171, 244);
}

.mask,
.login-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1000;
  display: none;
}

.login-mask {
  z-index: 9998;
}

.bind-login-acc .com-pop-title {
  text-align: center;
  color: rgb(20, 171, 244);
  font-size: 16px;
  font-weight: normal;
}

.bind-login-acc .com-pop-cont {
  display: none;
}

.bind-login-acc .com-pop-cont.on {
  display: block;
}

.transition {
  transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}

.login-error-msg,
.login-error-msg2 {
  color: #ec4339;
  display: none;
  margin-top: 5px;
}

.login-error-msg .warning-msg,
.login-error-msg2 .warning-msg {
  margin-left: 5px;
}

/* ==============================  londing end  ==================================== */
.cr {
  color: rgb(237, 78, 42);
}

.c9 {
  color: #999;
}

.c3 {
  color: #333;
}

.c51 {
  color: rgb(51, 51, 51);
}

.c184 {
  color: rgb(184, 183, 182);
}

.bcr {
  border-color: rgb(237, 78, 42) !important;
}

/**table**/
table.normal {
  width: 100%;
  border-collapse: collapse;
  color: rgb(89, 90, 90);
}

.normal thead th:first-child {
  border-left: 1px solid rgb(221, 221, 221);
}

.normal thead th:LAST-CHILD {
  border-right: 1px solid rgb(221, 221, 221);
}

.normal thead th {
  background: rgb(245, 247, 250);
  border-top: 1px solid rgb(221, 221, 221);
  border-bottom: 1px solid rgb(221, 221, 221);
  height: 40px;
  white-space: nowrap;
  position: relative;
}

.normal tbody td {
  text-align: center;
  border: 1px solid rgb(221, 221, 221);
  height: 38px;
  padding: 5px;
}

.normal tbody tr:NTH-CHILD(even) {
  background-color: rgb(250, 252, 255);
}

.normal tbody tr:HOVER {
  background-color: rgba(242, 242, 242, 0.6);
}

/**table end**/
.custom.T-custom {
  margin-top: 20px;
}

/*****p-info*****/
.p-info {
  width: 100%;
  margin: 0 auto;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(225, 227, 229);
  margin-top: 20px;
}

.navFix {
  position: fixed;
  top: 0;
  width: 1178px;
  z-index: 99;
  display: none;
}

.p-info-cate {
  background-color: rgb(246, 246, 246);
  height: 50px;
  line-height: 50px;
  border-bottom: 2px solid rgb(66, 139, 202);
  letter-spacing: -8px;
}

.p-info-cate ul li {
  display: inline-block;
  font-size: 14px;
  color: rgb(102, 102, 102);
  font-weight: bold;
  width: 112px;
  text-align: center;
  position: relative;
  letter-spacing: normal;
}

.p-info-cate ul li:HOVER {
  color: rgb(66, 139, 202);
  cursor: pointer;
}

.p-info-cate ul li.cur {
  background-color: rgb(66, 139, 202);
  color: #fff;
}

.p-info-cate ul li.cur .p-info-cate-line {
  background-color: rgb(66, 139, 202);
}

.p-info-cate-line {
  background-color: rgb(225, 227, 229);
  position: absolute;
  width: 1px;
  height: 16px;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.p-info-content {
  padding: 20px;
}

.sample-swiper img {
  max-width: 100%;
  max-height: 100%;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(243, 243, 243);
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 0px 5px 9.9px 0.1px rgba(102, 102, 102, 0.1);
  box-shadow: 0px 5px 9.9px 0.1px rgba(102, 102, 102, 0.1);
}

.p-info-content-sample-more {
  color: #1F8BCE;
  position: absolute;
  top: 0;
  right: 0;
  font-weight: bold;
}

.sample-swiper .swiper-slide {
  position: relative;
  cursor: pointer;
  border: 1px solid #FFF;
}

.sample-swiper .swiper-slide>a {
  display: block;
  position: relative;
  border: 1px solid #F2F2F2;
  margin: -1px;
}

.sample-swiper-price {
  color: #666;
  padding: 8px;
  font-weight: bold;
}

.sample-swiper-name {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  color: #FFF;
  padding: 6px;
  background-color: rgba(0, 0, 0, 0.5);
  word-break: break-word;
  display: none;
}

.sample-swiper .swiper-slide:HOVER {
  border: 1px solid #1F8BCE;
}

.sample-swiper .swiper-slide:HOVER>a {
  border: 1px solid transparent;
}

.sample-swiper .swiper-slide:HOVER .sample-swiper-name {
  display: block;
}

.p-info-content-sample .swiper-button-prev,
.p-info-content-commonCatIdProduct .swiper-button-prev,
.p-info-content-commonFactoryProduct .swiper-button-prev {
  background-image: url(/static/frontend/images/designer/arrow_left.png);
  left: 0;
  background-size: 10px 15px;
}

.p-info-cate ul li>a {
  display: block;
}

.p-info-content-sample .swiper-button-next,
.p-info-content-commonCatIdProduct .swiper-button-next,
.p-info-content-commonFactoryProduct .swiper-button-next {
  background-image: url(/static/frontend/images/designer/arrow_right.png);
  right: 0;
  background-size: 10px 15px;
}

.p-info-content-diagram {
  text-align: center;
}

.p-info-content-diagram img {
  max-width: 790px;
  display: block;
  margin: 10px auto 0;
}

.p-attr-name {
  font-size: 12px;
  color: rgb(153, 153, 153);
  width: 110px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  margin-right: 10px;
}

.p-attr-val {
  font-size: 12px;
  color: rgb(51, 51, 51);
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: calc(100% - 130px);
}

.p-info-content-attr ul {
  letter-spacing: -8px;
}

.detaiName>span {
  width: 33.33%;
  display: inline-block;
  margin-bottom: 10px;
}

.commonCatIdProduct-pr {
  position: relative;
  padding: 0 40px;
}

.commonCatIdProduct-swiper {
  padding-bottom: 30px;
}

.commonCatIdProduct-swiper .swiper-slide>a {
  display: block;
}

.commonCatIdProduct-img {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(225, 227, 229);
  border-radius: 4px;
  position: relative;
}

.commonCatIdProduct-swiper .swiper-slide:HOVER .commonCatIdProduct-img {
  border-color: #1F8BCE;
}

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

.commonCatIdProduct-name {
  background-color: rgba(0, 0, 0, 0.5);
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  bottom: 0;
  position: absolute;
  left: -1px;
  width: calc(100% + 2px);
  display: none;
}

.commonCatIdProduct-swiper .swiper-slide:HOVER .commonCatIdProduct-name {
  display: block;
}

.commonCatIdProduct-swiper .swiper-pagination {
  bottom: 0 !important;
}

.fullvv>div {
  display: inline-block;
  vertical-align: top;
}

.sizestru {
  text-align: right;
  margin-top: 5px;
  font-size: 12px;
  color: #9E9E9E;
}

.p-detail-title {
  display: inline-block;
  width: 60px;
  text-align-last: justify;
}

.detaiName>span:nth-child(2) {
  width: 66.66%;
}

.detaides>div {
  margin-bottom: 10px;
}

.p-info-content-title {
  letter-spacing: normal !important;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(242, 242, 242);
  background-color: rgb(250, 250, 250);
  height: 40px;
  line-height: 38px;
  padding: 0 12px;
  font-size: 14px;
  color: rgb(77, 77, 77);
  font-weight: bold;
  margin-bottom: 20px;
}

.p-info-content>div {
  margin-bottom: 20px;
}

.p-info-content-attr ul li {
  display: inline-block;
  letter-spacing: normal;
  width: 33.33%;
  line-height: 2.6;
}

.p-info-content-pack {
  font-size: 12px;
  color: rgb(51, 51, 51);
}

.p-info-content-pack>div {
  margin-top: 12px;
  letter-spacing: -16px
}

.p-info-content-pack>div:FIRST-CHILD {
  margin-top: 0;
}

.p-info-content-pack>div>div {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
}

.p-info-content-pack>div>div:FIRST-CHILD {
  width: 150px;
  padding-left: 3px;
}

.p-info-content-pack>div>div:LAST-CHILD {
  width: calc(100% - 150px);
}

.p-pack-table th span {
  font-weight: normal;
}

.samples-empty {
  margin: 0 auto;
}

.p-info-content-diagram .samples-empty {
  padding: 40px 0;
}

.p-info-content-attr ul li.samples-empty {
  padding: 32px 0;
  width: 100%;
  text-align: center;
}

/*****p-info end*****/
.main-width {
  width: 1140px;
  margin: 0 auto;
  padding: 20px 20px 0;
}

.path-bar {
  margin-top: 30px;
  margin-bottom: 15px;
}

.buy-btn-group>a {
  display: inline-block;
  width: 160px;
  line-height: 42px;
  border-radius: 4px;
  text-align: center;
}

.buy-btn-group>a:HOVER {
  opacity: 0.8;
}

.buy-btn-group .add-sure-btn {
  background: #e4eff8;
  border: 1px solid rgb(132, 184, 229);
  color: rgb(132, 184, 229);
}

.pro-info-box div.buy-btn-group {
  margin-top: 40px;
}

.buy-btn-group .buy-sure-btn {
  background: #428bca;
  border: 1px solid #428bca;
  color: #fff;
  margin-left: 10px;
}

/* 璇︽儏 */
.show-pro-box .pro-img-box {
  width: 420px;
  height: 420px;
  border: 1px solid rgb(237, 237, 237);
  position: relative;
}

.show-pro-box .pro-img-box.small {
  width: 40px;
  height: 40px;
  border-radius: 2px;
  position: relative;
}

.show-pro-box .pro-img-box.small.selected {
  border-width: 2px;
  border-color: #a6d2dd;
}

.show-pro-box .pro-img-box.small.selected .sel-icon {
  display: inline;
  z-index: 3;
}

.show-pro-box .pro-img-box.small.on {
  border-style: solid;
  border-width: 2px;
  border-color: rgb(77, 157, 226);
  border-radius: 2px;
}

.show-pro-box .pro-img-box.small.on .sel-icon {
  display: none;
}

.show-pro-box .pro-img-box.small .sel-icon {
  position: absolute;
  right: -1px;
  bottom: -1px;
  color: #a6d2dd;
  display: none;
}

.show-pro-box .info-tit {
  font-size: 12px;
  color: #888;
  width: 70px;
}

.show-pro-box .pro-img-box>img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  z-index: 1;
}

.pro-color-ul {
  margin-left: -6px;
  margin-top: -5px;
}

.pro-color-ul>li {
  margin-left: 6px;
  cursor: pointer;
  margin-top: 5px;
  vertical-align: top;
}

.pro-color-ul>li {
  margin-top: 1px;
  display: inline-block;
}

.show-pro-box .pro-info-box {
  width: calc(100% - 440px);
}

.pro-info-box>div+div {
  margin-top: 20px;
}

.pro-sku-field {
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -o-transition: height 0.4s;
  transition: height 0.4s;
  display: none;
}

.pro-sku-field.on {
  display: block;
}

.pro-sku-field .sku-control-box {
  top: 4px;
}

.show-pro-box .pro-qty-input {
  width: 72px;
  height: 28px;
  border: 1px solid rgb(237, 237, 237);
  padding: 2px 0 2px 8px;
}

.show-pro-box .control-pro-qty {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 32px;
  vertical-align: top;
}

.show-pro-box .control-pro-qty>span {
  display: inline-block;
  border: 1px solid #999;
  color: #999;
  width: 19px;
  text-align: center;
  height: 14px;
  position: absolute;
  cursor: pointer;
}

.show-pro-box .control-pro-qty>span.not {
  color: #e8e8e8;
  border-color: #e8e8e8;
  cursor: not-allowed;
}

.control-pro-qty .add-btn>i {
  vertical-align: 2px;
  font-weight: bold;
}

.control-pro-qty .reduce-btn {
  bottom: 0;
}

.control-pro-qty .reduce-btn>i {
  vertical-align: 1px;
  font-weight: bold;
}

.show-pro-box .pro-price {
  font-size: 24px;
}

.show-pro-box .pro-head-tit {
  font-size: 20px;
  color: #333;
  padding: 10px 0 15px 20px;
}

.show-pro-box .batch-price>span {
  position: absolute;
  right: 0;
  bottom: 7px;
  border: 1px solid #428bca;
  width: 70px;
  height: 20px;
  color: #428bca;
  text-align: center;
}

.pro-info-box>div.batch-price-box {
  margin: 0;
  padding-top: 20px;
  padding-bottom: 17px;
  background: #ecf3f9;
}

.pro-info-box .info-cont {
  width: calc(100% - 70px);
}

.batch-price-box .info-cont {
  overflow: auto;
}

.batch-price-table .price-tr .line-price {
  display: none;
}

.batch-price-table .price-tr .p-price {
  display: none;
  color: #ff0023;
}

.batch-price-table .price-tr .b-price {
  color: #428bca;
  font-weight: bold;
}

.batch-price-table .price-tr .on .line-price,
.batch-price-table .price-tr .on .p-price {
  display: inline;
}

.batch-price-table .price-tr .on .b-price {
  color: #ff0023;
}

.batch-price-table .price-tr .on .b-price .f16 {
  font-size: 20px;
}

.batch-price-table .price-tr .on .p-price~.b-price {
  display: none;
}

.batch-price-table td {
  font-size: 12px;
  width: 128px;
  height: 26px;
  padding: 0 5px;
  vertical-align: baseline;
}

.show-pro-box .size-icon {
  border: 7px solid;
  border-color: transparent #428bca #428bca transparent;
  width: 14px;
  height: 14px;
  display: inline-block;
  position: relative;
  margin-right: 3px;
  top: 2px;
}

.show-pro-box .size-icon>span {
  border: 3.5px solid;
  border-color: transparent #fff #fff transparent;
  width: 7px;
  height: 7px;
  display: inline-block;
  position: absolute;
  top: -2px;
  left: -2px;
}

.bomb-box {
  position: fixed;
  top: 36px;
  min-width: 420px;
  max-width: 80%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff;
  border-radius: 5px;
  z-index: 9999;
  display: none;
}

.bomb-box-title {
  background-color: rgb(245, 247, 250);
  line-height: 40px;
  padding: 0 15px;
}

.bomb-box-title .icon-X {
  float: right;
  margin-top: 14px;
}

.bomb-box-content {
  padding: 20px 30px;
  line-height: 1.8;
  max-height: 620px;
  overflow: auto;
}

.bomb-box-btn {
  line-height: 50px;
  text-align: right;
  padding-right: 20px;
  border-top: 1px solid rgba(238, 238, 238, 1);
}

.bomb-box-cancel {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(221, 221, 221);
  border-radius: 4px;
  background-color: rgb(253, 253, 253);
  width: 60px;
  height: 28px;
  display: inline-block;
  line-height: 28px;
  text-align: center;
  margin-right: 16px;
}

.bomb-box-sure {
  border-radius: 4px;
  background-color: rgb(66, 139, 202);
  width: 60px;
  height: 28px;
  display: inline-block;
  text-align: center;
  line-height: 28px;
  color: #fff;
}

.bomb-box.size-chart-pop {
  min-width: 380px;
}

.size-chart-pop .pro-tit {
  width: calc(100% - 30px);
  overflow: hidden;
  WHITE-SPACE: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}

.bomb-box-title {
  line-height: 40px;
  padding: 0 25px;
}

.bomb-box-title .icon-X {
  float: right;
  margin-top: 14px;
}

.size-chart-box {
  margin: 10px 25px 20px;
  overflow: auto;
  max-height: 400px;
}

.size-chart-box .normal tbody td {
  padding: 5px 15px;
}

/**鍟嗗煄棣栭〉**/
.w1100 {
  width: 1100px;
  margin: 0 auto;
}

.w1160 {
  width: 1160px;
  margin: 0 auto;
}

.swiper-mall-img {
  height: 500px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-mall .swiper-pagination-bullet {
  background-color: rgb(0, 0, 0);
  opacity: 0.302;
  width: 12px;
  height: 12px;
}

.swiper-mall .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 7px;
}

.swiper-mall .swiper-pagination-bullet-active {
  background-color: rgb(82, 168, 255);
  opacity: 1;
}

.recommend-list ul li {
  display: inline-block;
  letter-spacing: normal;
  margin-right: 23px;
}

.recommend-list ul {
  letter-spacing: -8px;
}

.recommend-img {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(237, 237, 237);
  border-radius: 4px;
  background-color: rgb(250, 250, 250);
  width: 202px;
  height: 202px;
}

.recommend-img>a {
  display: inline-block;
}

.recommend-list ul li:LAST-CHILD {
  margin-right: 0;
}

.small-title {
  font-size: 28px;
  color: rgb(51, 51, 51);
  font-weight: bold;
  text-align: center;
  margin: 60px 0 30px 0;
}

.small-stitle {
  font-size: 14px;
  color: rgb(68, 68, 68);
  text-align: center;
  margin-top: 15px;
}

.small-cate {
  letter-spacing: -8px;
}

.small-cate img {
  letter-spacing: normal;
}

.small-cate>div {
  margin-top: 28px;
}

.small-cate>div a {
  display: inline-block;
}

.hot-pro-list ul {
  letter-spacing: -8px;
}

.hot-pro-list li {
  display: inline-block;
  letter-spacing: normal;
  width: 14.28%;
  padding: 0px 10px 20px;
  vertical-align: top;
}

.hot-pro-list li:HOVER .hot-pro-title {
  color: rgb(82, 168, 255);
  white-space: normal;
}

.hot-pro-list li:HOVER {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(0, 172, 249);
  background-color: rgb(255, 254, 255);
  -webkit-box-shadow: 0px 6px 16px 0px rgba(204, 204, 204, 0.5);
  box-shadow: 0px 6px 16px 0px rgba(204, 204, 204, 0.5);
}

.hot-pro-img {
  text-align: center;
}

.hot-pro-title {
  font-size: 14px;
  color: rgb(105, 105, 105);
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  margin-top: 12px;
}

.hot-pro-price {
  font-size: 14px;
  color: rgb(51, 51, 51);
  margin-top: 5px;
}

.custom-design-info i {
  font-size: 56px;
  color: rgb(153, 153, 153);
}

.custom-design-go {
  margin-top: 45px;
  text-align: center;
}

.custom-design-go a {
  border-radius: 4px;
  background-color: rgb(0, 172, 249);
  width: 170px;
  height: 48px;
  display: inline-block;
  text-align: center;
  line-height: 48px;
  font-size: 14px;
  color: rgb(255, 254, 255);
}

.custom-design-go a:HOVER {
  opacity: 0.8;
}

.custom-design-title {
  font-size: 20px;
  color: rgb(51, 51, 51);
}

.custom-design-left {
  width: 80px;
}

.custom-design-left {
  width: 80px;
}

.custom-design-right {
  width: calc(100% - 80px);
}

.custom-design-info {
  letter-spacing: -8px;
  margin-top: 40px;
}

.custom-design-info>div {
  display: inline-block;
}

.custom-design-info>div>div {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
}

.custom-design-con {
  font-size: 14px;
  color: rgb(102, 102, 102);
  line-height: 1.429;
  margin-top: 12px;
}

.custom-design .small-title {
  margin: 0;
}

.custom-design {
  padding: 40px 0 60px;
  background-color: rgb(242, 242, 242);
  margin-top: 40px;
}

.swiper-mall a {
  display: inline-block;
}

.mall-foot-copy {
  font-size: 12px;
  color: rgb(132, 132, 132);
  text-align: center;
}

.mall-foot-title {
  font-size: 24px;
  color: rgb(255, 254, 255);
  font-weight: bold;
  text-align: center;
}

.mall-foot {
  background-color: rgb(40, 40, 40);
  padding: 40px 0 20px;
}

.mall-foot-pay {
  text-align: center;
  margin: 30px 0 50px;
}

.mall-foot-pay i {
  color: #bbbbbb;
  font-size: 46px;
  margin-right: 50px;
}

.mall-foot-pay i:LAST-CHILD {
  margin-right: 0;
}

.small-head {
  background-color: rgb(252, 252, 252);
  height: 80px;
  border-bottom: 1px solid rgb(233, 233, 233);
  margin-bottom: 20px;
  line-height: 78px;
}

.small-head-left {
  float: left;
}

.small-head-search {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(214, 214, 214);
  border-radius: 4px;
  background-color: rgb(254, 254, 254);
  width: 308px;
  height: 38px;
  margin-left: 20px;
  padding-right: 30px;
}

.small-head-right {
  float: right;
}

.small-head-a {
  background-color: rgb(0, 172, 249);
  width: 78px;
  height: 90px;
  display: inline-block;
  border-radius: 0 0 4px 4px;
  vertical-align: top;
  text-align: center;
}

.small-head-a i {
  color: rgb(255, 254, 255);
  font-size: 58px;
  display: inline-block;
  margin-top: 14px;
}

.small-head-left .icon-search5 {
  color: rgb(204, 204, 204);
  font-size: 14px;
  position: absolute;
  top: -11px;
  right: 0;
  padding: 11px;
  cursor: pointer;
}

.small-head-right i {
  color: rgb(51, 51, 51);
  font-size: 24px;
  vertical-align: middle;
}

.small-login-name {
  font-size: 14px;
}

.login-header .small-login-name {
  max-width: 100px;
}

.small-head-line {
  background-color: rgb(237, 237, 237);
  width: 1px;
  height: 24px;
  display: inline-block;
}

.small-head-right>* {
  vertical-align: middle;
  margin: 0 6px;
}

.swiper-mall .swiper-button-next,
.swiper-mall .swiper-container-rtl .swiper-button-prev {
  background-image: url(/static/frontend/images/home/br.png);
  right: 30px;
  left: auto;
  background-size: 52px 52px;
  width: 52px;
  height: 52px;
}

.swiper-mall .swiper-button-next:HOVER,
.swiper-mall .swiper-container-rtl .swiper-button-prev:HOVER {
  background-image: url(/static/frontend/images/home/br_hover.png);
}

.swiper-mall .swiper-button-prev,
.swiper-mall .swiper-container-rtl .swiper-button-next {
  background-image: url(/static/frontend/images/home/bl.png);
  left: 30px;
  right: auto;
  background-size: 52px 52px;
  width: 52px;
  height: 52px;
}

.swiper-mall .swiper-button-prev:HOVER,
.swiper-mall .swiper-container-rtl .swiper-button-next:HOVER {
  background-image: url(/static/frontend/images/home/bl_hover.png);
}

.hot-pro-more {
  position: absolute;
  right: 0;
  font-size: 14px;
  color: rgb(51, 51, 51);
  top: 24px;
}

.small-login-name {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: 180px;
  vertical-align: middle;
}

/**鍟嗗煄棣栭〉 end**/

/* 璇︽儏椤礥I start */
/*瀹氫箟婊氬姩鏉″楂樺強鑳屾櫙锛屽楂樺垎鍒搴旀í绔栨粴鍔ㄦ潯鐨勫昂瀵�*/
.batch-price-box>div::-webkit-scrollbar,
.size-chart-box::-webkit-scrollbar {
  height: 9px;
  width: 9px;
  right: 0;
  position: absolute;
}

/*瀹氫箟婊氬姩鏉＄殑杞ㄩ亾锛屽唴闃村奖鍙婂渾瑙�*/
.batch-price-box>div::-webkit-scrollbar-track,
.size-chart-box::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 10px;
  position: absolute;
  right: 0;
}

.batch-price-box>div::-webkit-scrollbar-track {
  background: #ecf3f9;
}

/*瀹氫箟婊戝潡锛屽唴闃村奖鍙婂渾瑙�*/
.batch-price-box>div::-webkit-scrollbar-thumb,
.size-chart-box::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #999;
  position: absolute;
  right: 0;
}

.batch-price-table .table-title {
  width: 70px;
  line-height: 32px;
}

.batch-price-table>div {
  max-width: 386px;
  overflow: auto;
}

.show-pro-box .line-price {
  color: #ddd;
  text-decoration: line-through;
}

/* swiper */
.show-pro-box .pro-swiper-box {
  width: 420px;
  margin-top: 20px;
}

.det-pt-info-prev,
.det-pt-info-next {
  width: 20px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 10px;
  margin-right: 10px;
  background: #EFEFEF;
  cursor: pointer;
  display: none;
}

.det-pt-info-next {
  margin-right: 0;
  margin-left: 10px;
}

.det-pt-info-prev:hover,
.det-pt-info-next:hover {
  opacity: 0.8;
}

.swiper-container.det-pt-swiper {
  width: calc(100% - 60px);
}

.det-pt-swiper .swiper-slide {
  text-align: center;
  display: inline-block;
  width: 60px;
}

.det-pt-swiper .swiper-slide>div {
  position: relative;
  height: 60px;
  padding: 1px;
  border: 1px solid #EFEFEF;
  cursor: pointer;
}

.det-pt-swiper .swiper-slide img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}

.det-pt-swiper .swiper-slide.on>div {
  border: 2px solid #1F8BCE;
  padding: 0;
}

.pro-info-box .slide-down-btn {
  position: absolute;
  bottom: -16px;
  left: 90px;
  padding: 0 17px;
  line-height: 13px;
  border: 1px solid rgb(237, 237, 237);
  border-top-color: #fff;
  color: rgb(221, 221, 221);
  display: none;
}

.pro-sku-table {
  width: 100%;
}

.pro-sku-table td {
  height: 44px;
  border-bottom: 1px dotted rgb(237, 237, 237);
  text-align: left;
}

.pro-sku-table tr:last-child td {
  border-bottom: none;
}

.pro-sku-table td.td-name {
  width: 160px;
  font-weight: bold;
}

.pro-sku-table td.td-prcie {
  width: 120px;
}

.pro-sku-table td.td-num {
  width: 120px;
}

.pro-sku-table td.td-ope {
  text-align: right;
}

.sku-num-box>a {
  padding: 0 10px;
  border: 1px solid rgb(237, 237, 237);
  height: 28px;
  line-height: 28px;
}

.sku-num-box>a.add-btn {
  border-left: 0;
}

.sku-num-box>a.reduce-btn {
  border-right: 0;
}

.sku-num-box>a.not {
  cursor: not-allowed;
}

.sku-num-box>a:not(.not):hover {
  border-color: #428bca;
}

.sku-num-box>a:not(.not):hover~input {
  border-color: #428bca;
}

.sku-num-box>a.not:hover {
  background-color: #f8f8f8;
}

.cart-field {
  width: 100%;
  height: 48px;
  line-height: 48px;
  background: #f9f9f9;
  border-top: 1px solid rgb(237, 237, 237);
  position: relative;
  display: none;
}

.pro-info-box .size .info-cont {
  width: calc(100% - 90px);
}

.cart-field .cart-num {
  width: 140px;
  text-align: right;
  display: inline-block;
  color: #ff0023;
}

.cart-field .cart-price {
  color: #ff0023;
}

.cart-field .cart-btn {
  width: 184px;
  border-left: 1px solid rgb(237, 237, 237);
  text-align: center;
  cursor: pointer;
  height: 48px;
}

.cart-field .cart-btn.on {
  background: #fff;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-color: rgb(217, 217, 217);
}

.cart-field .cart-btn .span-icon {
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  -o-transition: transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  display: inline-block;
}

.cart-btn.on .span-icon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.cart-field .cart-btn:hover {
  color: #428bca;
}

.cart-field .cart-detail-box {
  background: #fff;
  max-height: 300px;
  overflow: auto;
  position: absolute;
  bottom: 47px;
  width: 100%;
  z-index: 10;
  display: none;
}

.sku-control-box {
  display: inline-block;
  position: relative;
}

.sku-control-box .sku-tips {
  line-height: 28px;
  border: 1px solid #eee;
  border-top: 0;
  position: absolute;
  background: #fff;
  z-index: 2;
  width: 100%;
  text-align: center;
  color: rgb(237, 78, 42);
  display: none;
}

/*瀹氫箟婊氬姩鏉″楂樺強鑳屾櫙锛屽楂樺垎鍒搴旀í绔栨粴鍔ㄦ潯鐨勫昂瀵�*/
.cart-field .cart-detail-box::-webkit-scrollbar {
  height: 6px;
  width: 6px;
  right: 0;
  position: absolute;
}

/*瀹氫箟婊氬姩鏉＄殑杞ㄩ亾锛屽唴闃村奖鍙婂渾瑙�*/
.cart-field .cart-detail-box::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 10px;
  position: absolute;
  right: 0;
}

/*瀹氫箟婊戝潡锛屽唴闃村奖鍙婂渾瑙�*/
.cart-field .cart-detail-box::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #adadad;
  position: absolute;
  right: 0;
}

.cart-detail-table {
  width: 100%;
  line-height: 1;
}

.cart-detail-table td {
  border: 1px solid rgb(217, 217, 217);
}

.cart-detail-table td.td-color {
  width: 74px;
  padding: 17px 10px;
  font-weight: bold;
}

.cart-detail-table td.td-num {
  width: 80px;
  padding: 17px 10px;
}

.cart-detail-table td.td-ope {
  padding: 12px 10px;
}

.cart-detail-table td.td-ope .hide-control {
  width: 80px;
  margin: 0 10px 0 6px;
  color: #a0a0a0;
  display: inline-block;
}

.cart-detail-table td.td-ope .show-control {
  vertical-align: top;
  margin: 0 4px 0 6px;
  display: none;
}

.cart-detail-table td.td-ope li {
  line-height: 28px;
  display: inline-block;
}

.cart-detail-table td.td-ope .sku-num-box>a {
  padding: 0 5px;
}

.cart-detail-table td.td-ope .pro-qty-input {
  width: 40px;
  border-color: #428bca;
}

.cart-detail-table td.td-ope .hide-control .value {
  color: #000;
}

.cart-detail-table td.td-ope li:hover .hide-control {
  display: none;
}

.cart-detail-table td.td-ope li:hover .show-control {
  display: inline-block;
}

/* 璇︽儏椤礥I end */
/* 鍒楄〃椤礥I start */
.list-cont.show-pro-box .pro-item {
  width: 254px;
  margin-bottom: 36px;
  margin-right: 28px;
  position: relative;
  height: 316px;
}

.list-cont.show-pro-box {
  margin-top: 15px;
}

.list-cont.show-pro-box .pro-img-box {
  width: 254px;
  height: 254px;
}

.list-cont .pro-tit-box {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  margin-top: 10px;
  color: #696969;
}

.pro-item .hover-box {
  position: absolute;
  width: 274px;
  border: 1px solid rgb(176, 205, 231);
  -webkit-box-shadow: 0px 6px 16px 0px rgba(204, 204, 204, 0.5);
  box-shadow: 0px 6px 16px 0px rgba(204, 204, 204, 0.5);
  top: -10px;
  left: -10px;
  display: none;
  z-index: 2;
  background: #fff;
  padding: 10px 10px 20px;
}

.pro-item .pro-pri-box {
  font-size: 16px;
  color: #333;
  font-weight: bold;
  margin-top: 10px;
}

.list-cont.show-pro-box .pro-item:hover .pro-tit-box {
  overflow: auto;
  white-space: normal;
}

.list-cont.show-pro-box .pro-item:hover .pro-tit-box {
  color: #428bca;
}

.list-cont.show-pro-box .pro-item:hover .pro-img-box {
  border-color: #fff;
}

.list-cont.show-pro-box .pro-item:hover .hover-box {
  display: block;
}

img.u-flyer {
  border-radius: 100%;
  width: 60px;
  height: 60px;
}

.sear-param-bar {
  border-width: 1px;
  border-color: rgb(204, 204, 204);
  border-style: dashed;
  padding-left: 3px;
  position: relative;
  margin-left: 10px;
  color: rgb(204, 204, 204);
  line-height: 22px;
}

.sear-param-bar .sear-param-cancel {
  padding: 0 5px;
  display: inline-block;
  font-weight: bold;
  margin-left: 5px;
}

.sear-param-bar:HOVER {
  border-color: #428bca;
  border-style: solid;
}

.sear-param-bar:HOVER .sear-param-cancel {
  background: #428bca;
  color: #fff;
  cursor: pointer;
}

.color-block {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: -3px;
  border: 1px solid #fff;
  margin-right: 3px;
}

.color-block>span {
  width: 7px;
  height: 14px;
  display: inline-block;
}

.head-bar>div {
  vertical-align: middle;
}

.sear-param-box .sear-field {
  padding: 0 10px;
  border: 1px solid rgb(237, 237, 237);
}

.sear-field .sear-field-bar {
  border-bottom: 1px dashed rgb(237, 237, 237);
  position: relative;
}

.sear-field .sear-field-bar:LAST-CHILD {
  border-bottom: none;
}

.sear-field-bar .com-search-tit {
  margin-top: 10px;
  width: 110px;
  padding-left: 10px;
  color: #999;
  margin-right: 0;
}

.multi-item-box>label,
.sear-field-bar .com-search-con {
  margin: 10px 10px 6px 0;
  width: 90px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  cursor: pointer;
}

.sear-field-bar.color_ids .com-search-con,
.sear-field-bar.color_ids .multi-item-box>label {
  width: 72px;
}

.sear-field-bar.size_ids .com-search-con,
.sear-field-bar.size_ids .multi-item-box>label {
  width: 72px;
}

.sear-field .sear-field-bar .com-search-con:HOVER {
  color: #428bca;
  background: #fff;
}

.multi-search-cont.normal,
.multi-search-cont.more {
  padding-right: 120px;
}

.multi-item-box {
  padding-right: 20px;
}

.multi-item-box>label>input {
  vertical-align: text-top;
  margin-right: 3px;
}

.sear-field-bar>div {
  width: calc(100% - 110px);
}

.multi-search-btn {
  border: 1px solid rgb(221, 221, 221);
  width: 48px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  text-align: center;
}

.multi-search-btn,
.multi-search-cont {
  display: none;
}

.multi-search-btn.on {
  display: inline-block;
}

.multi-search-cont.on {
  display: block;
}

.multi-btn-bar {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 110px;
}

.multi-bottom {
  margin: 10px 0;
  text-align: center;
}

.main-btn-b {
  border-radius: 4px;
  background-color: #428bca;
  color: #FFF;
  display: inline-block;
  padding: 2px 12px;
  border: 1px solid #428bca;
  cursor: pointer;
}

.main-btn-b:hover {
  opacity: 0.8;
}

.main-btn-w {
  border-radius: 4px;
  background-color: rgb(250, 250, 250);
  color: #444;
  display: inline-block;
  padding: 2px 12px;
  border: 1px solid rgb(204, 204, 204);
  line-height: 1.5;
  cursor: pointer;
}

.main-btn-w:hover {
  background-color: rgb(240, 240, 240);
}

.sear-down-box>span {
  display: inline-block;
  border: 1px solid rgb(221, 221, 221);
  width: 76px;
  height: 20px;
  text-align: center;
  margin: 10px 10px 10px 0;
}

.sear-down-box>div {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(164, 164, 164);
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 0px 6px 16px 0px rgba(120, 120, 120, 0.3);
  box-shadow: 0px 6px 16px 0px rgba(120, 120, 120, 0.3);
  position: absolute;
  top: 40px;
  left: -11px;
  padding: 0 20px;
  width: 1100px;
  z-index: 2;
}

.sear-down-box>div.simple {
  padding-right: 120px;
}

.sear-down-box>span .icon-down1,
.sear-down-box>div {
  display: none;
}

.sear-down-box:hover .icon-top {
  display: none;
}

.sear-down-box:hover .icon-down1 {
  display: inline;
}

.sear-down-box:hover>span {
  height: 30px;
  border-color: rgb(164, 164, 164);
  border-bottom: none;
  -webkit-box-shadow: 0 1px #fff;
  box-shadow: 0 1px #fff;
  z-index: 3;
  position: relative;
  background: #fff;
}

.sear-down-box:hover>div.on {
  display: block;
}

.sear-field-bar.multi {
  height: 40px;
}

.sear-down-box .multi-btn-bar {
  right: 18px;
}

.list-head-bar {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(214, 214, 214);
  background-color: rgb(244, 244, 244);
  margin-top: 15px;
  height: 44px;
  line-height: 44px;
}

.list-head-bar .sear-sort {
  padding: 0 24px;
  color: #a0a0a0;
  height: 100%;
  cursor: pointer;
}

.list-head-bar .sear-sort.on {
  background: #fff;
  color: #00acf9;
  border-right: 1px solid rgb(214, 214, 214);
}

.list-head-bar .sear-sort.price.on {
  border-left: 1px solid rgb(214, 214, 214);
}

.price-range-box>input {
  width: 56px;
  height: 24px;
  padding: 0 2px;
  border-radius: 4px;
  border: 1px solid rgb(237, 237, 237);
}

.price-range-box {
  padding: 0 10px;
  color: #a0a0a0;
  height: 100%;
  border-left: 1px solid rgb(244, 244, 244);
  border-right: 1px solid rgb(244, 244, 244);
}

.price-range-box:HOVER {
  background: #fff;
  border-left: 1px solid rgb(214, 214, 214);
  border-right: 1px solid rgb(214, 214, 214);
}

.price-range-box>a {
  background: #428bca;
  padding: 0 5px;
  height: 24px;
  line-height: 24px;
  margin-left: 5px;
  color: #fff;
  border-radius: 4px;
  display: none;
}

.price-range-box:HOVER>a {
  display: inline-block;
}

.head-page-plugin {
  position: absolute;
  right: 10px;
  top: 0px;
}

.list-bottom-bar {
  margin-top: 60px;
  margin-bottom: 100px;
}

.no-pro-box {
  padding: 80px 0;
  text-align: center;
  width: 100%;
  font-size: 16px;
}

.no-pro-box>p {
  font-size: 14px;
  margin-top: 10px;
  text-align: left;
  margin-left: 456px;
}

.list-cont.show-pro-box .pro-item:nth-child(4n) {
  margin-right: 0;
}

.sear-field-bar a {
  color: #343434;
}

.sear-field-bar a.main-btn-b {
  color: #fff;
}

.sear-field-bar .color-block {
  vertical-align: top;
  border: 1px solid rgb(237, 237, 237);
}

.sear-sort .sort-icon-box {
  position: relative;
  width: 16px;
  height: 20px;
  display: inline-block;
}

.sear-sort .sort-icon-box>i {
  position: absolute;
  color: #a0a0a0;
}

.sear-sort.on .sort-icon-box>i.on {
  color: #00acf9;
}

.sear-sort .sort-icon-box>i.icon-screen_high {
  top: 6px;
}

.sear-sort .sort-icon-box>i.icon-screen_low {
  bottom: -6px;
}

.head-page-plugin .light-theme span,
.head-page-plugin .light-theme a {
  min-width: 28px;
  height: 28px;
  border-radius: 14px;
  border: none;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  line-height: 28px;
  color: #343434;
  font-weight: normal;
  text-align: center;
}

.head-page-plugin .light-theme li:first-child span,
.head-page-plugin .light-theme li:first-child a,
.head-page-plugin .light-theme li:last-child span,
.head-page-plugin .light-theme li:last-child a {
  width: auto;
  height: auto;
  border-radius: 4px;
}

.head-page-plugin .light-theme span.current {
  background: #00acf9;
  color: #fff;
}

.head-page-plugin .light-theme li:first-child span.current,
.head-page-plugin .light-theme li:last-child span.current {
  color: #ccc;
  background: none;
}

.list-bottom-bar .light-theme span,
.list-bottom-bar .light-theme a {
  min-width: 30px;
  height: 30px;
  -webkit-box-shadow: none;
  box-shadow: none;
  line-height: 30px;
  color: #343434;
  font-weight: normal;
  padding: 0 5px;
}

.list-bottom-bar .light-theme li:first-child span,
.list-bottom-bar .light-theme li:first-child a,
.list-bottom-bar .light-theme li:last-child span,
.list-bottom-bar .light-theme li:last-child a {
  width: 60px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
}

.list-bottom-bar .light-theme span.current {
  background: #00acf9;
  border-color: #00acf9;
  color: #fff;
}

.list-bottom-bar .light-theme li:first-child span.current,
.list-bottom-bar .light-theme li:last-child span.current {
  color: #ccc;
  background: none;
  border-color: #ccc;
}

.last-page-btn.not,
.first-page-btn.not {
  cursor: default;
  color: #ccc;
}

.page-info .page-input {
  height: 30px;
  width: 40px;
  margin: 0 5px;
  border: 1px solid #BBB;
  border-radius: 4px;
}

.page-info .main-btn-w.flip-page {
  height: 30px;
  vertical-align: top;
  line-height: 30px;
  padding: 0 12px;
  margin-left: 20px;
}

/* 鍒楄〃椤礥I end */
.pro-img-box.big {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  /*Flex甯冨眬*/
  display: -webkit-flex;
  /* Safari */
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /*鎸囧畾鍨傜洿灞呬腑*/
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pro-img-box.big .mzImg {
  max-width: 100%;
  max-height: 420px;
  white-space: nowrap;
  overflow: hidden;
}

.pro-img-box.big .MagicZoom {
  z-index: 10;
}

.pro-img-box.big .MagicZoomPup {
  background: #000000;
  opacity: 0.2 !important;
}

.pro-img-box.big .MagicZoomBigImageCont {
  border-color: rgb(237, 237, 237);
}

.pro-img-box.big:hover .bigger-icon {
  display: none;
}

.pro-img-box.big .bigger-icon {
  position: absolute;
  right: 10px;
  bottom: 5px;
  z-index: 11;
  color: #d0d0d0;
  font-size: 14px;
}

/*鎰忚鍙嶉*/
.pb30 {
  padding-bottom: 30px;
}

.pr10 {
  padding-right: 10px;
}

.feedback-wrap {
  position: fixed;
  bottom: 16%;
  right: 5px;
  z-index: 999;
  text-align: center;
  color: #fff;
}

.feedback-wrap p,
.feedback-wrap a {
  display: block;
  cursor: pointer;
}

.feedback-wrap span {
  display: inline-block;
  width: 36px;
  height: 36px;
  font-size: 12px;
  -webkit-transform: scale(0.84, 0.84);
  *font-size: 10px;
  color: #fff;
}

.feedback-wrap a:first-child {
  margin-bottom: 3px;
}

.feedback-wrap .icon {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 34px;
  font-size: 16px;
  background: #ccc;
  color: #fff;
  text-align: center;
}

.com-pop-module {
  position: fixed;
  top: 36px;
  min-width: 580px;
  max-width: 80%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff;
  border-radius: 5px;
  z-index: 9999;
  display: none;
  color: rgb(89, 90, 90);
  font-size: 12px;
}

.com-pop-module.login-popup {
  min-width: auto;
  width: 420px;
}

.com-pop-module.feedback-pop {
  border-top: 1px solid rgb(221, 221, 221);
}

.com-bind-item.com-bind-item-block>.item-content input[type="text"] {
  width: 100%;
  height: 29px;
  line-height: 29px;
}

.com-bind-item.com-bind-item-block>.item-content textarea {
  width: 100%;
  height: 122px;
}

.com-pop-module.feedback-pop {
  min-width: 556px;
}

.feedback-pop .com-pop-cont {
  padding: 30px;
}

.feedback-pop .com-pop-bottom {
  border-top: 1px solid rgb(221, 221, 221)
}

.feedback-title .icon {
  font-size: 40px;
  float: left;
  color: #428bca
}

.feedback-title h3 {
  font-weight: bold;
  font-size: 16px;
}

.feedback-title p {
  color: #aaa;
}

.com-bind-item.com-bind-item-block>.item-tit {
  display: block;
  text-align: left;
}

.com-bind-item.com-bind-item-block>.item-content {
  width: 100%;
  max-width: 100%;
  margin: 0;
  margin-top: 5px;
  padding: 0 18px;
}

.feedback-pop .item-content.item-content-contact {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.feedback-pop .webuploader-pick {
  background: transparent;
  padding: 0;
}

.feedback-pop .com-bind-item+.com-bind-item {
  margin-top: 0;
}

.feedback-pop .com-bind-item>.item-content img {
  margin-left: 0;
  width: 100%;
  height: 100%;
}

.photo-wrap .webuploader-pick+div {
  width: 60px !important;
  height: 60px !important;
}

.photo-wrap .photo-item {
  width: 60px;
  height: 60px;
  border: 1px solid #e9e9e9;
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
  display: inline-block;
  float: left;
}

.photo-wrap img {
  width: 100%;
  height: 100%;
}

.photo-wrap .remove {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: -8px;
  right: -8px;
  cursor: pointer;
}

.photo-picker {
  width: 60px;
  height: 60px;
  background-color: #f0f0f0;
  text-align: center;
  border: 1px dashed #ccc;
  display: inline-block;
}

.photo-picker i {
  font-size: 36px;
  color: #ccc;
  line-height: 60px;
}

.feedback-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1000;
  display: none;
}

/*flex甯冨眬*/
.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

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

.flex-col {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-x-center {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex-x-sbetween {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex-x-saround {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.flex-y-center {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-y-end {
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

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

.flex-inline-center {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.w1185 {
  width: 1185px;
  margin: 0 auto;
}

.help-bar-wrap:before {
  display: block;
  content: '';
  width: 100%;
  height: 42px;
  flex: 1;
  background-color: #d04e54;
}

.help-bar-wrap:after {
  display: block;
  content: '';
  width: 100%;
  flex: 1;
  height: 42px;
  background-color: #dfdfdf;
}

.help-bar {
  width: 1185px;
  margin: 0 auto;
  line-height: 42px;
}

.help-bar .text {
  width: 65%;
  background: #d04e54;
  color: #fff;
  position: relative;
}

.help-bar .text:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  border-left: 21px solid #d04e54;
  border-top: 21px solid #d04e54;
  border-right: 21px solid #dfdfdf;
  border-bottom: 21px solid #dfdfdf;
}

.help-bar .help-link {
  width: 35%;
  background-color: #dfdfdf;
  text-align: right;
}

.help-bar .help-link a:hover {
  font-weight: bold
}

.login-header {
  width: 1185px;
  height: 94px;
  margin: 0 auto;
}

.blueHover:hover {
  color: rgb(20, 171, 244);
}

.opacity8:hover {
  opacity: 0.8;
  cursor: pointer;
}

.login-menu li.link-item {
  display: inline-block;
  float: left;
  font-size: 18px;
  margin-right: 100px;
  height: 95px;
  position: relative;
}

.login-menu li.link-item:last-child {
  margin-right: 0;
}

.login-menu li.link-item.link-item-current {
  background: #59a5e6;
}

li.link-item.link-item-current a {
  line-height: 90px;
  padding: 0 10px;
  margin-top: 0 !important;
  ;
  padding-bottom: 0 !important;
}

li.link-item.link-item-current i {
  font-size: 60px;
  line-height: 94px;
  color: #fff;
}

.login-menu li.link-item>a {
  display: inline-block;
  margin-top: 42px;
  padding-bottom: 25px;
}

.login-menu li.link-item.b-bottom>a:before {
  display: block;
  content: '';
  width: 100%;
  height: 2px;
  background: #59a5e6;
  position: absolute;
  bottom: 20px;
  left: 0;
}

.login-header .search-input {
  display: inline-block;
  position: relative;
}

.search-input input {
  width: 360px;
  height: 42px;
  line-height: 42px;
  border: 1px solid rgb(238, 238, 238);
  border-radius: 4px;
  padding: 0 12px;
}

.search-input i {
  display: inline-block;
  color: rgb(89, 90, 90);
  position: absolute;
  right: 10px;
  top: 12px;
  font-size: 18px;
  cursor: pointer;
}

.shopping-cart,
.account-login {
  display: inline-block;
  vertical-align: middle;
}

.shopping-cart i,
.account-login i {
  font-size: 24px;
  cursor: pointer;
}

.has-logined {
  width: 390px;
  min-height: 350px;
  background: #fff;
  border-radius: 4px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  padding: 35px 40px;
  display: none;
}

.has-logined .title {
  font-size: 16px;
  color: rgb(66, 139, 202);
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 30px;
}

.button-block {
  display: block;
  text-align: center;
  font-size: 14px;
  border-radius: 4px;
  cursor: pointer;
}

.button-inline {
  display: inline-block;
  padding: 0 50px;
  border-radius: 4px;
  cursor: pointer;
}

.button-blue {
  line-height: 42px;
  background: #428bca;
  color: #fff;
  border: 0;
}

.button-white {
  line-height: 42px;
  background: #fff;
  color: rgb(170, 170, 170);
  border: 1px solid rgb(221, 221, 221);
}

.button-blue2 {
  line-height: 56px;
  background: #428bca;
  color: #fff;
  border: 0;
  font-size: 22px;
}

.button-white2 {
  line-height: 56px;
  background: #fff;
  color: rgb(89, 165, 230);
  border: 1px solid rgb(89, 165, 230);
  font-size: 24px;
}

.account-box .list-item {
  margin-bottom: 25px;
  font-size: 14px;
}

.login-wrap {
  width: 1185px;
  background: red;
  margin: 0 auto;
  position: absolute;
  top: 60px;
  left: 50%;
  z-index: 99;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.banner-box {
  padding: 60px 0;
  width: 1185px;
  margin: 0 auto;
}

.section-wrap>.title {
  width: 1185px;
  margin: 0 auto;
  text-align: center;
  font-size: 36px;
  color: rgb(51, 51, 51);
  padding-bottom: 20px;
}

.section-qualitey {
  background: #f7f7f7;
  padding-top: 25px;
  padding-bottom: 65px;
}

.section-discount {
  padding-top: 35px;
  padding-bottom: 70px;
}

.section-content {
  width: 1185px;
  margin: 0 auto;
}

.cooperation-3 .img-item-box {
  cursor: auto;
}

.img-item-box {
  display: inline-block;
  cursor: pointer;
  position: relative;
}

.img-item-box p {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 38px;
  line-height: 38px;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 0 5px;
}

.img-item-box i {
  float: right;
  line-height: 38px;
}

.discount-content {
  color: rgb(51, 51, 51);
  font-weight: normal;
  text-align: center;
}

.discount-content h5 {
  font-size: 36px;
  color: rgb(51, 51, 51);
  font-weight: normal;
  margin-bottom: 25px;
}

.discount-content p {
  font-size: 20px;
  line-height: 2.2;
  font-weight: normal
}

.discount-content .link-contactus {
  font-size: 24px;
  color: #6194e2;
  margin-top: 20px;
  cursor: pointer;
}

.discount-content em {
  color: red;
  font-size: 30px;
}

.section-3 {
  background: #f2f8fa;
  text-align: center;
  padding: 30px 0;
}

.section-3 p {
  font-size: 18px;
  color: rgb(102, 102, 102);
  ;
}

.section-4 {
  padding: 50px 0;
}

.section-5 {
  background: #fafafa;
  padding-top: 30px;
  padding-bottom: 90px;
}

.section-5 p {
  font-size: 18px;
  color: rgb(51, 51, 51);
  line-height: 1.667;
  text-indent: 2em;
  width: 360px;
}

.section-5 .title>span {
  display: inline-block;
  position: relative;
}

.section-5 .title>span:after {
  display: inline-block;
  content: '';
  width: 80px;
  height: 5px;
  background: #6194e2;
  position: absolute;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.operate-box {
  text-align: center;
  margin-top: 20px;
}

.big-blue-font {
  font-size: 24px;
  color: rgb(97, 148, 226);
  cursor: pointer;
}

.login-menu .dropdown-box {
  width: 100%;
  background: #fff;
  border-top: 10px solid #000;
  border-left: 1px solid rgba(199, 214, 219, 0.7);
  border-right: 1px solid rgba(199, 214, 219, 0.7);
  border-bottom: 1px solid rgba(199, 214, 219, 0.7);
  position: fixed;
  left: 0;
  top: 132px;
  z-index: 999;
  max-height: calc(100vh - 200px);
  overflow-y: auto;
  display: none;
}

.login-menu li.active>a:after {
  display: inline-block;
  content: '';
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #000 transparent;
  position: absolute;
  top: 70px;
  left: 24px;
}

.login-menu .dropdown-content {
  width: 1185px;
  margin: 0 auto;
}

.login-menu .dropdown-box::-webkit-scrollbar {
  height: 9px;
  width: 9px;
  right: 0;
  position: absolute;
}

/*瀹氫箟婊氬姩鏉＄殑杞ㄩ亾锛屽唴闃村奖鍙婂渾瑙�*/
.login-menu .dropdown-box::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 10px;
  position: absolute;
  right: 0;
}

.login-menu .dropdown-box::-webkit-scrollbar-track {
  background: #ecf3f9;
}

.dropdown-1 {
  padding-top: 50px;
  padding-bottom: 30px;
  text-align: center;
}

.dropdown-1 h6 {
  font-size: 14px;
  color: rgb(51, 51, 51);
  line-height: 2.143;
}

.dropdown-1 p {
  font-size: 12px;
  color: rgb(102, 102, 102);
  line-height: 2.5;
}

.dropdown-1 p.join {
  text-align: center;
  margin-top: 30px;
}

.dropdown-2,
.dropdown-3 {
  padding-top: 40px;
  padding-bottom: 80px;
}

.dropdown-2 h6,
.dropdown-3 h6 {
  font-size: 16px;
  color: rgb(51, 51, 51);
  border-bottom: 1px solid rgb(221, 221, 221);
  padding: 15px 0;
}

.dropdown-2 h6.no-border {
  border: 0;
}

.dropdown-2 .col-box,
.dropdown-3 .col-box {
  width: 100%;
}

.dropdown-2 .col-box:not(:last-child),
.dropdown-3 .col-box:not(:last-child) {
  margin-right: 38px;
}

.dropdown-2 li,
.dropdown-3 li {
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid rgb(221, 221, 221);
  font-size: 12px;
  color: rgb(102, 102, 102);
  cursor: pointer;
}

.dropdown-2 li a:hover,
.dropdown-3 a:hover {
  color: rgb(20, 171, 244);
}

.dropdown-2 .col-box:first-child,
.dropdown-3 .col-box:first-child {
  flex-grow: 0;
  flex-shrink: 0;
  width: 270px;
}

.dropdown-2 .col-goodproduct li {
  width: 47%;
  float: left;
}

.dropdown-2 .col-goodproduct li:nth-child(odd) {
  margin-right: 6%;
}

.dropdown-2 .col-creative {
  width: 270px;
  flex-shrink: 0;
  flex-grow: 0;
}

.dropdown-2 .tocreative-box {
  width: 270px;
}

.dropdown-2 .tocreative-box>a {
  display: inline-block;
  width: 100%;
  height: 70px;
  background: #e9e9e9;
  color: rgb(102, 102, 102);
  font-size: 14px;
  text-align: left;
  margin-bottom: 5px;
  margin-top: 0;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.dropdown-2 .tocreative-box i {
  font-size: 30px;
  color: #000;
  padding: 0 10px;
}

.dropdown-3 .big-blue-font {
  font-size: 14px;
  color: rgb(89, 165, 230);
}

.dropdown-3 .col-box:last-child {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

/*鎷涘晢鍚堜綔*/
.cooperation-1,
.cooperation-2,
.cooperation-3 {
  padding: 50px 0;
}

.cooperation-1,
.cooperation-3 {
  background: #f7f7f7;
}

.cooperation-1 .col-box {
  width: 100%;
  border: 1px solid #eaebec;
  position: relative;
}

.cooperation-1 .image-wrap {
  border-bottom: 1px solid #eaebec;
  text-align: center;
  height: 200px;
  line-height: 200px;
}

.cooperation-1 .desc-box {
  padding: 20px;
}

.cooperation-1 .col-box .title {
  font-size: 18px;
  color: rgb(51, 51, 51);
  font-weight: bold;
  margin-bottom: 20px;
}

.cooperation-1 .desc {
  font-size: 18px;
  color: rgb(102, 102, 102);
  padding-bottom: 55px;
}

.cooperation-1 .button-box {
  width: 100%;
  position: absolute;
  bottom: 20px;
  left: 0;
  text-align: center;
  font-size: 22px;
}

.cooperation-3 .img-item-box .text {
  background: rgba(0, 0, 0, 0.502);
  color: #fff;
  text-align: center;
  font-size: 18px;
}

.hidden {
  display: none
}

.pos-relative {
  position: relative;
}

.tips-num {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  top: -7px;
  right: -6px;
}

.tips-num.blue {
  background: #0994fb;
  color: #fff !important;
}

.login-header-wrap {
  border-bottom: 1px solid rgb(238, 238, 238)
}

/*宸︿晶鏍廡ree Start*/
.side-bar {
  width: 212px;
  font-size: 13px;
  margin-left: 20px;
  float: left;
}

.transition {
  transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}

.main-module {
  margin: 20px;
  color: rgb(89, 90, 90);
}

.has-left-menu .mainWidth,
.has-left-menu .main-module {
  margin-left: 242px;
}

.com-nav-module dt {
  height: 36px;
  line-height: 36px;
  padding-left: 10px;
  color: rgb(89, 90, 90);
  font-weight: bold;
  border: 1px solid #ddd;
  position: relative;
}

.com-nav-module.flex:first-child .com-nav-item a {
  text-indent: 0px;
  padding-left: 10px;
}

.com-nav-module dt.flex {
  background: #fff;
  font-weight: normal;
}

.com-nav-module dt.flex a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 36px;
  text-decoration: none;
  position: relative;
  cursor: pointer;
}

.com-nav-module dt.flex:hover {
  background-color: #4998de;
  border-color: #428bca;
  margin: 0 1px;
  cursor: pointer;
}

.com-nav-module dt.flex.on {
  background: #428bca;
  border-color: #428bca;
  margin: 0 1px;
  cursor: pointer;
}

.com-nav-module dt.flex .span-icon-box {
  display: inline-block;
  padding: 0 7px;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
}

.com-nav-module dt.flex .span-icon-box.next {
  display: none;
}

.com-nav-module dt.flex.on i,
.com-nav-module dt.flex:hover i,
.com-nav-module dt.flex.on a,
.com-nav-module dt.flex:hover a {
  color: #fff;
}

/*.com-nav-module dt .icon-next_page {
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 12px;
    display: none;
}

.com-nav-module dt .icon-down {
    position: absolute;
    right: 20px;
    top: 12px;
    font-size: 12px;
}*/

.com-nav-module dd {
  border: 1px solid #ddd;
  border-top: none;
}

.com-nav-module dd .com-nav-item {
  border-top: 1px solid #ddd;
  background: #fff;
}

.com-nav-module dd .com-nav-item:first-child {
  border-top: none;
}

.com-nav-module dd .com-nav-item:hover {
  background-color: #4998de;
  border-color: #428bca;
}

.com-nav-module dd .com-nav-item.on {
  background: #428bca;
  border-color: #428bca;
}

.com-nav-module dd .com-nav-item.on a,
.com-nav-module dd .com-nav-item:hover a {
  color: #fff;
}

.com-nav-type .nav-a {
  display: block;
  width: 100%;
  height: 100%;
}

.com-nav-type .nav-a:hover {
  background-color: #4998de;
  border-color: #428bca;
  color: #fff;
}

.com-nav-module dd .com-nav-item a,
.tree dd .com-nav-item span {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 36px;
  text-indent: 20px;
  text-decoration: none;
  position: relative;
  cursor: pointer;
}

.com-nav-module+.com-nav-module dt {
  border-top: none;
}

.com-nav-module.bottom {
  text-align: center;
}

.com-nav-module.bottom dt {
  padding: 0;
}

/*技术支持 Start*/
.com-nav-module.support {
  padding: 25px 0 15px 0;
  background: #fff5dc;
  color: rgb(215, 155, 10);
  margin: 10px 0;
}

.com-nav-module.support h6 {
  font-size: 20px;
  font-weight: normal;
}

.com-nav-module.support p {
  font-size: 10px;
  *font-size: 10px;
  line-height: 1.8;
}

.com-nav-module.support a {
  background-color: rgb(249, 209, 113);
  color: rgb(174, 128, 16);
  font-size: 14px;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  padding: 4px 16px;
  margin-top: 10px;
}

/*技术支持 End*/
/*帮助中心搜索 Start*/
.help-center-search {
  background: url('/static/frontend/images/helpcenter-bg.png') no-repeat center center;
  background-size: 100% 100%;
  color: #fff;
}

.help-center-search>div {
  width: 1140px;
  margin: 0 auto;
}

.help-center-search .tit {
  text-align: center;
  font-size: 36px;
  padding-top: 35px;
}

.help-center-search .search-box {
  position: relative;
  padding: 30px 35px;
}

.help-center-search .search-box input {
  height: 58px;
  line-height: 58px;
  width: 100%;
  background: #fff;
  border-radius: 4px;
  padding-left: 25px;
  padding-right: 100px;
  border: 0;
  font-size: 18px;
}

.help-center-search .search-box a {
  display: inline-block;
  position: absolute;
  top: 30px;
  right: 34px;
  width: 100px;
  height: 58px;
  line-height: 58px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  background: #428bca;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.help-center-search .hot-keywords {
  padding: 0 130px 20px 130px;
}

.help-center-search .hot-keywords a {
  display: inline-block;
  margin: 0 15px 15px;
  color: #fff;
  padding: 5px 20px;
  border: 1px solid #fff;
  border-radius: 4px;
  font-size: 18px;
  position: relative;
}

.help-center-search .hot-keywords a:hover {
  -webkit-box-shadow: 0 0 15px #fff;
  box-shadow: 0 0 15px #fff;
}

.help-center-search .hot-keywords a:hover:before {
  width: 100%;
  height: 100%;
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-shadow: 0 0 15px #fff inset;
  box-shadow: 0 0 15px #fff inset;
}

/*帮助中心搜索 End*/
/*帮助中心首页 Start*/
.help-center-index {
  padding: 35px 0;
}

.help-center-index>.left {
  width: calc(100% - 285px);
  width: -webkit-calc(100% - 285px);
  width: -moz-calc(100% - 285px);
  float: left;
}

.help-center-index>.left .item {
  width: calc((100% - 60px)/3);
  width: -webkit-calc((100% - 60px)/3);
  width: -moz-calc((100% - 60px)/3);
  border: 1px solid rgb(237, 237, 237);
  box-shadow: 4px;
  padding: 25px 10px;
  text-align: center;
  margin-right: 30px;
  margin-bottom: 20px;
}

.help-center-index>.left .item:hover {
  -webkit-box-shadow: 0 0 30px #ccc;
  box-shadow: 0 0 30px #ccc;
}

.help-center-index>.left .item:nth-child(3n+3) {
  margin-right: 0
}

.help-center-index>.left .item>.tit {
  font-size: 17px;
  height: 90px;
  margin-bottom: 10px;
}

.help-center-index>.left .item>.tit>div {
  height: 90px;
}

.help-center-index>.left .item img {
  max-width: 50px;
  max-height: 50px;
  margin-bottom: 10px;
}

.help-center-index>.left .item>p {
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.help-center-index>.left .item a:hover {
  color: rgb(89, 165, 230);
}

.help-center-index>.right {
  margin-left: 35px;
  width: 250px;
  float: right;
}

.help-center-index>.right dl {
  border: 1px solid rgb(237, 237, 237);
  border-bottom: 0;
}

.help-center-index>.right dt {
  height: 42px;
  line-height: 42px;
  background-color: rgb(89, 165, 230);
  color: #fff;
  padding: 0 25px;
  font-size: 16px;
}

.help-center-index>.right dd {
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0 25px;
  border-bottom: 1px solid rgb(237, 237, 237);
  position: relative;
  color: rgb(119, 119, 119);
}

.help-center-index>.right dd a {
  font-size: 14px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.help-center-index>.right dd a:hover {
  color: rgb(89, 165, 230);
}

.help-center-index>.right dd a:before {
  display: inline-block;
  content: '';
  width: 5px;
  height: 5px;
  background: rgb(119, 119, 119);
  border-radius: 50%;
  margin-right: 5px;
  vertical-align: 2px;
}

.help-center-index>.right dd a:hover:before {
  background: rgb(89, 165, 230);
}

/*帮助中心首页 End*/
/*帮助中心文章 Start*/
.relative-doc,
.problem-box {
  padding: 10px 20px;
}

.relative-doc li {
  width: 50%;
  line-height: 2;
}

.problem-box .score-box {
  padding-top: 5px;
}

.problem-box .score-item {
  font-size: 16px;
  cursor: pointer;
  padding: 0 2px;
  float: left;
}

.problem-box .score-item i.yes {
  color: red;
  display: none;
}

.problem-box .score-item.active i.no,
.problem-box .score-item.selected i.no {
  display: none;
}

.problem-box .score-item.active i.yes,
.problem-box .score-item.selected i.yes {
  display: inline-block;
}

.problem-box dd {
  line-height: 2;
}

.problem-box input[type="checkbox"] {
  vertical-align: -2px;
}

.more-advice textarea {
  width: 100%;
  border: 0;
  resize: none;
  padding: 10px 20px;
}

.more-advice textarea:focus {
  outline: 0;
}

.user-guide-doc>h3 {
  font-size: 30px;
  padding-top: 30px;
}

.user-guide-doc>.time {
  color: rgb(175, 175, 175);
  padding: 5px 0 10px 0;
}

.user-guide.steps {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.user-guide.steps li {
  min-width: 100px;
  width: calc((100% - 50px)/6);
  width: -webkit-calc((100% - 50px)/6);
  width: -webkit-calc((100% - 50px)/6);
  height: 48px;
  line-height: 48px;
  background: rgb(233, 233, 233);
  font-size: 16px;
  text-align: center;
  margin-right: 10px;
  position: relative;
  cursor: pointer;
}

.user-guide.steps li:first-child {
  padding-left: 0
}

.user-guide.steps li:last-child {
  margin-right: 0;
}

.user-guide.steps li.active {
  background: #f4bc41;
  color: #fff;
}

.user-guide.steps li:not(:last-child):after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 24px;
  border-color: transparent transparent transparent rgb(233, 233, 233);
  position: absolute;
  top: 0;
  right: -47px;
  z-index: 60;
}

.user-guide.steps li.active:not(:last-child):after {
  border-color: transparent transparent transparent #f4bc41;
}

.user-guide.steps li:not(:first-child):before {
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 24px;
  border-color: rgb(233, 233, 233) rgb(233, 233, 233) rgb(233, 233, 233) #fff;
  position: absolute;
  top: 0;
  left: -1px;
  z-index: 50;
}

.user-guide.steps li.active:not(:first-child):before {
  border-color: #f4bc41 #f4bc41 #f4bc41 #fff;
}

.user-guide.steps li .txt {
  position: absolute;
  left: 30%;
  z-index: 100;
}

.user-guide.steps-content {
  padding: 20px
}

.user-guide.steps-content .step-item h3 {
  font-size: 18px;
  margin-bottom: 10px;
}

.user-guide.steps-content .step-item p {
  line-height: 2;
  font-size: 14px;
}

.user-guide.steps-content .step-item .img-info {
  display: inline-block;
  position: relative;
  margin-top: 15px;
  margin-bottom: 20px;
}

.user-guide.steps-content .step-item .img-info:hover .img-mask {
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
}

.user-guide.steps-content .step-item img {
  max-width: 100%;
  height: auto;
  box-shadow: 0 0 15px #ccc;
  border: 5px solid #fff;
}

.user-guide.steps-content .step-item .img-mask {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
}

/*帮助中心文章 End*/
/*上提示 Start*/
.color-tip-box {
  display: none;
  position: absolute;
  background: #FFF;
  border-radius: 5px;
  padding: 5px 10px;
  z-index: 10000;
  border: 1px solid #E1E1E2;
  box-shadow: 0 0 5px #E1E1E2;
  min-width: 40px;
  text-align: center;
}

.color-tip-box>span {
  display: block;
  width: 0;
  height: 0;
  border-width: 6px 6px 0 6px;
  border-style: solid dashed dashed dashed;
  border-color: #CAD2D3 transparent transparent transparent;
  position: absolute;
  bottom: -6px;
  left: 24px;
}

.color-tip-box>span>span {
  display: block;
  width: 0;
  height: 0;
  border-width: 6px 6px 0 6px;
  border-style: solid dashed dashed dashed;
  border-color: #FFF transparent transparent transparent;
  position: absolute;
  bottom: 1px;
  left: -6px;
}

.color-tip-box>span.up {
  border-width: 0 6px 6px 6px;
  border-style: dashed dashed solid dashed;
  border-color: transparent transparent #CAD2D3 transparent;
  position: absolute;
  top: -6px;
  left: 24px;
  bottom: auto;
}

.color-tip-box>span.up>span {
  border-width: 0 6px 6px 6px;
  border-style: dashed dashed solid dashed;
  border-color: transparent transparent #FFF transparent;
  position: absolute;
  top: 1px;
  left: -6px;
  bottom: auto;
}

/*上提示 End*/
.com-nav-cates {
  display: none;
}

.com-nav-cate,
.com-nav-type {
  font-size: 13px;
  border-top: 1px solid #ddd;
}

.com-nav-type:first-child {
  border-top: 0;
}

.com-nav-type,
.com-nav-cate,
.com-nav-child {
  width: 100%;
  height: 100%;
  line-height: 36px;
  text-indent: 15px;
  text-decoration: none;
  position: relative;
  cursor: pointer;
}

.com-nav-cate {
  text-indent: 27px;
}

.com-nav-child {
  text-indent: 39px;
}

.com-nav-type.cur,
.com-nav-cate.cur,
.com-nav-child.cur {
  color: #FFF;
  background: #428bca;
  border-color: #428bca;
}

.com-nav-child {
  display: none;
  padding-left: 15px;
  border-top: 1px solid #ddd;
}

.com-nav-radio {
  float: right;
  font-weight: normal;
  height: 24px;
  line-height: 24px;
  margin-top: 5px;
  margin-right: 8px;
  text-indent: 0;
  position: relative;
  width: 70px;
}

.com-nav-radio>span {
  border: 1px solid #DCDCDC;
  cursor: pointer;
  border-radius: 26px;
  background: #f8f8f8;
  display: inline-block;
  position: absolute;
  right: 0;
  text-align: center;
  width: 44px;
}

.com-nav-radio>span.on {
  background: #FFF;
  box-shadow: 0px 0px 6px 0px rgb(204, 204, 204);
  z-index: 2;
}

.com-nav-radio>span:FIRST-CHILD {
  padding-right: 6px;
  left: 0;
}

.com-nav-radio>span:LAST-CHILD {
  padding-left: 6px;
}

.com-nav-tree {
  padding: 10px 12px;
  border: 1px solid #DCDCDC;
  border-top: 0;
  cursor: pointer;
}

.com-nav-tree.cur {
  color: #FFF;
  background: #428bca;
  border-color: #428bca;
}

.com-nav-tree:hover {
  color: #FFF;
  background-color: #4998de;
  border-color: #428bca;
}

.com-nav-tree>i {
  color: #92D4F5;
  margin-right: 5px;
}

.com-nav-cate>i,
.com-nav-type>i,
.com-nav-child>i {
  display: inline;
  color: #92D4F5;
  padding: 5px;
}

.com-nav-tree>i.icon-Folder_on,
.com-nav-tree.on>i.icon-Folder_off,
.com-nav-cate>i.icon-Folder_on,
.com-nav-cate.on>i.icon-Folder_off,
.com-nav-type>i.icon-Folder_on,
.com-nav-type.on>i.icon-Folder_off {
  display: none;
}

.com-nav-tree.on>i.icon-Folder_on,
.com-nav-cate.on>i.icon-Folder_on,
.com-nav-type.on>i.icon-Folder_on,
.com-nav-type.on>i.icon-Folder_on {
  display: inline;
}

.edit-tree-box .ztree li {
  line-height: 30px;
  padding: 2px 0;
  position: relative;
}

.edit-tree-box .ztree li .btn-group {
  position: absolute;
  right: 12px;
  top: 6px;
  width: 65px;
}

.edit-tree-box .ztree li>a {
  width: 94%;
  height: 26px;
  line-height: 26px;
  padding-left: 5px;
  padding-top: 0;
  border-radius: 3px;
  cursor: default;
  border-bottom: 1px solid #e5e5e5;
}

.edit-tree-box .ztree li span input {
  width: 180px;
  height: 22px;
  border: 1px solid rgb(86, 155, 214);
  border-radius: 4px;
}

.edit-tree-box .ztree li a:hover,
.edit-tree-box .ztree li a.curSelectedNode {
  background: #f6f6f6;
  border: none;
  text-decoration: none;
}

.edit-tree-box .ztree li span.button.switch {
  vertical-align: text-bottom;
}

.edit-tree-box .ztree li span.button.add {
  margin-right: 2px;
  vertical-align: top;
}

.edit-tree-box .ztree li .btn-group>span {
  background: none;
}

.edit-tree-box .ztree li .btn-group>span+span {
  margin-left: 5px;
}

.edit-tree-box .ztree li .btn-group>span.add>i {
  font-size: 16px;
  color: #80bc74;
}

.edit-tree-box .ztree li .btn-group>span.edit>i {
  font-size: 16px;
  color: #438afb;
}

.edit-tree-box .ztree li .btn-group>span.remove>i {
  font-size: 18px;
  color: #ed4e2a;
}

.lbtree-box.pro {
  position: relative;
  min-height: 300px;
  padding-left: 20px;
}

.change-bar-box {
  position: absolute;
  width: 20px;
  left: 0;
  background: #f5f7fa;
  border-right: 1px solid #ddd;
  text-align: center;
  height: 100%;
}

.change-bar-box>span {
  height: 110px;
  border-bottom: 1px solid #ddd;
  width: 19px;
  cursor: pointer;
  line-height: 1;
  display: inline-flex;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  justify-content: center;
  align-items: center;
}

.change-bar-box>span.on {
  background: #428bca;
  color: #fff;
}

.con-item {
  display: none;
}

.con-item.on {
  display: block;
}

.change-bar-box>span.on {
  display: inline-flex;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
}

/* 宸︿晶鏍弔ree End */

/* 浣嶇疆瀵艰埅 Start */
.LeftHide {
  margin-left: -222px;
}

.home-left>div {
  margin-top: 12px;
}

.home-left>div:FIRST-CHILD {
  margin-top: 0;
}

.panel:FIRST-CHILD {
  margin-top: 0;
}

.home-left {
  width: 212px;
  float: left;
}

.home-content {
  margin-left: 222px;
}

.transition {
  transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}

.home-content.contentMax {
  margin-left: 0;
}

.panel-nav {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(221, 221, 221);
  background-color: rgb(245, 247, 250);
  height: 40px;
  line-height: 40px;
  padding: 0 18px;
  position: relative;
}

.panel-right-bar {
  position: absolute;
  right: 18px;
  font-weight: bold;
}

.panel-nav>.path {
  font-weight: bold;
  vertical-align: middle;
  margin-right: 10px;
}

.panel-nav>i {
  font-size: 18px;
  vertical-align: middle;
  margin-right: 10px;
  cursor: pointer;
}

/* 浣嶇疆瀵艰埅 End */

/* 鍏叡鎼滅储鍖哄煙 Start */
.com-search-field {
  border: 1px solid rgb(221, 221, 221);
  border-top: none;
  line-height: 2.4;
}

.template-gallery-material-search-div>div,
.com-search-field>div,
.com-senior-search>div {
  padding: 8px 18px;
  position: relative;
  display: box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.template-gallery-material-search-div>div {
  padding: 8px 0;
}

.com-search-field>div.dn,
.com-senior-search>div.dn {
  display: none;
}

.panel-nav .com-search-icon,
.com-search-field>div>.com-search-icon,
.com-senior-search>div>.com-search-icon {
  position: absolute;
  color: #428bca;
  left: 83px;
  font-size: 14px;
  top: 12px;
  display: inline;
  width: auto;
  min-width: auto;
  margin: 0;
}

.panel-nav .com-search-icon {
  left: 140px;
  top: 13px;
}

.com-search-field>div.half-item {
  display: inline-block;
  width: calc(25% + 35px);
  letter-spacing: -8px;
}

.half-item>div.com-search-cont {
  width: calc(100% - 105px);
}

.half-item>div,
.half-item>span {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
}

.com-search-field .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: rgb(89, 90, 90);
}

.com-search-field .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #595a5a transparent transparent transparent;
  border-width: 6px 3px 0 3px;
  margin-left: -2px;
}

.com-search-field .select2-container--default .select2-selection--single {
  border-color: rgb(225, 227, 229);
}

.com-search-field.tit-w85 .com-search-tit {
  min-width: 85px;
  text-align: right;
}

.com-search-field.tit-w100 .com-search-tit {
  min-width: 100px;
  text-align: right;
}

.com-search-field select {
  color: rgb(89, 90, 90);
  border-radius: 4px;
  width: 100%;
}

.com-search-field .com-search-cont {
  width: 100%;
}

.com-search-field .com-search-tit,
.com-search-field .com-search-cont {
  vertical-align: top;
}

.com-search-field>div+div:not(.block) {
  padding-top: 0;
}

.com-search-field>div.block {
  border-top: 1px solid rgb(221, 221, 221);
}

.com-search-tit {
  min-width: 65px;
  margin-right: 20px;
  display: inline-block;
}

.com-search-field .com-serch-btn {
  vertical-align: top;
}

.statistics-radio .com-search-con,
.platform-radio .com-search-con,
.multi-search-area .com-search-con,
.txt-radio .com-search-con {
  display: inline-block;
  padding: 0 5px;
  margin-right: 5px;
  line-height: 20px;
  height: 20px;
  border-radius: 4px;
  color: rgb(89, 90, 90);
  max-width: 120px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.statistics-radio .com-search-con:hover,
.statistics-radio .com-search-con.on,
.platform-radio .com-search-con:hover,
.platform-radio .com-search-con.on,
.multi-search-area .com-search-con:hover,
.multi-search-area .com-search-con.on,
.txt-radio .com-search-con:hover,
.txt-radio .com-search-con.on {
  background: #428bca;
  color: #fff;
}

.txt-radio .com-search-con.on i.sort-arrow {
  border-color: #fff #428bca #428bca #428bca;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  height: 0;
  width: 0;
  display: none;
  vertical-align: middle;
  margin: -1px 0 0 5px;
  transition: transform 0.4s;
  transform: rotate(180deg);
}

.txt-radio .com-search-con.on.asc i.sort-arrow {
  display: inline-block;
  transform: rotate(180deg);
}

.txt-radio .com-search-con.on.desc i.sort-arrow {
  display: inline-block;
  transform: rotate(0);
}

/* 鍏叡鎼滅储鍖哄煙 End */

/* 鍏叡鍒嗛〉鍣� Start */
.com-table-box .com-pagination {
  height: 40px;
  line-height: 40px;
  text-align: right;
  padding-right: 18px;
}

.com-pagination .light-pagination {
  vertical-align: middle;
}

.page-sel {
  margin-right: 20px;
}

.page-sel .page-num {
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  width: 56px;
  height: 21px;
  margin: 0 10px;
  border: 1px solid rgb(226, 226, 227);
  color: rgb(89, 90, 90);
}

.pager-info .check-all {
  vertical-align: middle;
  margin: -2px 5px 0 0;
}

.page-input {
  margin: 0 7px;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(226, 226, 227);
  box-shadow: inset 0px -2px 0px 0px rgba(252, 252, 252, 0.004);
  width: 46px;
  height: 26px;
  background-image: -moz-linear-gradient(90deg, rgb(247, 247, 247) 0%,
      rgb(255, 255, 255) 100%);
  background-image: -webkit-linear-gradient(90deg, rgb(247, 247, 247) 0%,
      rgb(255, 255, 255) 100%);
  background-image: -ms-linear-gradient(90deg, rgb(247, 247, 247) 0%,
      rgb(255, 255, 255) 100%);
  text-align: center;
}

.page-info .flip-page {
  margin-left: 30px;
}

.com-table-box.help .page-info .flip-page {
  margin-top: 5px;
}

.page-plugin .light-theme a,
.light-theme span {
  font-size: 12px;
  border-radius: 0;
  padding: 0 9px;
  min-width: 30px;
  border-color: rgb(226, 226, 227);
  color: rgb(89, 90, 90);
}

.page-plugin .light-theme .current {
  border: none;
  box-shadow: none;
  width: auto;
  background: none;
  color: rgb(128, 128, 128);
  line-height: 26px;
}

.page-plugin .light-theme .current.prev,
.light-theme .current.next {
  border-color: rgb(226, 226, 227);
  color: rgb(178, 178, 178);
  width: 30px;
}

.page-plugin .light-theme li:first-child a,
.light-theme li:first-child span {
  background-color: rgb(255, 255, 255);
  color: rgb(52, 121, 194);
}

.page-plugin .light-theme li:last-child a,
.light-theme li:last-child span {
  background-color: rgb(255, 255, 255);
  color: rgb(52, 121, 194);
}

/* 鍏叡鍒嗛〉鍣� End */

/* 甯姪涓績 Start */
.com-table-box {
  border: 1px solid rgb(221, 221, 221);
  margin-top: 12px;
  min-height: 50px;
}

.com-color-b {
  color: #428bca;
}

.help-box {
  border: 1px solid rgb(221, 221, 221);
  border-top: none;
}

.help-doc-box .result-num {
  font-weight: bold;
  font-size: 14px;
}

.help-doc-box .result-empty {
  display: inline-block;
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 60px 0;
}

.help-doc-box .result-empty .tit {
  font-size: 18px;
}

.help-doc-box .result-empty .tips {
  line-height: 1.6;
}

.help-doc-box {
  padding: 20px;
  min-height: 258px;
}

.help-doc-box .result-cont .item {
  margin-bottom: 25px;
}

.help-doc-box .result-cont h5 {
  font-size: 16px;
  line-height: 1.6;
}

.help-doc-box .result-cont h5 i {
  font-size: 24px;
}

.help-doc-box .result-cont p {
  line-height: 2;
  color: rgb(102, 102, 102);
  font-size: 14px;
}

.help-doc-box .result-cont .cate a {
  color: rgb(153, 153, 153);
}

.help-doc-box .result-cont a:hover {
  color: #428bca;
  opacity: 0.8
}

/*.help-doc-box > p {
    margin-bottom: 10px;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.help-doc-box > p > a {
    position: relative;
}

.help-doc-box > p > a > i {
    position: absolute;
    right: -30px;
    top: -10px;
    font-size: 24px;
}*/

.help-cont-box {
  border-top: none;
  padding: 20px 18px;
}

.help-cont-box>h2 {
  font-size: 26px;
  padding-top: 10px;
}

.help-cont-box>.time {
  color: rgb(175, 175, 175);
  padding: 5px 0 10px 0;
}

.help-cont-box img {
  max-width: 100%;
  margin: 30px 0;
  border: 1px solid #ddd;
  box-shadow: 1px 1px 10px #ddd;
}

.help-line>hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid rgb(221, 221, 221);
}

.help-cont-nav {
  padding: 0 20px 5px;
  position: relative;
  height: 25px;
}

.help-cont-nav .pre-doc {
  position: absolute;
}

.help-cont-nav .next-doc {
  position: absolute;
  right: 20px;
}

.td-store_num,
.td-share_customer_num {
  color: #428bca;
}

.td-store_num:hover,
.td-share_customer_num:hover {
  opacity: 0.8;
  cursor: pointer;
}

/* 甯姪涓績 End */

/* 鏈嶅姟鏉℃ Start */
.page-about {
  width: 1185px;
  margin: 0 auto;
  color: rgb(51, 51, 51);
  font-size: 15px;
  margin-top: 20px;
}

.menu-left ul {
  width: 196px;
  border: 1px solid rgb(238, 238, 238);
  margin-right: 20px;
}

.menu-left li {
  height: 50px;
  line-height: 50px;
  cursor: pointer;
}

.menu-left li a {
  display: block;
  padding: 0 20px;
  border-bottom: 1px solid rgb(238, 238, 238);
}

.menu-left li.active a {
  color: #3498db;
}

.menu-left li:not(:last-child) {
  border-bottom: 0;
}

.menu-left li i {
  float: right;
  line-height: 50px;
}

.page-about {
  margin-bottom: 20px;
}

.page-about>.content-right {
  width: 100%;
  border: 1px solid rgb(238, 238, 238);
  padding: 40px;
}

.page-about h1 {
  font-size: 24px;
}

.page-about article {
  font-size: 16px;
  line-height: 1.875;
  margin-bottom: 10px;
}

.content-right p,
.content-right.intellectualProperty h6 {
  font-size: 14px;
  line-height: 2.143;
  text-indent: 2em;
}

.content-right.service li {
  font-size: 14px;
  text-indent: -1.7em;
  margin-left: 4em;
  margin-bottom: 10px;
}

.content-right.service li p {
  text-indent: -0.5em;
}

.content-right.service h3 {
  margin-bottom: 5px;
}

.content-right.service li img {
  max-width: 100%;
  height: auto;
}

.content-right.service .signin {
  text-align: right;
}

.content-right.copyright p {
  text-indent: 0;
  margin-bottom: 10px;
}

.content-right table th {
  text-align: center;
}

/* 鏈嶅姟鏉℃ End */
/* VIP鏈嶅姟 Start */
.vip {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(225, 227, 229);
  background-color: rgb(255, 255, 255);
  width: 1180px;
  margin: 30px auto;
}

.vip.more {
  margin: 20px auto;
  padding: 10px 20px;
  text-align: center;
  color: rgb(68, 68, 68);
}

.vip-cost-title {
  font-size: 20px;
  color: rgb(34, 34, 34);
  font-weight: bold;
}

.vip-cost-life {
  font-size: 14px;
  color: rgb(89, 90, 90);
  line-height: 32px;
}

.vip-cost-c {
  color: rgb(255, 35, 35);
}

.vip-buy,
.vip-contact {
  border-radius: 2px;
  background-color: rgb(254, 94, 77);
  width: 88px;
  height: 32px;
  display: inline-block;
  text-align: center;
  line-height: 32px;
  color: #fff;
  font-size: 14px;
}

.vip-buy.big {
  width: 134px;
}

.vip-cost>div {
  vertical-align: middle;
  width: 20%;
  text-align: center;
}

.vip-cost-info {
  height: 42px;
  line-height: 42px;
}

.vip-cost {
  padding: 18px 0 22px 180px;
  text-align: center;
}

.vip-service-title {
  background-color: rgb(245, 247, 250);
  height: 38px;
  line-height: 38px;
  padding: 0 20px;
}

.vip-service-title span {
  font-size: 14px;
  color: rgb(68, 68, 68);
  font-weight: bold;
  vertical-align: middle;
}

.vip-service-title i {
  color: rgb(100, 101, 102);
  font-size: 23px;
  vertical-align: middle;
  margin-right: 10px;
}

.vip-service-info-title {
  width: 180px;
  float: left;
  padding-left: 20px;
  position: relative;
}

.vip-service-info-div>div {
  width: 20%;
}

.vip-service-info-div {
  display: block;
  margin-left: 180px;
  letter-spacing: -8px;
  text-align: center;
}

.vip-service-info {
  height: 41px;
  border-bottom: 1px dashed rgb(237, 237, 237);
  line-height: 40px;
  color: rgb(68, 68, 68);
}

.vip-service-info:LAST-CHILD {
  border-bottom: 0;
}

.vip-service-info-div span {
  color: rgb(255, 35, 35);
}

.vip-service-info-div i {
  color: rgb(66, 139, 202);
  font-size: 20px;
  vertical-align: middle;
}

.vip-service-info-title span,
.vip-service-info-title a {
  display: inline-block;
  color: rgb(254, 94, 77);
  border: 1px solid rgb(254, 94, 77);
  height: 22px;
  line-height: 16px;
  border-radius: 20px;
  padding: 3px 8px;
  position: absolute;
  left: 100px;
  top: 9px;
}

.vip-service-info-title a.dn {
  display: none;
}

.vip-service-info-title a:hover {
  /*text-decoration: underline;*/
}

.vip-service-info-div cite {
  color: rgb(153, 153, 153);
}

.vip-cost-Spare .vip-cost-title {
  margin-bottom: 4px
}

.vip-cost-Spare {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 1px 7.92px 0.08px rgba(221, 221, 221, 1);
  display: none;
}

.vip-cost-Spare .vip-cost {
  width: 1180px;
  margin: 0 auto;
  padding: 10px 0 12px 180px;
}

.pay-tips-box.vip-tips>div:first-child {
  padding: 0px;
}

.pay-tips-box>div:first-child {
  margin-left: 50px;
  margin-right: 10px;
  padding-top: 5px;
  font-size: 36px;
  height: 36px;
}

/* VIP鏈嶅姟 End */
/*鍏充簬鎴戜滑 Start*/
.section-wrap.about>.title {
  font-size: 32px;
  font-weight: normal;
  color: #3d3d3f;
}

.about-1 {
  /*width: 100%;*/
  height: 450px;
  background: #fff url('/static/frontend/images/about/about-bg.jpg') no-repeat;
  background-size: cover;
}

.about-1 .desc-box {
  width: 900px;
  background: rgba(0, 145, 254, 0.95);
  color: #fff;
  position: absolute;
  top: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 16px;
  padding: 12px;
}

.about-1 .desc-box>div {
  height: 100%;
  border: 1px solid #fff;
  padding: 25px 50px;
}

.about-1 h2 {
  font-size: 32px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  text-align: center;
  font-weight: normal;
  position: relative;
}

.about-1 h2:after {
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: 15px;
  width: 70px;
  height: 3px;
  background: #fff;
}

.about-1 p {
  text-indent: 2em;
  line-height: 1.5;
  margin-bottom: 15px;
}

.about-2 {
  margin: 40px 0;
  text-align: center;
}

.about-2 .section-content {
  margin-top: 20px;
}

.about-2 .item>div {
  width: 50%;
}

.about-2 .item img {
  width: 100%;
  height: 100%;
}

.about-2 .text-box {
  font-size: 24px;
}

.about-2 h6 {
  color: #1E96F8;
  font-size: 30px;
}

.about-2 p {
  color: rgb(51, 51, 51);
}

.about-3 {
  background: #f3f3f3;
  padding-top: 60px;
  padding-bottom: 100px;
}

.section-wrap.about-3>.title,
.section-wrap.about-4>.title {
  padding-bottom: 20px;
}

.title.title-line:after {
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: 15px;
  width: 70px;
  height: 3px;
  background: #1E96F8;
}

.about-3 .item-1 {
  text-align: center;
  font-size: 24px;
  margin-top: 30px;
}

.about-3 .item-1>span:not(:last-child) {
  margin-right: 90px;
}

.about-3 strong {
  font-weight: normal;
  font-size: 36px;
  color: #1E96F8;
}

.about-3 .item-2 {
  margin: 50px 0;
  text-align: center;
  margin-left: -90px;
}

.about-3 .item-3>img:nth-child(2) {
  margin: 0 105px;
}

.about-4 {
  padding-top: 70px;

}

.about-4 ul {
  margin: 100px 0;
}

.about-4 li>div:nth-child(1),
.about-4 li>div:nth-child(3) {
  width: 45%;
  padding-top: 50px;
  flex-shrink: 0;
  flex-grow: 0
}

.about-4 time {
  font-size: 20px;
  padding-top: 20px;
  display: block;
  position: relative;
}

.about-4 li:nth-child(odd) time:before {
  right: 0;
}

.about-4 li:nth-child(even) time:before {
  left: 0;
}

.about-4 time:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  width: 55px;
  height: 2px;
  background: #db0022;
}

.about-4 p {
  font-size: 20px;
  color: rgb(102, 102, 102);
  line-height: 1.8;
}

.about-4 .red-line {
  width: 55px;
  height: 1px;
  background: #db0022;
}

.about-4 .process-line {
  padding: 0 70px;
}

.about-4 .line-up {
  width: 1px;
  height: 50px;
  background: rgb(230, 230, 230);
}

.about-4 .circle {
  width: 26px;
  height: 26px;
  background: transparent;
  border: 1px solid rgb(230, 230, 230);
  border-radius: 50%;
  margin: 5px 0;
}

.about-4 .line-down {
  width: 1px;
  height: 208px;
  background: rgb(230, 230, 230);
}

.about-5 {
  background: #f3f3f3 url('/static/frontend/images/about/about4-bg.jpg') no-repeat;
  padding-top: 60px;
  padding-bottom: 100px;
}

.about-5 .img-box {
  position: relative;
}

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

.about-5 .text-info {
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 5px 10px;
}

.about-5 .section-content {
  padding-top: 80px;
}

.about-6 {
  /*width: 100%;*/
  height: 559px;
  background: #fff url('/static/frontend/images/about/about5.jpg') no-repeat;
  background-size: cover;
  color: #fff;
  font-size: 24px;
  text-align: center;
}

.about-6 .join {
  text-indent: -12em;
  margin-top: 100px;
}

.section-wrap.about-6>.title {
  color: #fff;
  padding-top: 130px;
}

/*鍏充簬鎴戜滑 End*/

.浼佷笟浣垮懡涓庝环鍊艰 {
  font-size: 52px;
  font-family: "Microsoft YaHei";
  color: rgb(85, 85, 85);
  line-height: 0.577;
  -moz-transform: matrix(0.99988706094944, 0, 0, 1.00094488805664, 0, 0);
  -webkit-transform: matrix(0.99988706094944, 0, 0, 1.00094488805664, 0, 0);
  -ms-transform: matrix(0.99988706094944, 0, 0, 1.00094488805664, 0, 0);
  position: absolute;
  left: 749.5px;
  top: 926.912px;
  z-index: 49;
}

/* 瀹樼綉鏀圭増 Start*/
.header * {
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: none;
  color: #3d3d3f;
  box-sizing: border-box;
  font: 12px/1.5 "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "\9ED1\4F53", Arial, sans-serif;
  transition: 0.5s ease-in-out;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
}

.header li,
.foot li {
  list-style: none;
  display: inline-block;
}

.zc {
  color: #1E96F8;
  border-color: #1E96F8;
  fill: #1E96F8;
}

.zc2 {
  color: #1E96F8 !important;
  border-color: #1E96F8 !important;
  fill: #1E96F8 !important;
}

.zcnh:hover {
  cursor: pointer;
  color: #1E96F8;
  fill: #1E96F8;
}

.zch:hover {
  cursor: pointer !important;
  color: #1E96F8 !important;
  border-color: #1E96F8 !important;
  fill: #1E96F8 !important;
}

.zcbh:hover {
  cursor: pointer;
  background: #1E96F8 !important;
  color: #fff;
}

.zcbh2:hover {
  cursor: pointer;
  background: #1787E2;
}

.zcb {
  background: #1E96F8;
}

.fc {
  color: #F78F23;
  border-color: #F78F23;
  fill: #F78F23;
}

.fcb {
  background: #F78F23;
}

.fcbh:hover {
  cursor: pointer;
  background: #E88620;
}

.st0 {
  fill: #BCE1FF;
}

.st1 {
  fill: #1E96F8;
}

.w-1 {
  display: block;
  height: 100%;
  min-width: 1140px;
  width: 1140px;
  margin: 0 auto;
  white-space: nowrap;
}

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

.index-tips,
.index-tips>div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  background: #F5F3F8;
}

.index-tips:before {
  display: inline-block;
  content: "";
  height: 40px;
  width: 100%;
  flex: 1;

}

.index-tips:after {
  display: inline-block;
  content: "";
  height: 40px;
  width: 100%;
  flex: 1;
}

.notice-swiper a {
  display: block;
}

.notice-swiper span {
  display: inline-block;
  width: 300px;
  color: rgb(255, 223, 129);
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.notice-swiper span.time {
  width: 60px;
  text-align: right;
  padding-right: 15px;
  color: #fff
}

.notice-pop .com-pop-cont {
  /*margin: 0 20px;*/
  border-bottom: 1px solid rgb(204, 204, 204);
}

.notice-pop .notice-cont-box {
  height: 465px;
  padding: 20px 40px;
  overflow-y: auto
}

.notice-pop .notice-tit {
  font-size: 16px;
  color: rgb(89, 90, 90);
  font-weight: bold;
  text-align: center;
  line-height: 2.125;
}

.notice-pop .notice-time {
  font-size: 13px;
  color: rgb(89, 90, 90);
  line-height: 2.615;
  text-align: center;
}

.notice-pop .notice-cont {
  font-size: 13px;
  color: rgb(89, 90, 90);
  line-height: 1.846;
}

.notice-pop .notice-cont p {
  /*text-indent: 2em;*/
}

.notice-pop .com-pop-bottom a,
.notice-pop .notice-cont a {
  color: #1E96F8;
}

.notice-pop .com-pop-bottom a.prev {
  margin-right: 40px;
}

.notice-pop .com-pop-bottom a.disabled {
  color: #a0a3a6;
}

.notice-pop .com-pop-bottom a i {
  vertical-align: -1px
}

.scroll-bar::-webkit-scrollbar {
  height: 10px;
  width: 10px;
  background-color: #fff;
}

/*定义滚动条的轨道，内阴影及圆角*/
.scroll-bar::-webkit-scrollbar-track {}

/*定义滑块，内阴影及圆角*/
.scroll-bar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #999;
}

.index-not {
  display: inline-block;
  height: 40px;

  width: 360px;
}

.index-not>a {
  color: rgb(20, 171, 244);
  font-size: 16px;
  line-height: 40px;
}

.index-not>a .iconfont {
  color: rgb(20, 171, 244);
  padding-right: 4px;
}

.index-not .discount {
  font-size: 16px;
  font-weight: bold;
  color: #f5d67d;
}

.index-not i {
  color: #fff;
  font-size: 16px;
}

.index-search {
  position: relative;
  display: inline-block;
  line-height: 40px;
  margin-left: 40px;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

.border:focus {
  border: 1px solid rgb(20, 171, 244);
}

.index-search input[type="text"] {
  width: 315px;
  height: 30px;
  padding: 2px 15px;
  border-radius: 30px;
  border: 1px solid #D8D8D8;
}

.index-search input[type="text"]:focus {
  outline: none;
  border: 1px solid #D8D8D8;
}

.index-search i.search {
  position: absolute;
  right: 13px;
  top: 5px;
  font-size: 14px;
  cursor: pointer;
}

.index-tips-btn {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  margin-left: 20px;
  padding: 2px 8px;
  border-radius: 4px;
}

.index-tips-btn i {
  color: #fff;
  font-size: 14px;
}

.index-tips-btn:hover {
  text-decoration: none;
}

.index-tips-btn svg {
  fill: #fff;
  height: 14px;
  vertical-align: sub;
}

.index-tips-p {
  list-style: none;
  display: inline-block;
  position: absolute;
  right: 0;
  line-height: 40px;
}

.index-tips-p>li {
  list-style: none;
  position: relative;
  vertical-align: middle;
  height: 16px;
  padding: 0 5px;
}

.index-tips-p li:not(:last-child) {
  border-right: 1px solid #c8c8c8;
}

.index-tips-p>li:hover div {
  display: block;
}

.index-tips-p>li div {
  position: absolute;
  left: -5px;
  top: 15px;
  border-radius: 2px;
  text-align: center;
  z-index: 100;
  padding-top: 11px;
  border-bottom: 1px solid #E8E8E8;
  display: none;
}

.index-tips-p>li .helps>a {
  width: 80px;
  display: inline-block;
  padding: 5px 10px;
  background: #fff;
  border-left: 1px solid #E8E8E8;
  border-right: 1px solid #E8E8E8;
}

.index-tips-p>li div a:hover {
  text-decoration: none;
}

.menu {
  height: 64px;
}

.logo {
  font-size: 26px;
  color: #1E96F8;
  vertical-align: middle
}

.menu-li {
  font-weight: bold;
  display: inline-block;
  margin-left: 52px;
}

.menu-li>li {
  position: relative;
  font-size: 16px;
  height: 64px;
  line-height: 64px;
  padding: 0 5px;
  margin-right: 45px;
}

.menu-li>li.active {
  background: #1E96F8 !important;
  color: #fff;
}

.menu-li>li.active a {
  color: #fff;
}

.menu-li>li:hover .menu-erp,
.menu-li>li:hover .menu-custom {
  cursor: auto;
  display: block;
}

.menu-li>li:hover>a {
  color: #fff;
}

.menu-li>li>a {
  font-size: 16px;
  display: inline-block;
  height: 64px;
  line-height: 64px;
}

.index-login {
  position: absolute;
  top: 15px;
  right: 10px;
  bottom: 0;
}

.index-login>a {
  font-size: 14px;
  font-weight: bold;
}

.index-login>a:first-child {
  border-right: 1px solid #3d3d3f;
  padding-right: 10px;
}

.index-login-z {
  display: inline-block;
  padding: 8px 25px;
  border-radius: 6px;
  color: #fff;
  text-decoration: none;
  margin-left: 10px;
}

.index-custom-tips {
  margin-top: 10px;
  text-align: left;
}

.custom-hot {
  display: none;
  vertical-align: top;
  margin: 0 20px;
}

.custom-hot h1 {
  font-size: 16px;
  font-weight: bold;
}

.custom-hot a {
  display: inline-block;
  margin: 5px 10px;
}

.custom-class {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0 10px;
}

.custom-class>div {
  float: left;
  margin: 10px 10px;
  padding: 10px;
  width: 105px;
  height: 136px;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  text-align: center;
  vertical-align: top;

}

.custom-class>div:hover {
  box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.10);
}

.custom-class .ibox {
  margin-bottom: 8px;
  width: 100%;
}

.custom-class .ibox img {
  width: 100%;
}

.custom-class>div:last-child {
  cursor: pointer;
  padding-top: 30px;
  color: #fff;
}

.custom-class>div:last-child a {
  font-size: 12px;
}

.custom-class>div:last-child i {
  color: #fff;
  font-size: 22px;
  margin-top: 20px;
}

.menu-custom {
  position: absolute;
  top: 64px;
  left: -50px;
  z-index: 99999;
  background: #fff;
  border: 1px solid #E8E8E8;
  border-radius: 0 0 6px 6px;
  text-align: center;
  display: none;
}

.custom-tips {
  padding: 20px;
  width: 648px;
  background: #f5f3f8;
  text-align: center;
}

.custom-tips>div {
  padding: 0 60px;
}

.custom-tips a {
  font-size: 12px !important;
}

.custom-tips i {
  font-size: 30px;
}

.custom-tips i.arrow {
  font-size: 22px;
  opacity: 0.7;
}

.menu-erp {
  position: absolute;
  width: 760px;
  height: 280px;
  top: 64px;
  left: calc(-760px / 2 + 96px / 2);
  background: #fff;
  border: 1px solid #E8E8E8;
  border-radius: 0 0 6px 6px;
  z-index: 9999;
  text-align: center;
  display: none;
}

.menu-erp>div {
  display: inline-block;
  width: 128px;
  height: 200px;
  border-radius: 6px;
  margin: 40px 20px;
}

.menu-erp>div:hover {
  cursor: pointer;
}

.menu-erp>div h1 {
  font-size: 24px;
  text-align: center;
  margin: 30px 0;
}

.menu-erp>div p {
  margin-left: 12px;
  text-align: left;
}

.menu-erp>div .more {
  margin-top: 15px;
  display: inline-block;
  border: 1px solid #fff;
  padding: 2px 15px;
  border-radius: 20px;
  font-size: 12px;
}

.menu-erp * {
  font-weight: bold;
  color: #fff;
}

.menu-erp-1 {
  background-image: linear-gradient(135deg, #25E8F9 0%, #1E96F8 100%);
}

.menu-erp-1:hover {
  box-shadow: 0px 10px 10px -5px rgba(30, 150, 248, 0.50);
}

.menu-erp-1:hover span {
  color: #1E96F8;
  background: #fff;
}

.menu-erp-2 {
  background-image: linear-gradient(135deg, #F9DD25 0%, #FFA70D 100%);
}

.menu-erp-2:hover {
  box-shadow: 0px 10px 10px -5px rgba(255, 167, 13, 0.50);
}

.menu-erp-2:hover span {
  color: #FFA70D;
  background: #fff;
}

.menu-erp-3 {
  background-image: linear-gradient(135deg, #48F0D4 0%, #1CCA79 100%);
}

.menu-erp-3:hover {
  box-shadow: 0px 10px 10px -5px rgba(28, 202, 121, 0.50);
}

.menu-erp-3:hover span {
  color: #1CCA79;
  background: #fff;
}

.menu-erp-4 {
  background-image: linear-gradient(135deg, #AD25F9 0%, #1E29F8 100%);
}

.menu-erp-4:hover {
  box-shadow: 0px 10px 10px -5px rgba(30, 41, 248, 0.50);
}

.menu-erp-4:hover span {
  color: #1E29F8;
  background: #fff;
}

.menu-business {
  position: absolute;
  background: #fff;
  left: -20px;
  border: 1px solid #E8E8E8;
  border-radius: 0 0 6px 6px;
  z-index: 9999;
  display: none;
}

.menu-business>div {
  margin: 10px 20px;
  text-align: center;
}

.menu-business>div a {
  color: #3d3d3f !important;
  padding: 10px;
  width: 80px;
  display: inline-block;
}

.menu-business>div a:hover {
  color: #fff !important;
  background: #1e96f8;
}

.menu-li>li:hover .menu-erp,
.menu-li>li:hover .menu-business {
  cursor: auto;
  display: block;
}

.foot {
  /*padding: 50px 0 15px;*/
  background: #3d3d3f;
  min-width: 1140px;
  padding-bottom: 15px;
}

.foot .foot-list * {
  color: #fff;
}

.foot-list {
  padding-top: 30px;
}

.foot-list li {
  width: 200px;
}

.foot-list li img {
  width: 80px;
  height: 80px;
}

.foot-list li h1 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}

.foot-list li a {
  display: table;
  line-height: 24px;
}

.foot-list .contact a {
  display: inline-block;
}

.foot-cr {
  margin: 50px auto 0;
  color: #787878;
}

.foot-cr a {
  color: #787878;
}

.foot .feature-data {
  padding: 10px 0;
  background: #E9F3FF;
  font-size: 14px;
}

.foot .feature-data>div {
  padding: 10px 50px;
  width: 950px;
  min-width: 900px;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.foot .feature-data .feature-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.foot .feature-data .icon {
  font-size: 46px;
  padding-right: 5px;
}

.foot .feature-data .feature-item .tit {
  padding-top: 10px;
  font-size: 16px;
  font-weight: bold;
}

.index-intro-info li span {
  background: rgb(252, 65, 94);
  padding: 2px 6px;
  border-radius: 2px;
  color: #fff;
  margin-left: 4px;
  font-size: 12px;
}

/* 瀹樼綉鏀圭増 End*/
.notice-cont img {
  border: 0;
  vertical-align: middle;
  max-width: 100%;
}

.fw {
  font-weight: bold;
}

.cc {
  color: #1E96F8;
}

.cgreen {
  color: #6ad2a4;
}

.ccbg {
  background: #1E96F8;
}

.ccbg:hover {
  background: #0C7DD9;
}

.cwbg {
  background: #fff;
}

.cwbg:hover {
  background: #eee;
}

.ccn {
  color: #d0cfd3 !important;
}

.ccnb {
  border-color: #d0cfd3 !important;
}

.ccnb:hover {
  cursor: default !important;
  background: none !important;
  color: #d0cfd3 !important;
}

.business-main {
  background: #f2f4f8;
  color: #3d3d3f;
}

.business-banner {
  height: 330px;
  background: url(/static/frontend/images/sp/gybanner.png);
  background-size: cover;
  padding: 100px 68px;
}

.business-banner .title,
.business-banner2 .title {
  font-size: 30px;
  font-weight: bold;
}

.business-banner .title span,
.business-banner2 .title span {
  display: block;
  font-size: 14px;
  font-weight: lighter;
  text-transform: uppercase;
}

.business-banner .btn,
.business-banner2 .btn {
  margin-top: 30px;
  display: inline-block;
  cursor: pointer;
  width: 100px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 4px;
}

.business-banner2 {
  height: 330px;
  background: url("/static/frontend/images/service_banner.png");
  background-size: 100%;
  padding: 100px 68px;
}

.business-banner3 {
  position: relative;
  height: 246px;
  background: url(/static/frontend/images/sp/banner.png);
  background-size: cover;
}

.business-banner3>div {
  position: absolute;
  bottom: -50px;
  left: 50px;
}

.business-banner3>div p {
  position: absolute;
  left: 130px;
  top: 15px;
  font-size: 28px;
  color: #fff;
  text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.35);
}

.business-banner3>div span {
  position: absolute;
  left: 130px;
  bottom: 8px;
  font-size: 12px;
}

.business-banner3>div span li {
  display: inline-block;
  list-style: none;
  margin-right: 5px;
  vertical-align: middle;
}

.business-banner3>div span li>img {
  width: 18px;
  margin-right: 5px;
  border-radius: 50%;
}

.business-banner3>div>img {
  width: 120px;
  height: 120px;
}

.business-banner2 .dd,
.business-box .dd {
  color: #ff7000;
}

.business-banner2 .ddbg,
.business-box .ddbg {
  background: #ff7000;
}

.business-box {
  margin-top: 20px;
  background: #fff;
  padding: 60px;
}

.business-box:FIRST-CHILD {
  margin-top: 10px;
}

.business-box h1 {
  font-size: 20px;
  font-weight: bolder;
  text-align: center;
  position: relative;
}

.business-box h1:after {
  content: "";
  display: block;
  background: #9b9c9c;
  width: 60px;
  height: 3px;
  margin: 10px auto 15px;
}

.business-box h2 {
  font-size: 12px;
  text-align: center;
  font-weight: normal;
  margin-bottom: 40px;
}

.business-box .box1,
.business-box .box2 {
  text-align: center;
}

.business-box .box1 li {
  display: inline-block;

  margin: 0 40px;
  padding: 20px;
  width: 270px;
  height: 290px;

  text-align: center;
  background: rgba(242, 244, 248, 0.32);
}

.business-box .box2 li {
  display: inline-block;
  position: relative;
  border: 1px solid #e9e9e9;
  width: 200px;
  text-align: center;
  padding: 20px;
  margin: 0 50px;
}

.business-box .box2 li:hover {
  border: 1px solid #1E96F8;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.1);
}

.business-box .box1 li img,
.business-box .box2 li img {
  margin: 15px 0 20px 0;
  width: 80px;
}

.business-box .box1 li>.img-div {
  margin: 0 auto 20px auto;
  width: 86px;
  height: 100px;
  background-image: url("/static/frontend/images/business_icon_group.png");
}

.business-box .box1 li>.img-div.img1 {
  background-position-x: -35px;
  background-position-y: 7px;
}

.business-box .box1 li>.img-div.img2 {
  background-position-x: -175px;
}

.business-box .box1 li>.img-div.img3 {
  background-position-x: -322px;
  background-position-y: 12px;
}

.business-box .box1 li h3,
.business-box .box2 li h3 {
  font-size: 14px;
  font-weight: bolder;
  margin-bottom: 15px;
}

.business-box .box1 li p,
.business-box .box2 li p {
  text-align: center;
  white-space: normal;
  margin-bottom: 20px;
  color: #999;
}

.business-box .box1 li a,
.business-btn a {
  display: inline-block;

  width: 130px;
  height: 40px;

  color: #fff;
  background: #6ad2a4;
  line-height: 40px;
  text-align: center;
}

.business-box .box1 li a:hover,
.business-btn a:hover {
  cursor: pointer;
  opacity: 0.8;
}

.business-box .box2 li {
  vertical-align: top;
  width: 230px;
}

.business-box .box2 li:first-child {
  margin-left: 0 !important;
}

.business-box .box2 li {
  margin: 0 20px !important;
}

.business-box .box2 li:last-child {
  margin-right: 0 !important;
}

.business-box .box2 li a {
  display: inline-block;
  width: 130px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}

.business-box .c1 {
  color: #fff;
  background: #1E96F8;
  border: 1px solid #1E96F8;
}

.business-box .c1:hover {
  color: inherit;
  background: #fff;
  border: 1px solid #1E96F8;
}

.business-box .c2 {
  color: #fff;
  background: #ff9800;
  border: 1px solid #ff9800;
}

.business-box .c2:hover {
  color: inherit;
  background: #fff;
  border: 1px solid #ff9800;
}

.business-box .c3 {
  color: #fff;
  background: #f81e1e;
  border: 1px solid #f81e1e;
}

.business-box .c3:hover {
  color: inherit;
  background: #fff;
  border: 1px solid #f81e1e;
}

.business-box .box3 {
  float: left;
  width: 500px;
  margin: 40px 130px 0 20px;
}

.business-box .box3 * {
  white-space: normal;
}

.business-box .box3 h1 {
  text-align: left;
}

.business-box .box3 h1:after {
  margin-left: 0;
}

.business-box .box3>p {
  text-indent: 2em;
  text-align: justify;
}

.business-data-img img {
  width: 350px;
  border-radius: 10px;
}

.business-box .data {
  margin-top: 50px;
}

.business-box .data ul {
  border-top: 1px solid #e9e9e9;
  padding-top: 20px;
}

.business-box .data li {
  position: relative;
  display: inline-block;
  text-align: center;
  margin: 0 40px;
}

.business-box .data li:after {
  display: inline-block;
  height: 35px;
  width: 1px;
  content: "";
  background: #e9e9e9;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: -40px;
}

.business-box .data li:last-child:after {
  display: none;
}

.business-box .data li span {
  font-size: 24px;
  font-weight: bold;
}

.business-box .data li p {
  text-indent: inherit;
}

.business-box .box4 ul {
  text-align: center;
  white-space: normal;
  margin-top: 15px;
  margin-bottom: -20px;
}

.business-box .box4 li {
  display: inline-block;
  margin: 0 10px 15px;
}

.business-box .box4 li img {
  width: 140px;
  height: 54px;
}

.business-box .box4>div {
  text-align: center;
}

.business-box .box4>div>div {
  display: inline-block;
  width: 300px;
  padding: 20px;
  border: 1px solid #e9e9e9;
  margin: 20px 40px 0;
  vertical-align: top;
}

.business-box .box4>div div:first-child {
  margin-left: 0;
}

.business-box .box4>div div:nth-child(2) {
  margin-left: 0;
  margin-right: 0;
}

.business-box .box4>div div:last-child {
  margin-right: 0;
}

.business-box .box4>div>div>img {
  width: 258px;
  height: 200px;
}

.business-box .box4>div>div h1 {
  margin: 20px;
}

.business-box .box4>div>div h1:after {
  margin-top: 0;
}

.business-box .box4>div>div>p {
  white-space: normal;
  text-align: justify;
  text-indent: 2em;
  color: #999;
}

.business-btn {
  margin-top: 60px;
  text-align: center;
}

.business-box .box5 ul {
  text-align: center;
  margin-top: 15px;
}

.business-box .box5 li:first-child {
  margin-left: 0;
}

.business-box .box5 li {
  display: inline-block;
  margin: 0 75px;
}

.business-box .box5 li:last-child {
  margin-right: 0;
}

.business-box .box5 li div {
  text-align: left;
  font-size: 24px;
  font-weight: bold;
}

.business-box .box5 li div span {
  vertical-align: middle;
}

.business-box .box5 li div .font-icon-span {
  margin-right: 20px;
  font-size: 38px;
}

.business-box .box5 li p {
  text-align: left;
  text-indent: 2em;
  white-space: normal;
  margin: 15px 0 25px;
  width: 205px;
}

.business-box .box6 ul {
  margin-top: 45px;
  text-align: center;
  margin-bottom: 60px;
}

.business-box .box6 li:first-child {
  margin-left: 0;
}

.business-box .box6 li {
  display: inline-block;
  width: 185px;
  margin: 0 35px;
  text-align: left;
}

.business-box .box6 li:last-child {
  margin-right: 0;
}

.business-box .box6 li span {
  display: block;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 5px;
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 5px;
}

.business-box .box6 li p {
  display: block;
  white-space: normal;
  text-indent: 2em;
}

.business-box .box6-li {
  text-align: center;
}

.business-box .box6-li ul {
  display: inline-block;
  text-align: center;
  position: relative;
  z-index: 0;
}

.business-box .box6-li ul:after {
  width: 90%;
  display: block;
  content: "";
  border-bottom: 1px solid #e9e9e9;
  position: absolute;
  top: 25px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}

.business-box .box6-li ul li:first-child {
  margin-left: 0;
}

.business-box .box6-li ul li {
  display: inline-block;
  margin: 0 50px;
}

.business-box .box6-li ul li:last-child {
  margin-right: 0;
}

.business-box .box6-li ul li img {
  display: block;
  padding: 10px;
  background: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 50%;
  width: 50px;
  margin: 0 auto;
}

.business-box .box6-li ul li .combo-icon {
  background: #fff;
  border: 1px solid #6ad2a4;
  border-radius: 100%;
  width: 50px;
  margin: 0 auto;
  height: 50px;
}

.business-box .box6-li ul li .combo-icon>span {
  display: inline-block;

  margin-top: 10px;
  border-radius: 100%;
  width: 30px;
  height: 30px;

  font-size: 14px;
  line-height: 32px;

  color: #fff;
  background: #6ad2a4;
}

.business-box .box6-li ul li>span {
  display: inline-block;
  margin: 5px 0;
}

.business-box .box6-li ul li p {
  font-size: 14px;
  font-weight: bold;
}

.business-box .box6-li>p {
  margin-top: 30px;
  color: #b9b9b9;
}

.business-bottom>p {
  font-size: 18px;
  padding-top: 40px;
  font-weight: bold;
  color: #fff;
}

.business-bottom>div {
  margin-top: 25px;
  padding-bottom: 35px;
}

.business-bottom>div a {
  color: #fff;
  border-color: #fff;
}

.business-bottom {
  background: url("/static/frontend/images/business/bottom_bg.jpg");
  background-size: cover;
  text-align: center;
}

.business-form {
  display: none;
  position: fixed;
  top: 36px;
  left: 50%;
  z-index: 9999;
  border-radius: 5px;
  padding: 30px;
  width: 510px;
  text-align: center;
  background-color: #fff;
  transform: translateX(-50%);
}

.business-form>div {
  display: inline-block;
  margin: 5px 0;
}

.business-form h1 {
  margin-bottom: 20px;
}

.business-form div * {
  vertical-align: middle;
}

.business-form div span {
  display: inline-block;
  width: 106px;
  text-align: right;
  vertical-align: top;
}

.business-form div span sup {
  margin-right: 2px;
  color: #F44545;
}

.business-form div p {
  display: inline-block;
  width: 336px;
  text-align: left;
}

.business-form div p i {
  display: inline-block;
  font-style: normal;
  padding: 5px 10px;
  cursor: pointer;
}

.business-form div p .nav {
  color: #fff;
  background: #1E96F8;
}

.business-form div p *:focus {
  outline: none;
  border: 1px solid #1E96F8 !important;
}

.business-form div p input[type="text"],
.business-form div p textarea {
  width: 100%;
  resize: none;
  border: 1px solid #D8D8D8;
}

.business-form div p textarea {
  height: 80px;
}

.business-form>p {
  margin-top: 10px;
}

.business-form button {
  display: inline-block;
  width: 130px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #1E96F8;
  outline: none;
}

.business-form button:hover {
  cursor: pointer;
  color: #fff;
  background: #1E96F8;
}

.business-form>i {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  transition: 0.3s;
}

.business-form>.icon-X:hover {
  transform: rotate(90deg);
}

.business-form .from-cbox a {
  margin-right: 10px;
}

.business-form .from-cbox a input {
  margin-right: 2px;
}

@media screen and (max-width: 1330px) {
  .business-fix {
    display: none;
  }
}

.business-fix {
  position: fixed;
  /* right: 30px; */
}

.business-fix li:first-child {
  margin-top: 0;
}

.business-fix li {
  margin: 15px 0;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}

.business-fix li:last-child {
  margin-bottom: 0;
}

.business-fix li:hover {
  color: #1E96F8;
  cursor: pointer;
}

.business-fix li span {
  display: inline-block;
  padding: 6px;
  border: 1px solid;
  border-radius: 50%;
  border-color: #1E96F8;
  background: #f2f4f8;
  vertical-align: middle;
}

.business-fix .nav span {
  background: #1E96F8;
}

.business-fix:before {
  display: inline-block;
  content: "";
  width: 1px;
  height: 90%;
  background: #0894fb;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 6px;
  z-index: -1;
}

.business-box .box7 {
  text-align: center;
}

.business-box .box7 ul {
  margin-top: 45px;
}

.business-box .box7 li {
  display: inline-block;
  text-align: left;
  padding: 20px;
  width: 210px;
  border: 1px solid #e9e9e9;
  margin: 0 15px;
}

.business-box .box7 li i {
  font-size: 60px;
  margin-bottom: 15px;
  display: inline-block;
}

.business-box .box7 li span {
  color: #999;
}

.business-box .box8 {
  text-align: center;
  margin-top: 30px;
}

.business-box .box8 div {
  display: inline-block;
  padding: 10px;
  border: 1px solid #e9e9e9;
  margin: 0 28px 50px;
}

.business-box .box8 div img {
  width: 160px;
}

.business-box .box8 div p {
  display: block;
  margin-top: 5px;
  text-align: left;
  color: #b9b9b9;
}

.business-box .box8 div span {
  display: block;
  text-align: right;
  font-weight: bold;
  font-size: 14px;
  color: #f7433f;
}

.business-box .box8 div span b {
  font-weight: normal;
  font-size: 12px;
  color: #3d3d3f;
}

.business-box .box8 li {
  display: inline-block;
  position: relative;
  width: 200px;
  margin: 0 10px;
}

.business-box .box8 li img {
  width: 60px;
  border-radius: 50%;
}

.business-box .box8 li span {
  display: block;
  margin: 10px 0 5px;
  white-space: normal;
}

.business-box .box8 li b {
  display: inline-block;
  position: absolute;
  right: -20px;
  top: 0;
  bottom: 0;
  height: 18px;
  margin: auto;
  font-size: 18px;
  color: #e8e8e8;
}

.business-box .box9 {
  text-align: center;
  margin-top: 30px;
  position: relative;
}

.business-box .box9>div {
  display: inline-block;
  width: 220px;
  vertical-align: top;
  padding: 30px;
  border: 1px solid #e9e9e9;
  background: #fff;
  margin: 20px 125px 0;
}

.business-box .box9>div:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 260px;
  padding: 50px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.1);
}

.business-box .box9>div img {
  width: 160px;
}

.business-box .box9>div p {
  white-space: normal;
  text-indent: 2em;
  text-align: justify;
  color: #666;
}

.business-box .box9>div span {
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  margin: 10px 0;
}

.business-box .box10 {
  text-align: center;
}

.business-box .box10 ul {
  white-space: initial;
}

.business-box .box10 li {
  display: inline-block;
  padding: 15px;
  margin: 10px;
  /*border: 1px solid #e9e9e9;*/
}

.business-box .box10 li img {
  border-radius: 50%;
  width: 60px;
  margin-bottom: 10px;
}

.business-box .box11 {
  margin-top: 60px;
  white-space: normal;
}

.business-box .box11>div {
  display: inline-block;
  text-align: center;
  padding: 20px;
  width: 255px;
  height: 250px;
  border: 1px solid #E2E4E6;
  border-left: none;
  border-top: none;
  vertical-align: top;
  white-space: normal;
  background: #f2f4f6;
  cursor: pointer;
}

.business-box .box12 .li>div {
  display: inline-block;
  text-align: center;
  padding: 20px;
  width: 255px;
  border: 1px solid #E2E4E6;
  border-left: none;
  border-top: none;
  vertical-align: top;
  white-space: normal;
  background: #f2f4f6;
}

.business-box .box11>div:nth-child(4n),
.business-box .box12 .li>div:nth-child(4n) {
  border-right: none;
}

.business-box .box11>div:nth-child(n+5),
.business-box .box12 .li>div:nth-child(n+5) {
  border-bottom: none;
}

.business-box .box11 h2 {
  font-size: 18px;
  font-weight: bolder;
  text-align: left;
  margin: 30px 0 10px;
}

.business-box .box11 h2 span {
  font-size: 14px;
  margin-left: 10px;
  font-weight: normal;
  color: #999;
}

.business-box .box11>div:hover,
.business-box .box12 .li>div:hover {
  background: #ebeced;
}

.business-box .box11>div h3,
.business-box .box12 .li h3 {
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.business-box .box11>div p,
.business-box .box12 .li p {
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.business-box .box11>div a,
.business-box .box12 .li a {
  float: right;
  margin-top: 15px;
}

.business-box .box12 {
  margin-top: 0px;
  white-space: normal;
}

.business-box .box12 h1>a {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 12px;
  font-weight: normal;
}

.business-box .box13 {
  text-align: center;
}

.business-box .box13 li {
  display: inline-block;
  margin: 25px;
}

.business-box .box13 li>img {
  width: 60px;
  border-radius: 50%;
  margin-bottom: 5px;
}

.business-box .box14 {
  text-align: center;
}

.business-box .box14>ul>li {
  display: inline-block;
  padding: 20px;
  margin: 20px 20px 0 20px;
  border: 1px solid #ccc;
  border-radius: 4px;
  vertical-align: top;
  height: 196px;
}

.business-box .box14>ul>li:nth-of-type(odd) {
  margin-left: 0;
  margin-right: 0;
}

.business-box .box14>ul>li>div {
  display: inline-block;
  vertical-align: middle;
}

.business-box .box14>ul>li>div:first-child {
  width: 150px;
  border-right: 1px solid #ddd;
}

.business-box .box14>ul>li img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

.business-box .box14 .name {
  margin-top: 20px;
  font-weight: bold;
  font-size: 14px;
}

.business-box .box14 .name>span {
  display: block;
  font-size: 12px;
  font-weight: normal;
  color: #999;
}

.business-box .box14 .contact>p {
  margin: 10px 20px;
  text-align: left;
}

.business-box .box14 .contact>p span {
  display: inline-block;
  width: 50px;
  text-align: right;
  vertical-align: top;
}

.help_banner {
  height: 220px;
  line-height: 220px;
  font-size: 30px;
  text-align: center;
  color: #fff;
  background: url(/static/frontend/images/help/help_bg.jpg) no-repeat center;
  background-size: cover;
}

.help_tips {
  background: #f2f4f8;
}

.help_search {
  margin: 30px auto 20px;
}

.help_search span {
  display: inline-block;
  position: relative;
}

.help_search span input {
  width: 500px;
  height: 50px;
  border: 1px solid #d8d8d8;
  border-radius: 50px;
  padding: 6px 20px;
}

.help_search span input:focus {
  outline: none;
  border: 1px solid #0894fb;
}

.help_search span i {
  position: absolute;
  height: 16px;
  right: 12px;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 16px;
  color: #949494;
}

.help_i {
  margin-bottom: 80px;
}

.help_i li {
  display: inline-block;
  margin: 0 10px;
}

.help_i li a:hover {
  color: #0894fb;
}

.help_tips>div {
  padding: 20px 0 120px;
  text-align: center;
}

.help_tips>div>a {
  box-sizing: border-box;
  background-color: #fff;
  margin-right: 60px;
  display: inline-block;
  vertical-align: top;
  transition: all .3s ease;
  padding: 40px;
  font-size: 14px;
}

.help_tips>div>a:last-child {
  margin-right: 0;
}

.help_tips>div>a:hover {
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .15);
}

.help_tips>div>a img {
  display: block;
  margin: 0 auto 20px;
  border-radius: 6px;
  width: 120px;
}

.nc-container .nc_scale span {
  height: 34px !important;
}

._nc .stage1 {
  width: 330px;
  margin-left: -15px;
}

._nc .stage1,
._nc .stage1 .slider,
._nc .stage1 .track div,
._nc .stage1 .label,
._nc .stage1 .button {
  height: 42px !important;
  line-height: 42px !important;
}

.business_type .from-cbox label {
  margin-right: 12px;
  width: 100px;
  display: inline-block;
}

[name="business_type"] {
  position: absolute;
  left: 46px;
  top: -16px;
  pointer-events: none;
  opacity: 0;
}

.business_type {
  position: relative;
}

.ellipsis {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 18px;
}

.gdw {
  width: 200px;
  display: inline-block;
}

.business-banner3-icon i {
  font-size: 20px;
  color: #999;
}

.business-banner3-icon i:HOVER {
  color: #03A9F4;
}

#uploadButss {
  border-radius: 4px;
  background-color: rgb(251, 251, 253);
  width: 100px;
  height: 26px;
  line-height: 12px;
  font-size: 12px;
  color: rgb(166, 166, 166);
  border: 1px solid #D8D8D8;
  display: inline-block;
  text-align: center;
}

#uploadButss .webuploader-pick {
  width: 100%;
  height: 100%;
}

.business-form div span.uploadButssName {
  width: 190px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  vertical-align: middle;
}

.gdImg {
  width: 100%;
  height: 124px;
  margin-bottom: 15px;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  justify-content: center;
  align-items: center;
}

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

.spotherInfo {
  text-indent: 2em;
}

.contact a {
  cursor: default;
}

.business-mz {
  padding: 20px 0;
  color: #F44336;
  text-align: center;
  margin: 0 auto;
  font-weight: bold;
}

.icon-promote {
  display: inline-block;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  width: 14px;
  height: 14px;
  background-color: #ff1c00;
  font-family: MicrosoftYaHei !important;
  font-weight: normal !important;
  font-size: 12px !important;
  vertical-align: 12%;
  font-weight: normal;
  font-stretch: normal;
}

.swiper-pagination {
  bottom: 0;
  text-align: center;
  display: none;
}