.help_title, .help_title p, .nav_1ji p, .media_list li .a1, .media_list li .a2, .media_list li .a3, .tel, .join_title, .post_list li a{
	background:#FFF;
}
.nav_1ji p{
	background-position: 13px -103px;
    padding-left: 38px;
    height: 38px;
    line-height: 80px;
    font-size: 17px;
    font-weight: bold;
    color: #474747;
}
.nav_1ji{
	    width: 180px;
		height:80px;
}
.nav_2ji{
	border-bottom:none;
	display:none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

/* ==========================================================================
   CSS Document Reset
 ============================================================================ */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }


body {
  font-size: 14px;
  line-height: 1.6;
  position: relative;
  font-family: "Lantinghei SC", "PingFang SC", "Microsoft Yahei", "Hiragino Sans GB", "Segoe UI", "Lucida Grande", Helvetica, "SimHei", sans-serif;
  color: #333333;
  text-align: left;
  }

footer {
  clear: both; }

footer:before {
  content: " ";
  clear: both; }

ul, li, ol, dl, dd {
  list-style: none;
  padding: 0;
  margin: 0; }

a {
  background-color: transparent;
  /*删除IE10灰色背景*/
  color: #333333;
  cursor: pointer;
  transition: color 200ms ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /*禁用手机页面a标签点击高亮背景*/
  text-decoration: none; }

a:focus {
  outline: 0; }

/*统一轮廓样式*/
a:hover {
  color: #ff4242;
  text-decoration: underline; }

a.white:link, a.white:visited {
  color: #FFF; }

a.red:link, a.red:visited {
  color: #de4535; }

img {
  height: auto;
  vertical-align: middle;
  display: inline-block;
  border: none; }

img[src=""] {
  opacity: 0; }

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

/* 排版
============================== */
h1 {
  font-size: 48px; }

h2 {
  font-size: 16px;
  line-height: 30px; }

h3 {
  font-size: 14px;
  line-height: 26px; }

h4 {
  font-size: 12px;
  line-height: 22px; }

h5 {
  font-size: 12px; }

h6 {
  font-size: 12px; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.6\9;
  font-weight: 600;
  margin: 0; }

h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
  font-size: 65%; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
  font-weight: 400;
  line-height: 1;
  color: #777;
  padding-left: .5rem; }
.nav-list > li{
	line-height:20px;
}
/* Spacing for block elements */
p {
  margin: 0; }

hr, blockquote, pre, address, fieldset, figure {
  margin: 0 0 10px 0; }

* + hr, * + blockquote, * + pre,
* + address, * + fieldset, * + figure {
  margin-top: 10px; }

hr {
  display: block;
  padding: 0;
  border: 0;
  height: 0;
  border-top: 1px solid #eeeeee;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

/* 引用s */
blockquote {
  padding: 5px 5px 5px 15px;
  border-left: 4px solid #dddddd;
  background: #fff;
  font-family: "Times New Roman", Georgia, Times, Kai, "Kaiti SC", KaiTi, BiauKai, "FontAwesome", serif; }

blockquote p {
  font-size: 16px; }

blockquote small {
  display: block;
  color: #999;
  font-family: "Times New Roman", Georgia, Times, Kai, "Kaiti SC", KaiTi, BiauKai, "FontAwesome", serif;
  text-align: right; }

blockquote p:last-child {
  margin-top: 0; }

blockquote p small {
  display: inline-block;
  margin-left: 10px; }

/* 注释s */
kbd {
  margin: 0 4px;
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }

pre {
  white-space: pre-wrap; }

/*保留空白符，但是正常地进行换行。*/
code,
kbd,
pre,
samp {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 1em; }

mark, ins {
  background: #ffffaa;
  color: #333333; }

abbr[title], dfn[title] {
  cursor: help;
  border-bottom: 1px dotted;
  font-style: normal; }

/* Forms
   ========================================================================== */
input {
  vertical-align: middle; }

/*禁用元素*/
*[class*="disabled"] {
  pointer-events: none;
  border-color: transparent;
  cursor: not-allowed;
  opacity: 0.45;
  box-shadow: none; }

textarea {
  vertical-align: top;
  resize: vertical;
  /*只能改变高度*/ }

.share-links a:hover,
.user-side-menu dt a:hover b,
.user-side-menu dt > a,
.index-name a,
.ad-filter-list li a,
.filter-body a:hover,
nav .nav-content a,
nav .nav-content a:hover,
.column-tit-son a,
.floor-list > li > a,
.nav-list li a,
.more a:hover,
.user-side-menu dt a,
.index-name .right a,
.news-1-ul-text .news-1-ul-title-l h3,
.list-goods-thumb-right .list-item-hd a,
.list-goods-thumb-left .list-item-hd a {
  text-decoration: none; }

.user-side-menu dt a:hover b {
  text-decoration: underline; }

.img-scale a {
  overflow: hidden;
  display: inline-block; }

.img-scale img,
.gallery a img,
a .img-box img,
.img-box > a img,
.subpage-5-con a img,
.list-goods-thumb > a img,
.works-ad-row a img,
.planning-ad-row a img,
.index-column .column-left a img,
.overlay-main a img {
  -webkit-transition: .3s;
  transition: .3s; }

.img-scale img:hover,
.gallery a img:hover,
a .img-box img:hover,
.img-box > a img:hover,
.index-p7-row.img-scale a:hover img,
.f-list .bk-overlay:hover img,
.list-goods-thumb > a img:hover,
.subpage-5-con a img:hover,
.works-ad-row a img:hover,
.planning-ad-row a img:hover,
.index-column .column-left a:hover img,
.overlay-info.img-box:hover + img,
.img-scale .overlay-main:hover a img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: .2s;
  transition: .2s; }

.overlay-info.img-box img:hover {
  -webkit-transform: scale(1);
  transform: scale(1); }

.index-column .column-left a {
  overflow: hidden; }

.index-column .column-left a:hover img,
.index-column .column-right .list-goods-thumb a:hover > img {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
  -webkit-filter: brightness(1.02);
  filter: brightness(1.02);
  cursor: pointer; }

.planning-ad-row a img:hover {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

.filter-body {
  padding: 0 50px; }

.avg-pd28[class*="avg-"] {
  margin-right: -28px; }

.avg-pd28[class*="avg-"] > li {
  padding-right: 28px;
  margin-bottom: 28px; }

.avg-pd36[class*="avg-"] {
  margin-right: -36px; }

.avg-pd36[class*="avg-"] > li {
  padding-right: 36px;
  margin-bottom: 36px; }

.works-ad-row a:hover,
.ad-filter .ad-filter-main:hover,
.ad-filter .ad-filter-list li:hover a em,
.like-designer-column a:hover img,
.planning-ad-row a:hover img,
.planning-ad-column a:hover img,
.pic-thumb-list li:hover,
.img-box a:hover img {
  -webkit-filter: brightness(1.05) saturate(1.1);
  filter: brightness(1.05) saturate(1.1);
  cursor: pointer; }

.bk-overlay-tit h4,
.bk-overlay-tit.middle h4 span,
.bk-overlay-text,
.effect-jazz h2,
.effect-jazz p {
  -webkit-line-clamp: 1;
  white-space: nowrap;
  -webkit-box-orient: vertical;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block; }

.bk-overlay-tit.middle h4 {
  overflow: initial;
  max-width: 70%; }

.effect-jazz p {
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 3; }

.works-detail-r .filter-body span,
.designer-works-box .pagemaker-name .filter-list.small .filter-body span,
.no-vip-box .filter-list.small .filter-body span {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default; }

*[class*=kicon-] {
  font-family: "kiconfont", "Lantinghei SC", "PingFang SC", "Microsoft Yahei", "Hiragino Sans GB", "Segoe UI", "Lucida Grande", Helvetica, "SimHei", sans-serif;
  font-weight: 300; }

*[class*=kicon-], *[class*=kicon-]:before {
  vertical-align: initial; }

[class='kicon-'] {
  -webkit-text-stroke-width: 0; }

.kicon-fold,
.kicon-unfold {
  transition: transform .2s;
  display: inline-block; }

.rotate180 {
  transform: rotate(180deg); }

.rotate90 {
  transform: rotate(90deg); }

button {
  border-radius: 4px; }

.btn-group [class*="btn-"] {
  float: left; }

.btn-group [class*="btn-"] + [class*="btn-"] {
  margin-left: -1px; }

.left {
  float: left;
  display: inline; }

.right {
  float: right;
  display: inline; }

.clearfix:after, section:after {
  content: "";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both; }

.clearfix, section {
  zoom: 1; }

input[type="button"], input[type="submit"], input[type="reset"] {
  -webkit-appearance: none;
  outline: none; }

.theme-color {
  background: #ff4242; }

.minor-color {
  background: #ff5a00; }

.blue {
  background: #0af; }

.orange {
  background: #fb7e00; }

.yellow {
  background: #ffab19; }

.red {
  background: #de4535; }

.green {
  background: #5ed125; }

.gray {
  background: #555; }

.pink {
  background: #f7518c; }

.purple {
  background: #d41d5f; }

.deepPurple {
  background: #800258; }

.cyan {
  background: #3cada6; }

.miss {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.7; }

.radius, .square {
  border-radius: 3px; }

.round {
  border-radius: 1000px; }

.theme-light {
  background: #ff6b6b; }

.theme-light-s {
  background: #ffdbdb; }

.theme-light-xs {
  background: white; }

.minor-light {
  background: #ff7429; }

.minor-light-s {
  background: #ffbd99; }

.minor-light-xs {
  background: #ffefe6; }

.blue-light {
  background: #29b8ff; }

.blue-light-s {
  background: #99ddff; }

.blue-light-xs {
  background: #e6f7ff; }

.orange-light {
  background: #ff9225; }

.orange-light-s {
  background: #ffca95; }

.orange-light-xs {
  background: #fff0e2; }

.yellow-light {
  background: #ffba42; }

.yellow-light-s {
  background: #ffe3b2; }

.yellow-light-xs {
  background: #fdfce3; }

.red-light {
  background: #e2594b; }

.red-light-s {
  background: #f6ceca; }

.red-light-xs {
  background: #fcefed; }

.green-light {
  background: #65da2c; }

.green-light-s {
  background: #d4dfcf; }

.green-light-xs {
  background: white; }

.gray-light {
  background: #999; }

.gray-light-s {
  background: #ccc; }

.gray-light-xs {
  background: #dddddd; }

.gray-light-xxs {
  background: #eeeeee; }

.bg-gray {
  background: #f9f9f9; }

.bg-white {
  background: #fff; }

.bg-fixed {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -999;
  background: #fff; }

.pink-light {
  background: #f8699c; }

.purple-light {
  background: #e43675; }

.deepPurple-light {
  background: #a80374; }

.cyan-light {
  background: #50c2bb; }

.theme-darken {
  background: #ff2929; }

.minor-darken {
  background: #e65100; }

.blue-darken {
  background: #0099e6; }

.orange-darken {
  background: #e27100; }

.yellow-darken {
  background: #ffa200; }

.red-darken {
  background: #d63423; }

.green-darken {
  background: #58c423; }

.gray-darken {
  background: #333333; }

.gray-darken-s {
  background: #222222; }

.pink-darken {
  background: #f6397c; }

.purple-darken {
  background: #be1a55; }

.deepPurple-darken {
  background: #670247; }

.cyan-darken {
  background: #359a94; }

.text-minor {
  color: #ff5a00 !important; }

.text-theme {
  color: #ff4242 !important; }

.text-gray-darken {
  color: #333333 !important; }

.text-gray {
  color: #555 !important; }

.text-gray-light {
  color: #999 !important; }

.text-gray-light-s {
  color: #ccc !important; }

.text-gray-light-sx {
  color: #b2b2b2 !important; }

.text-blue {
  color: #0af !important; }

.text-green {
  color: #5ed125 !important; }

.text-7c {
  color: #7C7C7C !important; }

.text-77 {
  color: #777777 !important; }

.text-55 {
  color: #555555 !important; }

.text-33 {
  color: #333333 !important; }

.text-3A {
  color: #3A3A3A !important; }

.text-66 {
  color: #666666 !important; }

.text-orange {
  color: #fb7e00 !important; }

.text-red {
  color: #de4535 !important; }

.text-pink {
  color: #f7518c !important; }

.text-white {
  color: white !important; }

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

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

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

.text-del {
  text-decoration: line-through !important; }

/*文字加粗*/
.text-strong {
  font-weight: 600; }

/*消除文字行高*/
.text-height {
  line-height: 1; }

/*字体间距*/
.text-letter {
  letter-spacing: 15px; }

.fs10 {
  font-size: 10px !important; }

.fs12 {
  font-size: 12px !important; }

.fs13 {
  font-size: 13px !important; }

.fs14 {
  font-size: 14px !important; }

.fs16 {
  font-size: 16px !important; }

.fs17 {
  font-size: 17px !important; }

.fs18 {
  font-size: 18px !important; }


.fs24 {
  font-size: 24px !important; }

.fs28 {
  font-size: 28px !important; }

.fs30 {
  font-size: 30px !important; }

.fs32 {
  font-size: 32px !important; }

.msg-danger, .msg-warning, .msg-success {
  padding: 0 5px;
  display: inline-block; }

.msg-danger {
  border: 1px solid #f6ceca;
  background: #fcefed;
  color: #de4535 !important; }

.msg-warning {
  border: 1px solid #ffe3b2;
  background: #fdfce3;
  color: #ffab19 !important; }

.msg-success {
  border: 1px solid #d4dfcf;
  background: white;
  color: #5ed125 !important; }

.list-hr li,
li.list-hr span {
  display: inline-block;
  margin: 5px; }

.list-hr-span span {
  display: inline-block;
  margin-right: 10px; }

.list-hr-span.hover span:hover,
span.hover:hover {
  color: #ff4242;
  cursor: pointer; }

.list-hr-span.hover a:hover {
  text-decoration: none; }

.list-hr-span .share-links {
  line-height: 1; }

.none, .hidden {
  display: none; }

.block {
  display: block; }

.i-block {
  display: inline-block; }

.transparent {
  color: transparent;
  font: 0/0 ''; }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

.mg0 {
  margin: 0 !important; }

.mg10 {
  margin: 10px; }

.mgt5 {
  margin-top: 5px; }

.mgt10 {
  margin-top: 10px; }

.mgt20 {
  margin-top: 20px; }

.mgt30 {
  margin-top: 30px; }

.mgt11 {
  margin-top: 11px; }

.mgt8 {
  margin-top: 8px; }

.mgt20 {
  margin-top: 20px; }

.mgt30 {
  margin-top: 30px; }

.mgb10 {
  margin-bottom: 10px; }

.mgb20 {
  margin-bottom: 20px; }

.mgb30 {
  margin-bottom: 30px; }

.mgl10 {
  margin-left: 10px; }

.mgl20 {
  margin-left: 20px; }

.mgr10 {
  margin-right: 10px; }

.mgr6 {
  margin-right: 6px; }

.mgr20 {
  margin-right: 20px; }

.mgb50 {
  margin-bottom: 50px; }

.mgt50 {
  margin-top: 50px; }

.pdb30 {
  padding-bottom: 30px; }

.pdt30 {
  padding-top: 30px; }

.pdt56 {
  padding-top: 56px !important; }

.mg-auto {
  margin: 0 auto; }

.pd0 {
  padding: 0 !important; }

.pd5 {
  padding: 5px; }

.pd10 {
  padding: 10px; }

.pd20 {
  padding: 20px; }

.pdt10 {
  padding-top: 10px; }

.pdt20 {
  padding-top: 20px; }

.pdt16 {
  padding-top: 16px; }

.pdb10 {
  padding-bottom: 10px; }

.pdb60 {
  padding-bottom: 60px; }

.pdb20 {
  padding-bottom: 20px; }

.pdl10 {
  padding-left: 10px; }

.pdl20 {
  padding-left: 20px; }

.pdr10 {
  padding-right: 10px; }

.pdr20 {
  padding-right: 20px; }

.not-bd {
  border: 0 !important; }

.width-1 {
  width: 12.5% !important; }

.width-2 {
  width: 25% !important; }

.width-3 {
  width: 37.5% !important; }

.width-4 {
  width: 50% !important; }

.width-5 {
  width: 62.5% !important; }

.width-6 {
  width: 75% !important; }

.width-7 {
  width: 87.5% !important; }

.width-8 {
  width: 100% !important; }

.w50px {
  width: 50px !important; }

.w100px {
  width: 100px !important; }

.w200px {
  width: 200px !important; }

.w250px {
  width: 250px !important; }

.w300px {
  width: 300px !important; }

.w350px {
  width: 350px !important; }

.w400px {
  width: 400px !important; }

.w500px {
  width: 500px !important; }

.h40 {
  height: 40px;
  transition: transform .2s; }

.overlay .img-box-tit {
  -webkit-box-orient: vertical;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.ellipsis,
.ellipsis-line2,
.ellipsis-line3,
.ellipsis-line4 {
  -webkit-box-orient: vertical;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block; }

.ellipsis-line2,
.ellipsis-line3,
.ellipsis-line4 {
  display: -webkit-box; }

.avatar-text.ellipsis {
  display: block;
  -webkit-line-clamp: 1; }

.ellipsis {
  -webkit-line-clamp: 1;
  white-space: nowrap;
  max-height: 1.6em; }

.ellipsis-line2 {
  -webkit-line-clamp: 2 !important;
  max-height: 3.2em; }

.ellipsis-line3 {
  -webkit-line-clamp: 3 !important;
  max-height: 5em; }

.ellipsis-line4 {
  -webkit-line-clamp: 4 !important;
  max-height: 6em; }

.text-break {
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }

.text-nowrap {
  white-space: nowrap; }

.transparent {
  color: transparent !important;
  font: 0/0 ''; }

.link, .link a, a.link {
  color: #ff4242;
  text-decoration: underline; }

.hover-em em {
  cursor: pointer; }

.user-container .contentW {
  width: 1500px;
  margin: 0 auto; 
  background:#F9F9F9;
  margin-bottom: 40px;
  }

.contentW.w1400px {
  width: 1400px; }

.content1920 {
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden; }

body {
  background: #f9f9f9;
  min-width: 1500px; }

.sec-bg {
  background: #fff;
  padding: 0 0;
  margin-bottom: 40px;
  overflow: hidden; }

.sec-striped .sec-bg:nth-of-type(2n) {
  background: transparent; }

.quote-mark {
  border: 0;
  position: relative;
  background: transparent; }

.quote-mark:before {
  font-family: "kiconfont";
  content: "\e60c";
  position: absolute;
  font-size: 40px;
  top: -9px;
  left: -45px;
  color: #eeeeee; }

.k-title {
  margin: 10px 10px 10px 0;
  color: #555;
  overflow: hidden; }

.k-title.bg-white {
  margin: 0;
  padding: 10px; }

.k-title h3 {
  line-height: initial;
  display: inline-block;
  border-left: 3px solid #ff4242;
  padding-left: 10px; }

.k-title h3,
.k-title h3 + span {
  font-size: 14px; }

.common-box {
  border: 1px solid #eeeeee;
  margin: 20px 0; }

.common-box .common-box-hd {
  border-bottom: 1px solid #eeeeee; }

.common-box .common-box-bd {
  padding: 20px; }

.kicon-1, .kicon-2, .kicon-3, .kicon-4, .kicon-5, .kicon-6 {
  font-weight: 700; }

.bk-overlay-tit .btn-small {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.bk-overlay-tit .btn-small:hover {
  background-color: #ff4242; }

.kicon-loading {
  display: inline-block;
  -webkit-animation: rotate 2s linear infinite;
  -moz-animation: rotate 2s linear infinite;
  -o-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite; }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(359deg); } }

@-o-keyframes rotate {
  from {
    -o-transform: rotate(0deg); }
  to {
    -o-transform: rotate(359deg); } }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

.img-center-v img {
  position: relative;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%; }

.pointer,
.form-group-element label {
  cursor: pointer; }

.bk-form fieldset {
  margin: 0;
  padding: 0;
  border: 0; }

.bk-form fieldset legend, .bk-form legend {
  display: block;
  width: 100%;
  margin-bottom: 1rem;
  font-size: 16px;
  line-height: inherit;
  color: #333333;
  border: 0;
  padding: 3px;
  border-bottom: 1px solid #e5e5e5;
  position: relative; }

.bk-form legend h3, .bk-form legend h4 {
  margin: 0; }

.bk-form.bd .form-group {
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 0;
  padding: 9px 0; }

.form-group {
  position: relative;
  width: 100%;
  display: table;
  table-layout: fixed; }

.form-group label,
.form-group-elemen label {
  width: 20%;
  margin-right: 2%;
  letter-spacing: 0;
  text-align: right;
  vertical-align: middle; }

.bk-form label {
  margin-bottom: 0;
  font-weight: normal; }

.form-group > label i {
  color: #de4535;
  line-height: 16px; }

.form-group .form-group-element {
  width: 100%;
  vertical-align: middle; }

.form-group label + .form-group-element {
  width: 77%;
  margin-right: 1%; }

.form-group {
  letter-spacing: -100px; }

.form-group p, .form-group i, .form-group span, .form-group em {
  letter-spacing: 0; }

.form-group label,
.form-group-element label,
.form-group .form-group-element {
  display: inline-block;
  letter-spacing: 0; }

.form-group span {
  letter-spacing: 0; }

.form-group .form-group-element label {
  width: auto;
  margin: 0; }

.form-group .form-group-element > span {
  padding: 0; }

.form-group .form-group-element > span.ellipsis,
.form-group .form-group-element > span.ellipsis2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 1.6rem;
  max-height: 1.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial; }

.form-group .form-group-element > span.ellipsis2 {
  -webkit-line-clamp: 2;
  max-height: 3.2em; }

.form-group .form-group-element span.of-words {
  line-height: 18px;
  overflow: hidden;
  width: 60%\9;
  position: absolute; }

.form-group-element .bk-pic-box {
  display: inline;
  height: 100px;
  width: 100px;
  overflow: hidden;
  margin-right: 4px; }

.form-group-element .bk-pic-box img {
  width: 100px;
  height: auto; }

.no-bd {
  border: none; }

.form-group > label + .form-group-element + .form-tips {
  margin-left: 22%; }

.form-tips.no-bd {
  border: none;
  padding: 0 10px;
  line-height: 2; }

.bk-form select,
.bk-form textarea,
.bk-form input,
.bk-form-field,
.input-group-son-label {
  width: 37.5%;
  padding: 3px 6px;
  line-height: 1.4;
  height: 42px;
  color: #333333;
  vertical-align: middle;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  font-size: 14px;
  margin: 0.25em 0;
  outline: 0;
  -webkit-appearance: none;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

.bk-form select {
  -moz-appearance: none;
  background: #fff url("../images/common/unfold.png") no-repeat right;
  padding-right: 26px; }

.form-feedback select {
  background-image: none; }

.bk-form input[type="radio"],
.bk-form input[type="checkbox"] {
  width: auto;
  height: auto;
  padding: 0;
  -webkit-appearance: radio; }

.bk-form input[type="checkbox"] {
  -webkit-appearance: checkbox; }

.bk-form textarea,
textarea.bk-form-field {
  height: auto; }

.bk-form select:focus,
.bk-form textarea:focus,
.bk-form input:focus,
.bk-form-field:focus {
  border-color: #ff6b6b;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 3px #ff6b6b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 3px #ff6b6b;
  position: relative;
  z-index: 2; }

.bk-form input[type="file"]:focus,
.bk-form input[type="radio"]:focus,
.bk-form input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 0 auto -webkit-focus-ring-color;
  outline-offset: -2px;
  box-shadow: none; }

.bk-form input[disabled],
.bk-form select[disabled],
.bk-form textarea[disabled],
.bk-form fieldset[disabled] select,
.bk-form fieldset[disabled] textarea,
.bk-form fieldset[disabled] input,
.bk-form-field[disabled] {
  background-color: #eeeeee;
  cursor: not-allowed;
  color: #999; }

.bk-form select[readonly],
.bk-form textarea[readonly],
.bk-form input[readonly],
.bk-form-field[readonly] {
  background-color: #eeeeee; }

.form-group .form-group-element label {
  margin-right: 20px; }

.form-group-element label input[type="checkbox"],
.form-group-element label input[type="radio"] {
  float: left;
  margin-right: 5px;
  margin-top: 2px;
  display: inline;
  outline: none;
  border: 1px solid #dddddd; }

.form-group,
.form-group .form-checkbox-block label,
.form-group .form-radio-block label,
.form-group-element.form-checkbox-block label,
.form-group-element.form-radio-block label {
  margin-bottom: 1em;
  text-align: left; }

.form-group .form-checkbox-block label,
.form-group .form-radio-block label,
.form-group-element.form-checkbox-block label,
.form-group-element.form-radio-block label {
  display: block; }

.form-group .form-checkbox-block label:last-child,
.form-group .form-radio-block label:last-child {
  margin-bottom: 0; }

.bk-form.app-style.no-bd-input input[type="radio"].radio-icon,
.bk-form.app-style.no-bd-input input[type="checkbox"].checkbox-icon,
.bk-form input[type="radio"].radio-icon,
.bk-form input[type="checkbox"].checkbox-icon,
.radio-icon,
.checkbox-icon {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #ccc;
  background: #fff;
  text-align: center;
  outline: 0;
  cursor: pointer; }

.bk-form.app-style.no-bd-input input[type="checkbox"].checkbox-icon,
.bk-form input[type="checkbox"].checkbox-icon,
.checkbox-icon {
  border-radius: 3px; }

.bk-form input[type="radio"].radio-icon:checked,
.bk-form input[type="checkbox"].checkbox-icon:checked,
.radio-icon:checked,
.checkbox-icon:checked,
.radio-icon.check,
.checkbox-icon.check {
  color: #ff4242;
  border-color: #ff4242;
  background-color: #fff; }

.radio-icon:checked:after,
.checkbox-icon:checked:after,
.radio-icon.check:after,
.checkbox-icon.check:after {
  content: "\e729";
  font-size: 16px;
  font-family: "kiconfont";
  font-weight: bold;
  line-height: 19px; }

.radio-icon[disabled=true],
.checkbox-icon[disabled=true],
.radio-icon[disabled],
.checkbox-icon[disabled] {
  color: #ccc !important;
  border-color: #ddd !important;
  background: #eee !important; }

.bk-form input[type="radio"].radio-icon.fill:checked,
.bk-form input[type="checkbox"].checkbox-icon.fill:checked,
.radio-icon.fill:checked,
.checkbox-icon.fill:checked,
.radio-icon.fill.check,
.checkbox-icon.fill.check {
  background-color: #ff4242;
  border-color: #ff4242;
  color: #fff; }

/*圆形按钮选中状态和未选中状态 S*/
.unselected {
  width: 12px;
  height: 12px;
  vertical-align: middle;
  border-radius: 100px;
  border: 1px solid #d9d8d8;
  background-color: #f9f9f9;
  position: relative; }

.unselected:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 8px;
  height: 8px;
  line-height: 12px;
  border-radius: 100px;
  background-color: #d8d8d8; }

.unselected.selected:before {
  background-color: #eb3e3e; }

.bk-form.radius input,
.bk-form.radius select,
.bk-form.radius textarea {
  border-radius: 3px; }

.bk-form.round input,
.bk-form.round select {
  border-radius: 1000px; }

.bk-form.round select[multiple=multiple] {
  border-radius: 0; }

.bk-form.strong input,
.bk-form input.strong,
.bk-form-field.strong {
  font-weight: 700;
  font-family: "Times New Roman", Georgia, Times, Kai, "Kaiti SC", KaiTi, BiauKai, "FontAwesome", serif; }

.bk-form.strong input::-webkit-input-placeholder,
.bk-form-field.strong::-webkit-input-placeholder {
  font-weight: 300;
  font-family: "Lantinghei SC", "PingFang SC", "Microsoft Yahei", "Hiragino Sans GB", "Segoe UI", "Lucida Grande", Helvetica, "SimHei", sans-serif; }

.form-file {
  position: relative;
  overflow: hidden; }

.form-file input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
  font-size: 50em;
  margin: 0;
  padding: 0; }

.form-left-width .form-group > label {
  display: table-cell; }

.form-left-width .form-group .form-group-element {
  width: 99%;
  margin-left: 0;
  padding-left: 10px; }

.form-group .form-radio-width > label,
.form-group .form-checkbox-width > label {
  text-align: left;
  margin-right: 2%; }

.form-group .form-radio-width > label input[type="checkbox"],
.form-group .form-radio-width > label input[type="radio"],
.form-group .form-checkbox-width > label input[type="checkbox"],
.form-group .form-checkbox-width > label input[type="radio"] {
  margin-left: 0; }

.form-left-width.label-80px .form-group > label,
.form-group .form-radio-width.label-80px label,
.form-group .form-checkbox-width.label-80px label {
  width: 80px; }

.form-left-width.label-100px .form-group > label,
.form-group .form-radio-width.label-100px label,
.form-group .form-checkbox-width.label-100px label {
  width: 100px; }

.form-left-width.label-150px .form-group > label,
.form-group .form-radio-width.label-150px label,
.form-group .form-checkbox-width.label-150px label {
  width: 150px; }

.form-left-width .form-icon [class*='kicon-'],
.form-left-width .form-icon.form-feedback i:first-child[class*='kicon-'] {
  left: 18px; }

.form-left-width.label-10 .form-group > label,
.form-group .form-radio-width.label-10 label,
.form-group .form-checkbox-width.label-10 label {
  width: 10%; }

.form-left-width.label-20 .form-group > label,
.form-group .form-radio-width.label-20 label,
.form-group .form-checkbox-width.label-20 label {
  width: 20%; }

.form-stacked select,
.form-stacked textarea,
.form-stacked input,
.form-stacked button {
  display: block; }

.form-stacked .form-group {
  padding: 5px; }

.form-stacked .form-group label {
  width: auto; }

.form-stacked .form-group span {
  color: #999; }

.form-stacked .input-group.input-8 {
  width: 100% !important;
  margin: 0 0 1em 0; }

.form-stacked .form-group .upload-pic-list li span {
  color: #de4535; }

.form-inline .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
  width: auto;
  margin-right: 10px; }

.form-inline label {
  width: auto;
  margin-right: 0;
  padding-right: 5px; }

.form-inline select,
.form-inline textarea,
.form-inline input {
  width: auto;
  min-width: 100px; }

.form-inline .bk-form-field {
  display: inline-block;
  width: auto;
  vertical-align: middle; }

.form-inline .input-group {
  display: inline-table;
  vertical-align: middle; }

.form-inline input.bk-form-field,
.form-inline .input-group > .bk-form-field {
  width: auto; }

.form-inline .form-group-element,
.form-inline .form-group label + .form-group-element {
  width: auto;
  margin-right: 0; }

.form-inline.row .form-group {
  margin-right: 0; }

.form-inline.flex .form-group label {
  width: 30%; }

.form-inline.flex .form-group label + .form-group-element {
  width: 69%; }

.form-inline.flex.flex-col-2 .form-group,
.form-inline.flex.flex-col-3 .form-group,
.form-inline.flex.flex-col-4 .form-group,
.form-inline.flex.flex-col-5 .form-group {
  margin-right: 0;
  padding-right: 10px; }

.form-inline.flex.flex-col-2 > * {
  width: 50%; }

.form-inline.flex.flex-col-3 > * {
  width: 33.33333333333333333%; }

.form-inline.flex.flex-col-4 > * {
  width: 25%; }

.form-inline.flex.flex-col-5 > * {
  width: 20%; }

.form-inline.flex select, .form-inline.flex textarea, .form-inline.flex input {
  width: 100%; }

.form-inline .col-lg-1.form-group,
.form-inline .col-lg-2.form-group,
.form-inline .col-lg-3.form-group,
.form-inline .col-lg-4.form-group,
.form-inline .col-lg-5.form-group,
.form-inline .col-lg-6.form-group,
.form-inline .col-lg-7.form-group,
.form-inline .col-lg-8.form-group,
.form-inline .col-lg-9.form-group,
.form-inline .col-lg-10.form-group,
.form-inline .col-lg-11.form-group,
.form-inline .col-lg-12.form-group {
  padding-left: 0; }

.multistep {
  position: relative;
  display: inline-block;
  min-width: 100px; }

.multistep select, .multistep input {
  width: 100%; }

.form-group .flex {
  display: inline-flex; }

.form-group .flex .multistep {
  margin-left: -1px; }

.form-group .flex.interval > * {
  margin-right: 10px; }

.form-group .flex.interval > .multistep:last-child {
  margin-right: 0; }

.form-set input {
  display: block;
  padding: 10px;
  margin: 0 !important;
  border-radius: 0;
  position: relative;
  top: -1px; }

.form-set input:first-child {
  top: 1px;
  border-radius: 4px 4px 0 0; }

.form-set input:last-child {
  top: -2px;
  border-radius: 0 0 4px 4px; }

.form-set > input:focus {
  z-index: 2; }

.bk-form input.form-danger {
  border: 1px solid #de4535; }

.bk-form input.form-warning {
  border: 1px solid #fb7e00; }

.bk-form input.form-success {
  border: 1px solid #5ed125; }

.form-group .msg-danger,
.form-group .msg-warning,
.form-group .msg-success {
  letter-spacing: 0; }

.form-icon,
.form-feedback {
  position: relative; }

.form-icon .form-field,
.form-icon input,
.form-icon select {
  padding-left: 26px !important; }

.form-feedback .form-field,
.form-feedback input,
.form-feedback select {
  padding-right: 26px !important; }

.form-icon [class*='kicon-'],
.form-feedback [class*='kicon-'] {
  position: absolute;
  top: 50%;
  display: inline-block;
  margin-top: -0.5em;
  line-height: 1;
  z-index: 3;
  color: #999; }

.form-icon [class*='kicon-'] {
  left: 10px;
  right: initial; }

.form-feedback [class*='kicon-'] {
  left: initial;
  right: 10px; }

.form-icon.icon-top [class*='kicon-'],
.form-feedback.icon-top [class*='kicon-'] {
  top: 2em; }

.form-icon.form-feedback i:first-child[class*='kicon-'] {
  left: 10px;
  right: initial; }

.form-icon-medium i {
  font-size: 2em; }

.form-icon-medium.form-feedback .form-field,
.form-icon-medium.form-feedback input,
.form-icon-medium.form-feedback select {
  padding-right: 40px !important; }

.form-icon-medium.form-icon .form-field,
.form-icon-medium.form-icon input,
.form-icon-medium.form-icon select {
  padding-left: 40px !important; }

.form-icon.pin {
  display: table; }

.form-icon.pin input,
.form-icon.pin .pin-pic,
.form-icon.pin .table-cell {
  display: table-cell;
  vertical-align: middle; }

.form-icon.pin input {
  width: 100%; }

.form-icon.pin .pin-pic {
  padding: 3px 0 0 10px;
  vertical-align: top;
  line-height: 1;
  cursor: pointer; }

.form-icon.pin .pin-pic img {
  height: 40px;
  width: auto;
  vertical-align: middle; }

.form-icon.pin.pic-inside .pin-pic {
  position: absolute;
  right: 1px;
  top: 1px;
  margin: 0;
  z-index: 5;
  line-height: 1.2; }

.form-icon.pin.pic-inside .pin-pic img {
  height: 38px; }

.form-icon.pin .pin-pic i {
  font-size: 1.5em;
  color: #ccc;
  top: 50%;
  right: 0;
  left: inherit; }

.form-icon.pin .pin-pic em {
  font-size: 10px; }

.form-icon.pin.pic-inside input {
  padding-right: 80px; }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
  margin-bottom: 1em;
  width: 100%; }

.input-group .bk-form-field {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin: 0; }

.input-group select,
.input-group textarea,
.input-group input,
.input-group .bk-form-field {
  margin: 0;
  width: 100%; }

.input-group label,
.input-group-label,
.input-group-btn,
.input-group .bk-form-field {
  display: table-cell; }

.input-group-label,
.input-group-btn {
  white-space: nowrap;
  vertical-align: middle; }

.input-group .input-group-label {
  text-align: center; }

.input-group.left {
  margin-left: 10px; }

.input-group.auto {
  width: auto; }

.input-group input + input, .input-group-son + .input-group-son {
  margin-top: -1px !important; }

.input-group-label, .input-group label {
  padding: 0.625em 1em;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4;
  width: 45px !important;
  color: #999;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #dddddd; }

.input-group-son-label {
  position: absolute;
  width: 30%;
  min-width: 60px;
  overflow: hidden;
  border: none;
  background: none;
  margin: 0;
  z-index: 3;
  height: auto;
  min-height: 40px; }

.input-group-head {
  display: table-caption;
  letter-spacing: normal;
  border: 1px solid #eeeeee;
  border-bottom: 0;
  min-height: 40px; }

.input-group-son-label + input,
.input-group-son-label + select,
.input-group-son-label + textarea,
.input-group-son-label + p {
  padding-left: 33% !important; }

.input-group-son {
  display: table;
  width: 100%; }

.input-group-son input {
  display: table-cell; }

.input-group-label:first-child,
.input-group-btn:first-child .btn-small {
  border-right: 0; }

.input-group-label:last-child,
.input-group-btn:last-child .btn-small {
  border-left: 0; }

.input-group-btn {
  width: 45px;
  position: relative;
  font-size: 0;
  white-space: nowrap; }

.input-group-btn .btn-small {
  position: relative;
  padding: 0.625em 1em;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4;
  min-width: 45px;
  height: 40px; }

.input-group-btn .btn-small:before {
  content: "";
  display: block;
  min-width: 100%;
  border-bottom: 1px solid #fff;
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 0.3; }

.input-group-btn .btn-small:hover:before {
  opacity: 0.5; }

.input-group-btn .btn-small:active:before {
  opacity: 0.3; }

.input-group-btn .btn-gray {
  border-color: #dddddd; }

.input-group-btn .btn-gray:before {
  opacity: 0.5; }

.form-group .text,
.input-group-son .text {
  line-height: 1.4em;
  margin: 0;
  padding: 0.625em 0;
  vertical-align: middle; }

.input-group-son .text {
  border: 1px solid #dddddd;
  min-height: 40px; }

.form-key-value .form-key-value-itme {
  padding: 5px 10px 5px 0; }

.form-key-value .form-key-value-itme:first-child {
  padding-left: 0; }

.form-key-value .form-key-value-itme > * {
  border: 1px solid #ccc;
  padding-left: .3em;
  padding-right: .3em;
  border-radius: 3px; }

.form-key-value .multistep {
  min-width: 50px; }

.form-key-value select, .form-key-value input {
  height: 36px; }

.form-group .flex .flex-initial [class*='kicon-'] {
  position: relative;
  left: 0.15em;
  top: 0;
  margin: 0;
  line-height: 40px;
  color: inherit;
  padding: 0 3px; }

.bk-form select {
  background-image: none\0;
  padding-right: 3px\0; }

[type="date"] {
  position: relative\0;
  pointer-events: none\0;
  border-color: transparent\0;
  cursor: not-allowed\0;
  opacity: 0.45\0;
  box-shadow: none\0; }

.bk-form.form-black select,
.bk-form.form-black textarea,
.bk-form.form-black input,
.bk-form-field,
.input-group-son-label {
  height: 30px;
  border-radius: 4px;
  border-color: #959595;
  padding: 0 12px; }

.bk-form.form-black input {
  width: 150px; }

.bk-form.form-black input::-webkit-input-placeholder {
  color: #333; }

.bk-form.form-black input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #333; }

.bk-form.form-black input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #333; }

.bk-form.form-black input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #333; }

.bk-form.form-black .form-group {
  margin-bottom: 18px; }

.bk-form.form-black.form-inline .form-group {
  margin-right: 50px; }

.bk-form.form-black input[type="date"] {
  padding-left: 8px; }

.bk-form.form-black select:focus,
.bk-form.form-black textarea:focus,
.bk-form.form-black input:focus,
.bk-form.form-black .bk-form-field:focus {
  border-color: #ff6b6b; }

.current[class*="btn-"],
.btn-theme, a.btn-theme, .btn-yellow, a.btn-yellow, .btn-gray, a.btn-gray, .btn-white, a.btn-white, .btn-black, a.btn-black, .btn-double {
  display: inline-block;
  vertical-align: middle;
  font-family: "Microsoft YaHei";
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  line-height: 40px;
  color: white;
  border-style: solid;
  border-width: 1px;
  font-size: 14px;
  padding: 0 20px; }

*[class*="btn-"]:hover {
  text-decoration: none;
  color: white;
  -webkit-transition: background-color 200ms ease-out,border-color 200ms ease-out;
  transition: background-color 200ms ease-out,border-color 200ms ease-out; }

.btn-gray:hover, a.btn-gray:hover, a.btn-gray:visited {
  color: #555; }

/*按钮颜色*/
[class*="btn-"].current,
.btn-theme, a.btn-theme {
  background-color: #ff4242;
  border-color: #ff2929; }
[class*="btn-"].current:hover,
.btn-theme:hover, a.btn-theme:hover {
  background-color: #ff6b6b;
  color: #fff; }
[class*="btn-"].current:active,
.btn-theme:active, a.btn-theme:active {
  background-color: #ff2929; }

.btn-yellow, a.btn-yellow {
  background-color: #ffab19;
  border-color: #ffa200; }
.btn-yellow:hover, a.btn-yellow:hover {
  background-color: #ffba42; }
.btn-yellow:active, a.btn-yellow:active {
  background-color: #ffa200; }

.btn-gray, a.btn-gray {
  color: #999;
  background-color: #eeeeee;
  border-color: #ccc; }
.btn-gray:hover, a.btn-gray:hover {
  background-color: #f9f9f9; }
.btn-gray:active, a.btn-gray:active {
  background-color: #dddddd; }

.btn-white, a.btn-white {
  color: #999;
  background-color: white;
  border-color: #dddddd; }
.btn-white:hover, a.btn-white:hover {
  color: #555; }
.btn-white:active, a.btn-white:active {
  background-color: #dddddd; }

.btn-black, a.btn-black {
  color: white;
  background-color: #333333;
  border-color: #222222; }
.btn-black:hover, a.btn-black:hover {
  background-color: #555; }
.btn-black:active, a.btn-black:active {
  background-color: #222222; }

.btn-double {
  color: #555;
  padding: 4px;
  border-color: #eeeeee; }
.btn-double:hover > span {
  background-color: #ccc; }
.btn-double:active > span {
  background-color: #999; }

.btn-double > span {
  display: block;
  border: 1px solid #eeeeee;
  background-color: #eeeeee;
  line-height: 37px;
  padding: 0 20px; }

.btn-hollow, a.btn-hollow {
  background: none; }

.btn-hollow.btn-theme, a.btn-hollow.btn-theme {
  color: #ff2929; }

.btn-hollow.btn-orange, a.btn-hollow.btn-orange {
  color: #e27100; }

.btn-hollow.btn-blue, a.btn-hollow.btn-blue {
  color: #0099e6; }

.btn-hollow.btn-white, a.btn-hollow.btn-white {
  color: white; }

.btn-hollow.btn-black, a.btn-hollow.btn-black {
  color: #333333; }

.btn-hollow.btn-white:hover, a.btn-hollow.btn-white:hover {
  background: rgba(255, 255, 255, 0.1); }

.btn-hollow:hover, a.btn-hollow:hover {
  color: #fff; }

.btn-hollow.btn-gray:hover, a.btn-hollow.btn-gray:hover {
  color: #ccc; }

.hover-theme:hover, a.hover-theme:hover {
  border-color: #ff2929;
  background-color: #ff6b6b;
  color: #fff; }

.hover-theme:active, a.hover-theme:active {
  background-color: #ff2929; }

.btn-double.hover-theme:hover {
  background: transparent; }

.btn-double.hover-theme:hover > span {
  background-color: #ff6b6b; }

.btn-round, a.btn-round, button.btn-round {
  border-radius: 1000px; }

.btn-radius, a.btn-radius, button.btn-radius {
  border-radius: 3px; }

.btn-xsmall, a.btn-xsmall {
  padding: 2px 3px;
  font-size: 12px;
  line-height: 1;
  height: auto; }

.btn-small, a.btn-small {
  font-size: 12px;
  height: auto;
  line-height: 28px; }

.btn-medium, a.btn-medium {
  font-size: 14px; }

.btn-large, a.btn-large {
  font-size: 16px;
  line-height: 46px;
  padding: 0 20px; }

.btn-xlarge, a.btn-xlarge {
  font-size: 16px;
  line-height: 60px;
  padding: 0 50px; }

.btn-length, a.btn-length {
  padding: 0 50px; }

/*按钮大小-固定值*/
.btn-100x35, a.btn-100x35 {
  width: 110px;
  line-height: 35px; }

.btn-100x30, a.btn-100x30 {
  width: 100px;
  line-height: 30px; }

.btn-150x35, a.btn-150x35 {
  width: 150px;
  line-height: 35px; }

.btn-300x40, a.btn-300x40 {
  width: 300px;
  line-height: 40px; }

.btn-200x40, a.btn-200x40 {
  width: 200px;
  line-height: 40px; }

.btn-82x28, a.btn-82x28 {
  width: 82px;
  line-height: 28px;
  font-size: 12px; }

.btn-72x24, a.btn-72x24 {
  width: 72px;
  line-height: 24px; }

.btn-100x35, .btn-100x3, .btn-150x35, .btn-250x40, .btn-200x40, .btn-82x28, .btn-72x24 {
  overflow: hidden;
  white-space: nowrap; }

/*按钮大小-完全自适应*/
.btn-free, a.btn-free {
  width: 100%;
  height: 100%;
  display: block; }

.btn-free:before, a.btn-free:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.button-box {
  padding: 20px 10px;
  text-align: center; }

.button-box > * {
  margin-right: 10px; }

.button-box > *:last-child {
  margin-right: 0; }

.button-item p {
  margin: 10px 0; }

.button-item span {
  display: inline-block;
  margin: 0 14px 10px 0;
  vertical-align: top;
  text-align: center; }

.button-item span:last-child {
  margin-right: 0; }

.button-item span em {
  color: #999; }

.button-item [class*="btn-"] {
  width: 170px; }

.button-item p.fs16 a {
  text-decoration: underline; }

/**通用表格**/
.common-table {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  text-align: left; }

.common-table th {
  background: #f8f8f8;
  text-align: left;
  color: #7d7d7d;
  font-weight: 400; }

.th-white th {
  background: #fff; }

.common-table.text-center th {
  text-align: center; }

.common-table tr th, .common-table tr td {
  padding: 10px 18px;
  padding: 8px\9;
  vertical-align: middle;
  border-top: 1px solid #f8f8f8; }

.common-table tr th {
  padding: 0 18px;
  height: 40px; }

.common-table tr:nth-child(1) th,
.common-table tr:nth-child(1) td,
.common-table thead tr:first-child th,
.common-table > colgroup + thead > tr:first-child > th,
.common-table > thead:first-child > tr:first-child > th,
.common-table > caption + thead > tr:first-child > td,
.common-table > colgroup + thead > tr:first-child > td,
.common-table > thead:first-child > tr:first-child > td {
  border-top: 0; }

.common-table tfoot tr:nth-child(1) th,
.common-table tfoot tr:nth-child(1) td {
  border-top: 1px solid #dddddd; }

.common-table-bd thead th,
.common-table-bd tbody th {
  vertical-align: middle;
  border-left: 1px solid #d2d2d2; }

.common-table-bd thead th,
.common-table thead th {
  border-bottom: 1px solid #d2d2d2; }

.common-table-bd {
  border: 1px solid #d2d2d2; }

.common-table-bd td {
  border: 1px solid #f8f8f8;
  border-width: 1px 0 0 1px; }

.common-table-bd th:first-child,
.common-table-bd td:first-child {
  border-left: 0; }

.common-table-outline {
  border: 1px solid #dddddd; }

.common-table-radius {
  border: 1px solid #dddddd;
  border-radius: 3px; }

.common-table-radius tr td:first-child, .common-table-radius tr th:first-child {
  border-left: none; }

.common-table-striped tr:nth-of-type(2n) {
  background: #fcfcfc; }

/*单元格状态*/
.common-table tr.active, .common-table td.active, .common-table th.active {
  background: #fdfce3; }

.common-table tr.disabled, .common-table td.disabled, .common-table th.disabled {
  background: #dddddd;
  color: #ccc; }

.common-table tr.primary, .common-table td.primary, .common-table th.primary {
  background: #e6f7ff;
  color: #0af; }

.common-table tr.success, .common-table td.success, .common-table th.success {
  background: white;
  color: #65da2c; }

.common-table tr.warning, .common-table td.warning, .common-table th.warning {
  background: #fff0e2;
  color: #ff9225; }

.common-table tr.danger, .common-table td.danger, .common-table th.danger {
  background: #fcefed;
  color: #e2594b; }

/* Hover effect */
.common-table-hover > tbody > tr:hover > td, .common-table-hover > tbody > tr:hover > th {
  background-color: #f1f1f1; }

table.vertical-middle {
  display: table;
  font-size: inherit; }

.vertical-middle tr th,
.vertical-middle tr td,
tr.vertical-middle th,
tr.vertical-middle td,
th.vertical-middle,
td.vertical-middle {
  vertical-align: middle;
  display: table-cell;
  font-size: inherit; }

tr.vertical-middle {
  display: table-row;
  font-size: inherit; }

.table-toolbar {
  overflow: hidden; }

.table-toolbar + .common-table,
.table-toolbar.table-pagination .left,
.table-toolbar.table-pagination .right {
  margin-top: 40px; }

.table-toolbar [class*="btn-"] {
  padding: 0 15px; }

.table-toolbar [class*="btn-"] + [class*="btn-"] {
  margin-left: 3px; }

.table-toolbar .pages {
  padding: 0 1px 0 0;
  margin: 0; }

.common-table .avatar-hd.ellipsis,
.common-table .avatar-text.ellipsis {
  max-width: 300px; }

.common-table .common-avatar {
  padding: 0; }

.scrollbar::-webkit-scrollbar {
  position: relative;
  width: 18px;
  height: 14px; }

.scrollbar::-webkit-scrollbar-track,
.scrollbar::-webkit-scrollbar-thumb {
  border-radius: 999px;
  border: 5px solid transparent; }

.scrollbar::-webkit-scrollbar-track {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2) inset; }

.scrollbar::-webkit-scrollbar-thumb {
  min-height: 20px;
  background-clip: content-box;
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.2) inset; }

.scrollbar::-webkit-scrollbar-corner {
  background: transparent; }

.column-tit-wrap {
  padding: 80px 0 20px; }

.column-tit-wrap + .column-tit-wrap {
  padding-top: 50px; }

.column-tit-wrap:before {
  content: " ";
  display: table;
  clear: both; }

.column-tit {
  position: relative; }

.column-tit:before, .column-tit:after {
  content: "";
  width: 100%;
  position: absolute; }

.column-tit:before {
  z-index: 10;
  bottom: -5px;
  height: 8px;
  border-top: 8px solid #000; }

.column-tit:after {
  z-index: 12;
  bottom: -4px;
  height: 3px;
  border-top: 3px solid #fff; }

[class*='bg-tit-'],
.column-tit-son,
.column-tit em {
  background-image: url("../images/common/sprite-column-title.png");
  background-repeat: no-repeat; }

.column-tit {
  height: 50px;
  background-position: center -23px; }

.column-tit-son {
  height: 30px;
  background-position: 20px -78px;
  font-weight: bold; }

.column-tit em {
  z-index: 14;
  display: block;
  position: absolute;
  left: 50%;
  bottom: -10px;
  margin-left: -11px;
  height: 13px;
  width: 21px;
  background-color: #f9f9f9;
  background-position: 0 2px; }

.bg-white .column-tit em {
  background-color: #fff; }

.column-tit.no-bd:before,
.column-tit.no-bd:after,
.column-tit.no-bd em {
  display: none; }

.bg-tit-no {
  background-position-y: 100px; }

.bg-tit-gyxj {
  background-position-y: -28px; }

.bg-tit-yhta {
  background-position-y: -121px; }

.bg-tit-zhqs {
  background-position-y: -214px; }

.bg-tit-tops {
  background-position-y: -307px; }

.column-tit-son.bg-tit-tops {
  background-position-y: -360px; }

.bg-tit-bottoms {
  background-position-y: -400px; }

.column-tit-son.bg-tit-bottoms {
  background-position-y: -454px; }

.bg-tit-suits {
  background-position-y: -493px; }

.column-tit-son.bg-tit-suits {
  background-position-y: -545px; }

.bg-tit-skirt {
  background-position-y: -587px; }

.column-tit-son.bg-tit-skirt {
  background-position-y: -640px; }

.bg-tit-special {
  background-position-y: -680px; }

.column-tit-son.bg-tit-special {
  background-position-y: -734px; }

.bg-tit-fw {
  background-position-y: -774px; }

.bg-tit-jyfx {
  background-position-y: -868px; }

.bg-tit-sjs {
  background-position-y: -961px; }

.bg-tit-zx {
  background-position-y: -1054px; }

.bg-tit-rmsjs {
  background-position-y: -1147px; }

.bg-tit-rmfl {
  background-position-y: -1239px; }

.bg-tit-tjqh {
  background-position-y: -1333px; }

.bg-tit-pp {
  background-position-y: -1427px; }

.bg-tit-thsjs {
  background-position-y: -1520px; }

.bg-tit-sjszp {
  background-position-y: -1600px; }

.bg-tit-sjszp em,
.bg-tit-thsjs em {
  width: 236px;
  background-position: 50% -1566px;
  margin-left: -118px;
  height: 20px; }

.bg-tit-sjszp em {
  background-position: 50% -1642px;
  background-color: #fff; }

.bg-tit-tjsc {
  background-position-y: -1720px; }

.column-tit.zx, .column-tit.zx em {
  background-image: url("../images/common/sprite-column-title-zx.png");
  background-repeat: no-repeat; }

.column-tit.zx.bg-tit-hd {
  background-position-y: -28px; }

.column-tit.zx.bg-tit-ss {
  background-position-y: -88px; }

.column-tit.zx.bg-tit-rw {
  background-position-y: -148px; }

.column-tit.zx.bg-tit-zj {
  background-position-y: -208px; }

.column-tit.zx.bg-tit-cy {
  background-position-y: -268px; }

.column-tit.zx.bg-tit-tjqh {
  background-position-y: -328px; }

.column-tit.zx.bg-tit-dp {
  background-position-y: -388px; }

.column-tit.zx.bg-tit-nz {
  background-position-y: -448px; }

.column-tit.zx.bg-tit-xx {
  background-position-y: -508px; }

.column-tit.zx.bg-tit-yd {
  background-position-y: -568px; }

.column-tit.zx.bg-tit-zh {
  background-position-y: -628px; }

.column-tit.zx.bg-tit-zhanh {
  background-position-y: -688px; }

.column-tit.zx.bg-tit-szz {
  background-position-y: -748px; }

.column-tit.zx.bg-tit-dhh {
  background-position-y: -808px; }

.column-tit.zx.bg-tit-lxsc {
  background-position-y: -868px; }

.column-tit.zx.bg-tit-qsyc {
  background-position-y: -928px; }

.column-tit.zx.bg-tit-cldp {
  background-position-y: -988px; }

.column-tit.zx.bg-tit-ssxc {
  background-position-y: -1048px; }

.column-tit.zx.bg-tit-lx {
  background-position-y: -1108px; }

.column-tit.zx.bg-tit-sjs {
  background-position-y: -1168px; }

.column-tit.zx.bg-tit-zc {
  background-position-y: -1228px; }

.column-tit.zx.bg-tit-tj {
  background-position-y: -1288px; }

.column-tit.zx.bg-tit-pfsc {
  background-position-y: -1348px; }

.column-tit.zx.bg-tit-mfl {
  background-position-y: -1408px; }

.column-tit.zx.bg-tit-ds {
  background-position-y: -1468px; }

.column-tit-text {
  color: #999;
  text-align: center;
  margin: 0 30% 10px; }

.column-tit-son {
  border-left: 5px solid #ff4242;
  height: 30px;
  margin: 28px 0;
  text-align: right; }

.column-tit + .column-tit-son {
  border-left: 0;
  background-position-x: 0;
  margin-bottom: 0; }

.column-tit-son a:before {
  content: "|";
  margin: 0 5px; }

.column-tit-son a:first-child:before,
.column-tit-son a:last-child:before {
  content: ""; }

.column-tit-son a:last-child {
  margin-left: 16px; }

.column-tit.v2 {
  background-image: url("../images/common/sprite-column-titleV2.png");
  background-repeat: no-repeat; }

.column-tit.v2.bg-tit-fw {
  background-position-y: 0; }

.column-tit.v2.bg-tit-jxtj {
  background-position-y: -64px; }

.column-tit.v2.bg-tit-yck {
  background-position-y: -130px; }

.column-tit.v2.bg-tit-shg {
  background-position-y: -194px; }

.column-tit.v2.bg-tit-zy {
  background-position-y: -260px; }

.column-tit.v2.bg-tit-sjs {
  background-position-y: -322px; }

.column-tit.v2.bg-tit-qh {
  background-position-y: -360px; }

.column-tit.v2.bg-tit-jyfx {
  background-position-y: -454px; }

.column-tit.v2.bg-tit-sck {
  background-position-y: -520px; }

.column-tit.v2.bg-tit-mlzs {
  background-position-y: -540px; }

.column-tit.v2.bg-tit-tjks {
  background-position-y: -600px; }

.column-tit.v2.bg-tit-mlg {
  background-position-y: -714px; }

div[class*="presence-"] h2 {
  color: #333;
  font-size: 36px;
  line-height: 36px;
  font-weight: bold;
  text-align: center;
  padding-top: 148px; }

:focus {
  outline: none; }

/*for IE*/
::-moz-focus-inner {
  border-color: transparent; }

/*for mozilla*/
.presence .contentW {
  width: 1200px; }

.presence-banner-bag {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: left; }
  .presence-banner-bag .presence-banner-box {
    padding-top: 181px;
    padding-left: 226px; }
    .presence-banner-bag .presence-banner-box .presence-banner-btn {
      margin-top: 45px; }
      .presence-banner-bag .presence-banner-box .presence-banner-btn a:hover {
        color: inherit; }
      .presence-banner-bag .presence-banner-box .presence-banner-btn a {
        display: inline-block;
        margin-right: 17px; }
        .presence-banner-bag .presence-banner-box .presence-banner-btn a button {
          width: 113px;
          height: 42px;
          border: 1px solid white;
          border-radius: 4px;
          background: transparent;
          color: #fff;
          font-size: 18px; }
        .presence-banner-bag .presence-banner-box .presence-banner-btn a .presence-banner-btn-service {
          background: #fff;
          color: #333333; }
      .presence-banner-bag .presence-banner-box .presence-banner-btn a:first-child button {
        background: #EB3E3E;
        border-color: #EB3E3E; }
  .presence-banner-bag .presence-banner-box2 {
    padding-top: 219px;
    padding-left: 197px; }

.presence-tender {
  background: #FAFAFA; }
  .presence-tender h2 {
    padding-top: 88px !important; }
  .presence-tender p {
    font-size: 18px;
    color: #666;
    line-height: 18px;
    padding: 26px 0 45px;
    text-align: center; }
  .presence-tender .way {
    padding-bottom: 91px;
    text-align: center; }
    .presence-tender .way button {
      width: 238px;
      height: 62px;
      font-size: 25px;
      color: #666;
      background: #fff; }
      .presence-tender .way button img {
        transform: translateY(-2px); }
    .presence-tender .way a:nth-child(2) {
      margin: 0 37px; }
      .presence-tender .way a:nth-child(2) button {
        border-color: #FF0000;
        color: #FF0000;
        font-weight: bold; }

.presence-superiority {
  background: #fff; }
  .presence-superiority h2 {
    padding-top: 148px; }
  .presence-superiority .superiority-box {
    padding-bottom: 151px;
    padding-top: 90px;
    margin-right: -27px; }
  .presence-superiority a:hover {
    text-decoration: none; }
  .presence-superiority .superiority-bag {
    text-align: center;
    box-shadow: 0px 10px 24px 6px rgba(196, 196, 196, 0.22);
    border-radius: 4px;
    margin-right: 27px;
    min-height: 342px; }
    .presence-superiority .superiority-bag h3 {
      color: #333;
      font-size: 30px;
      line-height: 30px;
      font-weight: bold; }
    .presence-superiority .superiority-bag p {
      color: #666;
      font-size: 16px;
      padding-top: 19px;
      padding-bottom: 56px; }
    .presence-superiority .superiority-bag .superiority-bag-img {
      padding-top: 47px;
      padding-bottom: 30px; }

.presence-criteria {
  background: #F8F6FA; }
  .presence-criteria h2 {
    padding-top: 106px;
    padding-bottom: 90px; }
  .presence-criteria .criteria-box .criteria-list {
    text-align: center;
    height: 300px;
    line-height: 1; }
    .presence-criteria .criteria-box .criteria-list .flipster-carousel .flip-items img {
      box-shadow: none; }
    .presence-criteria .criteria-box .criteria-list .flipster-carousel .flip-next {
      -webkit-transform: translateX(86%) translateZ(0) rotateY(0deg) scale(0.8);
      -moz-transform: translateX(86%) translateZ(0) rotateY(0deg) scale(0.8);
      -o-transform: translateX(86%) translateZ(0) rotateY(0deg) scale(0.8);
      -ms-transform: translateX(86%) translateZ(0) rotateY(0deg) scale(0.8);
      transform: translateX(86%) translateZ(0) rotateY(0deg) scale(0.8);
      -webkit-opacity: 1;
      -moz-opacity: 1;
      opacity: 1; }
    .presence-criteria .criteria-box .criteria-list .flipster-carousel .flip-prev {
      -webkit-transform: translateX(-86%) translateZ(0) rotateY(0deg) scale(0.8);
      -moz-transform: translateX(-86%) translateZ(0) rotateY(0deg) scale(0.8);
      -o-transform: translateX(-86%) translateZ(0) rotateY(0deg) scale(0.8);
      -ms-transform: translateX(-86%) translateZ(0) rotateY(0deg) scale(0.8);
      transform: translateX(-86%) translateZ(0) rotateY(0deg) scale(0.8);
      -webkit-opacity: 1;
      -moz-opacity: 1;
      opacity: 1; }
    .presence-criteria .criteria-box .criteria-list .flipster {
      overflow-x: visible; }
      .presence-criteria .criteria-box .criteria-list .flipster .flip-content {
        box-shadow: 0px 10px 24px 6px rgba(118, 139, 181, 0.22); }
      .presence-criteria .criteria-box .criteria-list .flipster .flipster-text {
        background: #fff;
        font-size: 28px;
        height: 76px;
        font-weight: bold;
        line-height: 76px; }
  .presence-criteria .criteria-box .criteria-sub {
    padding-left: 39px; }
    .presence-criteria .criteria-box .criteria-sub h4 {
      font-size: 24px;
      font-weight: bold;
      line-height: 24px;
      position: relative;
      padding-top: 62px; }
    .presence-criteria .criteria-box .criteria-sub h4:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: -18px;
      width: 32px;
      height: 4px;
      background: linear-gradient(0deg, #f857a6 0%, #ff5858 100%); }
    .presence-criteria .criteria-box .criteria-sub p {
      font-size: 14px;
      color: #444;
      padding-top: 35px;
      padding-bottom: 56px; }

.presence-worth {
  background: #fff; }
  .presence-worth h2 {
    padding-top: 145px; }
  .presence-worth .worth-box {
    padding-top: 90px;
    padding-bottom: 151px; }
    .presence-worth .worth-box .worth-left {
      position: relative;
      margin-top: 131px; }
      .presence-worth .worth-box .worth-left .worth-left-hd {
        position: absolute;
        top: 45px;
        left: 51px; }
        .presence-worth .worth-box .worth-left .worth-left-hd h4 {
          font-size: 30px;
          line-height: 30px; }
        .presence-worth .worth-box .worth-left .worth-left-hd p {
          font-size: 16px;
          color: #666;
          min-width: 385px;
          padding-top: 31px;
          padding-bottom: 53px; }
        .presence-worth .worth-box .worth-left .worth-left-hd button {
          width: 198px;
          height: 40px;
          color: #fff;
          font-size: 18px;
          border: none;
          border-radius: 0;
          background: linear-gradient(-90deg, #f857a6 0%, #ff5858 100%); }
          .presence-worth .worth-box .worth-left .worth-left-hd button .arrow-right {
            position: relative;
            display: inline-block;
            font-size: 0;
            width: 22px;
            height: 2px;
            background: #fff;
            margin-left: 12px;
            margin-bottom: 5px; }
          .presence-worth .worth-box .worth-left .worth-left-hd button .arrow-right:after {
            position: absolute;
            right: -6px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            content: '';
            width: 0;
            height: 0;
            font-size: 0;
            border-left: 6px solid #fff;
            border-top: 4px solid transparent;
            border-bottom: 4px solid transparent; }

.presence-store h2 {
  padding-top: 145px; }

.presence-store .store-box {
  padding-top: 136px;
  padding-bottom: 125px; }
  .presence-store .store-box .store-left {
    position: relative;
    margin-top: 83px;
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
    .presence-store .store-box .store-left .store-crown {
      position: absolute;
      top: 34px;
      left: -7px; }
    .presence-store .store-box .store-left .store-left-hd {
      position: absolute;
      top: 44px;
      left: 51px; }
      .presence-store .store-box .store-left .store-left-hd h4 {
        font-size: 30px;
        line-height: 30px; }
      .presence-store .store-box .store-left .store-left-hd p {
        font-size: 16px;
        color: #666;
        width: auto;
        min-width: 385px;
        padding-top: 31px;
        padding-bottom: 53px; }
      .presence-store .store-box .store-left .store-left-hd button {
        width: 198px;
        height: 40px;
        color: #fff;
        font-size: 18px;
        border: none;
        border-radius: 0;
        background: linear-gradient(-90deg, #f857a6 0%, #ff5858 100%); }
        .presence-store .store-box .store-left .store-left-hd button .arrow-right {
          position: relative;
          display: inline-block;
          font-size: 0;
          width: 22px;
          height: 2px;
          background: #fff;
          margin-left: 12px;
          margin-bottom: 5px; }
        .presence-store .store-box .store-left .store-left-hd button .arrow-right:after {
          position: absolute;
          right: -6px;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          content: '';
          width: 0;
          height: 0;
          font-size: 0;
          border-left: 6px solid #fff;
          border-top: 4px solid transparent;
          border-bottom: 4px solid transparent; }
  .presence-store .store-box .store-right {
    margin-left: -67px; }

.presence-sharing .sharing-box .sharing-bag {
  height: 361px;
  box-shadow: 0px 6px 37px 9px rgba(113, 33, 33, 0.04);
  border-radius: 4px;
  overflow: hidden; }
  .presence-sharing .sharing-box .sharing-bag .sharing-bag-img {
    width: 100%;
    height: 258px;
    overflow: hidden; }
  .presence-sharing .sharing-box .sharing-bag h3 {
    font-size: 22px;
    line-height: 22px;
    padding-top: 18px;
    position: relative; }
  .presence-sharing .sharing-box .sharing-bag h3:after {
    position: absolute;
    content: '';
    width: 22px;
    height: 2px;
    background: linear-gradient(0deg, #f857a6 0%, #ff5858 100%);
    bottom: -13px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }

.presence-contact {
  background: url(../images/presence/contact.jpg) center top no-repeat;
  height: 816px;
  margin-bottom: -50px; }
  .presence-contact .contact-hd {
    color: #fff;
    text-align: center; }
    .presence-contact .contact-hd h2 {
      color: #fff;
      font-size: 34px;
      line-height: 34px;
      padding-top: 76px; }
    .presence-contact .contact-hd p {
      font-size: 18px;
      font-family: MicrosoftYaHei;
      padding-top: 14px; }
  .presence-contact .contact-form-text {
    padding-top: 54px;
    text-align: center; }
    .presence-contact .contact-form-text input {
      width: 480px;
      height: 50px;
      line-height: 50px;
      border-radius: 8px;
      background: #fff;
      border: none;
      font-size: 18px;
      margin: 0 40px 50px 0;
      padding: 0 15px;
      outline: 0; }
    .presence-contact .contact-form-text input:nth-child(2n) {
      margin-right: 0; }
    .presence-contact .contact-form-text input::-webkit-input-placeholder {
      /* WebKit browsers */
      color: #757575; }
    .presence-contact .contact-form-text input:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: #757575; }
    .presence-contact .contact-form-text input::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #757575; }
    .presence-contact .contact-form-text input:-ms-input-placeholder {
      /* Internet Explorer 10+ */
      color: #757575; }
    .presence-contact .contact-form-text textarea {
      width: 1000px;
      height: 120px;
      background: white;
      border-radius: 8px;
      resize: none;
      font-size: 18px;
      padding: 12px 15px;
      margin-top: 14px;
      border: none;
      margin-bottom: 52px; }
    .presence-contact .contact-form-text input[type='button'] {
      width: 200px;
      height: 60px;
      border: 2px solid white;
      border-radius: 8px;
      background: transparent;
      color: #fff;
      margin-bottom: 44px; }
  .presence-contact form p {
    font-size: 16px;
    color: #fff;
    line-height: 16px;
    text-align: center;
    padding-bottom: 7px; }

div[class*='presence-store vip-in-'] .store-left-hd button {
  background: linear-gradient(94deg, #eb3349 0%, #f45c43 100%) !important; }

.presence-store.vip-in-store .store-box .store-left {
  -webkit-transform: translateX(0px);
  transform: translateX(0px); }

.presence-store.vip-in-store .store-box .store-right {
  margin-right: -189px;
  margin-left: 0; }

.presence-store.vip-in-bjnews .store-box .store-left {
  margin-top: 204px;
  margin-right: 64px;
  -webkit-transform: translateX(0px);
  transform: translateX(0px); }
  .presence-store.vip-in-bjnews .store-box .store-left .store-crown {
    position: absolute;
    top: 34px;
    left: 78px; }
  .presence-store.vip-in-bjnews .store-box .store-left .store-left-hd {
    left: 137px; }

.presence-store.vip-in-bjnews .store-box .store-right {
  margin-left: -154px; }

.presence-store.vip-in-uccn .store-box .store-left {
  margin-top: 95px;
  -webkit-transform: translateX(0px);
  transform: translateX(0px); }

.presence-store.vip-in-uccn .store-box .store-right {
  margin-right: -204px;
  margin-left: 0; }

.presence-store.vip-in-applet .store-box .store-left {
  margin-top: 207px;
  -webkit-transform: translateX(0px);
  transform: translateX(0px); }

.presence-superiority.supportive-policy .superiority-box {
  margin-right: 0;
  padding-bottom: 0; }
  .presence-superiority.supportive-policy .superiority-box .superiority-bag {
    margin-right: 0;
    box-shadow: none;
    min-height: 370px; }
    .presence-superiority.supportive-policy .superiority-box .superiority-bag .superiority-bag-img {
      padding-top: 85px; }
    .presence-superiority.supportive-policy .superiority-box .superiority-bag p {
      padding-bottom: 77px; }
      .presence-superiority.supportive-policy .superiority-box .superiority-bag p span {
        display: block;
        padding-bottom: 4px; }
  .presence-superiority.supportive-policy .superiority-box .policy-shadow {
    box-shadow: 0px 6px 37px 9px rgba(113, 33, 33, 0.04); }
  .presence-superiority.supportive-policy .superiority-box li {
    -webkit-transition: all .2s;
    transition: all .2s; }
  .presence-superiority.supportive-policy .superiority-box li:hover {
    box-shadow: 0px 6px 37px 9px rgba(113, 33, 33, 0.04); }

.presence-superiority.partner-contrast .superiority-box {
  text-align: center;
  margin-right: -40px; }
  .presence-superiority.partner-contrast .superiority-box a:hover {
    color: inherit; }
  .presence-superiority.partner-contrast .superiority-box .contrast-bag {
    margin-right: 40px;
    box-shadow: 3px 9px 24px 6px rgba(153, 153, 153, 0.22);
    border-radius: 10px;
    min-height: 856px; }
    .presence-superiority.partner-contrast .superiority-box .contrast-bag .contrast-bag-hd {
      position: relative;
      width: 100%;
      height: 138px;
      color: #fff;
      line-height: 1; }
      .presence-superiority.partner-contrast .superiority-box .contrast-bag .contrast-bag-hd img {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1; }
      .presence-superiority.partner-contrast .superiority-box .contrast-bag .contrast-bag-hd h3 {
        position: relative;
        z-index: 3;
        font-size: 28px;
        font-weight: bold;
        padding-top: 34px;
        padding-bottom: 15px; }
      .presence-superiority.partner-contrast .superiority-box .contrast-bag .contrast-bag-hd p {
        position: relative;
        z-index: 3;
        font-size: 19px; }
    .presence-superiority.partner-contrast .superiority-box .contrast-bag div[class^='contrast-bag-sub-'] {
      width: 100%; }
      .presence-superiority.partner-contrast .superiority-box .contrast-bag div[class^='contrast-bag-sub-'] h4 {
        font-size: 18px;
        line-height: 18px;
        padding-bottom: 10px;
        padding-top: 46px; }
      .presence-superiority.partner-contrast .superiority-box .contrast-bag div[class^='contrast-bag-sub-'] span {
        font-size: 16px;
        color: #666;
        line-height: 30px; }
        .presence-superiority.partner-contrast .superiority-box .contrast-bag div[class^='contrast-bag-sub-'] span em {
          color: #FF4242; }
    .presence-superiority.partner-contrast .superiority-box .contrast-bag .contrast-bag-sub-1 {
      height: 253px; }
    .presence-superiority.partner-contrast .superiority-box .contrast-bag .contrast-bag-sub-2 {
      margin-top: 13px;
      height: 174px;
      background: url("../images/presence/partner/bg-sub.png") center top no-repeat; }
      .presence-superiority.partner-contrast .superiority-box .contrast-bag .contrast-bag-sub-2 h4 {
        padding-top: 51px !important; }
    .presence-superiority.partner-contrast .superiority-box .contrast-bag .contrast-bag-sub-3 h4 {
      padding-top: 40px !important; }
    .presence-superiority.partner-contrast .superiority-box .contrast-bag .contrast-bag-sub-2.partner-sub-2 h4 {
      padding-top: 35px !important; }

.presence-store.partner-pool .store-box .store-left {
  margin-top: 60px; }
  .presence-store.partner-pool .store-box .store-left .store-left-hd {
    width: 400px; }

.presence-store.partner-pool .store-box .store-right {
  margin-right: -176px; }

.presence-store.partner-bjnews .store-box .store-left {
  margin-top: 180px;
  -webkit-transform: translateX(0px);
  transform: translateX(0px); }

.presence-store.partner-bjnews .store-box .store-right {
  margin-left: -154px; }

.presence-store.partner-uccn .store-box .store-right {
  margin-left: -67px; }

.presence-store.partner-store .store-box .store-right {
  margin-left: -188px;
  margin-right: 0; }

.presence-store.partner-applet .store-box .store-left {
  margin-top: 176px; }

div[class*='presence-own-btn'] button {
  background: linear-gradient(94deg, #eb3349 0%, #f45c43 100%) !important; }

#presence-join-in:hover {
  cursor: pointer; }

.own-store-website .m-left-174 {
  margin-left: -174px !important; }

.own-store-website .m-left-195 {
  margin-left: -195px !important; }

.own-store-website .m-right-171 {
  margin-right: -171px !important; }

.own-store-website .m-right-211 {
  margin-right: -211px !important; }

.own-store-website .presence-worth .worth-box {
  padding-top: 136px; }

.own-store-website .website-product .own-bg-lump-2 .store-left {
  margin-top: 116px;
  margin-right: 27px;
  -webkit-transform: translateX(0px);
  transform: translateX(0px); }

.own-bg-lump-1 {
  position: relative; }
  .own-bg-lump-1 .bg-lump-img {
    position: absolute;
    top: 67px;
    left: -351px; }

.own-bg-lump-2 {
  position: relative; }
  .own-bg-lump-2 .bg-lump-img {
    position: absolute;
    top: 106px;
    right: -351px; }

.own-bg-lump-3 {
  position: relative; }
  .own-bg-lump-3 .bg-lump-img {
    position: absolute;
    top: 190px;
    left: -351px; }

.own-store-org .m-left-168 {
  margin-left: -168px !important; }

.own-store-org .m-left-205 {
  margin-left: -205px !important; }

.own-store-org .m-right-180 {
  margin-right: -180px !important; }

.own-store-org .m-right-174 {
  margin-right: -174px; }

.own-store-org .m-right-109 {
  margin-right: -109px !important; }

.own-store-org .own-bg-lump-1 .bg-lump-img {
  top: 111px; }

.own-store-org .presence-worth .worth-box {
  padding-top: 136px; }

.own-store-org .presence-store .store-box .store-left {
  margin-top: 40px; }

.presence-associate .store-box .m-left-171 {
  margin-left: -171px; }

.presence-associate .store-box .m-left-205 {
  margin-left: -205px !important; }

.presence-associate .store-box .m-right-190 {
  margin-right: -190px; }

.presence-associate .own-bg-lump-1 .bg-lump-img {
  top: -250px; }

.presence-associate .own-bg-lump-2 .bg-lump-img {
  top: -34px; }

.presence-associate .associate-characteristic {
  text-align: center; }
  .presence-associate .associate-characteristic .characteristic-item-2 {
    padding-top: 54px; }
  .presence-associate .associate-characteristic a:hover {
    color: inherit; }
  .presence-associate .associate-characteristic .characteristic-bag h3 {
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    padding-top: 36px; }
  .presence-associate .associate-characteristic .characteristic-bag p {
    padding-top: 16px;
    font-size: 16px;
    color: #666; }

.presence-associate [class*='presence-'] .store-box .store-left .store-left-hd {
  position: static; }
  .presence-associate [class*='presence-'] .store-box .store-left .store-left-hd p {
    padding-top: 21px; }

.presence-associate [class*='presence-'] .store-box .store-left .associate-case li {
  width: auto;
  min-width: 60px;
  text-align: center;
  margin-right: 50px; }

.presence-associate [class*='presence-'] .store-box .store-left .associate-case li:last-child {
  margin-right: 0; }

.presence-associate [class*='presence-'] .store-box .store-left .associate-case .associate-case-img {
  height: 42px;
  line-height: 42px; }

.presence-associate [class*='presence-'] .store-box .store-left .associate-case p {
  font-size: 14px;
  line-height: 14px;
  color: #666;
  padding-top: 29px; }

.presence-associate [class*='presence-'] .store-box .org-detail {
  margin-left: 0; }

.partner-button-color div[class*='presence-store vip-in-'] .store-left-hd button {
  background: linear-gradient(-90deg, #ff512f 0%, #dd2476 100%) !important; }

.presence-applet .m-pdb40 {
  padding-right: 40px !important;
  padding-left: 40px !important; }

.presence-applet .store-box .store-left {
  -webkit-transform: translateX(0px);
  transform: translateX(0px); }

.presence-applet .applet-effect .superiority-bag {
  min-height: 232px;
  box-shadow: 0px 10px 24px 6px rgba(196, 196, 196, 0.3); }
  .presence-applet .applet-effect .superiority-bag .superiority-bag-img {
    padding-top: 36px;
    padding-bottom: 24px; }
  .presence-applet .applet-effect .superiority-bag h3 {
    font-size: 36px;
    color: #EE4643;
    line-height: 36px; }
  .presence-applet .applet-effect .superiority-bag p {
    padding-bottom: 0;
    padding-top: 7px; }

.business-wrap.studio .g-listpage-head .common-avatar .avatar-text {
  width: 49%; }

.business-wrap.studio .studio-tabs {
  margin-top: 54px;
  border-bottom: 1px solid #eeeeee;
  margin-right: -30px;
  margin-left: -30px; }

.business-wrap.studio .studio-tabs li {
  display: inline-block;
  margin: 0 20px;
  line-height: 60px;
  text-align: center;
  font-size: 16px; }
  .business-wrap.studio .studio-tabs li a {
    display: block; }

.business-wrap.studio .studio-tabs li a:hover {
  color: inherit;
  text-decoration: none; }

.business-wrap.studio .studio-tabs li.active {
  border-bottom: 2px solid #EB3E3E; }
  .business-wrap.studio .studio-tabs li.active a {
    color: #ff4242; }

.business-wrap.studio .studio-tabs li:hover {
  border-bottom: 2px solid #EB3E3E; }
  .business-wrap.studio .studio-tabs li:hover a {
    color: #ff4242; }

.business-wrap.studio .fabric-column-warp {
  padding-top: 45px; }

.business-wrap.studio .about-us-box {
  margin-top: 40px;
  padding: 40px 0 110px;
  background: #fff;
  width: 100%; }

.business-wrap.studio .about-us-box .us-info {
  padding: 30px 52px;
  border-bottom: 1px solid #E5E5E5; }

.business-wrap.studio .about-us-box .us-info.no-border {
  border: 0; }

.business-wrap.studio .about-us-box .us-info .map-box {
  padding: 0 30px;
  margin-top: 30px; }

.business-wrap.studio .about-us-box .us-info .map {
  width: 100%;
  height: 520px;
  background: #CBCBCB; }

.business-wrap.studio .about-us-box .us-info .title {
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 1;
  font-weight: 600; }

.business-wrap.studio .about-us-box .us-info .info-line.mgb {
  margin-bottom: 20px; }

.business-wrap.studio .about-us-box .us-info .info-line div {
  display: table-cell;
  font-size: 14px;
  line-height: 1; }

.business-wrap.studio .about-us-box .us-info .info-line div:first-child {
  width: 60px;
  text-align: right; }

.business-wrap.studio .about-us-box .us-info .info-line div:last-child {
  padding-left: 20px; }

.has-down-content .subscribe-list li {
  border: none;
  height: auto;
  padding: 53px 0 26px 15px;
  margin-bottom: 0px; }
  .has-down-content .subscribe-list li .hd-img {
    width: 117px;
    height: 117px;
    margin-top: 0;
    border-radius: 50%;
    overflow: hidden; }
  .has-down-content .subscribe-list li .hd-text {
    margin: 6px 0 0 21px; }
    .has-down-content .subscribe-list li .hd-text h4 {
      font-size: 19px;
      font-weight: 400;
      margin-bottom: 13px; }
    .has-down-content .subscribe-list li .hd-text span {
      margin-bottom: 12px;
      display: inline-block;
      padding-right: 15px; }
    .has-down-content .subscribe-list li .hd-text span:last-child {
      margin-bottom: 0; }
  .has-down-content .subscribe-list li .reset-down {
    margin-top: 16px;
    border: none;
    width: 86px;
    height: 31px;
    font-size: 14px; }
    .has-down-content .subscribe-list li .reset-down input {
      color: #FF0000;
      border: 1px solid #FF0000; }
    .has-down-content .subscribe-list li .reset-down input:hover {
      color: #fff;
      background: #FF0000; }
    .has-down-content .subscribe-list li .reset-down .subscribed {
      border: 1px solid #333333;
      color: #333333; }
    .has-down-content .subscribe-list li .reset-down .subscribed:hover {
      color: #fff;
      background: #333333; }

.has-down-content .subscribe-list li:hover {
  border: none; }

.haokuan-wrap .xcx-content .xcx-tit h3 {
  color: #2C2C2C;
  font-size: 36px;
  margin-bottom: 11px; }

.haokuan-wrap .xcx-content .xcx-tit p {
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 500; }

.haokuan-wrap button.button-haokuan {
  background: linear-gradient(53deg, #eb3349 0%, #f45c43 100%); }

.haokuan-wrap .xcx01 {
  background: url(../images/haokuan/banner.png) center no-repeat; }

.haokuan-wrap .xcx01-1 {
  padding-bottom: 82px; }
  .haokuan-wrap .xcx01-1 .content .content-l {
    width: 630px;
    padding-top: 25px; }
    .haokuan-wrap .xcx01-1 .content .content-l .xcx-content button {
      width: 140px;
      height: 42px;
      border-radius: 4px;
      border: none;
      font-size: 14px;
      font-family: FZLTH_YS_GBK;
      font-weight: 400;
      color: white; }
    .haokuan-wrap .xcx01-1 .content .content-l .xcx-content .service {
      color: #333333;
      border: 1px solid #222222;
      background: transparent;
      vertical-align: top; }

.haokuan-wrap .xcx02 {
  height: 985px; }
  .haokuan-wrap .xcx02 .xcx-content .xcx-tit {
    margin-bottom: 23px; }
    .haokuan-wrap .xcx02 .xcx-content .xcx-tit h3 {
      color: #2C2C2C;
      font-size: 36px;
      margin-bottom: 11px; }
    .haokuan-wrap .xcx02 .xcx-content .xcx-tit p {
      font-size: 18px;
      font-family: PingFang SC;
      font-weight: 500;
      color: #666666; }
  .haokuan-wrap .xcx02 .xcx-content .xcx02-main {
    padding: 0 32px; }
    .haokuan-wrap .xcx02 .xcx-content .xcx02-main .main-wrap {
      width: 560px; }
    .haokuan-wrap .xcx02 .xcx-content .xcx02-main dl {
      width: 100%;
      height: 184px;
      margin-bottom: 0;
      padding: 46px 39px;
      padding-right: 20px; }
      .haokuan-wrap .xcx02 .xcx-content .xcx02-main dl dt {
        float: left;
        width: 109px;
        height: 92px;
        background: #888888;
        text-align: center;
        overflow: hidden; }
      .haokuan-wrap .xcx02 .xcx-content .xcx02-main dl dd {
        padding-left: 130px;
        margin-top: 1px; }
        .haokuan-wrap .xcx02 .xcx-content .xcx02-main dl dd b {
          font-size: 24px;
          color: #333333; }
        .haokuan-wrap .xcx02 .xcx-content .xcx02-main dl dd p {
          color: #666666;
          font-size: 16px;
          font-weight: 500;
          line-height: 23px; }
    .haokuan-wrap .xcx02 .xcx-content .xcx02-main dl:hover {
      background: white;
      box-shadow: 0px 6px 35px 0px rgba(36, 9, 1, 0.09); }
    .haokuan-wrap .xcx02 .xcx-content .xcx02-main dl + dl {
      margin-top: 0; }
    .haokuan-wrap .xcx02 .xcx-content .xcx02-main .dl-industry {
      background: white;
      box-shadow: 0px 6px 35px 0px rgba(36, 9, 1, 0.09); }

.haokuan-wrap .solve-wrap {
  padding-bottom: 40px; }
  .haokuan-wrap .solve-wrap .xcx-content .solve-img {
    width: 100%;
    text-align: center;
    margin-bottom: 30px; }
  .haokuan-wrap .solve-wrap .xcx-content .xcx02-3-list {
    padding-bottom: 69px; }
    .haokuan-wrap .solve-wrap .xcx-content .xcx02-3-list .solve-scheme {
      height: 71px;
      line-height: 71px; }
      .haokuan-wrap .solve-wrap .xcx-content .xcx02-3-list .solve-scheme i {
        display: inline-block;
        width: 71px;
        height: 71px;
        background: #e2e2e2;
        float: left;
        border-radius: 50%;
        overflow: hidden; }
      .haokuan-wrap .solve-wrap .xcx-content .xcx02-3-list .solve-scheme span {
        float: left;
        font-size: 24px;
        color: #333;
        padding-left: 19px;
        font-weight: bold; }
    .haokuan-wrap .solve-wrap .xcx-content .xcx02-3-list p {
      padding-top: 15px;
      font-size: 16px;
      color: #666666;
      font-weight: 400;
      line-height: 23px; }

.haokuan-wrap .xcx02-1 {
  background: #f9f9f9;
  height: 540px; }
  .haokuan-wrap .xcx02-1 .xcx-tit {
    margin-bottom: 40px; }
  .haokuan-wrap .xcx02-1 .xcx02-1-list li h4 {
    font-size: 24px;
    color: #333;
    font-weight: bold; }
  .haokuan-wrap .xcx02-1 .xcx02-1-list li p {
    font-size: 16px;
    font-family: FZLTH_YS_GBK;
    font-weight: 400;
    color: #666; }
    .haokuan-wrap .xcx02-1 .xcx02-1-list li p span {
      color: #333; }

.haokuan-wrap .core-earnings {
  padding-left: 42px; }
  .haokuan-wrap .core-earnings .core-earnings-left {
    width: 833px;
    height: 566px;
    margin-top: 13px; }
  .haokuan-wrap .core-earnings .core-earnings-right {
    padding-left: 94px; }
    .haokuan-wrap .core-earnings .core-earnings-right dl dt {
      float: left;
      width: 63px;
      height: 63px; }
      .haokuan-wrap .core-earnings .core-earnings-right dl dt i {
        position: relative;
        width: 63px;
        height: 63px;
        display: inline-block;
        overflow: hidden;
        border-radius: 50%;
        border: 1px solid #E62908; }
      .haokuan-wrap .core-earnings .core-earnings-right dl dt i:before {
        position: absolute;
        display: inline-block;
        top: 0;
        left: 0;
        width: 63px;
        height: 63px;
        color: #ff4242; }
    .haokuan-wrap .core-earnings .core-earnings-right dl dd {
      padding-left: 84px;
      width: 360px;
      margin-top: 0; }
      .haokuan-wrap .core-earnings .core-earnings-right dl dd b {
        color: #333;
        font-size: 24px;
        font-weight: bold;
        display: inline-block;
        margin-top: -7px; }
      .haokuan-wrap .core-earnings .core-earnings-right dl dd p {
        padding-top: 7px;
        color: #666666;
        font-size: 16px; }
    .haokuan-wrap .core-earnings .core-earnings-right dl + dl {
      margin-top: 38px; }

.haokuan-wrap .xcx03-main ul {
  padding-bottom: 16px; }
  .haokuan-wrap .xcx03-main ul li {
    margin-bottom: 46px; }
    .haokuan-wrap .xcx03-main ul li .info {
      padding-top: 107px;
      height: 455px; }
      .haokuan-wrap .xcx03-main ul li .info strong {
        font-size: 30px;
        margin-bottom: 32px; }
      .haokuan-wrap .xcx03-main ul li .info em {
        color: #666666;
        font-size: 16px;
        font-weight: 500;
        line-height: 23px;
        margin-bottom: 45px; }
        .haokuan-wrap .xcx03-main ul li .info em span {
          color: #FF5858; }
      .haokuan-wrap .xcx03-main ul li .info a button {
        width: 125px;
        height: 44px;
        color: #fff;
        font-size: 17px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        border: none;
        border-radius: 0; }

@font-face {
  font-family: 'Akzidenz Grotesk-Cond';
  /*字体名称*/
  src: url("/font/Akzidenz Grotesk-Cond.otf");
  src: url("/font/Akzidenz Grotesk-Cond.otf") format("truetype");
  /*字体源文件*/
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Didot';
  /*字体名称*/
  src: url("/font/Didot.ttf");
  src: url("/font/Didot.ttf") format("truetype");
  /*字体源文件*/
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'PingFang-Bold';
  /*字体名称*/
  src: url("/font/PingFang-Bold.ttf");
  src: url("/font/PingFang-Bold.ttf") format("truetype");
  /*字体源文件*/
  font-weight: normal;
  font-style: normal; }

.bokaweb .presence-store .store-box .store-left .store-left-hd p {
  line-height: 27px;
  min-width: 400px; }

.bokaweb .fabric-head .fabric-head-conten .fabric-head-l div {
  height: 100%;
  width: 204px; }

.bokaweb .fabric-head .fabric-head-conten .fabric-head-r li {
  position: relative;
  width: 14.286%;
  text-align: center; }
  .bokaweb .fabric-head .fabric-head-conten .fabric-head-r li a {
    font-weight: bolder; }
  .bokaweb .fabric-head .fabric-head-conten .fabric-head-r li a:hover {
    text-decoration: none; }
  .bokaweb .fabric-head .fabric-head-conten .fabric-head-r li .downlist_box {
    position: absolute;
    top: 78px;
    display: none;
    font-size: 14px;
    background: #fff;
    border-radius: 2px 2px 0 0;
    z-index: 99;
    border: 1px solid #eee;
    width: 118px;
    padding: 10px 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
    .bokaweb .fabric-head .fabric-head-conten .fabric-head-r li .downlist_box dl dd {
      margin-top: 0;
      line-height: 35px; }
    .bokaweb .fabric-head .fabric-head-conten .fabric-head-r li .downlist_box dl dd:hover {
      color: #ff4242; }
    .bokaweb .fabric-head .fabric-head-conten .fabric-head-r li .downlist_box dl:hover {
      color: #333; }
  .bokaweb .fabric-head .fabric-head-conten .fabric-head-r li .downlist_box:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 4px;
    background: #ff4242;
    bottom: -1px;
    left: 34px; }
  .bokaweb .fabric-head .fabric-head-conten .fabric-head-r li .downlist_box:hover {
    cursor: pointer; }

.bokaweb .fabric-head .fabric-head-conten .fabric-head-r li:hover {
  color: inherit; }

.bokaweb .bokaweb-plate .sharing-box {
  padding-bottom: 127px; }
  .bokaweb .bokaweb-plate .sharing-box .sharing-bag {
    height: 314px;
    min-height: auto;
    box-shadow: none;
    border: 1px solid #e7e7e7;
    border-radius: inherit; }
    .bokaweb .bokaweb-plate .sharing-box .sharing-bag .sharing-bag-img {
      height: 148px; }
    .bokaweb .bokaweb-plate .sharing-box .sharing-bag h3:after {
      background: transparent; }
    .bokaweb .bokaweb-plate .sharing-box .sharing-bag p {
      padding-top: 7px;
      padding-bottom: 18px;
      font-weight: 500;
      line-height: 23px; }
    .bokaweb .bokaweb-plate .sharing-box .sharing-bag .plate-btn {
      font-size: 12px;
      color: #333333;
      width: 82px;
      height: 28px;
      line-height: 28px;
      margin: auto;
      border: 1px solid #222222; }

.bokaweb .xcx-content {
  width: 1202px; }
  .bokaweb .xcx-content .xcx03-main ul {
    padding-bottom: 78px; }
    .bokaweb .xcx-content .xcx03-main ul li {
      margin-bottom: 50px; }
      .bokaweb .xcx-content .xcx03-main ul li .info {
        padding-top: 88px;
        height: auto; }
        .bokaweb .xcx-content .xcx03-main ul li .info strong {
          font-size: 26px; }

.bokaweb .bokaweb-trade .bokaweb-clothing {
  margin-top: 70px; }

.bokaweb .bokaweb-trade .sub-title {
  color: #666666;
  font-size: 18px;
  text-align: center;
  padding-top: 13px; }

.bokaweb .bokaweb-trade ul {
  margin-top: 90px;
  margin-right: -10px;
  height: 437px;
  overflow: hidden;
  transition: all .3s;
  -webkit-transition: all .3s;
  /* Safari 和 Chrome */ }
  .bokaweb .bokaweb-trade ul li {
    margin-bottom: 10px; }

.bokaweb .bokaweb-trade .trade-more {
  width: 88px;
  height: 33px;
  background: transparent;
  border-radius: 0;
  text-align: center;
  border: 1px solid #666666;
  font-size: 16px;
  color: #666666;
  margin-top: 40px; }

.bokaweb .bokaweb-trade .trade-more:hover {
  color: #fff;
  border-color: #ff4242;
  background: #ff4242; }

.bokaweb .bokaweb-trade i {
  font-size: 26px;
  color: #666;
  width: 41px;
  height: 41px;
  display: inline-block;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  /* Safari 和 Chrome */
  transition: all .3s;
  -webkit-transition: all .3s;
  /* Safari 和 Chrome */ }

.bokaweb .bokaweb-trade .fewer {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  /* Safari 和 Chrome */ }

.bokaweb .textile-industry.bokaweb-tool {
  height: 602px;
  background: url(/images/bokaweb/sales-tool/5.png) center top no-repeat; }
  .bokaweb .textile-industry.bokaweb-tool h2 {
    padding-top: 82px; }
  .bokaweb .textile-industry.bokaweb-tool ul {
    margin-right: -14px; }
    .bokaweb .textile-industry.bokaweb-tool ul li {
      padding-right: 14px;
      margin-bottom: 17px; }

.bokaweb .textile-industry h2 {
  padding-top: 72px; }

.bokaweb .bokaweb-manage .store-box {
  padding-top: 106px;
  padding-bottom: 102px; }
  .bokaweb .bokaweb-manage .store-box .store-left .store-left-hd p {
    line-height: 27px; }
  .bokaweb .bokaweb-manage .store-box .store-left .store-left-hd .code-wrap {
    width: 343px;
    height: 184px;
    background: linear-gradient(-90deg, #ff9966 0%, #ff5e62 100%);
    border-radius: 0px 92px 0px 92px;
    margin-bottom: 35px; }
    .bokaweb .bokaweb-manage .store-box .store-left .store-left-hd .code-wrap .code-img {
      width: 146px;
      height: 146px;
      margin: 15px 0 0 20px;
      background: #e2e2e2;
      border-radius: 50%;
      overflow: hidden; }
    .bokaweb .bokaweb-manage .store-box .store-left .store-left-hd .code-wrap span {
      color: #F8F7FB;
      font-size: 22px;
      padding-top: 57px;
      padding-right: 51px; }
  .bokaweb .bokaweb-manage .store-box .store-left .store-left-hd .haobu {
    background: linear-gradient(-90deg, #f85032 0%, #e73827 100%); }
  .bokaweb .bokaweb-manage .store-box .store-left .store-left-hd .haoyi {
    background: linear-gradient(-90deg, #ff4b1f 0%, #ff9068 100%); }
  .bokaweb .bokaweb-manage .store-box .store-left .store-left-hd a {
    color: #666666;
    font-size: 20px; }
  .bokaweb .bokaweb-manage .store-box .store-left .store-left-hd a:hover {
    color: #ff4242;
    text-decoration: none; }
  .bokaweb .bokaweb-manage .store-box .store-right {
    margin-left: -157px; }
  .bokaweb .bokaweb-manage .store-box .haobu-r {
    margin-right: 0; }

.bokaweb .bokaweb-resources p {
  padding: 18px 0 0 0; }

.bokaweb .bokaweb-resources .bokaweb-resources-bg {
  margin-top: 4px;
  height: 395px;
  background: url(/images/bokaweb/kuankuan/7.png) center top no-repeat;
  background-color: #fff; }

.bokaweb .bokaweb-resources .superiority-box {
  padding-bottom: 0;
  padding-top: 174px;
  margin-right: 0; }
  .bokaweb .bokaweb-resources .superiority-box ul li h3 {
    font-weight: Bold;
    font-size: 46px;
    color: #FF4242;
    line-height: 1;
    text-align: center;
    font-family: Akzidenz Grotesk-Cond; }
    .bokaweb .bokaweb-resources .superiority-box ul li h3 em {
      position: relative;
      padding-left: 16px;
      font-family: Akzidenz Grotesk-Cond; }
    .bokaweb .bokaweb-resources .superiority-box ul li h3 em:before {
      position: absolute;
      content: '';
      top: -67px;
      left: 6px;
      width: 36px;
      height: 45px;
      background: url(/images/bokaweb/index/up.png) center top no-repeat; }
  .bokaweb .bokaweb-resources .superiority-box ul li p {
    color: #666666;
    font-size: 26px;
    line-height: 1;
    padding-top: 14px;
    text-align: center;
    padding-bottom: 10px; }

.bokaweb .bokaweb-resources .bokaweb-resources-index .superiority-box {
  padding-bottom: 0;
  padding-top: 153px; }
  .bokaweb .bokaweb-resources .bokaweb-resources-index .superiority-box ul li h3 {
    font-size: 95px; }
  .bokaweb .bokaweb-resources .bokaweb-resources-index .superiority-box ul li p {
    color: #333;
    font-size: 26px;
    line-height: 1;
    padding-top: 12px;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 10px; }
  .bokaweb .bokaweb-resources .bokaweb-resources-index .superiority-box ul li div {
    color: #666666;
    font-size: 18px;
    text-align: center; }

.bokaweb .bokaweb-service {
  height: auto;
  padding-bottom: 98px;
  background-color: #fff;
  padding-top: 0; }
  .bokaweb .bokaweb-service .xcx-content .xcx-tit {
    padding-bottom: 31px; }
  .bokaweb .bokaweb-service .xcx-content .xcx02-main dl {
    height: 175px;
    padding: 25px 19px 26px;
    margin-bottom: 10px; }
    .bokaweb .bokaweb-service .xcx-content .xcx02-main dl dt {
      width: 129px;
      height: 124px;
      border-radius: 4px;
      overflow: hidden;
      background-color: transparent; }
    .bokaweb .bokaweb-service .xcx-content .xcx02-main dl dd {
      padding-top: 6px;
      padding-left: 151px; }
      .bokaweb .bokaweb-service .xcx-content .xcx02-main dl dd .service-sub-center {
        padding-top: 12px; }

.bokaweb .store-box .store-right.m-left-202 {
  margin-left: -202px; }

.bokaweb .bokaweb-associate h2 {
  padding-top: 143px; }

.bokaweb .bokaweb-associate .store-box {
  padding-top: 90px;
  padding-bottom: 77px; }

.bokaweb .bokaweb-associate .store-left-hd {
  width: 410px; }
  .bokaweb .bokaweb-associate .store-left-hd p {
    line-height: 27px; }
  .bokaweb .bokaweb-associate .store-left-hd .associate-case li {
    width: 57px;
    margin-right: 60px;
    text-align: center; }
    .bokaweb .bokaweb-associate .store-left-hd .associate-case li .case-img {
      height: 42px;
      line-height: 42px; }
    .bokaweb .bokaweb-associate .store-left-hd .associate-case li .case-title {
      font-size: 14px;
      line-height: 14px;
      color: #666;
      padding-top: 29px; }
  .bokaweb .bokaweb-associate .store-left-hd .associate-case li:last-child {
    margin-right: 0; }

.bokaweb .bokaweb-data .store-box {
  padding-top: 90px;
  padding-bottom: 85px; }
  .bokaweb .bokaweb-data .store-box .store-left {
    margin-top: 142px; }

.bokaweb .xcx03-main ul li .info em {
  line-height: 27px; }

.bokaweb .bokaweb-activePlan {
  background-color: #f9f9f9; }
  .bokaweb .bokaweb-activePlan h2 {
    padding-top: 123px; }
  .bokaweb .bokaweb-activePlan .activePlan-wrap {
    padding-bottom: 25px;
    padding-top: 89px;
    margin-right: -27px; }
    .bokaweb .bokaweb-activePlan .activePlan-wrap ul li .atvp-bag {
      margin-right: 27px;
      background-color: #fff;
      height: 352px;
      width: 382px; }
      .bokaweb .bokaweb-activePlan .activePlan-wrap ul li .atvp-bag .atvp-bag-img {
        width: 382px;
        height: 211px;
        line-height: 211px;
        background-color: #EFEFEF; }
      .bokaweb .bokaweb-activePlan .activePlan-wrap ul li .atvp-bag .atvp-bag-til {
        padding: 26px; }
        .bokaweb .bokaweb-activePlan .activePlan-wrap ul li .atvp-bag .atvp-bag-til h3 {
          font-size: 22px;
          font-family: PingFang SC;
          font-weight: bold;
          color: #333333; }
        .bokaweb .bokaweb-activePlan .activePlan-wrap ul li .atvp-bag .atvp-bag-til p {
          font-size: 16px;
          font-family: PingFang SC;
          font-weight: 500;
          color: #666666;
          line-height: 24px;
          padding-top: 8px; }

.bokaweb .bokaweb-rad .rad-img-wrap {
  padding-top: 105px;
  padding-bottom: 35px; }
  .bokaweb .bokaweb-rad .rad-img-wrap .rad-bg-lump {
    position: absolute;
    top: 0;
    left: 15px;
    width: 799px;
    height: 619px;
    background: #fffbfb; }
    .bokaweb .bokaweb-rad .rad-img-wrap .rad-bg-lump .rad-bg-lump-title {
      position: absolute;
      right: -25px;
      top: 420px;
      font-size: 50px;
      font-family: Didot;
      color: #2b2b2b;
      transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      /* IE 9 */
      -moz-transform: rotate(90deg);
      /* Firefox */
      -webkit-transform: rotate(90deg);
      /* Safari 和 Chrome */
      -o-transform: rotate(90deg);
      /* Opera */ }
    .bokaweb .bokaweb-rad .rad-img-wrap .rad-bg-lump .rad-bg-lump-title:before {
      position: absolute;
      content: '';
      top: 50%;
      left: -262px;
      width: 233px;
      height: 3px;
      background: #2b2b2b;
      transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      /* IE 9 */
      -moz-transform: translate(0, -50%);
      /* Firefox */
      -webkit-transform: translate(0, -50%);
      /* Safari 和 Chrome */
      -o-transform: translate(0, -50%);
      /* Opera */ }
  .bokaweb .bokaweb-rad .rad-img-wrap .rad-img-1 {
    width: 392px;
    height: 620px;
    background: #000;
    margin: 235px 8px 0 0; }
  .bokaweb .bokaweb-rad .rad-img-wrap .rad-img-2 {
    width: 692px;
    height: 549px;
    background: #000; }
  .bokaweb .bokaweb-rad .rad-img-wrap .rad-img-3 {
    display: inline-block;
    width: 291px;
    height: 382px;
    background: #000;
    margin-top: 8px; }
  .bokaweb .bokaweb-rad .rad-img-wrap .store-left {
    margin-left: 35px;
    margin-top: 109px;
    margin-right: -50px; }

.bokaweb .bokaweb-org-platform .org-platform-img-wrap {
  padding-bottom: 196px; }
  .bokaweb .bokaweb-org-platform .org-platform-img-wrap .org-platform-img-1 {
    margin-top: 302px; }
    .bokaweb .bokaweb-org-platform .org-platform-img-wrap .org-platform-img-1 .org-platform-bg-lump {
      position: absolute;
      top: -128px;
      left: -46px;
      width: 740px;
      height: 593px;
      background: #fffbfb; }
      .bokaweb .bokaweb-org-platform .org-platform-img-wrap .org-platform-img-1 .org-platform-bg-lump .org-platform-bg-lump-title {
        position: absolute;
        right: 100px;
        top: 139px;
        font-size: 50px;
        font-family: Didot;
        color: #2b2b2b;
        transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        /* IE 9 */
        -moz-transform: rotate(90deg);
        /* Firefox */
        -webkit-transform: rotate(90deg);
        /* Safari 和 Chrome */
        -o-transform: rotate(90deg);
        /* Opera */ }
      .bokaweb .bokaweb-org-platform .org-platform-img-wrap .org-platform-img-1 .org-platform-bg-lump .org-platform-bg-lump-title:before {
        position: absolute;
        content: '';
        top: 50%;
        left: -261px;
        width: 233px;
        height: 3px;
        background: #2b2b2b;
        transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        /* IE 9 */
        -moz-transform: translate(0, -50%);
        /* Firefox */
        -webkit-transform: translate(0, -50%);
        /* Safari 和 Chrome */
        -o-transform: translate(0, -50%);
        /* Opera */ }
    .bokaweb .bokaweb-org-platform .org-platform-img-wrap .org-platform-img-1 .org-platform-bg-img {
      position: relative;
      z-index: 3; }
      .bokaweb .bokaweb-org-platform .org-platform-img-wrap .org-platform-img-1 .org-platform-bg-img ul {
        margin-right: -23px; }
        .bokaweb .bokaweb-org-platform .org-platform-img-wrap .org-platform-img-1 .org-platform-bg-img ul li {
          position: relative; }
          .bokaweb .bokaweb-org-platform .org-platform-img-wrap .org-platform-img-1 .org-platform-bg-img ul li div {
            width: 182px;
            height: 392px;
            margin-right: 23px;
            overflow: hidden; }
        .bokaweb .bokaweb-org-platform .org-platform-img-wrap .org-platform-img-1 .org-platform-bg-img ul li:last-child div {
          height: 193px;
          margin-top: 200px; }
        .bokaweb .bokaweb-org-platform .org-platform-img-wrap .org-platform-img-1 .org-platform-bg-img ul li:first-child :after {
          content: '';
          position: absolute;
          top: 0px;
          right: 0px;
          width: 23px;
          height: 393px;
          z-index: 10;
          background-color: #fff; }
        .bokaweb .bokaweb-org-platform .org-platform-img-wrap .org-platform-img-1 .org-platform-bg-img ul li:nth-child(2) :after {
          content: '';
          position: absolute;
          bottom: 0px;
          right: 0px;
          width: 23px;
          height: 192px;
          z-index: 10;
          background-color: #fff; }
  .bokaweb .bokaweb-org-platform .org-platform-img-wrap .org-platform-img-2 {
    width: 598px;
    height: 574px;
    background-color: #000; }
  .bokaweb .bokaweb-org-platform .org-platform-img-wrap .store-left {
    margin-top: 41px;
    margin-left: 124px; }

.bokaweb .bokaweb-system .system-img-wrap {
  padding-bottom: 84px; }
  .bokaweb .bokaweb-system .system-img-wrap .system-img-1 {
    width: 694px;
    height: 396px;
    background-color: #000;
    z-index: 4;
    margin-top: 71px; }
  .bokaweb .bokaweb-system .system-img-wrap .osystem-bg-lump {
    position: absolute;
    top: 0;
    right: -46px;
    width: 645px;
    height: 599px;
    background: #fffbfb; }
    .bokaweb .bokaweb-system .system-img-wrap .osystem-bg-lump .osystem-bg-lump-title {
      position: absolute;
      left: 69px;
      top: 376px;
      font-size: 50px;
      font-family: Didot;
      color: #2b2b2b;
      transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      /* IE 9 */
      -moz-transform: rotate(90deg);
      /* Firefox */
      -webkit-transform: rotate(90deg);
      /* Safari 和 Chrome */
      -o-transform: rotate(90deg);
      /* Opera */ }
    .bokaweb .bokaweb-system .system-img-wrap .osystem-bg-lump .osystem-bg-lump-title:before {
      position: absolute;
      content: '';
      top: 50%;
      left: -260px;
      width: 233px;
      height: 3px;
      background: #2b2b2b;
      transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      /* IE 9 */
      -moz-transform: translate(0, -50%);
      /* Firefox */
      -webkit-transform: translate(0, -50%);
      /* Safari 和 Chrome */
      -o-transform: translate(0, -50%);
      /* Opera */ }
  .bokaweb .bokaweb-system .system-img-wrap .system-img-2 {
    width: 404px;
    height: 485px;
    background-color: #000;
    margin-top: 245px; }
  .bokaweb .bokaweb-system .system-img-wrap .store-left {
    margin-top: 28px;
    margin-left: 41px; }

.bokaweb .bokaweb-material .material-img-wrap {
  padding-bottom: 124px; }
  .bokaweb .bokaweb-material .material-img-wrap .material-bg-lump {
    position: absolute;
    top: 70px;
    left: -53px;
    width: 640px;
    height: 502px;
    background: #fffbfb; }
    .bokaweb .bokaweb-material .material-img-wrap .material-bg-lump .material-bg-lump-title {
      position: absolute;
      right: 5px;
      top: 243px;
      font-size: 50px;
      font-family: Didot;
      color: #2b2b2b;
      transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      /* IE 9 */
      -moz-transform: rotate(90deg);
      /* Firefox */
      -webkit-transform: rotate(90deg);
      /* Safari 和 Chrome */
      -o-transform: rotate(90deg);
      /* Opera */ }
    .bokaweb .bokaweb-material .material-img-wrap .material-bg-lump .material-bg-lump-title:before {
      position: absolute;
      content: '';
      top: 50%;
      left: -261px;
      width: 233px;
      height: 3px;
      background: #2b2b2b;
      transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      /* IE 9 */
      -moz-transform: translate(0, -50%);
      /* Firefox */
      -webkit-transform: translate(0, -50%);
      /* Safari 和 Chrome */
      -o-transform: translate(0, -50%);
      /* Opera */ }
  .bokaweb .bokaweb-material .material-img-wrap .material-img-1 {
    width: 482px;
    height: 494px; }
  .bokaweb .bokaweb-material .material-img-wrap .material-img-2-wrap {
    margin-top: 143px; }
    .bokaweb .bokaweb-material .material-img-wrap .material-img-2-wrap li {
      width: 194px;
      height: 192px;
      margin-right: 8px; }
    .bokaweb .bokaweb-material .material-img-wrap .material-img-2-wrap li:last-child {
      margin-right: 0; }
  .bokaweb .bokaweb-material .material-img-wrap .store-left {
    margin-top: 31px;
    margin-left: 38px; }

.bokaweb .bokaweb-allianceService {
  background-color: #fff; }
  .bokaweb .bokaweb-allianceService .activePlan-wrap {
    padding-bottom: 150px; }
    .bokaweb .bokaweb-allianceService .activePlan-wrap ul li .atvp-bag {
      background-color: #FDFDFD; }

.bokaweb .bokaweb-miniapp .miniapp-wrap {
  text-align: center;
  padding-bottom: 99px; }
  .bokaweb .bokaweb-miniapp .miniapp-wrap h2 {
    font-size: 48px;
    font-weight: Bold;
    line-height: 1;
    color: #FF4242;
    padding-top: 99px; }
  .bokaweb .bokaweb-miniapp .miniapp-wrap p {
    font-size: 36px;
    line-height: 1;
    color: #333333;
    padding-top: 40px;
    padding-bottom: 57px; }
  .bokaweb .bokaweb-miniapp .miniapp-wrap .miniapp-code-img {
    background-color: #fff;
    width: 301px;
    height: 301px;
    margin: 0 auto;
    padding: 22px; }
  .bokaweb .bokaweb-miniapp .miniapp-wrap .miniapp-code-shadow {
    box-shadow: 0px 4px 17px 1px rgba(158, 158, 158, 0.07); }

.bokaweb-haokuan-wrap .xcx02-1 {
  padding: 146px 0 146px;
  height: auto; }
  .bokaweb-haokuan-wrap .xcx02-1 .xcx02-1-list {
    margin-right: -68px; }
    .bokaweb-haokuan-wrap .xcx02-1 .xcx02-1-list li {
      padding-right: 68px; }

.bokaweb-haokuan-wrap .xcx02-3 {
  padding-top: 144px;
  padding-bottom: 139px; }
  .bokaweb-haokuan-wrap .xcx02-3 .xcx-tit {
    margin-bottom: 75px; }
  .bokaweb-haokuan-wrap .xcx02-3 .core-earnings {
    padding: 0; }
    .bokaweb-haokuan-wrap .xcx02-3 .core-earnings .core-earnings-left {
      margin-left: -24px; }
    .bokaweb-haokuan-wrap .xcx02-3 .core-earnings .core-earnings-right {
      padding: 0; }
      .bokaweb-haokuan-wrap .xcx02-3 .core-earnings .core-earnings-right dl dd {
        width: auto; }

.bokaweb-haokuan-wrap .xcx-content, .bokaweb-haokuan-wrap .xcx01-1 .content {
  width: 1200px;
  height: auto; }

.bokaweb-haokuan-wrap .bokaweb-haokuan-1 .sub-til {
  color: #666666;
  font-size: 18px;
  line-height: 1;
  padding-top: 20px;
  text-align: center;
  padding-bottom: 10px; }

.bokaweb-haokuan-wrap .bokaweb-haokuan-1 .store-box {
  padding-bottom: 99px; }
  .bokaweb-haokuan-wrap .bokaweb-haokuan-1 .store-box .store-left {
    margin-top: 94px; }
    .bokaweb-haokuan-wrap .bokaweb-haokuan-1 .store-box .store-left .store-left-hd {
      position: static;
      width: auto; }
      .bokaweb-haokuan-wrap .bokaweb-haokuan-1 .store-box .store-left .store-left-hd h4 {
        width: auto;
        display: inline-block;
        padding: 0 30px;
        height: 58px;
        line-height: 58px;
        color: #fff;
        font-size: 28px;
        font-weight: 600;
        background: linear-gradient(53deg, #eb3349 0%, #f45c43 100%);
        border-radius: 30px 0 30px 0; }
      .bokaweb-haokuan-wrap .bokaweb-haokuan-1 .store-box .store-left .store-left-hd p {
        width: auto;
        line-height: 27px; }
      .bokaweb-haokuan-wrap .bokaweb-haokuan-1 .store-box .store-left .store-left-hd .associate-case li {
        min-width: 57px;
        width: auto; }
        .bokaweb-haokuan-wrap .bokaweb-haokuan-1 .store-box .store-left .store-left-hd .associate-case li .case-title {
          font-size: 16px;
          line-height: 1; }
  .bokaweb-haokuan-wrap .bokaweb-haokuan-1 .store-box .store-right.left {
    margin-left: -16px; }
  .bokaweb-haokuan-wrap .bokaweb-haokuan-1 .store-box .store-right.right {
    margin-right: -16px; }

.bokaweb-haobu .store-box .store-left {
  margin-top: 90px;
  -webkit-transform: translateX(0px);
  transform: translateX(0px); }
  .bokaweb-haobu .store-box .store-left .store-left-hd {
    position: static; }

.bokaweb-haobu .trade {
  margin-top: 59px !important; }
  .bokaweb-haobu .trade li {
    height: 104px;
    text-align: center;
    line-height: 104px;
    margin-bottom: 0 !important; }

.bokaweb-haobu-itm {
  background-color: #F9F9F9; }
  .bokaweb-haobu-itm .superiority-box ul {
    padding-bottom: 42px; }
    .bokaweb-haobu-itm .superiority-box ul li .haobu-itm-bag {
      width: 380px;
      height: 150px;
      background: white;
      padding: 29px 17px 30px; }
      .bokaweb-haobu-itm .superiority-box ul li .haobu-itm-bag .haobu-itm-bag-img {
        display: inline-block;
        width: 91px;
        height: 91px;
        float: left;
        border-radius: 50%;
        overflow: hidden; }
      .bokaweb-haobu-itm .superiority-box ul li .haobu-itm-bag .haobu-itm-bag-til {
        display: inline-block;
        text-align: left;
        float: left;
        padding-left: 20px; }
        .bokaweb-haobu-itm .superiority-box ul li .haobu-itm-bag .haobu-itm-bag-til h3 {
          padding-top: 3px;
          font-size: 24px;
          font-weight: bold;
          color: #333333; }
        .bokaweb-haobu-itm .superiority-box ul li .haobu-itm-bag .haobu-itm-bag-til p {
          padding-top: 5px;
          font-size: 16px;
          color: #666666;
          line-height: 27px; }

.pdlr40 {
  padding-left: 40px;
  padding-right: 40px; }

.bokaweb-develop .develop-scopes {
  background-color: #F9F9F9; }
  .bokaweb-develop .develop-scopes .scopes-box {
    padding-top: 92px;
    padding-bottom: 146px; }
    .bokaweb-develop .develop-scopes .scopes-box ul {
      margin-right: -56px; }
      .bokaweb-develop .develop-scopes .scopes-box ul li .scopes-bag {
        background-color: #fff;
        height: 422px;
        margin-right: 56px;
        border-radius: 0;
        box-shadow: none;
        text-align: center; }
        .bokaweb-develop .develop-scopes .scopes-box ul li .scopes-bag .scopes-bag-img {
          padding-top: 41px; }
        .bokaweb-develop .develop-scopes .scopes-box ul li .scopes-bag h3 {
          padding-top: 36px;
          font-size: 24px;
          font-weight: bold;
          color: #333333; }
        .bokaweb-develop .develop-scopes .scopes-box ul li .scopes-bag p {
          padding-top: 14px;
          padding-bottom: 45px;
          font-size: 16px;
          font-weight: 500;
          color: #666666;
          line-height: 1; }
        .bokaweb-develop .develop-scopes .scopes-box ul li .scopes-bag .plate-btn {
          font-size: 16px;
          font-weight: 400;
          color: white;
          line-height: 32px;
          width: 113px;
          height: 32px;
          margin: auto;
          background: #d8ba8e; }
        .bokaweb-develop .develop-scopes .scopes-box ul li .scopes-bag .palte-btn2 {
          background: #a09db0; }
        .bokaweb-develop .develop-scopes .scopes-box ul li .scopes-bag .palte-btn3 {
          background: #ddb090; }

.bokaweb-odm .odm-box {
  padding: 91px 0 115px; }
  .bokaweb-odm .odm-box ul {
    margin-right: -40px; }
    .bokaweb-odm .odm-box ul li .odm-bag {
      position: relative;
      width: 206px;
      height: 146px;
      background: white;
      border: 3px solid #dedede;
      text-align: center;
      padding: 25px;
      margin-right: 40px;
      margin-bottom: 30px; }
      .bokaweb-odm .odm-box ul li .odm-bag .odm-bag-til {
        margin: auto;
        width: 40px;
        height: 40px;
        background: linear-gradient(0deg, #eb3349 0%, #f45c43 100%);
        border-radius: 50%;
        line-height: 40px;
        font-size: 24px;
        font-family: FZDaHei-B02;
        font-weight: 400;
        color: white; }
      .bokaweb-odm .odm-box ul li .odm-bag h3 {
        font-size: 22px;
        font-family: PingFang SC;
        font-weight: bold;
        color: #333333;
        padding-top: 9px;
        padding-bottom: 2px; }
      .bokaweb-odm .odm-box ul li .odm-bag p {
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 500;
        color: #999999; }
    .bokaweb-odm .odm-box ul li .odm-bag:after {
      position: absolute;
      content: '';
      top: 50%;
      right: -27px;
      width: 20px;
      height: 20px;
      position: absolute;
      border-top: 2px solid #dedede;
      border-right: 2px solid #dedede;
      transform: translateY(-50%) rotate(45deg);
      -webkit-transform: translateY(-50%) rotate(45deg); }
    .bokaweb-odm .odm-box ul li:nth-child(5n) .odm-bag:after {
      visibility: hidden; }

.bokaweb-about .xcx01-1 {
  padding-top: 142px;
  padding-bottom: 159px; }
  .bokaweb-about .xcx01-1 h2 {
    padding-top: 0; }
  .bokaweb-about .xcx01-1 h2:after {
    position: absolute;
    content: '';
    bottom: -32px;
    left: 50%;
    width: 37px;
    height: 4px;
    background: linear-gradient(0deg, #f857a6 0%, #ff5858 100%);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%); }
  .bokaweb-about .xcx01-1 .about-1-img:after {
    position: absolute;
    content: '';
    top: 24px;
    left: 26px;
    width: 566px;
    height: 303px;
    background: linear-gradient(55deg, #eb3349 0%, #f45c43 100%);
    z-index: -1; }
  .bokaweb-about .xcx01-1 .content-l p {
    line-height: 27px;
    padding-top: 10px; }

.bokaweb-about h2 {
  position: relative;
  margin-bottom: 32px; }

.bokaweb-about h2:after {
  position: absolute;
  content: '';
  bottom: -32px;
  left: 50%;
  width: 37px;
  height: 4px;
  background: linear-gradient(0deg, #f857a6 0%, #ff5858 100%);
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%); }

.bokaweb-about .about-course {
  background: linear-gradient(55deg, #eb3349 0%, #f45c43 100%); }
  .bokaweb-about .about-course h2:after {
    background: #F0EDEB; }
  .bokaweb-about .about-course .course-ul {
    padding-top: 121px;
    padding-bottom: 40px;
    text-align: right;
    font-weight: 500;
    color: white;
    line-height: 25px;
    position: relative; }
    .bokaweb-about .about-course .course-ul p {
      padding-bottom: 13px; }
    .bokaweb-about .about-course .course-ul .course-item-wrap {
      position: absolute;
      top: 126px;
      left: 0;
      width: 100%;
      height: 606px; }
      .bokaweb-about .about-course .course-ul .course-item-wrap .item-1 img {
        position: relative;
        z-index: 2; }
      .bokaweb-about .about-course .course-ul .course-item-wrap .item-1:after {
        position: absolute;
        content: '';
        top: -50px;
        left: 54px;
        width: 591px;
        height: 606px;
        background: white; }
      .bokaweb-about .about-course .course-ul .course-item-wrap .item-2 {
        position: relative; }
        .bokaweb-about .about-course .course-ul .course-item-wrap .item-2 > div {
          width: 498px;
          height: 158px;
          background: #fff9f9;
          color: #333;
          padding-top: 29px;
          padding-right: 36px;
          line-height: 25px;
          font-size: 11px;
          margin-top: 446px;
          position: relative;
          z-index: 3; }
          .bokaweb-about .about-course .course-ul .course-item-wrap .item-2 > div p {
            padding-bottom: 6px; }
      .bokaweb-about .about-course .course-ul .course-item-wrap .item-2:after {
        position: absolute;
        content: '';
        bottom: 45px;
        left: -42px;
        width: 494px;
        height: 159px;
        background: linear-gradient(55deg, #eb3349 0%, #f45c43 100%);
        z-index: 1; }

.bokaweb-about .about-superiority p {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #666666;
  padding-bottom: 11px; }

.bokaweb-about .about-superiority .superiority-wrap {
  padding-top: 88px;
  padding-bottom: 145px; }
  .bokaweb-about .about-superiority .superiority-wrap ul li a:hover {
    text-decoration: none;
    color: inherit; }
  .bokaweb-about .about-superiority .superiority-wrap ul li .bag {
    height: 232px;
    text-align: center;
    background: #fff9f9; }
    .bokaweb-about .about-superiority .superiority-wrap ul li .bag h3 {
      font-size: 46px;
      font-family: Akzidenz Grotesk-Cond;
      font-weight: bold;
      color: #FF4242;
      line-height: 1;
      padding-top: 71px;
      padding-bottom: 7px; }
    .bokaweb-about .about-superiority .superiority-wrap ul li .bag p {
      font-size: 26px;
      font-family: PingFang SC;
      font-weight: 500; }
  .bokaweb-about .about-superiority .superiority-wrap ul li .text-item p {
    font-size: 11px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333333; }
  .bokaweb-about .about-superiority .superiority-wrap ul li:nth-child(2n-1) .bag {
    background: linear-gradient(55deg, #eb3349 0%, #f45c43 100%); }
    .bokaweb-about .about-superiority .superiority-wrap ul li:nth-child(2n-1) .bag h3 {
      color: white; }
    .bokaweb-about .about-superiority .superiority-wrap ul li:nth-child(2n-1) .bag p {
      color: white; }

.bokaweb-about .about-endless .endless-wrap {
  width: 50%; }

.bokaweb-about .about-endless .endless-wrap.right {
  background: linear-gradient(55deg, #eb3349 0%, #f45c43 100%);
  padding: 168px 0 99px 147px;
  height: 100%; }
  .bokaweb-about .about-endless .endless-wrap.right .quote-mark-1:before {
    color: #fff;
    left: 0;
    top: -49px; }
  .bokaweb-about .about-endless .endless-wrap.right h3 {
    font-size: 78px;
    font-family: PingFang SC;
    font-weight: bold;
    color: white;
    line-height: 1;
    padding-bottom: 15px; }
  .bokaweb-about .about-endless .endless-wrap.right p {
    font-family: PingFang SC;
    font-weight: 500;
    color: white;
    padding-bottom: 17px;
    line-height: 27px; }

.bokaweb-about .about-contact h2 {
  margin: 0; }

.bokaweb-about .about-contact h2:after {
  background: transparent; }

.bokaweb-about .about-contact .superiority-box ul li .superiority-bag p {
  font-size: 18px;
  line-height: 27px; }

/* ==========================================================================
   Component: grid
 ============================================================================ */
.row {
  margin-right: -15px;
  margin-left: -15px; }

.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.col-lg-12 {
  width: 100%; }

.col-lg-11 {
  width: 91.66666667%; }

.col-lg-10 {
  width: 83.33333333%; }

.col-lg-9 {
  width: 75%; }

.col-lg-8 {
  width: 66.66666667%; }

.col-lg-7 {
  width: 58.33333333%; }

.col-lg-6 {
  width: 50%; }

.col-lg-5 {
  width: 41.66666667%; }

.col-lg-4 {
  width: 33.33333333%; }

.col-lg-3 {
  width: 25%; }

.col-lg-2 {
  width: 16.66666667%; }

.col-lg-1 {
  width: 8.33333333%; }

.row-no-pd {
  overflow: hidden; }

.row-no-pd + .row-no-pd {
  margin-top: -1px; }

.row-no-pd img, .row img {
  width: 100%;
  height: auto; }

.row-no-pd [class*="col-lg"] {
  padding: 0; }

td.col-lg-1,
td.col-lg-2,
td.col-lg-3,
td.col-lg-4,
td.col-lg-5,
td.col-lg-6,
td.col-lg-7,
td.col-lg-8,
td.col-lg-9,
td.col-lg-10,
td.col-lg-11,
td.col-lg-12,
th.col-lg-1,
th.col-lg-2,
th.col-lg-3,
th.col-lg-4,
th.col-lg-5,
th.col-lg-6,
th.col-lg-7,
th.col-lg-8,
th.col-lg-9,
th.col-lg-10,
th.col-lg-11,
th.col-lg-12 {
  float: none; }

[class*="avg-"] {
  display: block;
  padding: 0;
  margin: 0;
  list-style: none; }

[class*="avg-"]:before, [class*="avg-"]:after {
  content: " ";
  display: table; }

[class*="avg-"]:after {
  clear: both; }

[class*="avg-"] > li {
  display: block;
  height: auto;
  float: left; }

.avg-lg-1 > li {
  width: 100%; }

.avg-lg-1 > li:nth-of-type(n) {
  clear: none; }

.avg-lg-1 > li:nth-of-type(1n + 1) {
  clear: both; }

.avg-lg-2 > li {
  width: 50%; }

.avg-lg-2 > li:nth-of-type(n) {
  clear: none; }

.avg-lg-2 > li:nth-of-type(2n + 1) {
  clear: both; }

.avg-lg-3 > li {
  width: 33.33333333%; }

.avg-lg-3 > li:nth-of-type(n) {
  clear: none; }

.avg-lg-3 > li:nth-of-type(3n + 1) {
  clear: both; }

.avg-lg-4 > li {
  width: 25%; }

.avg-lg-4 > li:nth-of-type(n) {
  clear: none; }

.avg-lg-4 > li:nth-of-type(4n + 1) {
  clear: both; }

.avg-lg-5 > li {
  width: 20%; }

.avg-lg-5 > li:nth-of-type(n) {
  clear: none; }

.avg-lg-5 > li:nth-of-type(5n + 1) {
  clear: both; }

.avg-lg-6 > li {
  width: 16.66666667%; }

.avg-lg-6 > li:nth-of-type(n) {
  clear: none; }

.avg-lg-6 > li:nth-of-type(6n + 1) {
  clear: both; }

.avg-lg-7 > li {
  width: 14.28571429%; }

.avg-lg-7 > li:nth-of-type(n) {
  clear: none; }

.avg-lg-7 > li:nth-of-type(7n + 1) {
  clear: both; }

.avg-lg-8 > li {
  width: 12.5%; }

.avg-lg-8 > li:nth-of-type(n) {
  clear: none; }

.avg-lg-8 > li:nth-of-type(8n + 1) {
  clear: both; }

.avg-lg-9 > li {
  width: 11.11111111%; }

.avg-lg-9 > li:nth-of-type(n) {
  clear: none; }

.avg-lg-9 > li:nth-of-type(9n + 1) {
  clear: both; }

.avg-lg-10 > li {
  width: 10%; }

.avg-lg-10 > li:nth-of-type(n) {
  clear: none; }

.avg-lg-10 > li:nth-of-type(10n + 1) {
  clear: both; }

.avg-lg-11 > li {
  width: 9.09090909%; }

.avg-lg-11 > li:nth-of-type(n) {
  clear: none; }

.avg-lg-11 > li:nth-of-type(11n + 1) {
  clear: both; }

.avg-lg-12 > li {
  width: 8.33333333%; }

.avg-lg-12 > li:nth-of-type(n) {
  clear: none; }

.avg-lg-12 > li:nth-of-type(12n + 1) {
  clear: both; }

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

.flex > * {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  float: none;
  position: relative;
  display: block;
  text-align: center;
  -webkit-transition: all .5s;
  transition: all .5s; }

.flex.text-left > * {
  text-align: left;
  padding-left: 2%; }

.flex-col-2 > *,
.flex-col-3 > *,
.flex-col-4 > *,
.flex-col-5 > * {
  flex: initial;
  -ms-flex: inherit; }

.flex-col-3 > * {
  width: 50%; }

.flex-col-3 > * {
  width: 33.33333333333333333%;
  width: 33%\9; }

.flex-col-4 > * {
  width: 25%; }

.flex-col-5 > * {
  width: 20%; }

.flex.pd10 {
  padding-bottom: 0; }

.flex.pd10 > * {
  padding-bottom: 10px; }

.flex-2 {
  flex: 2 !important; }

.flex-3 {
  flex: 3 !important; }

.flex-4 {
  flex: 4 !important; }

.flex-wrap {
  flex-wrap: wrap; }

.flex.nowrap {
  flex-wrap: nowrap; }

.flex-initial {
  flex: initial;
  width: auto; }

.space-between {
  -ms-flex-pack: justify;
  justify-content: space-between; }

.flex.space-between > * {
  flex: initial;
  -ms-flex: initial; }

.justify-content {
  -ms-flex-align: center;
  justify-content: center; }

.follow-floor {
  position: fixed;
  z-index: 999;
  float: left;
  top: 50%;
  left: -88px;
  margin-top: -167px;
  width: 88px;
  border: 1px solid #666666;
  opacity: 0;
  transition: all 0.7s;
  background: #fff; }

.follow-floor > h4 {
  position: absolute;
  width: 100%;
  height: 41px;
  background: #000;
  font-weight: 400;
  color: #fff;
  font-size: 14px;
  line-height: 41px;
  text-align: center; }

.follow-floor > ul {
  padding: 0 8px;
  margin-top: 41px;
  box-sizing: border-box; }

.follow-floor > ul > li {
  width: 100%;
  height: 48px;
  text-align: center;
  border-bottom: 1px solid #999999; }

.follow-floor > ul > li.back-top {
  border-bottom: 0; }

.follow-floor > ul > li:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.floor-list > li > a {
  display: inline-block;
  width: 100%; }

.floor-list > li > a > i {
  font-size: 18px;
  margin-right: 4px; }

.floor-list > li.back-top a {
  border-bottom: 0; }

.follow-nav {
  position: fixed;
  top: 50%;
  margin-top: -153px;
  opacity: 1;
  right: 20px;
  width: 70px;
  border: 1px solid #666;
  transition: all 0.4s;
  background: #fff;
  z-index: 999; }

.follow-nav .follow-nav-list {
  padding: 0 2px; }

.follow-nav .follow-nav-list > li {
  height: 60px;
  width: 100%;
  border-bottom: 1px solid #999999; }

.follow-nav .follow-nav-list > li.back-top {
  border-bottom: 0; }

.follow-nav .follow-nav-list > li > a {
  width: 100%;
  display: block;
  text-align: center; }

.follow-nav-list li a > i {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
  line-height: 24px;
  text-align: center;
  margin-top: 10px; }

.follow-nav-list li a > span {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  text-align: center; }

.wx-erwm-popup-warp {
  padding-right: 6px;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
  z-index: 999; }

.wx-erwm-popup {
  width: 114px;
  height: 160px;
  border: 1px solid #333333;
  background: #fff; }

.wx-erwm-popup .wx-erwm {
  width: 110px;
  height: 110px;
  padding: 5px; }

.wx-erwm-popup p {
  width: 100%;
  text-align: center;
  font-size: 14px; }

.tel-popup-wrap {
  padding-right: 6px;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden; }

.tel-popup-wrap > div {
  height: 65px;
  border: 1px solid #333333;
  padding: 10px 5px;
  text-align: center;
  font-size: 14px;
  background: #fff; }

.qq-popup-wrap {
  padding-right: 6px;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden; }

.qq-popup-wrap > div {
  height: 65px;
  border: 1px solid #333333;
  padding: 10px 5px;
  text-align: center;
  font-size: 14px;
  background: #fff; }

footer {
  padding-top: 50px;
  width: 100%; }
  footer .floor1 {
    width: 100%;
    height: 274px;
    background: #141414; }
  footer .floor1 .contentW {
    padding-top: 48px; }
  footer .floor1 .contentW .tel-box {
    width: 284px; }
  footer .floor1 .contentW .tel-box .tel-icon {
    font-size: 50px;
    color: #fff;
    line-height: 1; }
  footer .floor1 .contentW .tel-box .iphone {
    width: 184px;
    padding-left: 12px; }
  footer .floor1 .contentW .tel-box .iphone p {
    color: #fe545d;
    font-size: 22px;
    margin-bottom: 10px;
    line-height: 1;
    font-weight: 600; }
  footer .floor1 .contentW .tel-box .iphone span {
    display: block;
    margin-top: 14px;
    font-size: 14px;
    line-height: 1;
    color: #f5f5f5; }
  footer .floor1 .contentW .tel-box .iphone .hot-line {
    margin-top: 12px;
    width: 80%;
    padding: 2px 3px;
    border: 1px solid #fff; }
  footer .floor1 .contentW .tel-box .iphone .hot-line a.btn-small {
    width: 100%;
    border: 1px solid #fff;
    background-color: black;
    color: #f9f9f9;
    letter-spacing: 4px;
    transition: all .2s; }
  footer .floor1 .contentW .tel-box .iphone .hot-line a.btn-small:hover {
    background-color: #555;
    color: #fff; }
  footer .nav {
    width: 750px;
    margin-left: 84px;
    box-sizing: border-box; }
  footer .nav a {
    color: #fff;
    font-size: 12px; }
  footer .nav div {
    float: left;
    width: 16.66%;
    text-align: left;
    padding-right: 10px; }
  footer .nav div h4 {
    display: flex;
    margin-bottom: 16px;
    line-height: normal; }
  footer .nav div h4 a {
    font-size: 14px; }
  footer .nav div h4 i {
    color: #fff;
    margin-right: 5px;
    font-weight: 400;
    font-size: 18px; }
  footer .nav div p {
    display: flex;
    margin-bottom: 16px;
    line-height: 1; }
  footer .erwm {
    width: 286px; }
  footer .erwm .weibo, footer .erwm .weixin {
    float: left;
    width: 50%; }
  footer .erwm p {
    font-size: 14px;
    line-height: 14px;
    color: #FFFFFF;
    margin-bottom: 18px; }
  footer .erwm .weixin {
    padding-right: 12px; }
  footer .erwm .weibo {
    padding-left: 12px; }
  footer .fooler2 {
    width: 100%;
    background: #000;
    color: #FFFFFF;
    padding: 20px;
    text-align: center; }
  footer .fooler2 a {
    font-size: 12px;
    color: #FFFFFF;
    line-height: 1; }
  footer .fooler2 .about-boka {
    line-height: 1; }
  footer .fooler2 .about-boka span {
    font-size: 12px;
    padding: 0 8px;
    line-height: 1; }
  footer .fooler2 .counselor {
    padding-top: 20px;
    font-size: 12px;
    line-height: 1;
    text-align: center; }
  footer .frendlink-footer {
    background: #000; }
  footer .frendlink-footer-link {
    border-bottom: 1px solid #333;
    /*border-width:1px 0 1px 0;*/ }
  footer .frendlink-footer-link li,
  footer .frendlink-footer-link li a {
    display: inline-block;
    color: #999;
    padding: 10px 0;
    font-size: 12px; }
  footer .frendlink-footer-link li a:hover {
    color: #999; }
  footer .frendlink-footer-link li {
    padding: 5px 10px; }
  footer .nav2 {
    margin-left: 10px;
    width: 800px; }
  footer .erwm2 {
    width: 400px; }
  footer .erwm2 .weibo, footer .erwm2 .weixin, footer .erwm2 .xcx_qrcode {
    width: 33%;
    float: left;
    padding-left: 20px;
    padding-right: 0; }
  footer .footer-qrcode {
    position: relative; }
    footer .footer-qrcode .footer-qrcode-outer {
      position: absolute;
      top: -20px;
      right: 0;
      display: flex;
      justify-content: flex-end; }
      footer .footer-qrcode .footer-qrcode-outer .img-erwm {
        border: 1px solid #E6E6E6; }
      footer .footer-qrcode .footer-qrcode-outer > div {
        position: relative;
        padding-left: 0;
        margin-left: 48px; }
      footer .footer-qrcode .footer-qrcode-outer > div::before {
        position: absolute;
        top: 0;
        left: -20px;
        content: "";
        border-right: 10px solid #535353;
        border-bottom: 10px solid #535353;
        border-top: 10px solid transparent;
        border-left: 10px solid transparent; }

header {
  width: 100%;
  height: 42px;
  background: #141414;
  line-height: 42px; }

header .skirt-kid {
  font-size: 0.000001px; }

header .skirt-kid a {
  height: 100%;
  display: block;
  float: left;
  padding: 0 20px;
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  font-weight: 900; }

header .skirt-kid a.current {
  background-color: #fff;
  color: #141414; }

header .index-name span,
header .index-name a {
  color: #fff; }

header .index-name a:hover span {
  color: #ff4242; }

header .index-name .kicon-home {
  font-size: 18px; }

header .index-name > span {
  margin: 0 10px; }

header .contact-vip, .contact-vip2 {
  padding: 0px 14px 0px 40px;
  background: #ff4242;
  border-radius: 14px;
  font-size: 14px;
  line-height: 28px;
  height: 28px;
  display: inline-block;
  margin-left: 23px; }

.contact-vip2 {
  margin-left: 0; }

header .contact-vip > i, .contact-vip2 > i {
  position: absolute;
  top: 0px;
  left: 16px;
  font-size: 17px; }

.effect-wrap .right,
.news-8-ul li > div > .half,
.news-8-ul li > div,
.news-details-banner .swipe-wrap div p,
.has-down-list .hd-img,
.collect-classify-img,
.like-designer-column li a,
.planning-ad-column .ad-col-1.prve-img a,
.planning-ad-column .ad-col-2.prve-img a,
.planning-index-pic .pic-thumb-list li a,
.planning-index-pic .list-goods-thumb .pic-viewport p,
.img-box.mgb50,
.user-headx230 .avatar-thumb a,
.no-vip-box .works-detail-l,
.no-vip-box .box-right p,
.banner-works,
.friendship-wrap .friend-list-pic li,
.a-show-img,
.about-title,
.banner-box,
.index-cm,
.news-details-con > .news-details-l > .bottom-img > div,
.news-details-r-4 .development-list-4 li .left,
.news-details-r-3 .development-list-3 li div,
.news-7-con .news-7-con-4 div,
.news-7-con .news-7-con-3 div,
.news-7-con .news-7-con-2 div,
.news-7-con .news-7-con-1 div,
.subpage-4-con > ul > .left,
.subpage-3-con-m .recommend,
.subpage-3-con-l > div,
.subpage-3-con-r-ul > li > div,
.subpage-2-r-ul li > div,
.subpage-2-r-img > div,
.subpage-1-r-ul li .left,
.a-show-img,
.ad-filter-main,
.works-detail-content .design-concept-img,
.works-detail-content > p,
.pic-slider.pic-top .pic-thumb-list li a,
.pic-slider.pic-top .pic-viewport p,
.a-describe-video .embed,
.index-head-ad .img-box,
.list-goods-thumb,
.img-box span,
.img-box a,
.index-column .column-left a {
  display: block;
  background-color: #f9f9f9;
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 80px; }

/*穿针引线*/
.list-goods-thumb-eeff, .img-box-eeff a {
  background-image: url("../images/eeff/logo.png"); }

/*众衣联*/
.list-goods-thumb-ugacc, .img-box-ugacc a {
  background-image: url("../images/ugacc/logo.png"); }

.list-goods .list-goods-thumb {
  height: 201px; }

.swiper-container .list-goods-thumb {
  height: 201px; }

.like-designer-column li .bg-samll {
  height: 209px; }

.like-designer-column li .bg-big {
  height: 379px; }

.like-designer-column li.col-1 a,
.like-designer-column li.col-4 a {
  min-height: 611px; }

.gallery.bd .img-box a {
  height: 208px; }

.banner-works.mgt50 {
  min-height: 131px; }

.works-home-box .list-goods-main.avg-lg-2 .list-goods-thumb {
  height: 318px; }

.planning-index-pic .pic-thumb-list li a {
  height: 115px;
  cursor: default; }

.planning-index-pic .list-goods-thumb {
  background: #fff; }

.tabs-bd .tab-panel .col-lg-3 .effect-jazz {
  min-height: 200px; }

.tabs-bd .tab-panel .col-lg-3 .effect-jazz.single {
  min-height: 623px; }

.designer-home-wrap .list-goods-thumb {
  height: 274px; }

.tonghao-wrap .img-box a {
  min-height: 120px; }

.desiger-list-width .list-goods-thumb {
  min-height: 328px; }

.img-box.mgb50 {
  min-height: 252px;
  background-size: auto; }

.no-vip-box .works-detail-l {
  height: 252px;
  background: #fff; }

.no-vip-box .box-right p {
  min-height: 232px; }

.no-vip.banner-works {
  min-height: 300px; }

.banner-works {
  background-size: auto;
  text-align: center; }

.friendship-wrap .friend-list-pic li {
  min-height: 62px; }

.a-show-img {
  min-height: 607px; }

.about-title {
  background-size: 30%; }

.mgb50 .index-cm {
  min-height: 751px;
  padding: 12px 0; }

.banner-box {
  min-height: 240px;
  background-size: auto; }

.index-cm {
  min-height: 120px;
  background-size: auto;
  overflow: hidden; }

.index-head-ad .img-box {
  height: 178px;
  line-height: 178px;
  overflow: hidden; }

.works-detail-content .design-concept-img {
  height: 400px; }

.works-detail-content > p {
  min-height: 445px; }

.planning-detail-main .pic-slider.pic-top .pic-viewport p {
  min-height: 421px; }

.pic-slider.pic-top .pic-viewport p {
  min-height: 625px; }

.a-describe-video .embed {
  min-height: 376px; }

.avg-lg-5 .list-goods-thumb,
.avg-lg-5 .bk-overlay-wrap a {
  min-height: 317px; }

.index-column .column-left a {
  min-height: 768px; }

.index-column .column-right .list-goods-thumb {
  min-height: 710px; }

.index-column .column-middle .list-goods-thumb {
  min-height: 314px;
  height: 314px; }

.overlay-info.img-box span {
  min-height: 50px;
  background-size: 50%; }

.index-zixun-column .column-left .list-goods-thumb {
  min-height: 423px; }

.index-zixun-column .column-right .list-goods-thumb {
  min-height: 215px; }

nav,
.nav-main {
  height: 120px;
  background: #fff; }

.nav-content .logo a {
  display: block;
  width: 240px;
  height: 0;
  padding-top: 120px;
  line-height: 104px;
  vertical-align: top;
  overflow: hidden;
  color: transparent;
  text-indent: -9999px;
  background: url("../images/logo/nav-logo03.png") no-repeat center center; }

.k-nav-content .logo a {
  background: url("../imagesKid/logo/nav-logo01.png") no-repeat center center; }

.nav-middle {
  width: 922px; }

.nav-list {
  margin: 0 24px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.nav-list > li {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: inline-block\9;
  vertical-align: top;
  min-width: 50px; }

.nav-list > li > a {
  display: block;
  height: 120px;
  box-sizing: border-box;
  padding: 36px 0 10px;
  padding: 40px 10px 10px \9;
  color: #333333;
  text-align: center;
  font-weight: 600;
  position: relative; }

.nav-list > li p {
  min-width: 70px;
  font-size: 20px; }

.nav-list > li em {
  width: 70px;
  height: 20px;
  margin-top: 2px;
  display: inline-block;
  background: url("../images/common/sprite-nav-item.png") no-repeat;
  background-position-x: center; }

.nav-list > li.current p,
.nav-list > li:hover p {
  color: #ff4242; }

.nav-list > li:hover .triangle {
  display: block; }

.nav-list > li.home em {
  background-position-y: 0; }

.nav-list > li.home.current em,
.nav-list > li.home:hover em {
  background-position-y: -359px; }

.nav-list > li.original em {
  background-position-y: -38px; }

.nav-list > li.original.current em,
.nav-list > li.original:hover em {
  background-position-y: -397px; }

.nav-list > li.manuscript em {
  background-position-y: -81px; }

.nav-list > li.manuscript.current em,
.nav-list > li.manuscript:hover em {
  background-position-y: -440px; }

.nav-list > li.pattern em {
  background-position-y: -119px; }

.nav-list > li.pattern.current em,
.nav-list > li.pattern:hover em {
  background-position-y: -478px; }

.nav-list > li.designer em {
  background-position-y: -162px; }

.nav-list > li.designer.current em,
.nav-list > li.designer:hover em {
  background-position-y: -521px; }

.nav-list > li.material em {
  background-position-y: -201px; }

.nav-list > li.material.current em,
.nav-list > li.material:hover em {
  background-position-y: -560px; }

.nav-list > li.fabric em {
  background-position-y: -240px; }

.nav-list > li.fabric.current em,
.nav-list > li.fabric:hover em {
  background-position-y: -599px; }

.nav-list > li.alliance em {
  background-position-y: -280px; }

.nav-list > li.alliance.current em,
.nav-list > li.alliance:hover em {
  background-position-y: -639px; }

.nav-list > li.recruit em {
  background-position-y: -952px; }

.nav-list > li.recruit.current em,
.nav-list > li.recruit:hover em {
  background-position-y: -990px; }

.nav-list > li.miniapp em {
  background-position-y: -719px; }

.nav-list > li.miniapp.current em,
.nav-list > li.miniapp:hover em {
  background-position-y: -759px; }

.nav-list > li.accessories em {
  background-position-y: -797px; }

.nav-list > li.accessories.current em,
.nav-list > li.accessories:hover em {
  background-position-y: -837px; }

.nav-list > li.slows em {
  background-position-y: -876px; }

.nav-list > li.slows.current em,
.nav-list > li.slows:hover em {
  background-position-y: -915px; }

.nav-list > li.trend em {
  background-position-y: -320px; }

.nav-list > li.trend.current em,
.nav-list > li.trend:hover em {
  background-position-y: -679px; }

.nav-vip {
  padding-left: 10px; }

.nav-vip p {
  width: 70px;
  margin-top: 5px;
  display: inline-block;
  display: table-cell\9;
  background-color: #333; }

.nav-vip:hover p {
  background-color: #ff4242; }

.srceah {
  width: 300px;
  height: 32px;
  border-radius: 0;
  box-sizing: border-box;
  background: #FFFFFF;
  margin-top: 45px;
  border: 1px solid #999; }

.srceah form {
  width: 100%;
  height: 100%; }

.srceah-div {
  width: 29%;
  height: 30px;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
  box-sizing: border-box;
  cursor: default; }

.srceah-div .drop-down {
  opacity: 0;
  left: 0;
  bottom: 0;
  z-index: 7;
  background: #FFFFFF;
  box-sizing: border-box;
  width: 100%;
  height: 0;
  overflow: hidden;
  border: 1px solid #999;
  border-top: none; }

.srceah-div .drop-down li {
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  cursor: pointer; }

.srceah-div .drop-down li:hover {
  background: #f9f9f9;
  color: #ff4242; }

.src-input {
  margin-top: 6px;
  font-size: 12px;
  border: none;
  border-left: 1px solid #979797;
  outline: none;
  padding-left: 14px;
  width: 58%; }

.srceah-div .arrow {
  margin-left: 4px; }

.submit {
  margin-top: 3px;
  width: 13%;
  height: 22px;
  border: none;
  background: #FFFFFF;
  outline: none; }

.submit:hover {
  color: red; }

.pop-menu {
  width: 100%;
  height: 0;
  background: #f9f9f9;
  left: 0;
  top: 120px;
  opacity: 0;
  overflow: hidden;
  z-index: 993;
  transition: all ease 0.1s;
  -webkit-transition: all ease 0.05s;
  border-bottom: #eeeeee;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); }

.pop-menu .menu {
  height: 100%; }

.pop-menu .menu .menu-l {
  padding: 40px 0 20px;
  width: 268px;
  height: 100%;
  box-sizing: border-box; }

.pop-menu .menu .menu-l li,
.pop-menu .menu .menu-l li a {
  height: 36px; }

.pop-menu .menu .menu-l li {
  width: 100%; }

.pop-menu .menu .menu-l li a {
  display: block;
  font-size: 18px;
  line-height: 1;
  padding-left: 70px;
  color: #000000; }

.pop-menu .menu .menu-l li a:hover,
.pop-menu .menu .menu-l li a:hover .font-color {
  color: #e60012; }

.menu-l li a span {
  line-height: 1;
  display: inline-block; }

.menu-l li a .font-color {
  color: #999999;
  margin-left: 10px;
  font-size: 12px; }

.pop-menu {
  opacity: 0;
  height: auto;
  display: none; }

li:hover .pop-menu {
  display: block;
  opacity: 1; }

.pop-menu .menu .menu-l + .list-goods-main {
  margin-left: 268px; }

.pop-menu .menu .menu-l + .list-goods-main[class*="avg-"] > li:first-child {
  clear: none; }

.pop-menu .menu .list-goods-main[class*="avg-"] > li {
  padding-right: 5%;
  margin-top: 40px; }

.pop-menu .menu .list-goods-info {
  padding: 5px 8px;
  font-size: 12px;
  text-align: center; }

.pop-menu .menu .list-item-hd h4 {
  font-size: 14px; }

.pop-menu .menu .list-item-text {
  display: none; }

.pop-menu .overlay.hover-tit h4 a {
  font-size: 14px;
  font-weight: normal; }

.pop-menu .overlay.hover-tit > li:hover a {
  color: #ff4242; }

.pop-menu .list-goods-main.avg-lg-6 .list-goods-thumb {
  height: 146px;
  line-height: 146px;
  overflow: hidden; }

.pop-menu.pop-menu-project .menu .menu-l li a {
  padding-left: 38px; }

.pop-menu.pop-menu-project .list-goods-main.avg-lg-6 .list-goods-thumb {
  height: 112px;
  line-height: 112px;
  overflow: hidden; }

.pop-menu .f-list.list-goods-main .bk-overlay:before,
.pop-menu .cd-item-wrapper.bd-overlay:before {
  border-width: 6px 6px 0; }

.pop-menu .f-list.list-goods-main .bk-overlay .bk-overlay-tit {
  display: none; }

.pop-menu .f-list.list-goods-main .bk-overlay img,
.pop-menu .f-list .list-goods-info .list-item-hd,
.pop-menu .f-list .list-goods-info .list-item-hd h4,
.pop-menu .f-list .list-goods-info .list-item-hd + .text-center {
  font-size: 14px;
  top: 0; }

.pop-menu .cd-item-tit {
  padding: 5px 0; }

.pop-menu .cd-item-tit p,
.pop-menu .cd-item-tit p b {
  font-size: 14px; }

.triangle {
  position: absolute;
  display: none;
  width: 0;
  height: 0;
  border-width: 0 16px 16px;
  border-style: solid;
  border-color: transparent transparent #f9f9f9;
  left: 50%;
  bottom: 0;
  margin-left: -16px; }

.ballon {
  display: inline-block;
  width: 18px;
  height: 18px;
  text-align: center;
  color: #fff;
  background-color: red;
  line-height: 18px;
  text-indent: -2px;
  font-size: 12px;
  border-radius: 100px 100px 100px 0;
  right: -26px;
  top: -18px;
  -webkit-font-smoothing: subpixel-antialiased;
  animation: up_down 1600ms linear infinite; }

@keyframes up_down {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  50% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

@media screen and (max-width: 1500px) {
  .nav-list > li p {
    font-size: 16px; } }

.eeff-miniapp-img {
  display: none;
  position: absolute;
  left: -40px;
  top: 58px;
  width: 420px;
  height: 120px;
  background: url(../images/eeff/eeff-miniapp.png) 0 no-repeat;
  background-size: 420px 120px;
  z-index: 99; }

.eeff-header a.eeff-miniapp:hover .eeff-miniapp-img {
  display: block; }

.eeff-scan .eeff-login-code {
  display: none;
  cursor: default;
  box-sizing: content-box;
  position: absolute;
  left: -40px;
  top: 42px;
  width: 300px;
  height: 100px;
  background: #fff;
  padding: 20px;
  padding-left: 15px;
  border: 1px solid #C6C6C6;
  z-index: 99;
  transition: all .1s ease; }

@media screen and (max-width: 1500px) {
  .eeff-header-box.contentW {
    overflow: inherit; } }

.eeff-scan:hover .eeff-login-code {
  display: block;
  width: 260px; }

.eeff-scan .eeff-login-code:after {
  position: absolute;
  top: -8px;
  left: 83px;
  z-index: 3;
  width: 0;
  height: 0;
  content: ' ';
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-bottom: 10px solid #fff; }

.eeff-scan .eeff-login-code i {
  width: 95px;
  height: 95px;
  float: left; }

.eeff-scan .eeff-login-code .eeff-erweima-wz {
  min-width: 100px;
  float: left;
  margin-left: 15px;
  height: 80px;
  color: #000;
  padding-top: 9px; }

.eeff-scan .eeff-login-code .eeff-erweima-wz b {
  display: inherit;
  line-height: 1.5;
  font-weight: bold;
  font-size: 13px; }

.eeff-scan .eeff-login-code .eeff-erweima-wz span {
  margin-bottom: 32px;
  display: inherit;
  color: #666;
  line-height: 1.5;
  font-size: 12px;
  font-weight: normal; }

.eeff-scan .eeff-login-code .eeff-erweima-wz .flush {
  color: #aaa;
  cursor: pointer; }

.eeff-scan .eeff-login-code .eeff-erweima-wz .flush:hover {
  color: #c30000;
  text-decoration: underline; }

.floor1 .eeff-foot {
  padding: 50px 20px 25px 20px;
  color: #999; }

.eeff-foot .left {
  width: 465px; }

.eeff-foot .left .slogan-wrap a {
  display: inline-block; }

.eeff-foot .left .describe {
  margin: 18px 0 39px 0; }

.eeff-foot .right .related {
  float: left;
  width: 200px; }

.eeff-foot .right .related:last-child {
  width: 90px; }

.eeff-foot .right .related span {
  display: block;
  color: #fff;
  margin-bottom: 20px; }

.eeff-foot .right .related a {
  font-size: 12px;
  color: #999; }

.eeff-foot .right .related a:hover {
  color: #666;
  text-decoration: none; }

.eeff-foot .right .related p {
  margin-bottom: 14px; }

.eeff-foot-t {
  background: #1a1a1a; }

.eeff-foot-tail {
  color: #666666;
  height: 46px;
  font-size: 12px;
  line-height: 46px; }

.eeff-foot-tail a {
  color: #666666; }

.eeff-foot-tail a:hover {
  text-decoration: none; }

.eeff-foot-tail .pipe {
  color: #cccccc;
  margin: 0px 5px; }

.eeff-foot-tail .foot-tail-item {
  display: inline-block;
  position: relative;
  margin-left: 30px;
  cursor: pointer; }

.eeff-foot-tail .foot-tail-item:hover, .foot-tail-item a.icon:hover {
  color: #fff; }

.eeff-foot-tail .foot-tail-item .icon {
  font-size: 18px; }

.foot-tail-item .foot-tail-wrap {
  position: absolute;
  bottom: 48px;
  left: 50%;
  width: 120px;
  /*min-height: 137px;*/
  visibility: hidden;
  background: #fff;
  opacity: 0;
  transform: translate(-50%, -10px);
  -webkit-transform: translate(-50%, -10px);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  transition: all 0.15s ease-in-out 0s;
  padding: 5px 5px 0 5px; }

.foot-tail-item .foot-tail-wrap:after {
  position: absolute;
  content: '';
  border: 8px solid rgba(255, 255, 255, 0);
  border-top: 6px solid white;
  top: 137px;
  left: 52px; }

.foot-tail-item .foot-tail-wrap img {
  width: 110px;
  height: 110px; }

.foot-tail-item .foot-tail-wrap p {
  line-height: 1.5;
  color: #333;
  text-align: center;
  padding: 2px; }

.eeff-foot-tail .foot-tail-item:hover .foot-tail-wrap {
  opacity: 1;
  transform: translate(-50%, 0);
  visibility: visible; }

/*eeff导航样式*/
.eeff-logo .logo a {
  background: url("../images/eeff/nav-logo04.png") no-repeat center center;}
/*众衣联*/
.ugacc-logo .logo a {
  background: url("../images/ugacc/nav-logo04.png") no-repeat center center;
  background-size: 100%; }

.eeff-nav-list > li {
  flex: none;
  margin-left: 30px; }

.eeff-nav-list > li.eeff-vip-serve em {
  background-position-y: -280px; }

.eeff-nav-list > li.eeff-vip-serve.current em,
.eeff-nav-list > li.eeff.vip-serve:hover em {
  background-position-y: -639px; }

.kkt-miniapp-img {
  display: none;
  position: absolute;
  left: -40px;
  top: 58px;
  width: 420px;
  height: 120px;
  background: url(../images/kkt/kkt-miniapp.png) 0 no-repeat;
  background-size: 420px 120px;
  z-index: 99; }

.kkt-header a.kkt-miniapp:hover .kkt-miniapp-img {
  display: block; }

.kkt-scan .kkt-login-code {
  display: none;
  cursor: default;
  box-sizing: content-box;
  position: absolute;
  left: -40px;
  top: 42px;
  width: 300px;
  height: 100px;
  background: #fff;
  padding: 20px;
  padding-left: 15px;
  border: 1px solid #C6C6C6;
  z-index: 99;
  transition: all .1s ease; }

@media screen and (max-width: 1500px) {
  .kkt-header-box.contentW {
    overflow: inherit; } }

.kkt-scan:hover .kkt-login-code {
  display: block;
  width: 260px; }

.kkt-scan .kkt-login-code:after {
  position: absolute;
  top: -8px;
  left: 83px;
  z-index: 3;
  width: 0;
  height: 0;
  content: ' ';
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-bottom: 10px solid #fff; }

.kkt-scan .kkt-login-code i {
  width: 95px;
  height: 95px;
  float: left; }

.kkt-scan .kkt-login-code .kkt-erweima-wz {
  min-width: 100px;
  float: left;
  margin-left: 15px;
  height: 80px;
  color: #000;
  padding-top: 9px; }

.kkt-scan .kkt-login-code .kkt-erweima-wz b {
  display: inherit;
  line-height: 1.5;
  font-weight: bold;
  font-size: 13px; }

.kkt-scan .kkt-login-code .kkt-erweima-wz span {
  margin-bottom: 32px;
  display: inherit;
  color: #666;
  line-height: 1.5;
  font-size: 12px;
  font-weight: normal; }

.kkt-scan .kkt-login-code .kkt-erweima-wz .flush {
  color: #aaa;
  cursor: pointer; }

.kkt-scan .kkt-login-code .kkt-erweima-wz .flush:hover {
  color: #c30000;
  text-decoration: underline; }

.floor1 .kkt-foot {
  padding: 50px 20px 25px 20px;
  color: #999; }

.kkt-foot .left {
  width: 465px; }

.kkt-foot .left .slogan-wrap a {
  display: inline-block; }

.kkt-foot .left .describe {
  margin: 18px 0 39px 0; }

.kkt-foot .right .related {
  float: left;
  width: 200px; }

.kkt-foot .right .related:last-child {
  width: 90px; }

.kkt-foot .right .related span {
  display: block;
  color: #fff;
  margin-bottom: 20px; }

.kkt-foot .right .related a {
  font-size: 12px;
  color: #999; }

.kkt-foot .right .related a:hover {
  color: #666;
  text-decoration: none; }

.kkt-foot .right .related p {
  margin-bottom: 14px; }

.kkt-foot-t {
  background: #1a1a1a; }

.kkt-foot-tail {
  color: #666666;
  height: 46px;
  font-size: 12px;
  line-height: 46px; }

.kkt-foot-tail a {
  color: #666666; }

.kkt-foot-tail a:hover {
  text-decoration: none; }

.kkt-foot-tail .pipe {
  color: #cccccc;
  margin: 0px 5px; }

.kkt-foot-tail .foot-tail-item {
  display: inline-block;
  position: relative;
  margin-left: 30px;
  cursor: pointer; }

.kkt-foot-tail .foot-tail-item:hover, .foot-tail-item a.icon:hover {
  color: #fff; }

.kkt-foot-tail .foot-tail-item .icon {
  font-size: 18px; }

.foot-tail-item .foot-tail-wrap {
  position: absolute;
  bottom: 48px;
  left: 50%;
  width: 120px;
  /*min-height: 137px;*/
  visibility: hidden;
  background: #fff;
  opacity: 0;
  transform: translate(-50%, -10px);
  -webkit-transform: translate(-50%, -10px);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  transition: all 0.15s ease-in-out 0s;
  padding: 5px 5px 0 5px; }

.foot-tail-item .foot-tail-wrap:after {
  position: absolute;
  content: '';
  border: 8px solid rgba(255, 255, 255, 0);
  border-top: 6px solid white;
  top: 137px;
  left: 52px; }

.foot-tail-item .foot-tail-wrap img {
  width: 110px;
  height: 110px; }

.foot-tail-item .foot-tail-wrap p {
  line-height: 1.5;
  color: #333;
  text-align: center;
  padding: 2px; }

.kkt-foot-tail .foot-tail-item:hover .foot-tail-wrap {
  opacity: 1;
  transform: translate(-50%, 0);
  visibility: visible; }

/*kkt导航样式*/
.kkt-logo .logo a {
  background: url("../images/kkt/nav-logo04.png") no-repeat center center; }

.kkt-nav-list > li {
  flex: none;
  margin-left: 30px; }

.kkt-nav-list > li.kkt-vip-serve em {
  background-position-y: -280px; }

.kkt-nav-list > li.kkt-vip-serve.current em,
.kkt-nav-list > li.kkt.vip-serve:hover em {
  background-position-y: -639px; }

.yunkuanbao-miniapp-img {
  display: none;
  position: absolute;
  left: -40px;
  top: 58px;
  width: 420px;
  height: 120px;
  background: url(../images/yunkuanbao/yunkuanbao-miniapp.png) 0 no-repeat;
  background-size: 420px 120px;
  z-index: 99; }

.yunkuanbao-header a.yunkuanbao-miniapp:hover .yunkuanbao-miniapp-img {
  display: block; }

.yunkuanbao-scan .yunkuanbao-login-code {
  display: none;
  cursor: default;
  box-sizing: content-box;
  position: absolute;
  left: -40px;
  top: 42px;
  width: 300px;
  height: 100px;
  background: #fff;
  padding: 20px;
  padding-left: 15px;
  border: 1px solid #C6C6C6;
  z-index: 99;
  transition: all .1s ease; }

@media screen and (max-width: 1500px) {
  .yunkuanbao-header-box.contentW {
    overflow: inherit; } }

.yunkuanbao-scan:hover .yunkuanbao-login-code {
  display: block;
  width: 260px; }

.yunkuanbao-scan .yunkuanbao-login-code:after {
  position: absolute;
  top: -8px;
  left: 83px;
  z-index: 3;
  width: 0;
  height: 0;
  content: ' ';
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-bottom: 10px solid #fff; }

.yunkuanbao-scan .yunkuanbao-login-code i {
  width: 95px;
  height: 95px;
  float: left; }

.yunkuanbao-scan .yunkuanbao-login-code .yunkuanbao-erweima-wz {
  min-width: 100px;
  float: left;
  margin-left: 15px;
  height: 80px;
  color: #000;
  padding-top: 9px; }

.yunkuanbao-scan .yunkuanbao-login-code .yunkuanbao-erweima-wz b {
  display: inherit;
  line-height: 1.5;
  font-weight: bold;
  font-size: 13px; }

.yunkuanbao-scan .yunkuanbao-login-code .yunkuanbao-erweima-wz span {
  margin-bottom: 32px;
  display: inherit;
  color: #666;
  line-height: 1.5;
  font-size: 12px;
  font-weight: normal; }

.yunkuanbao-scan .yunkuanbao-login-code .yunkuanbao-erweima-wz .flush {
  color: #aaa;
  cursor: pointer; }

.yunkuanbao-scan .yunkuanbao-login-code .yunkuanbao-erweima-wz .flush:hover {
  color: #c30000;
  text-decoration: underline; }

.floor1 .yunkuanbao-foot {
  padding: 50px 20px 25px 20px;
  color: #999; }

.yunkuanbao-foot .left {
  width: 465px; }

.yunkuanbao-foot .left .slogan-wrap a {
  display: inline-block; }

.yunkuanbao-foot .left .describe {
  margin: 18px 0 39px 0; }

.yunkuanbao-foot .right .related {
  float: left;
  width: 200px; }

.yunkuanbao-foot .right .related:last-child {
  width: 90px; }

.yunkuanbao-foot .right .related span {
  display: block;
  color: #fff;
  margin-bottom: 20px; }

.yunkuanbao-foot .right .related a {
  font-size: 12px;
  color: #999; }

.yunkuanbao-foot .right .related a:hover {
  color: #666;
  text-decoration: none; }

.yunkuanbao-foot .right .related p {
  margin-bottom: 14px; }

.yunkuanbao-foot-t {
  background: #1a1a1a; }

.yunkuanbao-foot-tail {
  color: #666666;
  height: 46px;
  font-size: 12px;
  line-height: 46px; }

.yunkuanbao-foot-tail a {
  color: #666666; }

.yunkuanbao-foot-tail a:hover {
  text-decoration: none; }

.yunkuanbao-foot-tail .pipe {
  color: #cccccc;
  margin: 0px 5px; }

.yunkuanbao-foot-tail .foot-tail-item {
  display: inline-block;
  position: relative;
  margin-left: 30px;
  cursor: pointer; }

.yunkuanbao-foot-tail .foot-tail-item:hover, .foot-tail-item a.icon:hover {
  color: #fff; }

.yunkuanbao-foot-tail .foot-tail-item .icon {
  font-size: 18px; }

.foot-tail-item .foot-tail-wrap {
  position: absolute;
  bottom: 48px;
  left: 50%;
  width: 120px;
  /*min-height: 137px;*/
  visibility: hidden;
  background: #fff;
  opacity: 0;
  transform: translate(-50%, -10px);
  -webkit-transform: translate(-50%, -10px);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  transition: all 0.15s ease-in-out 0s;
  padding: 5px 5px 0 5px; }

.foot-tail-item .foot-tail-wrap:after {
  position: absolute;
  content: '';
  border: 8px solid rgba(255, 255, 255, 0);
  border-top: 6px solid white;
  top: 137px;
  left: 52px; }

.foot-tail-item .foot-tail-wrap img {
  width: 110px;
  height: 110px; }

.foot-tail-item .foot-tail-wrap p {
  line-height: 1.5;
  color: #333;
  text-align: center;
  padding: 2px; }

.yunkuanbao-foot-tail .foot-tail-item:hover .foot-tail-wrap {
  opacity: 1;
  transform: translate(-50%, 0);
  visibility: visible; }

/*yunkuanbao导航样式*/
.yunkuanbao-logo .logo a {
  background: url("../images/yunkuanbao/nav-logo04.png") no-repeat center center; }

.yunkuanbao-nav-list > li {
  flex: none;
  margin-left: 30px; }

.yunkuanbao-nav-list > li.yunkuanbao-vip-serve em {
  background-position-y: -280px; }

.yunkuanbao-nav-list > li.yunkuanbao-vip-serve.current em,
.yunkuanbao-nav-list > li.yunkuanbao.vip-serve:hover em {
  background-position-y: -639px; }

.zyl-footer .home-footer-title {
  width: 100%;
  height: 65px;
  background: url(https://ugacc.com/dist/static/images/c6ca6995.jpg) 50% no-repeat;
  background-size: cover; }

.zyl-footer .home-footer-title .link {
  width: 25%;
  height: 60px;
  padding-left: 20px; }

.zyl-footer .home-footer-title .link > span {
  display: inline-block; }

.zyl-footer .home-footer-title .link > span > p:first-child {
  font-size: 18px; }

.zyl-footer .home-footer-title .link > span > p:nth-child(2) {
  font-size: 12px; }

.zyl-footer .home-footer-help {
  border-top: 1px solid #efefef; }

.zyl-footer .home-footer-help .help-list {
  padding: 40px 0 25px 25px; }

.zyl-footer .home-footer-help .help-list > ul {
  width: 180px;
  margin-right: 30px; }

.zyl-footer .home-footer-help .help-list > ul > li:first-child {
  margin-bottom: 15px;
  font-size: 16px; }

.zyl-footer .home-footer-help .help-list > ul > li {
  margin-bottom: 10px;
  font-size: 12px; }

.zyl-footer .home-footer-help .help-list > ul > li > a:hover {
  color: #3a7dda; }

.zyl-footer .home-footer-help .download-list {
  margin-top: 45px;
  margin-bottom: 30px;
  padding: 30px 30px 15px;
  border: 1px solid #efefef; }

.zyl-footer .home-footer-help .download-list > span {
  display: inline-block; }

.zyl-footer .home-footer-help .download-list > span:first-child {
  margin-right: 40px; }

.zyl-footer .home-footer-help .download-list > span > img {
  margin-bottom: 10px; }

.zyl-footer .home-footer-help .download-list > span > p, .home-footer-info {
  font-size: 12px;
  text-align: center; }

.zyl-footer .home-footer-info {
  padding-top: 15px;
  padding-bottom: 30px;
  border-top: 1px solid #efefef; }

.zyl-footer .home-footer-info ul {
  width: 100%; }

.zyl-footer .home-footer-info ul > li {
  display: inline-block;
  margin-right: 25px; }

.zyl-footer .home-footer-info a {
  color: #999; }

.zyl-footer .home-footer-info a:hover {
  color: #3a7dda; }

.zyl-footer .home-footer-info .copyright {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 20px; }

.zyl-footer .w-1200 {
  overflow: hidden; }

.zyl-footer .w-1200, .w-1200-visible {
  width: 1200px;
  margin: 0 auto; }

.zyl-footer .fl {
  float: left; }

.zyl-footer .fr {
  float: right; }

.zyl-footer .black-lv3 {
  color: #999; }

.zylwx:hover .zylwx-img {
  display: block; }

.zylwx-img {
  display: none;
  position: absolute;
  top: 0;
  left: -120px;
  width: 108px;
  background: #FFF;
  padding: 10px;
  border: 1px solid #000; }

.common-avatar {
  text-align: center;
  overflow: hidden;
  vertical-align: middle;
  padding: 5px; }

.avatar-thumb {
  margin: 0 auto;
  position: relative;
  z-index: 1; }

.avatar-thumb a, .avatar-thumb span {
  display: inline-block;
  width: 100px;
  height: 100px;
  line-height: 97px;
  overflow: hidden;
  vertical-align: middle;
  letter-spacing: 0;
  border-radius: 1000px;
  -webkit-border-radius: 1000px;
  position: relative;
  background-color: #fff;
  border: 1px solid #f9f9f9; }

.common-avatar.square .avatar-thumb a,
.common-avatar.square .avatar-thumb span,
.common-avatar.square .avatar-thumb a:before,
.common-avatar.square .avatar-thumb span:before {
  border-radius: 6px; }

.avatar-thumb i {
  font: normal 300 12px/24px arial;
  color: #ccc;
  background: #fff;
  border: 1px solid #dddddd;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  right: 50%;
  margin-right: -35px;
  bottom: 0;
  z-index: 13;
  cursor: pointer; }

.avatar-thumb a:before, .avatar-thumb span:before {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: 10;
  content: "";
  border-radius: 1000px; }

.avatar-thumb a:hover {
  color: transparent;
  text-decoration: none; }

.avatar-thumb .text-edit {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-style: normal;
  font-size: 12px;
  line-height: 1.4;
  padding: 3px;
  text-align: center;
  position: absolute;
  bottom: 0;
  z-index: 12;
  width: 100%;
  cursor: pointer; }

.avatar-thumb span .text-edit,
.avatar-thumb span .text-edit {
  padding: 3px 0 10px 0; }

.avatar-thumb.warning a:after, .avatar-thumb.warning span:after {
  content: "\e722";
  color: #ff4242;
  font-size: 80px;
  margin-left: -14px; }

.avatar-thumb img {
  width: 100%;
  height: auto;
  vertical-align: middle;
  position: relative;
  z-index: 8;
  margin-bottom: 125px;
  background: #fff; }

.avatar-thumb img[src=""] {
  display: none; }

.avatar-hd {
  font-size: 16px;
  color: #555;
  max-height: 4rem;
  max-height: 5rem\0;
  overflow: hidden; }

.avatar-text {
  color: #b2b2b2;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-height: 1.3;
  -webkit-line-clamp: 2;
  clear: both; }

small.avatar-text {
  color: #ccc;
  font-size: 1rem; }

.user-headx30 .avatar-thumb,
.user-headx30 .avatar-thumb a,
.user-headx30 .avatar-thumb span {
  width: 30px;
  height: 30px;
  line-height: 1; }

.user-headx36 .avatar-thumb,
.user-headx36 .avatar-thumb a,
.user-headx36 .avatar-thumb span {
  width: 36px;
  height: 36px;
  line-height: 1; }

.user-headx44 .avatar-thumb,
.user-headx44 .avatar-thumb a,
.user-headx44 .avatar-thumb span {
  width: 44px;
  height: 44px;
  line-height: 1; }

.user-headx50 .avatar-thumb,
.user-headx50 .avatar-thumb a,
.user-headx50 .avatar-thumb span {
  width: 50px;
  height: 50px;
  line-height: 1; }

.user-headx66 .avatar-thumb,
.user-headx66 .avatar-thumb a,
.user-headx66 .avatar-thumb span {
  width: 66px;
  height: 66px;
  line-height: 1; }

.user-headx80 .avatar-thumb,
.user-headx80 .avatar-thumb a,
.user-headx80 .avatar-thumb span {
  width: 80px;
  height: 80px;
  line-height: 1.2; }

.user-headx120 .avatar-thumb,
.user-headx120 .avatar-thumb a,
.user-headx120 .avatar-thumb span {
  width: 120px;
  height: 120px;
  line-height: 1; }

.user-headx130 .avatar-thumb,
.user-headx130 .avatar-thumb a,
.user-headx130 .avatar-thumb span {
  width: 130px;
  height: 130px;
  line-height: 1; }

.user-headx160 .avatar-thumb,
.user-headx160 .avatar-thumb a,
.user-headx160 .avatar-thumb span {
  width: 160px;
  height: 160px;
  line-height: 1; }

.user-headx180 .avatar-thumb,
.user-headx180 .avatar-thumb a,
.user-headx180 .avatar-thumb span {
  width: 180px;
  height: 180px;
  line-height: 1; }

.user-headx200 .avatar-thumb,
.user-headx200 .avatar-thumb a,
.user-headx200 .avatar-thumb span {
  width: 200px;
  height: 200px;
  line-height: 1; }

.user-headx230 .avatar-thumb,
.user-headx230 .avatar-thumb a,
.user-headx230 .avatar-thumb span {
  width: 230px;
  height: 230px;
  line-height: 1; }

.avatar-thumb a:after, .avatar-thumb span:after {
  content: "\e718";
  font-family: "kiconfont", "microsoft yahei";
  display: block;
  font-size: 60px;
  color: #eeeeee;
  text-align: center; }

.user-headx30 .avatar-thumb a:after,
.user-headx30 .avatar-thumb span:after {
  font-size: 30px; }

.user-headx36 .avatar-thumb a:after,
.user-headx36 .avatar-thumb span:after {
  font-size: 32px; }

.user-headx50 .avatar-thumb a:after,
.user-headx50 .avatar-thumb span:after {
  font-size: 50px; }

.user-headx120 .avatar-thumb a:after,
.user-headx120 .avatar-thumb span:after {
  font-size: 120px; }

.user-headx120 .avatar-thumb a:after,
.user-headx120 .avatar-thumb span:after {
  font-size: 120px; }

.user-headx200 .avatar-thumb a:after,
.user-headx200 .avatar-thumb span:after {
  font-size: 200px;
  color: #f9f9f9; }

.user-headx230 .avatar-thumb a:after,
.user-headx230 .avatar-thumb span:after {
  font-size: 230px;
  color: #f9f9f9; }

.common-avatar-left .avatar-thumb {
  float: left; }

.common-avatar-left .avatar-info {
  text-align: left;
  display: table-cell;
  vertical-align: top;
  /* width: 9999px; */
  margin-top: .5rem;
  padding: 0 0 0 10px; }

.v-middle .avatar-thumb,
.v-middle .avatar-info,
.avatar-right {
  display: table-cell;
  vertical-align: middle;
  float: none;
  color: #999; }

.avatar-right i {
  white-space: nowrap; }

.avatar-right i:before {
  font-size: 20px;
  color: #dddddd; }

.radius .avatar-thumb a,
.radius .avatar-thumb span,
.radius .avatar-thumb a:before,
.radius .avatar-thumb span:before {
  border-radius: 3px; }

.avatar-list .avatar-text {
  max-width: 5rem;
  -webkit-line-clamp: 1; }

.avatar-list .common-avatar {
  display: inline-block; }

.avatar-add {
  position: relative;
  margin-left: 10px; }

.avatar-add:after {
  content: "+";
  display: block;
  font-size: 30px;
  border: 2px dashed #eeeeee;
  color: #eeeeee;
  text-align: center;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1; }

.avatar-add,
.avatar-add:after {
  width: 40px;
  height: 40px;
  vertical-align: middle; }

.avatar-add.radius:after {
  border-radius: 6px; }

.avatar-thumb .tips-dot {
  font-size: 10px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  z-index: 12;
  margin-right: -20px;
  top: 13px; }

.avatar-thumb .uploading:before, .uploading:before {
  width: 100%;
  height: 100%;
  font-size: 12px;
  color: #dddddd;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  content: "上传中";
  border-radius: 0; }

/*面包屑*/
.breadcrumb > li {
  display: inline-block; }

.breadcrumb > li + li:before,
.breadcrumb-arrow > li + li:before {
  padding: 0 5px 0 0;
  color: #dddddd; }

.breadcrumb > li + li:before {
  content: "/\00a0"; }

.breadcrumb-arrow > li + li:before {
  content: "\e6f8";
  font-family: kiconfont;
  color: #999; }

.breadcrumb > li a {
  color: #555; }

.breadcrumb > .active {
  color: #999; }

.breadcrumb span {
  color: #999; }

.breadcrumb span i {
  padding-right: 3px; }

.breadcrumb-blue > li a {
  color: #09f; }

.dialog-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  display: none;
  z-index: 99912; }

.dialog-wrap:before {
  content: "\200B";
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.black-overlay {
  height: 100%;
  width: 100%;
  position: fixed;
  background: #000;
  filter: Alpha(opacity=50);
  opacity: .5;
  top: 0;
  left: 0;
  z-index: 99911; }

.dialog {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  z-index: 999914;
  background-color: #fff; }

.pop-wrap {
  z-index: 999912;
  overflow: hidden;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  max-width: 800px;
  min-width: 350px; }

.pop-box-hd {
  padding: 10px 20px;
  background: #f9f9f9;
  text-align: left; }

.pop-box-hd h4 {
  font-size: 14px;
  display: inline-block; }

.pop-box-hd .close {
  float: right;
  cursor: pointer;
  line-height: 1; }

.pop-box-hd .close i {
  font-size: 20px;
  padding: 3px 0 5px 5px;
  display: inline-block;
  position: relative;
  right: -5px; }

.pop-box-bd {
  padding: 15px 10px; }

.pop-box-bd .title {
  color: #555;
  font-size: 20px;
  font-weight: normal;
  padding: 0 5px; }

.pop-box-bd .article {
  max-height: 600px;
  overflow: auto;
  padding: 0 10px 10px 0; }

.pop-box-icon {
  font-size: 40px;
  line-height: 1.2;
  color: #ff4242; }

.pop-box-footer {
  padding: 0 10px 20px; }

.dropdown {
  position: relative;
  display: inline-block; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-content {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1020;
  display: none;
  float: left;
  min-width: 100px;
  padding: 15px;
  margin: 9px 0 0;
  text-align: left;
  line-height: 1.6;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 0;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-animation-duration: .15s;
  animation-duration: .15s; }

.dropdown-content:before,
.dropdown-content:after {
  position: absolute;
  left: 10px;
  top: -8px;
  pointer-events: none;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border: 8px dashed transparent;
  border-bottom-style: solid;
  border-width: 0 8px 8px;
  z-index: 1; }

.dropdown-content:before {
  border-bottom-color: #ccc;
  bottom: 0; }

.dropdown-content:after {
  border-bottom-color: #ffffff;
  top: -7px; }

.active > .dropdown-content {
  display: block; }

.dropdown-content:first-child {
  margin-top: 0; }

ul.dropdown-content {
  list-style: none;
  padding: 5px 0; }

ul.dropdown-content > li > a {
  display: block;
  padding: 6px 20px;
  clear: both;
  font-weight: normal;
  color: #333333;
  white-space: nowrap;
  line-height: 2; }

ul.dropdown-content > li > a:hover,
ul.dropdown-content > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5; }

.dropdown.hover {
  padding: 10px;
  cursor: pointer; }

.dropdown.hover .dropdown-content {
  margin: 0; }

.dropdown.hover:hover .dropdown-content {
  display: block; }

.g-listpage-nav .dropdown-content > li > a {
  font-size: 16px; }

.g-listpage-nav .dropdown-content > li > a:hover {
  color: #ff4242; }

ul.dropdown-content > .active > a,
ul.dropdown-content > .active > a:hover,
ul.dropdown-content > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #555; }

.list-goods-dropdown .dropdown.hover {
  cursor: default;
  padding: 0 0 16px 0; }

.list-goods-dropdown .dropdown.hover .dropdown-content {
  margin-top: 16px; }

.list-goods-dropdown .dropdown.hover:hover .dropdown-content {
  display: none; }

.list-goods-dropdown .dropdown {
  position: initial;
  position: inherit\0; }

.list-goods-dropdown .dropdown-content {
  width: 100%;
  top: auto;
  box-shadow: 0 3px 16px rgba(0, 0, 0, 0.15);
  border-width: 1px 0 1px; }

.list-goods-dropdown .dropdown-content .contentW {
  position: relative; }

.list-goods-dropdown .dropdown-content .close {
  position: absolute;
  right: -60px;
  top: 0;
  line-height: 1; }

.list-goods-dropdown .dropdown-content .close i {
  font-size: 50px;
  cursor: pointer;
  color: #999; }

.list-goods-dropdown.list-goods-main .list-goods-item {
  cursor: pointer;
  position: relative;
  overflow: visible; }

.list-goods-dropdown .dropdown-content:before,
.list-goods-dropdown .dropdown-content:after {
  content: normal; }

.list-goods-dropdown .arrow:before,
.list-goods-dropdown .arrow:after {
  position: absolute;
  left: 40px;
  bottom: -17px;
  pointer-events: none;
  content: "";
  width: 0;
  height: 0;
  border: 8px dashed transparent;
  border-bottom-style: solid;
  border-width: 0 16px 16px;
  z-index: 1025;
  animation-name: fadeInDown;
  animation-duration: .5s; }

.list-goods-dropdown .arrow:before {
  border-bottom-color: #ccc; }

.list-goods-dropdown .arrow:after {
  border-bottom-color: #fff;
  bottom: -18px; }

.list-goods-dropdown .list-item-text {
  margin: 0; }

.list-goods-dropdown.list-goods-main[class*="avg-"] > li {
  margin-bottom: 12px; }

.fabric-column-warp .dropdown-content .list-goods-main li:first-child {
  padding-top: 0; }

.fabric-column-warp .dropdown-content .list-goods-main li {
  padding-top: 54px; }

ul.dropdown-content.fr {
  right: 0;
  left: auto; }

.fr > .dropdown-content {
  right: 0;
  left: auto; }

.fr > .dropdown-content:before,
.fr > .dropdown-content:after {
  right: 10px;
  left: auto;
  background: transparent; }

[class*="flag"] {
  position: relative;
  cursor: default; }

.list-goods-thumb [class*="flag"] ul {
  position: absolute;
  top: -1px;
  z-index: 10; }

[class*="flag"].flag-left ul {
  left: 0; }

[class*="flag"].flag-right ul {
  right: 0; }

.flag-bar.flag-right ul li,
.flag-xbar.flag-right ul li {
  border-bottom-left-radius: 60px;
  border-top-left-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding: 0 3px 0 15px; }

.flag li,
.flag-bar li,
.flag-xbar li {
  margin: 0 5px 5px 0;
  padding: 1px 13px 0 0;
  border: 0;
  text-align: center;
  color: #fff; }

.flag-bar.round ul li,
.flag-xbar.round ul li {
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px; }

.flag-bar.flag-right.round ul li {
  border-radius: 100px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.flag-bar.arrow ul {
  line-height: 0; }

.flag-bar.arrow ul li {
  border-radius: 0;
  padding-right: 5px;
  margin: 0 15px 0 0;
  position: relative;
  overflow: initial; }

.flag-bar.arrow ul li:before {
  content: "";
  top: 50%;
  right: -24px;
  margin-top: -12px;
  border: 12px transparent solid;
  border-left-color: #ff4242;
  position: absolute;
  width: 0;
  height: 0;
  z-index: 7; }

.flag li {
  float: left;
  padding: 4px 2px 0 2px;
  width: 36px;
  height: 37px;
  font: 12px/14px "宋体";
  overflow: hidden;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px; }

.flag-bar li {
  width: 80px;
  height: 24px;
  overflow: hidden;
  font: bold 12px/22px "微软雅黑";
  border-bottom-right-radius: 60px;
  border-top-right-radius: 5px;
  font-weight: 400; }

.flag-xbar li {
  width: 113px;
  height: 29px;
  overflow: hidden;
  font: bold 12px/29px "微软雅黑";
  color: #fff;
  border-bottom-right-radius: 60px;
  border-top-right-radius: 5px; }

.flag-bar-free {
  text-align: left; }

.flag-bar-free li {
  overflow: hidden;
  width: auto;
  padding-left: 5px;
  padding-right: 15px;
  display: inline-block; }

.flag-tag li {
  display: inline-block;
  padding: 0 10px;
  min-width: 76px;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  position: relative; }

.flag-tag li:after,
.flag-tag li:before {
  content: '';
  position: absolute; }

.flag-tag li:after,
.flag-tag li:before {
  display: none\9; }

@media all and (min-width: 0) {
  .flag-tag li:after,
  .flag-tag li:before {
    display: block\0; } }

.flag-tag li:after {
  width: 0;
  height: 0;
  right: -12px;
  top: 6px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border: 14px transparent solid;
  border-right-color: #ff4242;
  border-bottom-color: #ff4242;
  border-radius: 5px;
  z-index: 7; }

.flag-tag li:before {
  border-radius: 100px;
  background: #fff;
  width: 8px;
  height: 8px;
  right: -8px;
  top: 50%;
  margin-top: -4px;
  z-index: 8; }

.flag-tag.float li {
  float: left; }

.flag-tag.float li + li {
  margin-left: 30px; }

.flag-icon ul {
  padding: 5px;
  background: rgba(0, 0, 0, 0.7); }

.flag-icon li + li {
  margin-top: 5px; }

.flag-icon li i {
  display: inline-block;
  cursor: pointer;
  font-size: 18px;
  line-height: 28px;
  width: 30px;
  border: 1px solid #fff;
  color: #fff; }

.flag-icon li:hover i {
  color: #ff4242;
  background: black;
  border-color: #ff2929; }

.flag-icon li.active i {
  background: #ff4242;
  border-color: #ff2929; }

.flag-icon li.active:hover i {
  color: #000; }

.float-btn {
  position: absolute;
  display: inline-block;
  bottom: 40px;
  right: 10px;
  z-index: 65; }

.float-btn span {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #dddddd;
  line-height: 25px;
  text-align: center;
  opacity: .8; }

.float-btn span a {
  display: block; }

.float-btn span + span {
  margin-left: 5px; }

.float-btn span i {
  font-size: 18px;
  color: #999; }

.float-btn.float-top {
  top: 15px;
  bottom: inherit; }

.float-btn.float-left {
  left: 15px;
  right: inherit;
  text-align: left; }

.float-btn span.active {
  border-color: #de4535; }

.float-btn span.active i {
  color: #de4535; }

.float-btn span.active-fill {
  border-color: #de4535;
  background: #de4535; }

.float-btn span.active-fill i {
  color: #fff; }

.float-btn .float-tips {
  position: absolute;
  right: 0;
  bottom: 40px;
  min-width: 80px;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  padding: 3px 5px;
  border-radius: 3px; }

.float-btn .float-tips:after {
  content: "";
  position: absolute;
  right: 5px;
  bottom: -14px;
  border: 7px transparent solid;
  border-top-color: rgba(0, 0, 0, 0.5);
  margin-left: -7px; }

.float-btn.img span {
  border: none;
  width: 69px;
  height: 69px;
  opacity: 1;
  background: none; }

.float-btn.img.float-top {
  right: 15px; }

.float-btn.circle.float-top {
  top: 8px;
  right: 8px;
  line-height: 0; }

.float-btn.circle span {
  border: none;
  background: #ff4242;
  width: 30px;
  height: 30px;
  line-height: 30px;
  opacity: 1;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  cursor: default; }

.float-btn.circle span i {
  color: #fff;
  font-size: 12px; }

.cd-item-wrapper.bd-overlay + .float-btn.circle span,
.float-btn.circle.medium span {
  width: 42px;
  height: 42px;
  line-height: 42px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.cd-item-wrapper.bd-overlay + .float-btn.circle span i,
.float-btn.circle.medium span i {
  font-size: 16px; }

.cd-item-wrapper.bd-overlay + .float-btn.circle {
  top: 20px;
  right: 20px; }

.float-left.half-round a {
  padding: 40px 20px 20px 40px;
  background: #5ed125;
  border-radius: 1000px;
  display: inline-block;
  color: #fff;
  position: fixed;
  left: -30px;
  top: -30px;
  min-width: 85px; }

.float-bottom.half-round a {
  padding: 20px 40px 40px 20px;
  background: #5ed125;
  border-radius: 1000px;
  display: inline-block;
  color: #fff;
  position: fixed;
  bottom: -30px;
  right: -30px; }

.float-left.half-round.red a,
.float-bottom.half-round.red a {
  background: #f24f5a;
  color: #fff; }

.float-left.half-round.yellow a,
.float-bottom.half-round.yellow a {
  background: yellow;
  color: #f24f5a; }

.filter-list {
  border-bottom: 1px #eeeeee solid;
  position: relative;
  padding: 8px 0;
  height: auto;
  overflow: hidden; }

.filter-head,
.filter-tail {
  position: absolute;
  top: 10px; }

.filter-head {
  left: 0; }

.filter-tail {
  right: 0; }

.filter-body {
  padding: 0 50px 0 65px;
  margin-top: 0; }

.filter-body a,
.filter-body span {
  display: inline-block;
  margin: 0 0px 8px 0;
  max-width: 140px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #555; }

.filter-tail {
  font-size: 12px; }

.filter-sort {
  display: inline-block;
  font-size: 0; }

.filter-sort a,
.filter-sort span,
.filter-sort p {
  font-size: 14px; }

.filter-sort a {
  padding: 3px 8px;
  border: 1px solid #eeeeee;
  background: #fff;
  margin-left: -1px;
  position: relative;
  z-index: 111; }

.filter-sort a:hover {
  border-color: #3fa236;
  color: #3fa236;
  text-decoration: none;
  z-index: 112; }

.filter-sort a i {
  color: #dddddd; }

.filter-sort a:hover i {
  color: #3fa236; }

.filter-sort a.current {
  background: #3fa236;
  color: #fff;
  border-color: #3fa236; }

.filter-sort a:hover.current i {
  color: #fff; }

.filter-sort a.current + a {
  margin-left: 0; }

.filter-list {
  padding: 10px 0 0; }

.filter-head {
  font-size: 14px;
  font-weight: bold; }

.filter-body a,
.filter-body span {
  line-height: 26px;
  padding: 0 23px;
  border-radius: 1000px; }

.filter-body .active,
.filter-body .active:hover {
  background: #ff4242;
  color: #fff; }

.filter-body.h40 {
  height: 40px; }

.filter-list:last-child {
  border: 0; }

.filter-tail span {
  padding: 5px 10px;
  border: 1px solid #eeeeee;
  cursor: pointer;
  display: inline-block; }

.filter-tail {
  top: 1px; }

.filter-tail span:hover {
  border-color: #999; }

.filter-list.small .filter-head {
  font-size: 14px; }

.filter-list.small .filter-body {
  padding-right: 4px; }

.filter-list.small .filter-body a,
.filter-list.small .filter-body span {
  line-height: 20px;
  padding: 0 10px;
  margin: 0 10px 10px 0; }

.ck-slide {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  width: 100%;
  text-align: center;
  min-height: 200px; }

.ctrl-slide {
  position: absolute;
  font-size: 60px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  z-index: 900;
  padding: 40px 20px; }

.ctrl-slide:hover {
  text-decoration: none; }

.ctrl-slide i {
  padding: 0 2px;
  border-radius: 50px;
  border: 2px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.2);
  color: #fff; }

.ck-slide:hover .ctrl-slide {
  opacity: 0.8; }

.ck-slide:hover .ctrl-slide i {
  background: rgba(0, 0, 0, 0.3); }

.ck-slide:hover .ctrl-slide:hover i {
  background: rgba(0, 0, 0, 0.5); }

.ck-prev {
  left: 100px; }

.ck-next {
  right: 100px; }

.dot-wrap {
  text-align: center; }

.dot-wrap li {
  display: inline-block;
  padding: 0 13px;
  cursor: pointer; }

.dot-wrap li:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 100px;
  background: #ccc; }

.dot-wrap li:hover:before {
  background: #999; }

.dot-wrap li.current:before {
  background: #ff4242; }

.swiper-dot-wrap li.current-gray:before {
  background: white; }

.dot-wrap.line li:before {
  height: 4px;
  width: 40px;
  border-radius: 0; }

.dot-wrap.opacity-bar li:before {
  display: none; }

.dot-wrap.opacity-bar li {
  display: inline-block;
  height: 7px;
  width: 88px;
  background: #fff;
  filter: Alpha(opacity=50);
  background: rgba(255, 255, 255, 0.5);
  margin: 0 1px;
  cursor: pointer;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); }

.dot-wrap.opacity-bar li.current {
  filter: Alpha(opacity=100);
  background: white; }

.focus-picture-like-2 .design-works-swiper .swipe {
  width: 1016px; }

.focus-picture-like-2 .design-works-swiper .ck-prev {
  left: 68px; }

.focus-picture-like-2 .design-works-swiper .ck-next {
  right: 68px; }

.focus-picture-like-2 .list-goods-thumb {
  height: 217px; }

.focus-picture-like-2 .list-item-text {
  height: 42px; }

.close-rotate {
  position: absolute;
  opacity: 0.5;
  filter: alpha(opacity=50);
  border-radius: 100px;
  text-align: center;
  z-index: 99914;
  cursor: pointer;
  width: 20px;
  height: 20px;
  line-height: 20px; }

.close-rotate {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: .5s; }

.close-rotate:hover {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative; }

.swipe-wrap {
  overflow: hidden;
  position: relative; }

.swipe-wrap > div {
  float: left;
  width: 100%;
  position: relative; }

.swipe-wrap > div > p {
  height: 530px; }

.swipe-wrap h3 {
  text-align: center;
  font-size: 20px;
  padding: 20px 10px 22px;
  clear: both; }

.gallery li {
  padding-right: 22px; }

.gallery .list-item-meta {
  border-top: 0; }

.gallery.bd .img-box a {
  border: 1px solid #dddddd; }

.overlay.hover-tit .img-box-tit {
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0; }

.overlay.hover-tit li:hover .img-box-tit,
.overlay.hover-tit .photo:hover .img-box-tit {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1; }

.overlay.hover-tit li .img-box a {
  overflow: hidden; }

.img-box,
.img-box a {
  position: relative;
  text-align: center; }

.img-box > a img {
  width: 100%; }

.img-box > a {
  display: block;
  height: 100%; }

.overlay .img-box-tit {
  color: #FFF;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #000;
  background-color: rgba(0, 0, 0, 0.5);
  max-height: 30px;
  line-height: 30px;
  text-align: center;
  padding: 0 12%; }

.gallery.bd .img-box a {
  border: 1px solid #dddddd;
  overflow: hidden; }

.gallery.hover-tit li .img-box a {
  overflow: hidden; }

.img-box-tit-small {
  color: #FFF;
  position: absolute;
  bottom: 5%;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 100%;
  background: #000;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0 28px;
  line-height: 52px;
  display: block;
  word-wrap: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.hot-down {
  background: #fff; }

.hot-down .swipe {
  padding: 0; }

.swiper-container {
  width: 100%;
  padding: 20px 0;
  box-shadow: 0 0 6.44px 0.56px rgba(0, 0, 0, 0.07); }

.swiper-container .swiper-show {
  width: 78.61%;
  margin: 0 auto; }

.swiper-container .swiper-show .swipe-wrap > ul {
  width: 100%;
  background: #fff; }

.swiper-container .swiper-show .swipe-wrap > ul > li {
  float: left;
  width: 18.6%;
  margin: 0 0.7%;
  box-shadow: 1px 1px 2px #eeeeee;
  border: 1px solid #eeeeee; }

.swiper-container .swiper-show .swipe-wrap > ul li .list-goods-info {
  box-shadow: none;
  border-top: 1px solid #eeeeee; }

.swiper-show .list-item-hd h4 a {
  font-size: 12px;
  font-weight: normal;
  text-align: center; }

.swiper-container .arrow-hot {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 100px;
  background: #999;
  background: rgba(0, 0, 0, 0.3);
  line-height: 30px;
  text-align: center;
  z-index: 8;
  cursor: pointer;
  color: #fff; }

.swiper-container .arrow-left {
  top: 50%;
  left: 36px;
  margin-top: -15px; }

.swiper-container .arrow-right {
  top: 50%;
  right: 36px;
  margin-top: -15px; }

.hot-down > .hot-down-tab {
  height: 36px;
  box-sizing: border-box;
  border-bottom: 1px solid #f9f9f9; }

.hot-down > .hot-down-tab > li {
  float: left;
  width: 140px;
  line-height: 34px;
  box-sizing: border-box;
  text-align: center;
  color: #555;
  background: #eeeeee;
  border: 1px solid #dddddd;
  cursor: pointer; }

.hot-down > .hot-down-tab > li + li {
  margin-left: -1px; }

.hot-down > .hot-down-tab > li:hover {
  background: #dddddd; }

.hot-down > .hot-down-tab > li.current {
  color: #fff;
  background: #ff4242;
  border-color: #ff2929; }

/*轮播样式  404页面*/
.swiper-container .swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative; }

.swiper-container .swipe-wrap {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding: 3px 0; }

.swiper-container .swipe-wrap > ul {
  float: left;
  width: 100%;
  position: relative; }

/**热门下载 E **/
.design-works-swiper {
  background: #f9f9f9;
  padding: 30px 0 0px;
  /*左右耳朵，导航idot样式*/ }
.design-works-swiper .swipe {
  width: 80%;
  margin: 0 auto;
  overflow: hidden;
  visibility: hidden;
  position: relative; }
.design-works-swiper .swipe-wrap {
  overflow: hidden;
  position: relative;
  width: 100%; }
.design-works-swiper .swipe-wrap > ul.list-goods-main {
  float: left;
  position: relative;
  margin: 0;
  padding-left: 28px; }
.design-works-swiper .ctrl-slide {
  position: absolute;
  font-size: 80px;
  top: 50%;
  transform: translateY(-50%);
  margin: -40px /9;
  filter: alpha(opacity=16);
  opacity: 0.16;
  text-decoration: none;
  z-index: 1001;
  padding: 40px 10px; }
.design-works-swiper .ctrl-slide:hover {
  color: #333333;
  filter: alpha(opacity=60);
  opacity: .6; }
.design-works-swiper .ctrl-slide:active {
  opacity: .8; }
.design-works-swiper .ck-prev {
  left: 50px; }
.design-works-swiper .ck-next {
  right: 50px; }

.list-goods-main > li {
  overflow: auto;
  position: relative;
  float: left; }

.list-goods-main .list-goods-item {
  background: #fff;
  border: 1px solid #eeeeee;
  overflow: hidden;
  transition: all 0.3s; }

.list-goods-main .list-goods-item:hover,
.index-column .column-left a:hover {
  border-color: #eeeeee;
  box-shadow: 0 3px 16px rgba(0, 0, 0, 0.15);
  transition: box-shadow .3s; }

.index-column .column-left a {
  transition: box-shadow .3s; }

.designer-list.list-goods-main .list-goods-item:hover {
  box-shadow: none;
  border: 0; }

.list-goods-main li > a {
  display: block; }

.list-goods-main li.thumb-auto .list-goods-thumb > a,
.list-goods-main li.thumb-auto .list-goods-thumb > span {
  width: auto;
  height: auto;
  margin: 0;
  line-height: 1; }

.list-goods-info {
  padding: 10px 16px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 5; }

.list-goods-thumb,
.list-goods-info {
  display: block; }

.list-goods-thumb {
  text-align: center;
  overflow: hidden;
  float: none; }

.list-goods-thumb .flag {
  letter-spacing: 0; }

/*[list-goods-thumb 不放在a里面是考虑flag等绝对定位溢出不隐藏]*/
.list-goods-thumb {
  vertical-align: middle;
  position: relative; }

.list-goods-thumb > a,
.list-goods-thumb > span {
  float: none;
  letter-spacing: 0;
  width: 100%;
  height: 100%;
  line-height: 1;
  display: block; }

.list-goods-thumb > a img,
.list-goods-thumb > span img {
  width: 100%;
  -webkit-transition: .3s;
  transition: .3s; }

/*商品标题*/
.list-goods-info h3, .list-item-hd {
  font-size: 14px;
  margin: 0; }

.list-item-text {
  font: 400 14px/1.6 "Lantinghei SC", "PingFang SC", "Microsoft Yahei", "Hiragino Sans GB", "Segoe UI", "Lucida Grande", Helvetica, "SimHei", sans-serif;
  color: #999;
  margin-top: 10px;
  margin-bottom: 10px;
  max-height: 3em;
  overflow: hidden; }

.list-item-price {
  margin-top: 0px;
  margin-bottom: 0px; }

.list-goods-info h3 a,
.list-item-hd a {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: block;
  white-space: nowrap;
  max-height: 1.5em; }

.list-goods-thumb-right .list-goods-info h3 a,
.list-goods-thumb-right .list-item-hd a,
.list-goods-thumb-left .list-goods-info h3 a,
.list-goods-thumb-left .list-item-hd a {
  white-space: normal; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .list-goods-thumb-left .list-goods-info h3 a,
  .list-goods-thumb-left .list-item-hd a,
  .list-goods-thumb-right .list-goods-info h3 a,
  .list-goods-thumb-right .list-item-hd a,
  .list-item-text {
    display: -webkit-box;
    -webkit-box-orient: vertical; }
  .list-item-text {
    -webkit-line-clamp: 2; }
  .list-item-text.ellipsis {
    display: block; } }

.list-item-text.ellipsis-line3 {
  max-height: 7em;
  height: 66px; }

.list-item-hd h4 {
  font-size: 16px; }

.list-item-hd h3 a {
  font-size: 20px;
  line-height: 36px;
  height: 36px;
  max-height: 36px; }

.list-item-hd h4 b,
.list-item-hd h3 b {
  font-weight: bold; }

/*.list-goods-info.ellipsis h3 a,
.list-item-hd.ellipsis a,
.list-item-text.ellipsis,
.list-item-hd a //20170805 全站标题都只有一行
{
  display: block;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
      white-space: initial;
      line-height:initial;
      max-height: 1.2em;
  white-space:nowrap;
}*/
.list-goods-info.no-ellipsis h3 a,
.list-item-hd.no-ellipsis a,
.list-item-text.no-ellipsis,
.no-ellipsis .list-goods-info h3 a,
.no-ellipsis .list-item-hd a,
.no-ellipsis .list-item-text {
  overflow: auto;
  text-overflow: initial;
  -webkit-line-clamp: initial;
  max-height: none; }

.list-item-meta {
  padding-top: 10px;
  border-top: 1px dashed #ccc;
  line-height: 1; }

.list-item-hd + .list-item-meta {
  margin-top: 10px; }

.list-item-meta.medium {
  padding-top: 12px;
  padding-bottom: 12px; }

.list-item-meta > * + *,
.list-item-meta span.right * + * {
  margin-left: 10px; }

.list-item-meta,
.list-item-meta a {
  color: #aaa; }

.list-item-meta a + a {
  margin-left: 5px; }

.list-item-meta i {
  padding-right:4px;
  font-size: 18px; }

.list-item-text.h-auto {
  max-height: none; }

.list-item-text.bottom {
  position: absolute;
  bottom: 10px; }

/*= 缩略图在左侧=*/
.list-goods-thumb-left .list-goods-thumb {
  float: left; }

.list-goods-thumb-left .list-goods-info,
.list-goods-thumb-right .list-goods-info {
  display: table-cell;
  width: 9999px;
  vertical-align: top;
  box-shadow: none; }

/*= 缩略图在右侧=*/
.list-goods-thumb-right .list-goods-thumb {
  float: right; }

.list-goods-thumb-right .list-goods-thumb > a,
.list-goods-thumb-right .list-goods-thumb > span {
  margin: 0 0 0 8px;
  float: right; }

/*= 标题在上方=*/
.list-goods-item > .list-item-hd {
  padding-bottom: .5em; }

/*===图文列表-自适应高度垂直居中[不能很好控制图片水平排列-即自动换行无法精确控制]===*/
.list-goods-item.vertical-middle {
  width: 100%; }

.vertical-middle .list-goods-thumb,
.vertical-middle .list-goods-info {
  display: table-cell;
  vertical-align: middle;
  float: none; }

.vertical-middle.list-goods-thumb-right .list-goods-thumb {
  width: 100%; }

.thumb-60x60 > a, .thumb-60x60 > span {
  width: 60px;
  height: 60px;
  line-height: 60px; }

.thumb-80x80 > a, .thumb-80x80 > span {
  width: 80px;
  height: 80px;
  line-height: 80px; }

.thumb-120x120 > a, .thumb-120x120 > span {
  width: 120px;
  height: 120px;
  line-height: 120px; }

.thumb-100x100 > a, .thumb-100x100 > span {
  display: inline-block;
  float: left;
  width: 100px;
  height: 100px;
  line-height: 97px;
  margin-right: 8px;
  overflow: hidden;
  vertical-align: middle; }

.list-goods-item.no-pd {
  padding: 0; }

.list-goods-item.no-pd .list-goods-info {
  padding: 0 8px; }

.list-goods-info + .common-avatar {
  border-top: 1px solid #dddddd;
  padding: 10px;
  position: relative;
  z-index: 6;
  background: #fff; }

.list-goods-thumb + .common-avatar {
  padding: 10px;
  position: relative;
  z-index: 2;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }

.list-goods-main[class*="avg-"] {
  margin-right: -28px; }

.list-goods-main[class*="avg-"] > li {
  padding-right: 28px;
  margin-bottom: 28px; }

.list-goods-main[class*="avg-"].r20 {
  margin-right: -20px; }

.list-goods-main[class*="avg-"].r20 > li {
  padding-right: 20px;
  margin-bottom: 20px; }

.list-goods-main[class*="avg-"].r34 {
  margin-right: -34px; }

.list-goods-main[class*="avg-"].r34 > li {
  padding-right: 34px;
  margin-bottom: 34px; }

.designer-list.list-goods-main .list-goods-item {
  border: 0; }

.designer-list .list-item-text {
  color: #555; }

.designer-list .list-goods-thumb {
  height: 332px\9; }

@media screen and (min-width: 1500px) {
  .designer-list .list-goods-thumb {
    height: 332px; } }

.designer-list .list-goods-thumb > a,
.designer-list .list-goods-thumb > span {
  display: block; }

.designer-list .list-goods-thumb > a img,
.designer-list .list-goods-thumb > span img {
  width: auto;
  height: 100%;
  max-width: inherit;
  text-align: center;
  position: relative;
  z-index: 1;
  left: 50%;
  -webkit-transform: translatex(-50%);
  -ms-transform: translatex(-50%);
  transform: translatex(-50%); }

.pic-hover-wrap,
.pic-hover-wrap:after {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 20px;
  z-index: 2; }

.pic-hover-wrap {
  -webkit-transition: all .5s;
  transition: all .5s;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 1; }

.list-goods-thumb:hover .pic-hover-wrap {
  -webkit-transition: all .5s;
  transition: all .5s;
  transform: translateY(0);
  opacity: 1; }

.pic-hover-wrap:after {
  z-index: 8;
  content: "";
  background: #000;
  opacity: .3;
  padding: 0; }

.pic-hover-main, .pic-hover-hd, .pic-hover-text {
  display: block; }

.pic-hover-main {
  position: relative;
  z-index: 10;
  background: #fff;
  text-align: center;
  height: 100%;
  width: 100%; }

.pic-hover-hd {
  font-size: 18px;
  padding: 70px 0 10px; }

.pic-hover-text {
  font-size: 14px;
  color: #555;
  padding: 0 10px 5px;
  max-height: 4.6em;
  overflow: hidden;
  line-height: 1.4; }

.pic-hover-text.line-between {
  color: #777;
  font-size: 12px;
  height: 3.6rem; }

.line-between:after {
  content: "";
  display: block;
  width: 12%;
  border-top: 1px solid #ff4242;
  margin: 10px auto 26px; }

.pic-hover-more {
  display: block;
  margin-top: 20px;
  padding: 10px 0 10px;
  color: #ff4242;
  text-decoration: underline;
  font-size: 12px; }

.pic-hover-more:hover {
  background: #f9f9f9; }

.designer-list .list-goods-thumb {
  overflow: visible; }

.designer-list .list-goods-thumb .pic-hover-wrap .pic-hover-text.test {
  -webkit-transform: translateY(540px);
  transform: translateY(540px);
  -ms-transform: translateY(557px);
  transition: all .5s; }

.designer-list .list-goods-thumb + .list-goods-info .list-item-text {
  visibility: hidden;
  position: relative;
  z-index: 2; }

.designer-list .list-goods-thumb:hover .pic-hover-wrap .pic-hover-text.test {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  transition: all .4s;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: bounceInUp; }

.designer-list .list-goods-thumb:hover .pic-hover-main {
  opacity: 1; }

.designer-list2 .list-goods-item {
  border: 10px solid #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

.designer-list2 .list-goods-item:hover {
  border-color: #fff;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18); }

.designer-list2 .head-bg + .common-avatar {
  margin-top: -80px; }

.designer-list2 .avatar-thumb a, .designer-list2 .avatar-thumb span {
  border: 6px solid #fff; }

.designer-list2 .avatar-thumb a img, .designer-list2 .avatar-thumb span img {
  border-radius: 1000px; }

.designer-list2 .avatar-hd {
  margin: 5px 0;
  font-size: 18px; }

.designer-list2 .more {
  display: block;
  margin-top: 10px;
  padding: 6px 0;
  color: #ff4242;
  text-decoration: underline; }

.designer-list2 .more:hover {
  background: rgba(190, 190, 190, 0.09); }

.designer-list2 .head-bg .flag-bar ul {
  position: absolute;
  top: 20px; }

.designer-list2 .head-bg .flag-bar {
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  -webkit-transform: translateX(-80px);
  -ms-transform: translateX(-80px);
  transform: translateX(-80px);
  opacity: 0; }

.designer-list2 li:hover .head-bg .flag-bar {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1; }

.collect-btn {
  font-size: 12px;
  vertical-align: middle; }

.list-item-hd .collect-btn {
  float: right;
  margin: -10px -10px 0 0; }

.collect-btn a, .collect-btn span {
  color: #222222;
  max-height: initial;
  height: 40px;
  cursor: pointer; }

.collect-btn a:hover,
.collect-btn.current a,
.collect-btn span:hover,
.collect-btn.current span {
  text-decoration: none;
  color: #fff; }

.collect-btn a:hover i:before,
.collect-btn span:hover i:before {
  color: #999; }

.collect-btn.current a i:before,
.collect-btn.current span i:before {
  color: #ff4242; }

.collect-btn.current:hover a i:before,
.collect-btn.current:hover span i:before {
  color: #ff6b6b; }

.collect-btn a:hover i em,
.collect-btn span:hover i em {
  display: none; }

.collect-btn a:hover i:after,
.collect-btn span:hover i:after {
  color: #fff;
  font-family: "SimSun";
  font-size: 10px;
  position: relative;
  top: -3px;
  z-index: 3; }

.collect-btn.current a:hover i:after,
.collect-btn.current span:hover i:after {
  content: ""; }

.collect-btn i {
  display: inline-block;
  position: relative;
  font-size: 12px;
  line-height: 40px; }

.collect-btn i,
.collect-btn i:before {
  height: 40px;
  width: 40px;
  text-align: center;
  vertical-align: middle; }

.collect-btn i:before {
  color: #dddddd;
  font-size: 30px;
  position: absolute;
  top: 5px;
  left: 0;
  line-height: 1;
  z-index: 1; }

.collect-btn i em {
  position: relative;
  z-index: 2; }

.works-name .collect-btn i:before {
  color: #999; }

.works-name .collect-btn i em {
  color: #fff; }

.shadow-top {
  position: relative;
  z-index: 2;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  top: 1px;
  padding-bottom: 10px; }

.planning-bar-list .pagemaker-bar-l {
  width: 39.8%;
  padding-right: 26px;
  max-height: 600px;
  overflow: hidden; }

.planning-bar-list .pagemaker-bar-l + .pagemaker-bar-r {
  margin-left: 39.8%; }

.planning-bar-list .pagemaker-bar {
  padding: 40px 0 36px 0; }

.planning-bar-list .pagemaker-name {
  margin-top: 20px; }

.planning-bar-list .pagemaker-bar-r .common-text {
  margin-bottom: 40px;
  padding-right: 98px; }

.planning-bar-list .gallery {
  margin-right: -22px; }

.planning-bar-list .pagemaker-bar-r .quote-mark {
  padding-right: 284px; }

.planning-bar-list .pagemaker-name,
.planning-bar-list .quote-mark,
.planning-bar-list .pagemaker-bar-r .common-text {
  margin-left: 43px; }

.planning-bar-list .pagemaker-name .filter-list.small .filter-body {
  padding-left: 0;
  margin-top: 5px; }

.pagemaker-bar {
  border: 1px solid #eeeeee;
  padding: 20px;
  margin-bottom: 20px;
  background: #fff; }

.pagemaker-bar-l {
  float: left;
  width: 210px; }

.pagemaker-bar-l + .pagemaker-bar-r {
  margin-left: 300px; }

.pagemaker-bar-r {
  position: relative; }

.pagemaker-name {
  margin-bottom: 10px;
  margin-right: 90px; }

.pagemaker-name h3 {
  font-size: 34px;
  line-height: inherit; }

.pagemaker-name h3:hover a {
  text-decoration: none; }

.pagemaker-name h3,
.pagemaker-name .filter-list {
  display: inline-block;
  vertical-align: bottom; }

.pagemaker-name .filter-list.small .filter-body span {
  margin-bottom: 0;
  padding: 3px 16px; }

.pagemaker-name .filter-list,
.pagemaker-name .filter-list .filter-body {
  padding: 0 0 4px 0; }

.pagemaker-name h3 + .filter-list {
  margin-left: 20px; }

.pagemaker-name .filter-list .filter-body span,
.pagemaker-name .filter-list .filter-body a {
  margin-bottom: 0; }

.pagemaker-bar-r .quote-mark p {
  font-size: 16px;
  font-weight: bold; }

.pagemaker-bar-r .quote-mark small {
  font-size: 16px; }

.pagemaker-bar-r .quote-mark {
  padding: 20px 196px 10px 0; }

.pagemaker-bar-r .common-text {
  margin-bottom: 10px;
  padding-right: 50px; }

.pagemaker-bar-r .avg-lg-3 > li:nth-of-type(3n + 1) {
  clear: right; }

.bk-overlay {
  position: relative;
  height: 100%;
  overflow: hidden; }

.bk-overlay-tit {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  width: 100%;
  padding: 16px;
  z-index: 2; }

.list-goods-thumb.bk-overlay-wrap {
  background-color: #fff; }

.bk-overlay-tit h4 {
  font-size: 18px;
  font-weight: 400; }

a .bk-overlay-tit h4 {
  color: #555; }

.bk-overlay-tit .bk-overlay-text {
  color: #999;
  font-size: 12px;
  margin-top: 0; }

.bk-overlay-tit .bk-overlay-text:after {
  content: "";
  display: block;
  border-top: 2px solid #ff4242;
  width: 30px;
  margin: 8px auto 0; }

.bk-overlay-tit .btn-small {
  padding: 0 10px;
  letter-spacing: 2px; }

.bk-overlay-pic {
  display: block;
  overflow: hidden; }

.bk-overlay-pic img {
  position: relative;
  z-index: 1;
  top: 46px; }

.bk-overlay-pic-top img {
  top: 0; }

.bk-overlay-tit.middle {
  height: 40px;
  position: absolute;
  top: 50%;
  margin-top: -20px; }

.bk-overlay-tit.middle + .bk-overlay-pic img {
  top: 0; }

.bk-overlay-tit.middle h4 {
  display: inline-block;
  position: relative;
  font-size: 14px;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
  overflow: inherit; }

.bk-overlay-tit.middle h4:before,
.bk-overlay-tit.middle h4:after {
  content: "";
  display: block;
  position: absolute !important;
  height: 40px;
  width: 20px;
  border: 1px solid #ff4242;
  top: 50%;
  margin-top: -20px; }

.bk-overlay-tit.middle h4:before {
  left: -25px;
  border-width: 0 0 1px 1px; }

.bk-overlay-tit.middle h4:after {
  right: -25px;
  border-width: 1px 1px 0 0; }

.thumb-190x154 > a,
.thumb-190x154 > span {
  width: 190px;
  height: 154px;
  line-height: 154px; }

.list-goods-thumb-left.style010 li {
  margin-bottom: 24px; }

.list-goods-thumb-left.style010 .list-goods-item {
  border: 0; }

.swiper-container div.list-goods-thumb {
  height: 175px; }

dt {
  font-weight: bold; }

dd {
  margin-top: .5em; }

dl + dl, dd + dt {
  margin-top: 1em; }

dl.list-hr dt, dl.list-hr dd {
  display: table-cell; }

dl.list-hr dt {
  min-width: 80px;
  white-space: nowrap; }

dl.list-hr dd {
  padding-left: .5em;
  padding-top: 0; }

dl.list-hr dd + dt {
  padding-left: 1.5em; }

.text-mark {
  font: normal 12px/1 "Lantinghei SC", "PingFang SC", "Microsoft Yahei", "Hiragino Sans GB", "Segoe UI", "Lucida Grande", Helvetica, "SimHei", sans-serif;
  color: #fff;
  padding: 2px;
  margin-left: 3px;
  border-radius: 2px;
  background: #ff4242;
  display: inline-block; }

.text-mark:visited {
  color: #fff; }

.text-mark.orange {
  background-color: #fb7e00; }

.text-mark.pink {
  background-color: #f7518c; }

.text-mark.blue {
  background-color: #0af; }

.text-mark.yellow {
  background-color: #ffab19; }

.text-mark.red {
  background-color: #de4535; }

.text-mark.green {
  background-color: #5ed125; }

.text-mark.gray {
  background-color: #555; }

.text-mark.gray-light {
  background-color: #999; }

.text-mark.purple {
  background-color: #d41d5f; }

.text-mark.deepPurple {
  background-color: #800258; }

.text-mark.cyan {
  background-color: #3cada6; }

.text-mark.linear {
  border-radius: 1000px;
  background: none;
  padding: 2px 6px;
  border-width: 1px;
  margin: 0 3px 0 0;
  border-style: solid;
  border-color: #ff4242;
  color: #ff4242; }

.text-mark.linear.radius {
  border-radius: 3px; }

.text-mark.linear.square {
  border-radius: 0; }

a span.text-mark.linear {
  cursor: pointer; }

span.text-mark.linear {
  cursor: default; }

.text-mark.linear.orange {
  border-color: #fb7e00;
  color: #fb7e00; }

.text-mark.linear.pink {
  border-color: #f7518c;
  color: #f7518c; }

.text-mark.linear.blue {
  border-color: #0af;
  color: #0af; }

.text-mark.linear.yellow {
  border-color: #ffab19;
  color: #ffab19; }

.text-mark.linear.red {
  border-color: #de4535;
  color: #de4535; }

.text-mark.linear.green {
  border-color: #5ed125;
  color: #5ed125; }

.text-mark.linear.gray {
  border-color: #999;
  color: #000; }

.text-mark.linear.gray-light {
  border-color: #999;
  color: #999; }

.text-mark.linear.pink {
  border-color: #f7518c;
  color: #f7518c; }

.text-mark.linear.purple {
  border-color: #d41d5f;
  color: #d41d5f; }

.text-mark.linear.deepPurple {
  border-color: #800258;
  color: #800258; }

.text-mark.linear.cyan {
  border-color: #3cada6;
  color: #3cada6; }

a:hover .text-mark.linear {
  background: #ff4242;
  color: #fff; }

a:hover .text-mark.linear.orange {
  background: #fb7e00; }

a:hover .text-mark.linear.pink {
  background: #f7518c; }

a:hover .text-mark.linear.blue {
  background: #0af; }

a:hover .text-mark.linear.yellow {
  background: #ffab19; }

a:hover .text-mark.linear.red {
  background: #de4535; }

a:hover .text-mark.linear.green {
  background: #5ed125; }

a:hover .text-mark.linear.gray {
  background: #555;
  border-color: #333333; }

a:hover .text-mark.linear.gray-light {
  background: #999; }

a:hover .text-mark.linear.pink {
  background: #f7518c; }

a:hover .text-mark.linear.purple {
  background: #d41d5f; }

a:hover .text-mark.linear.deepPurple {
  background: #800258; }

a:hover .text-mark.linear.cyan {
  background: #3cada6; }

.pages, .pages-orange, .pages-pink, .pages-green a {
  box-sizing: border-box; }

/*分页 */
.pages {
  margin: 10px 0;
  padding: 10px;
  text-align: center; }

.pages:before,
.pages:after {
  content: " ";
  display: table;
  clear: both; }

.pages p {
  font-size: 0; }

/*清除a之间的间距*/
.pages a, .pages input.pages-btn {
  color: #555;
  text-decoration: none;
  border: 1px #dddddd solid; }

.pages a, .pages strong {
  padding: 0 12px;
  margin: 0 3px;
  font: 12px/40px "Lantinghei SC", "PingFang SC", "Microsoft Yahei", "Hiragino Sans GB", "Segoe UI", "Lucida Grande", Helvetica, "SimHei", sans-serif;
  min-width: 40px;
  display: inline-block;
  text-align: center; }

.pages a:hover {
  color: #ff4242;
  border: 1px solid #ff2929;
  background: #fff;
  z-index: 4; }

.pages a.active, .pages a:hover.active,
.pages strong {
  border: 1px solid #ff2929;
  color: #fff;
  background: #ff4242;
  cursor: default; }

.pages i {
  padding: 0 8px;
  font-size: 12px; }

/*省略号*/
.pages span {
  color: #ccc;
  padding-left: 20px;
  font-weight: 600; }

.pages span form {
  display: inline; }

.pages input {
  margin: 0 -1px 0 0;
  text-align: center;
  color: #ccc;
  position: relative;
  z-index: 5;
  background: transparent; }

.pages .pages-btn {
  width: 40px;
  height: 40px;
  padding: 0 5px;
  border-radius: 3px;
  font-weight: 400;
  z-index: 1; }

.pages .pages-btn:hover {
  background: #eeeeee; }

.pages .pages-btn:active {
  background: #dddddd; }

.pages-text {
  width: 50px;
  height: 40px;
  border: 1px #dddddd solid;
  line-height: 25px; }

.pages p, .pages-small p {
  display: inline; }

a.pages-select {
  padding-left: 0;
  padding-right: 0; }

.pages-select {
  position: relative; }

.pages-select select {
  position: relative;
  opacity: 0;
  padding: 8px 8px;
  z-index: 13;
  cursor: pointer; }

.pages-select .pages-select-num {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  z-index: 12;
  font-weight: normal;
  text-align: center; }

/*分页-小*/
.pages-small {
  margin: 5px 0 0 0;
  padding: 0; }

.pages-small a, .pages-small strong {
  padding: 3px 6px;
  font-size: 12px;
  line-height: 20px;
  min-width: 28px; }

.pages-small span {
  padding-left: 10px; }

.pages-small input {
  margin: 0 3px; }

.pages-small .pages-btn {
  height: 20px;
  font-size: 12px; }

.pages-small .pages-text {
  width: 20px;
  height: 20px;
  line-height: 20px; }

.pages-small a:nth-child(1), .pages-small strong:nth-child(1) {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px; }

.pages-small a:nth-last-child(1), .pages-small strong:nth-last-child(1) {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

/*分页样式-蓝色*/
.pages-blue a.active, .pages-blue a:hover.active,
.pages-blue strong {
  border-color: #0099e6;
  background: #0af; }

.pages-blue a:hover {
  color: #0af;
  border-color: #0099e6; }

/*分页样式-橙色*/
.pages-orange a.active, .pages-orange a:hover.active,
.pages-orange strong {
  border-color: #e27100;
  background: #fb7e00; }

.pages-orange a:hover, .pages-orange a:active {
  color: #fb7e00;
  border-color: #e27100; }

/*分页样式-粉红色*/
.pages-pink a.active, .pages-pink a:hover.active,
.pages-pink strong {
  border-color: #f6397c;
  background: #f7518c; }

.pages-pink a:hover {
  color: #f7518c;
  border-color: #f6397c; }

.search {
  position: relative; }
.search input {
  height: 42px;
  width: 100%;
  border: 2px solid #ff4242;
  padding: 5px 90px 5px 30px;
  color: #555;
  line-height: 42px; }
.search button {
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  border: none;
  height: 100%;
  font-size: 14px;
  padding: 0 30px;
  z-index: 3; }
.search i {
  color: #dddddd;
  position: absolute;
  left: 10px;
  top: 50%;
  font-size: 18px;
  margin-top: -8px;
  line-height: 18px;
  z-index: 3; }

.search-gray input {
  border: 1px solid #dddddd; }

.search.radius input {
  border-radius: 4px; }

.search.radius button {
  border-radius: 0  4px 4px 0; }

.search.radius8 input {
  border-radius: 8px; }

.search.radius8 button {
  border-radius: 0  8px 8px 0; }

.search.round input {
  border-radius: 1000px; }

.search.round button {
  border-radius: 0 1000px 1000px 0; }

.search-small {
  width: 100%; }
.search-small input {
  height: 32px;
  padding-left: 30px;
  line-height: 32px; }
.search-small button {
  padding: 0 12px;
  line-height: 32px; }
.search-small i {
  left: 10px; }

.search-middle {
  width: 100%; }
.search-middle input {
  height: 36px;
  padding-left: 20px;
  line-height: 36px; }
.search-middle button {
  padding: 0 16px;
  line-height: 36px; }
.search-middle i {
  left: 10px; }

.steps {
  display: table;
  width: 100%; }
.steps li {
  height: 40px;
  background: #f9f9f9;
  line-height: 40px;
  color: #555;
  padding: 0 30px;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  position: relative;
  display: table-cell;
  float: none !important;
  max-width: 350px; }

.steps-css .activited:after, .steps-css .normal:after {
  height: 30px;
  width: 30px;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  display: inline-block;
  content: "";
  position: absolute;
  right: -20px;
  z-index: 2;
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 6px; }

.steps-css .current, .steps-css .activited {
  background: #5ed125;
  color: #fff; }

.steps-css .current:after {
  display: inline-block;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #5ed125;
  content: "";
  position: absolute;
  right: -20px;
  z-index: 3; }

.steps-line {
  counter-reset: section; }
.steps-line li {
  background: none;
  border-bottom: 2px solid #dddddd;
  color: #ccc; }
.steps-line li.activited {
  border-color: #ccc;
  color: #999; }
.steps-line li.activited:after {
  color: #ccc; }
.steps-line li.current {
  border-color: #ff4242;
  color: #ff2929; }
.steps-line li:before {
  content: counter(section);
  counter-increment: section;
  display: inline-block;
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-left: -3px;
  color: #fff;
  z-index: 66;
  font: 300 12px/1 Microsoft YaHei; }
.steps-line li:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -12px;
  left: 50%;
  margin-left: -10px;
  z-index: 65;
  height: 20px;
  width: 20px;
  background: #dddddd;
  border-radius: 100px; }
.steps-line li.current:after {
  background: #ff4242; }

.steps-style0 {
  counter-reset: section;
  background: #f8f8f8;
  padding: 10px; }
.steps-style0 li {
  max-width: 200px;
  line-height: 20px;
  border-left: 1px #dddddd solid;
  vertical-align: middle;
  background: none;
  color: #ccc; }
.steps-style0 li.activited {
  color: #999; }
.steps-style0 li.activited:before {
  color: #ccc; }
.steps-style0 li.current, .steps-style0 li.current:before {
  color: #ff2929;
  border-color: #ff4242; }
.steps-style0 li:before {
  content: counter(section);
  counter-increment: section;
  display: inline-block;
  position: absolute;
  bottom: -7px;
  left: 8px;
  top: 50%;
  margin-top: -10px;
  color: #dddddd;
  z-index: 66;
  font: 300 20px/1 Microsoft YaHei; }

/* ==========================================================================
   Component: Tabs Plugin
 ============================================================================ */
.tabs-nav {
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center;
  height: 43px;
  background-color: #f9f9f9;
  border-top: 1px #eeeeee solid;
  border-right: 1px #eeeeee solid; }

.tabs-nav li {
  float: left;
  margin-top: 0;
  min-width: 150px;
  height: 42px; }

.tabs-nav:after {
  content: "";
  display: table;
  clear: both; }

.tabs-nav,
.tabs-nav a,
[class*="tabs-arrow"] .tabs-nav a {
  line-height: 42px; }

.tabs-nav > .current a {
  line-height: 40px; }

.tabs-nav a {
  display: block;
  word-wrap: normal;
  /* for IE */
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #555;
  border-left: 1px #eeeeee solid; }

.tabs-nav a:hover {
  text-decoration: none;
  background-color: #eeeeee; }

.tabs-nav > .current {
  background-color: #fff;
  color: #ff4242;
  border-top: 2px #ff4242 solid; }

.tabs-nav > .current a:hover {
  background: #fff; }

.tabs-nav.bd-bottom > .current,
.tabs-nav.bd-bottom > .current a:hover {
  border-top: none;
  border-bottom: 2px #ff4242 solid; }

.tabs-bd {
  position: relative;
  overflow: hidden;
  border: 1px solid #eeeeee;
  border-top: none;
  z-index: 100;
  -webkit-transition: height .3s;
  transition: height .3s; }

.tabs-bd .tab-panel {
  position: absolute;
  top: 0;
  z-index: 99;
  float: left;
  width: 100%;
  padding: 10px 10px 15px;
  visibility: hidden;
  background: #fff;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%); }

.tabs-bd .tab-panel * {
  -webkit-user-drag: none; }

.tabs-bd .tab-panel.current {
  position: relative;
  z-index: 100;
  visibility: visible;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }

.tabs-bd .tab-panel.current ~ .tab-panel {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%); }

[class*="tabs-arrow"] .tabs-nav li {
  height: 42px; }

[class*="tabs-arrow"] .tabs-nav a {
  color: #222222; }

[class*="tabs-arrow"] .tabs-nav > .current {
  position: relative;
  background-color: #fcfcfc;
  border-top: 0; }

[class*="tabs-arrow"] .tabs-nav > .current a {
  color: #ff4242;
  border-top: 0;
  border-bottom: 1px solid #ff4242;
  line-height: 41px; }

[class*="tabs-arrow"] .tabs-nav > .current:before,
[class*="tabs-arrow"] .tabs-nav > .current:after {
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  margin-left: -5px;
  content: "";
  z-index: 101; }

[class*="tabs-arrow"] .tabs-nav > .current:before {
  bottom: -13px;
  margin-left: -7px;
  border: 7px rgba(0, 0, 0, 0) solid;
  border-top-color: #ff4242; }

[class*="tabs-arrow"] .tabs-nav > .current:after {
  bottom: -9px;
  border: 5px rgba(0, 0, 0, 0) solid;
  border-top-color: #fff; }

[class*="tabs-arrow"] .tabs-nav > .current:hover:after {
  border-top-color: #eeeeee; }

[class*="tabs-arrow"] .tabs-nav li.current {
  box-shadow: 0 2px 2px 0 rgba(85, 85, 85, 0.1);
  /*下*/
  z-index: 102; }

/* ==Tabs Theme: arrow2== */
.tabs-arrow2 .tabs-nav > .current a {
  background-color: #ff4242;
  color: #fff;
  line-height: 42px;
  border: 0; }

.tabs-arrow2 .tabs-nav > .current a i {
  color: #fff; }

.tabs-arrow2 .tabs-nav > .current:after {
  display: none; }

/* =Tabs Theme: arrow2-orange= */
.tabs-arrow2.orange .tabs-nav > .current a {
  background-color: #fb7e00; }

.tabs-arrow2.orange .tabs-nav > .current:before {
  border-top-color: #fb7e00; }

/* ==Tabs Theme: tabs-big== */
.tabs-big ul li {
  width: 230px;
  font-size: 18px; }

/* ==Tabs Theme: tabs-small== */
.tabs-small .tabs-nav {
  height: 30px;
  overflow: hidden; }

.tabs-small .tabs-nav li {
  height: 30px; }

.tabs-small .tabs-nav,
.tabs-small .tabs-nav a,
.tabs-small[class*="tabs-arrow"] .tabs-nav a,
.tabs-small .tabs-nav > .current a {
  line-height: 30px; }

/*标签*/
.tag dd,
.tag2 dd,
.tag a {
  position: relative;
  display: inline-block;
  padding: 3px 5px 3px 3px;
  margin: 5px 3px 5px 0;
  line-height: 1.2; }

.tag dd i,
.tag2 dd i,
.tag a i {
  padding: 2px;
  color: #999; }

.tag dd i:hover,
.tag2 dd i:hover,
.tag a i:hover {
  color: #de4535;
  cursor: pointer; }

.tag a:hover {
  text-decoration: none; }

.tag2 dd {
  padding: 0; }

.tag2 dd a {
  display: inline-block;
  padding: 3px 8px;
  border: 1px solid #eeeeee; }

.tag2 dd a:hover {
  border: 1px solid #e2594b;
  text-decoration: none;
  color: #de4535; }

.tag2 dd i {
  background: none;
  position: absolute;
  right: -8px;
  top: -8px;
  display: none; }

.tag2 dd i:before {
  background: #fff;
  border-radius: 100px; }

.tag2 dd:hover i {
  display: inline-block; }

.tag3 dd {
  color: #555;
  border: 2px solid #ddd;
  height: 32px;
  line-height: 30px;
  padding: 0 8px;
  margin: 0 10px 10px 0;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  vertical-align: middle; }

.tag3 dd.current {
  border-color: #ff4242; }

.tag3 dd.disabled {
  cursor: not-allowed;
  background-color: #e5e5e5; }

.breadcrumb .tag a {
  border: 1px solid #dddddd;
  padding: 5px; }

.breadcrumb .tag a:hover {
  border-color: #ff4242; }

.breadcrumb .tag a i {
  color: #ccc; }

.breadcrumb .tag a:hover i {
  color: #999; }

.breadcrumb .tag a i:hover {
  color: #ff4242; }

.breadcrumb .tag a.link {
  border: 0;
  color: #ff4242; }

.breadcrumb .tag a.link:hover {
  text-decoration: underline; }

.filter-box .breadcrumb {
  border-bottom: 1px solid #eeeeee; }

.filter-box dl + dl, .filter-box dd + dt {
  margin-top: 0; }

.check-animation,
.close-animation {
  text-align: center; }

.check-animation .animation,
.close-animation .animation {
  position: relative;
  width: 80px;
  height: 80px;
  display: inline-block;
  z-index: 11; }

.check-animation .animation:before,
.check-animation .animation:after,
.close-animation .animation:before,
.close-animation .animation:after {
  content: "";
  width: 46px;
  height: 5px;
  position: absolute;
  border-radius: 5px;
  transform: rotate(45deg);
  background-color: #5ed125; }

.check-animation .animation:before {
  width: 25px;
  left: 14px;
  top: 46px;
  animation: check-animation-short-Animation .65s; }

.check-animation .animation:after {
  right: 8px;
  top: 38px;
  transform: rotate(-45deg);
  animation: check-animation-long-Animation .65s; }

.close-animation .animation:before {
  left: 17px;
  top: 38px;
  animation: close-animation-left-Animation .65s;
  background: #e2594b; }

.close-animation .animation:after {
  right: 17px;
  top: 38px;
  background: #e2594b;
  transform: rotate(-45deg);
  animation: close-animation-right-Animation .65s; }

@keyframes check-animation-short-Animation {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -4px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@keyframes check-animation-long-Animation {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@keyframes close-animation-left-Animation {
  0% {
    width: 0;
    left: 10px;
    top: 9px; }
  75% {
    width: 0;
    left: 10px;
    top: 9px; }
  84% {
    width: 56px;
    left: 6px;
    top: 32px; }
  91% {
    width: 26px;
    left: 38px;
    top: 46px; }
  100% {
    width: 46px;
    left: 17px;
    top: 38px; } }

@keyframes close-animation-right-Animation {
  0% {
    width: 0;
    right: 10px;
    top: 9px; }
  50% {
    width: 0;
    right: 10px;
    top: 9px; }
  72% {
    width: 66px;
    right: 0;
    top: 31px; }
  80% {
    width: 26px;
    right: 38px;
    top: 46px; }
  90% {
    width: 46px;
    right: 17px;
    top: 38px; }
  100% {
    width: 46px;
    right: 17px;
    top: 38px; } }

.progress-o {
  display: inline-block;
  margin: 10px auto;
  width: 80px;
  height: 80px;
  position: relative; }

.progress-o:before {
  content: "";
  position: absolute;
  z-index: 10;
  width: 72px;
  height: 72px;
  background-color: #fff;
  border-radius: 50%;
  left: 4px;
  top: 4px;
  line-height: 80px;
  text-align: center; }

.progress-o-left,
.progress-o-right {
  width: 40px;
  height: 80px;
  overflow: hidden;
  position: relative;
  float: left; }

.progress-o-left {
  border-radius: 80px 0 0 80px; }

.progress-o-right {
  border-radius: 0 80px 80px 0; }

.progress-o-left:after,
.progress-o-right:after {
  content: "";
  position: absolute;
  display: block;
  width: 40px;
  height: 80px;
  background-color: #5ed125;
  border-radius: 80px 0 0 80px;
  /*background-color: rgba(100,100,100,.1);*/
  transform: rotateZ(0deg);
  animation: progress-o-left-animation .35s linear;
  transform-origin: right center; }

.progress-o-right:after {
  content: "";
  position: absolute;
  display: block;
  border-radius: 0 80px 80px 0;
  transform: rotateZ(0deg);
  animation: progress-o-right-animation .35s linear;
  transform-origin: left center; }

@keyframes progress-o-right-animation {
  0% {
    transform: rotateZ(-180deg); }
  50%, 100% {
    transform: rotateZ(0deg); } }

@keyframes progress-o-left-animation {
  0%, 50% {
    transform: rotateZ(-180deg); }
  100% {
    transform: rotateZ(0deg); } }

.progress-o .animation {
  position: absolute;
  left: 0;
  top: 0; }

.close-animation .progress-o-left:after,
.close-animation .progress-o-right:after {
  background-color: #e2594b; }

.progress-o .progress-num {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  line-height: 80px;
  text-align: center;
  z-index: 12; }

.tips-wrap {
  margin: 30px 0;
  text-align: center; }

.tips-wrap h2 {
  margin: 10px 0;
  font-size: 24px; }

.tips-text {
  font-size: 20px;
  line-height: 2;
  margin: 10px auto;
  max-width: 500px;
  color: #999; }

.tips-pic {
  margin: 5px; }

.tips-icon {
  line-height: 1.2; }

.tips-icon i {
  color: #ccc;
  font-size: 150px; }

.file-camera {
  cursor: pointer;
  position: relative; }

.file-camera:before {
  content: "\e656";
  font-family: "kiconfont";
  font-size: 30px;
  line-height: 30px;
  position: absolute; }

.upload-pic-list {
  padding: 10px 10px 5px 0;
  letter-spacing: initial; }

.upload-pic-list li {
  cursor: pointer;
  position: relative;
  display: inline-block;
  margin: 0 10px 10px 0;
  vertical-align: top;
  padding-left: 10px; }

.upload-pic-list li span {
  position: absolute;
  color: #de4535;
  top: -12px;
  left: -6px;
  font-size: 20px;
  z-index: 13; }

.upload-pic-list li span i {
  background: #fff;
  border-radius: 50px; }

.upload-pic {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  position: relative;
  z-index: 9; }

.upload-pic img {
  position: relative;
  z-index: 5;
  width: 100%;
  min-height: 100%; }

.upload-pic:after {
  content: "+";
  display: block;
  font-size: 40px;
  border: 2px dashed #eeeeee;
  color: #eeeeee;
  text-align: center;
  line-height: 43px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3; }

.upload-pic,
.upload-pic:after,
.upload-pic.loading:before,
.upload-pic-loading,
.upload-file input[type="file"] {
  width: 50px;
  height: 50px; }

.upload-pic.loading:before {
  content: "上传中";
  font-style: initial; }

.upload-pic.loading:before,
.upload-pic-loading {
  font-size: 12px;
  color: #dddddd;
  text-align: center;
  line-height: 50px;
  display: block;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 7; }

.upload-pic-list.radius .upload-pic {
  border-radius: 3px; }

.upload-file input[type="file"] {
  opacity: 0;
  font-size: 0;
  position: absolute;
  z-index: 11;
  cursor: pointer; }

.upload-pic:hover:after,
.upload-file:hover .upload-pic:after {
  color: #ccc;
  border-color: #ccc; }

.picx100 .upload-pic,
.picx100 .upload-pic:after,
.picx100 .upload-pic.loading:before,
.picx100 .upload-pic-loading,
.picx100 .upload-file input[type="file"] {
  width: 100px;
  height: 100px; }

.picx100 .upload-pic.loading:before,
.picx100 .upload-pic-loading {
  line-height: 100px; }

.picx100 .upload-pic:after {
  line-height: 94px; }

.pic80x300 .upload-pic,
.pic80x300 .upload-pic:after,
.pic80x300 .upload-pic.loading:before,
.pic80x300 .upload-pic-loading,
.pic80x300 .upload-file input[type="file"] {
  width: 328px;
  height: 80px; }

.pic80x300 .upload-pic:after {
  line-height: 76px; }

.pic200x100 .upload-pic,
.pic200x100 .upload-pic:after,
.pic200x100 .upload-pic.loading:before,
.pic200x100 .upload-pic-loading,
.pic200x100 .upload-file input[type="file"] {
  width: 214px;
  height: 100px; }

.cm-xcx .pic200x100 .upload-pic,
.cm-xcx .pic200x100 .upload-pic:after,
.cm-xcx .pic200x100 .upload-pic.loading:before,
.cm-xcx .pic200x100 .upload-pic-loading,
.cm-xcx .pic200x100 .upload-file input[type="file"] {
  width: 214px;
  height: 285px;
  line-height: 285px; }

.pic200x100 .upload-pic:after {
  line-height: 100px; }

.pic200x100 .upload-pic-1:after {
  content: '130x80';
  font-size: 30px; }

.pic200x200 .upload-pic,
.pic200x200 .upload-pic:after,
.pic200x200 .upload-pic.loading:before,
.pic200x200 .upload-pic-loading,
.pic200x200 .upload-file input[type="file"] {
  width: 160px;
  height: 210px; }

.pic200x200 .upload-pic:after {
  line-height: 214px; }

.picx100 .upload-stack-box {
  width: 100px; }

.upload-file .flag-bar {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 15; }

.upload-file .flag-bar li {
  margin: 0; }

.tips-size .upload-pic:after {
  font-size: 20px;
  color: #ccc;
  z-index: 7; }

.tips-size .upload-file:hover .upload-pic:after {
  text-shadow: 1px 1px 1px white;
  color: #999; }

.xqt .pic80x300 .upload-pic:after {
  content: "1320X496"; }

.xqt .pic200x100 .upload-pic:after {
  content: "880X420"; }

.xqt .picx100 .upload-pic:after {
  content: "430X430"; }

.dzsk .picx100 .upload-pic:after {
  content: "750X750"; }

.cm-play .pic200x100 .upload-pic:after {
  content: "750X374"; }

.cm-jieshao .pic200x100 .upload-pic:after {
  content: "750X520"; }

.cm-zygg .pic200x200 .upload-pic:after {
  content: "332X476"; }

.cm-zygg .pic200x100 .upload-pic:after {
  content: "358X234"; }

.cm-zjgg .pic200x100 .upload-pic:after {
  content: "750X350"; }

.form-group.param_vid > label {
  vertical-align: top; }

.form-group.param_vid .form-group-element label {
  width: 110px;
  margin-bottom: 6px;
  text-align: left; }

.vertical {
  font-size: 0.0000000001px;
  /*在使用`inline-block`时，删除子元素之间的空白*/ }

.vertical:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.vertical-middle,
.vertical-bottom {
  display: inline-block;
  font-size: 1.6rem;
  max-width: 100%;
  /*Reset whitespace hack*/ }

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

.vertical-bottom {
  vertical-align: bottom !important; }

.icon-list + .icon-list {
  margin-top: 10px; }

.icon-list + .icon-list .icon-list-head {
  padding-top: -10px; }

.icon-list li {
  background: #fff; }

.icon-list li a {
  text-decoration: none; }

.icon-list > li,
.icon-list > ul > li,
.icon-list > li > a,
.icon-list-son li {
  display: table;
  width: 100%;
  position: relative; }

.icon-list-info {
  width: 100%; }

.icon-list-info,
.icon-list-hd,
.icon-list-text,
.icon-list-tail,
.icon-list-ico {
  display: table-cell; }

.icon-list-hd,
.icon-list-text {
  width: 9999px; }

.icon-list-hd {
  font-size: 1.6rem;
  color: #555;
  vertical-align: middle; }

.icon-list-hd > small {
  margin-left: 10px; }

.icon-list-hd > small:first-child {
  margin-left: 0; }

.icon-list-hd p {
  line-height: 1.2; }

.icon-list-hd h3 {
  font-size: 2rem; }

.icon-list-text {
  line-height: 1.4;
  font-size: 1.4rem; }

.icon-list-tail {
  text-align: right;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle; }

.icon-list-tail a {
  padding: .8rem 0 .8rem 10px; }

.icon-list-tail a span {
  color: #999;
  margin-right: 5px; }

.icon-list-remark {
  font-size: 1.2rem;
  line-height: 1.5rem;
  color: #ccc;
  max-height: 3.2rem;
  overflow: hidden; }

.icon-list li.icon-list-head {
  background: #f9f9f9;
  position: relative;
  padding: 0 1rem; }

.icon-list li + .icon-list-head {
  padding-top: .5rem; }

.icon-list-title {
  font-size: 1.5rem;
  color: #ccc;
  padding: .5rem 0; }

.icon-list-ico {
  float: left;
  display: inline-block;
  width: 3rem;
  height: 3rem;
  line-height: 2.8rem;
  font-size: 2rem;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  margin: .8rem;
  overflow: hidden; }

.icon-list .icon-list-ico {
  position: absolute;
  top: 50%;
  margin-top: -1.5rem; }

.icon-list .icon-list-ico + .icon-list-info {
  padding-left: 5rem; }

.icon-list-son .icon-list-ico {
  margin-top: -1rem; }

.icon-small.icon-list li .icon-list-ico {
  margin-top: -.725rem; }

.of-initial {
  overflow: initial; }

.icon-list.icon-top .icon-list-ico,
.icon-list-ico-wrap .icon-list-ico {
  position: inherit;
  margin-top: .8rem; }

.icon-list.icon-top .icon-list-ico + .icon-list-info {
  padding-left: 0; }

.icon-list-info,
a .icon-list-info {
  height: 4.6rem;
  padding: .8rem 1rem .8rem 1rem;
  border-bottom: 1px #eeeeee solid;
  vertical-align: middle; }

.icon-list-compact,
a .icon-list-compact,
.icon-list-compact1-2,
a .icon-list-compact1-2 {
  line-height: 1;
  min-height: 4.6rem;
  max-height: 6rem;
  padding-top: .8rem; }

.icon-list-compact1-2,
a .icon-list-compact1-2 {
  line-height: 1.2; }

.icon-list-compact .icon-list-text {
  line-height: 1; }

.icon-list .img-box {
  display: table-caption; }

.icon-list .img-box img {
  margin-bottom: 0; }

.icon-list-lable .lable-text {
  display: table-cell;
  width: 100%;
  height: 4.6rem;
  vertical-align: middle;
  padding-left: 1rem; }

.icon-list-lable + .icon-list-info {
  width: 75%; }

.icon-list-info .form-radio-block {
  line-height: normal; }

.icon-list.flex {
  align-items: stretch; }

.icon-list.flex li {
  display: block;
  border: 1px solid #dddddd;
  text-align: left;
  flex: 1; }

.icon-list.flex li + li {
  border-left: 0; }

.icon-list.flex li .icon-list-info {
  border-bottom: 0; }

.icon-list.flex.no-bd li {
  border: 0; }

.list-goods-card .list-goods-info {
  border-bottom: 1px solid #eeeeee;
  padding: 5px;
  margin: 0 0 5px 0; }

.icon-list-small .icon-list-info,
.icon-list-small.icon-list-info,
.icon-list-small a .icon-list-info {
  height: auto; }

.icon-list-son .icon-list-small .icon-list-info {
  line-height: inherit; }

.icon-small .icon-list-ico {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1rem;
  line-height: 1.5rem; }

.icon-small .icon-list-info {
  padding-bottom: 0.8rem; }

.icon-small.icon-list li .icon-list-ico + .icon-list-info {
  padding-left: 3rem; }

.icon-small .icon-list-hd {
  font-size: 1.8rem; }

.icon-list-tail.edit-icon b i {
  font-size: 2rem;
  font-weight: normal;
  margin-left: 2rem;
  padding: 0.8rem; }

.icon-list-tail.edit-icon a b i {
  margin-left: 0; }

.icon-list-tail.edit-icon strong i {
  padding: .8rem 0 .8rem 1.6rem; }

.icon-list-tail.edit-icon strong i.rotate180 {
  transform: rotate(0deg); }

.icon-list-tail.edit-icon strong i.rotate180::before {
  transform: rotate(180deg); }

.icon-list + .icon-list.mg0 {
  margin-top: -1px !important; }

.icon-list-info.top-bd {
  border-top: 1px #eeeeee solid; }

.icon-list-parent {
  position: relative; }

.icon-list-son {
  padding-left: 2rem;
  display: none; }

.icon-list-tail small {
  color: #ccc; }

.unfold .icon-list-son {
  display: block; }

.icon-list .fold {
  display: none; }

.icon-list-son li {
  background: transparent; }

.icon-list-son .icon-list-ico {
  width: 2rem;
  height: 2rem;
  line-height: 1.8rem;
  font-size: 1.4rem; }

.icon-list-son .icon-list-info {
  line-height: 2.6rem;
  margin-left: 3.5rem; }

.icon-list-son .icon-list-hd {
  font-size: 1.3rem; }

.icon-list .icon-list-son .icon-list-ico + .icon-list-info {
  padding-left: 4rem; }

.icon-list-son.style01 {
  padding-left: 0;
  background: #f9f9f9; }

.icon-list.organizational .icon-list-son {
  background: #fcfcfc; }

.icon-list.organizational .icon-list-son ul > li::after,
.icon-list.organizational .icon-list-son ul > li .icon-list-parent::before,
.icon-list.organizational .icon-list-son ul > li .icon-list-parent::after,
.icon-list.organizational .icon-list-son ul > li::after,
.icon-list.organizational .icon-list-son ul > li + .icon-list-son::before {
  border-color: #dddddd;
  border-style: dashed;
  border-width: 0; }

.icon-list.organizational .icon-list-son ul > li::after,
.icon-list.organizational .icon-list-son ul > li .icon-list-parent::before,
.icon-list.organizational .icon-list-son ul > li .icon-list-parent::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 50%;
  left: 0;
  height: 1px;
  width: 8px;
  border-top-width: 1px;
  z-index: 1; }

.icon-list.organizational .icon-list-son ul > li::after {
  height: 100%;
  width: 1px;
  border-left-width: 1px;
  bottom: calc(0% + 2.3rem); }

.icon-list.organizational .icon-list-son ul > li:first-child::after {
  bottom: 10px; }

.icon-list.organizational .icon-list-son ul > li + .icon-list-son::before {
  bottom: 0;
  height: calc(100% + 2.3rem);
  width: 1px;
  border-left-width: 1px; }

.icon-list.organizational .icon-list-son ul > li + .icon-list-son:last-child::before {
  border-left: none; }

.icon-list.organizational .icon-list-son ul > li:only-of-type::after {
  height: 2.3rem;
  top: 0; }

.icon-list.organizational .icon-list-ico {
  border: 1px dashed #dedcdc;
  color: #999; }

.icon-list.organizational > li > .icon-list-parent > .icon-list-ico {
  line-height: 2rem;
  font-size: 3rem; }

.icon-list-add em {
  display: block;
  border: 2px dashed #eee;
  text-align: center;
  color: #999;
  cursor: pointer; }

.icon-list-add em:hover {
  border-color: #ddd;
  color: #333; }

.icon-list-tail.hover-em em + em {
  margin-left: 10px; }

.icon-list-add-one .icon-list-info {
  border: 0;
  padding: .8rem 0; }

.icon-list-add-one .icon-list-add {
  line-height: 40px; }

.sec-striped .sec-bg:nth-of-type(2n+1) .common-avatar {
  background: #f9f9f9; }

.sec-striped .sec-bg:nth-of-type(2n+1) .column-tit em {
  background-color: #fff; }

.index-column .column-middle .list-goods-main[class*="avg-"] {
  margin-bottom: -28px; }

.column-middle .list-goods-thumb + .common-avatar {
  padding: 9px 10px; }

.index-head-top {
  text-align: center; }

.index-head-top a:hover {
  text-decoration: none;
  color: #555; }

.index-head-top h2 {
  font-size: 20px;
  margin-top: 30px; }

.index-head-top p {
  font-size: 14px;
  padding: 6px 30px; }

.list-goods-thumb .overlay-info {
  position: absolute;
  bottom: 20px;
  width: 100%;
  left: 0;
  padding: 0 10.26%;
  z-index: 2; }

.list-goods-thumb .overlay-info span {
  background-color: #fff;
  display: block; }

.column-right .list-goods-thumb .overlay-info {
  bottom: 38px; }

.column-right .list-goods-thumb .overlay-info span {
  padding: 10px 40px;
  display: block; }

.footer-fixed-ad {
  position: fixed;
  display: none;
  bottom: 0;
  left: 0;
  z-index: 988;
  min-width: 1300px;
  width: 100%;
  text-align: center; }

.footer-fixed-ad .close {
  position: absolute;
  top: 50%;
  right: 20%;
  margin-top: -25px; }

.footer-fixed-ad .close i {
  font-size: 30px;
  color: #fff;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.1);
  padding: 10px;
  border-radius: 100px; }

.footer-fixed-ad .close i:hover {
  background: rgba(0, 0, 0, 0.3); }

.middel-fixed-ad {
  display: none;
  position: fixed;
  width: 508px;
  height: 300px;
  left: 50%;
  top: 50%;
  margin-left: -259px;
  margin-top: -150px;
  z-index: 990;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 6px; }

.middel-fixed-ad > div {
  width: 100%;
  height: 100%;
  display: block;
  background: url("../images/index/fixed-ad.png") no-repeat; }

.middel-fixed-ad > div .click-img {
  position: absolute;
  width: 100%;
  height: 80%;
  left: 0;
  top: 0;
  z-index: 992;
  cursor: pointer; }

.middel-fixed-ad div a.btn-theme {
  position: absolute;
  bottom: 3%;
  left: 10%; }

.middel-fixed-ad div .off {
  position: absolute;
  top: 8%;
  right: 5%;
  background-color: #e3e3e3;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  z-index: 993; }

.middel-fixed-ad div p {
  position: absolute;
  bottom: 3%;
  right: 10%;
  display: table; }

.middel-fixed-ad div p span {
  vertical-align: middle;
  -moz-user-select: none;
  /*火狐*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  -ms-user-select: none;
  /*IE10*/
  cursor: default; }

.middel-fixed-ad div p b {
  vertical-align: middle;
  font-size: 26px;
  font-style: italic;
  color: #eb3e3e; }

.activity-fixed-beign {
  display: block;
  position: fixed;
  width: 437px;
  height: 520px;
  left: 50%;
  top: 50%;
  margin-left: -218px;
  margin-top: -250px;
  z-index: 999112;
  background: #fff; }

.activity-fixed-beign .hd {
  font-size: 30px;
  margin-top: 40px;
  line-height: 1.4; }

.activity-fixed-beign .tel {
  font-size: 24px;
  margin-top: 30px; }

.activity-fixed-beign .btn-theme {
  box-shadow: 0 10px 30px rgba(255, 66, 66, 0.3);
  margin-bottom: 20px; }

.activity-fixed-beign .login-other .tit:before {
  width: 60%;
  left: 20%; }

.activity-fixed-end .close,
.activity-fixed-beign .close {
  position: absolute;
  top: -7%;
  right: -7%; }

.activity-fixed-end .close + a,
.activity-fixed-beign .close + a {
  top: 68%;
  left: 36%;
  font-size: 20px; }

.fixed-detail-close i,
.activity-fixed-recommend .close i,
.activity-fixed-end .close i,
.activity-fixed-beign .close i {
  font-size: 28px;
  cursor: pointer;
  padding: 10px; }

.fixed-detail-close,
.activity-fixed-recommend .close,
.activity-fixed-end .close,
.activity-fixed-beign .close {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: .5s; }

.fixed-detail-close:hover,
.activity-fixed-recommend .close:hover,
.activity-fixed-end .close:hover,
.activity-fixed-beign .close:hover {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.activity-fixed-beign .login-other {
  top: 51%; }

.activity-fixed-beign .login-other a.btn-theme {
  color: #fff;
  font-weight: normal;
  font-size: 20px;
  padding: 0 30px; }

.activity-fixed-end {
  display: block;
  position: fixed;
  width: 431px;
  height: 386px;
  left: 50%;
  top: 50%;
  margin-left: -215px;
  margin-top: -193px;
  z-index: 99912;
  background: #fff; }

.activity-fixed-recommend {
  width: 848px;
  min-height: 600px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -424px;
  margin-top: -307px;
  z-index: 99913; }

.activity-fixed-recommend .close {
  margin-right: -12px; }

.activity-fixed-recommend .hint {
  background-color: #000;
  color: #fff;
  padding: 0 22px; }

.activity-fixed-recommend .hint,
.activity-fixed-recommend .hint h2,
.activity-fixed-recommend h3 {
  line-height: 32px;
  font-size: 12px; }

.activity-fixed-recommend h2,
.activity-fixed-recommend h4 {
  font-weight: normal;
  font-size: 14px; }

.activity-fixed-recommend h3 {
  font-size: 16px;
  font-weight: 400; }

.activity-fixed-recommend h3 small {
  color: #fff; }

.activity-fixed-recommend .works-wrap {
  padding: 16px 34px; }

.works-recommend {
  height: 26px;
  border-bottom: 1px solid #999; }

.works-select {
  left: 0; }

.works-select li {
  float: left;
  width: 82px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  border: 1px solid #999;
  cursor: pointer; }

.works-select li.on {
  border: 1px solid #ff4242;
  background-color: #ff4242;
  color: #fff; }

.works-more {
  right: 0; }

.works-more a {
  text-decoration: none; }

.works-wrap .works-con .avg-lg-5 .list-goods-thumb {
  min-height: 160px; }

.works-wrap .works-con .avg-lg-5 {
  margin-right: -16px; }

.works-wrap .works-con .avg-lg-5 li {
  padding-right: 16px;
  margin-bottom: 20px; }

.works-wrap .works-con .list-goods-info {
  padding: 5px;
  text-align: center;
  background: #fff; }

.page-next-prev {
  border-top: 1px solid #999;
  padding-top: 16px; }

.page-next-prev span {
  line-height: 28px;
  margin: 0 12px; }

.banner-box {
  text-align: center; }

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

.parallax-section {
  background-attachment: fixed;
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover; }

.index-slider {
  position: relative; }

.index-slider .index-slider-main {
  margin: 10px; }

.index-slider-cover {
  position: absolute;
  top: 10px;
  left: 0; }

.index-slider-cover + .swipe {
  margin-top: 10px;
  margin-left: 295px; }

.index-slider-cover + .swipe .dot-wrap {
  margin-left: -152px; }

.cover-right .index-slider-cover + .swipe {
  margin-left: 0;
  margin-right: 295px; }

.cover-right .index-slider-cover {
  left: auto;
  right: 0; }

.cover01, .cover02 {
  width: 285px; }

.cover01 {
  position: relative; }

.cover01-info {
  position: absolute;
  color: #fff;
  text-align: left;
  padding: 9%; }

.cover01-info .title {
  margin: 26% 0 7%;
  font-size: 30px;
  line-height: 1;
  font-family: "Segoe UI", "Microsoft Yahei",sans-serif;
  font-weight: 600;
  letter-spacing: 3px; }

.cover01-info .flag {
  background: #ff4242;
  font-size: 16px;
  padding: 2px 5px;
  letter-spacing: 2px; }

.cover01-info .button {
  height: 34px;
  width: 116px;
  margin-top: 20px; }

.cover01-info .button .btn-free {
  line-height: 34px; }

.index-p7-row {
  font-size: 0; }

.index-p7-row [class*="col"] {
  float: left; }

.index-p7-row .col1 {
  width: 31.31897%;
  padding-right: 5px; }

.index-p7-row .col2 {
  width: 44.981608%; }

.index-p7-row .col2 > * {
  padding: 0 5px 5px 0; }

.index-p7-row .overlay-main .overlay-info {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }

.index-p7-row .col2 .col2-1 {
  width: 41.0046729%; }

.index-p7-row .col2 .col2-2 {
  width: 58.9953271%; }

.index-p7-row .col2 .col2-3 {
  width: 56.1915888%; }

.index-p7-row .col2 .col2-4 {
  width: 43.8084112%; }

.index-p7-row .col3 {
  width: 23.699422%; }

.overlay-info.flex-center {
  height: 100%; }

.flex-center {
  display: inline-flex;
  align-content: center;
  align-items: center;
  justify-content: center; }

.index-p1 {
  padding: 70px 0 20px;
  background: url("../images/index/V2/p1-bg.jpg") center top no-repeat; }

.index-p3 {
  height: 544px;
  padding-top: 70px;
  background: url("../images/index/V2/p3-bg.jpg") center top no-repeat; }

.index-p4 {
  padding-bottom: 70px; }

.index-p5 {
  background: url("../images/index/V2/p5-bg.jpg") center top no-repeat; }

.index-p6 {
  padding: 70px 0 50px;
  background: url("../images/index/V2/p6-bg.jpg") center top no-repeat; }

.index-p6 .list-goods-main .list-goods-item {
  border: 0; }

.k-index-p6 {
  padding: 0 0 50px;
  background-color: #fff; }

.k-index-p6 a {
  overflow: visible; }

.k-index-p6 .list-goods-main .list-goods-item {
  border: 1px solid #fff; }

.k-index-p6 .index-project .button {
  width: 90px; }

.k-index-p6 .index-project .avatar-text {
  line-height: 22px; }

.k-index-p6 .index-project .button .btn-free {
  line-height: 24px;
  font-size: 12px; }

.cover02 {
  border: 14px solid #f9f9f9;
  padding: 56px 20px 20px;
  height: 470px;
  margin-top: -70px;
  background: #fff;
  box-shadow: 0 2px 6.72px 0.28px rgba(5, 5, 5, 0.08); }

.cover02 h2 {
  font-size: 24px; }

.cover02 strong {
  font-size: 26px;
  line-height: 1.2;
  font-weight: bolder;
  font-family: "Segoe UI", "Microsoft Yahei",sans-serif; }

.cover02 strong:after {
  content: "";
  display: block;
  width: 25px;
  height: 2px;
  background: #ff4242;
  margin: 30px auto; }

.cover02 .button .btn-free {
  width: 116px;
  line-height: 34px;
  margin: 40px auto 0; }

.cover02 p {
  line-height: 1.3; }

.index-project a {
  text-decoration: none; }

.index-project .head-bg + .common-avatar {
  margin-top: -24px; }

.index-project .common-avatar {
  padding: 5px 20px; }

.index-project .avatar-hd {
  position: relative;
  background: #fff;
  width: 60%;
  margin: 0 auto;
  padding: 20px 10px;
  font-size: 20px;
  line-height: 1; }

.index-project .button {
  width: 108px;
  height: 26px;
  margin: 20px auto 10px; }

.index-project .button .btn-free {
  line-height: 26px; }

.index-slider .f-list .list-goods-info {
  padding: 7px 16px; }

.index-slider .f-list .list-goods-thumb > a {
  height: 324px; }

.outer-arrow.ck-slide,
.fabric-column-warp .ck-slide,
.index-slider.ck-slide {
  overflow: visible;
  transition: .3s; }

.outer-arrow.ck-slide .ck-prev,
.fabric-column-warp .ck-prev,
.index-slider .ck-prev {
  left: -100px; }

.outer-arrow.ck-slide .ck-next,
.fabric-column-warp .ck-next,
.index-slider .ck-next {
  right: -100px; }

@media screen and (max-width: 1800px) {
  .outer-arrow.ck-slide .ck-prev,
  .fabric-column-warp .ck-prev,
  .index-slider .ck-prev {
    left: 0; }
  .outer-arrow.ck-slide .ck-next,
  .fabric-column-warp .ck-next,
  .index-slider .ck-next {
    right: 0; } }

.zixun-wrap .bg-tit-zixun {
  width: 100%;
  height: 32px;
  background-image: url("../images/index/zixunbiaoti.png");
  margin-bottom: 25px; }

.bg-tit-zixun.bg-tit-zixun1 {
  background-position: left 0; }

.bg-tit-zixun.bg-tit-zixun2 {
  background-position: left -60px; }

.bg-tit-zixun.bg-tit-zixun3 {
  background-position: left -122px; }

.bg-tit-zixun.bg-tit-zixun4 {
  background-position: left -183px; }

.zixun-wrap .list-goods-main li {
  padding-right: 44px; }

.limitation {
  color: #666;
  font-size: 14px;
  line-height: 24px;
  height: 70px;
  overflow: hidden; }

.limitation a {
  display: inline-block; }

.zixun-child {
  font-size: 14px;
  margin-bottom: 20px;
  margin-top: 15px; }

.zixun-child .ellipsis {
  margin-bottom: 5px;
  font-size: 14px; }

.activity-fixed-beign .hd-code {
  font-size: 16px;
  color: #D81919;
  margin-top: 10px; }

.activity-fixed-beign .code-img {
  margin: 0 auto;
  width: 248px; }

.activity-fixed-code {
  width: 400px;
  height: 400px;
  overflow: hidden; }

.activity-fixed-code2 {
  width: 400px;
  height: 469px; }

.activity-fixed-code2 .hd-tip {
  margin-top: 30px;
  line-height: 1;
  font-size: 16px; }

.activity-fixed-code2 .hd-code {
  margin-top: 6px; }

.activity-fixed-code2 .hd-title {
  font-weight: bold;
  font-size: 36px;
  line-height: 1;
  margin-top: 10px; }

.active-bottom-b {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 9999; }

.active-bottom-b img {
  width: 100%; }

.active-bottom-b .dialog_close {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  right: 5px;
  top: 5px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  text-align: center;
  cursor: pointer; }

.login-box .logined {
  position: absolute;
  top: -30px;
  right: 20px;
  color: #fff; }

.login-box .logined a {
  color: #ffca00; }

.login-box .login-sel {
  height: 50px;
  background: #EEEEEE;
  line-height: 50px;
  font-size: 16px;
  font-weight: 600;
  color: #9A9A9A;
  overflow: hidden; }

.login-box .login-sel div {
  width: 50%;
  float: left;
  text-align: center;
  box-sizing: border-box; }

.login-box .login-sel .login-selected {
  background: #FFF;
  color: #323232; }

.login-box .login-bd {
  padding: 0 15%;
  margin-top: 29px;
  animation-duration: .75s; }

.login-box .login-bd .field {
  margin-bottom: 24px; }

.login-box .login-bd .field input {
  width: 100%;
  height: 40px;
  text-indent: 14px;
  outline-color: #ff4242; }

.login-box .login-bd .pin-field input {
  width: 180px; }

.login-box .login-bd .pin-field img {
  width: 100px;
  height: 38px;
  cursor: pointer;
  background: cornflowerblue;
  margin-left: 14px; }

.login-box .login-bd .login-auto {
  margin-bottom: 23px;
  overflow: hidden; }

.login-box .login-bd .login-submit {
  width: 100%;
  height: 40px;
  background: #D71418;
  border-radius: 4px;
  border: none;
  color: #FFF; }

.login-box .login-err {
  text-align: center;
  color: #ff4242;
  margin-bottom: 24px; }

.login-box .tabs-nav a {
  border: 0; }

.login-box .tabs-nav.avg-lg-1 a {
  background: #eeeeee;
  color: #ff4242; }

.login-box {
  width: 422px;
  padding-bottom: 38px;
  background: #FFF;
  box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.3); }

.banner-login img {
  max-width: none; }

.banner-login:before {
  content: url("../images/banner/login-reg/banner-login-text.png");
  position: absolute;
  top: 266px;
  right: 51%; }

.login-box, .register-box {
  position: absolute;
  top: 12%;
  right: 20%; }

.login-box .tabs {
  font-size: 16px;
  color: #999; }

.login-box .tabs-nav {
  height: 52px;
  border: 0; }

.login-box .tabs-nav li {
  height: 52px; }

.login-box .tabs-nav > .current,
.login-box .tabs-nav > .current a:hover {
  border-top: none;
  color: #ff2929; }

.login-box .tabs-nav a {
  line-height: 52px;
  color: #ff4242; }

.banner-login {
  text-align: center;
  height: 670px;
  overflow: hidden; }

.banner-login2 {
  width: 100%;
  padding: 60px 0;
  min-height: 710px;
  overflow: hidden;
  background: #f9f9f9; }

.banner-login2 .login-main {
  height: 590px;
  background: #fff;
  padding: 44px 0px; }

.banner-login2 .login-main .banner {
  width: 780px; }

.login-box, .register-box {
  top: 14%;
  right: 18%; }

.shadow-box {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  min-height: 100px; }

.shadow-box-hd {
  text-align: center;
  background: #f9f9f9;
  line-height: 50px; }

.shadow-box-hd h4 {
  font-size: 20px;
  line-height: 50px; }

.shadow-box-main {
  padding: 20px; }

.perfect-wrap {
  padding: 124px 0; }

.perfect-wrap .perfect-box {
  width: 906px;
  margin: 0 auto;
  background: #fff;
  text-align: center;
  min-height: 550px; }

.perfect-wrap .perfect-box .perfect-title {
  font-size: 22px;
  color: #ff4242;
  padding-top: 30px; }

.perfect-wrap .perfect-box p {
  font-size: 12px;
  color: #999;
  padding-top: 30px; }

.perfect-wrap .perfect-box .btn-300x40 {
  margin-top: 30px; }

.login-other {
  line-height: 1; }

.login-other .tit {
  font-size: 16px;
  color: #999;
  position: relative;
  margin-top: 24px;
  margin-bottom: 18px; }

.login-other .tit span {
  position: relative;
  z-index: 10;
  background: #fff;
  padding: 0 5px; }

.login-other .tit:before {
  content: "";
  border-top: #ccc 1px solid;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1px;
  width: 100%;
  z-index: 8; }

.login-other a {
  color: #999;
  font-size: 52px;
  padding: 0 18px;
  text-decoration: none;
  vertical-align: middle;
  text-align: center; }

.login-other span {
  vertical-align: middle; }

.login-other a.icon i {
  position: relative;
  color: #fff;
  line-height: normal; }

.login-other a.icon i:before {
  position: relative;
  top: 1px;
  z-index: 8;
  vertical-align: initial; }

.login-other a.icon i:after {
  content: "";
  background: #fff;
  border-radius: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -28px 0 0 -28px;
  margin: -14px 0 0 -28px\0;
  z-index: 5;
  border: 28px solid #51cc41;
  transition: all .3s; }

.login-other a.icon i:before,
.login-other a.icon i:after {
  width: 56px;
  height: 56px;
  display: inline-block; }

.login-other.small a.icon i:after {
  border-width: 22px;
  margin: -22px 0 0 -22px;
  margin: -14px 0 0 -22px\0; }

.login-other.small a {
  font-size: 40px; }

.login-other.small a.icon i:before,
.login-other.small a.icon i:after {
  width: 44px;
  height: 44px; }

.login-other a.qq i:after {
  border-color: #47b6ed; }

.login-other a.weibo i:after {
  border-color: #fa7064; }

.login-other a.icon:hover i:after {
  border-width: 4px; }

.login-other a.weixin:hover i {
  color: #51cc41; }

.login-other a.qq:hover i {
  color: #47b6ed; }

.login-other a.weibo:hover i {
  color: #fa7064; }

.reg-success-box {
  width: 900px;
  margin: 80px auto;
  overflow: hidden; }
.reg-success-box .common-avatar {
  background: #f9f9f9;
  margin: 10px 15px 20px;
  padding: 24px 16%; }
.reg-success-box .progress-o-bg {
  width: 88px;
  height: 88px;
  background: url("../images/common/progress-o-20.gif") no-repeat; }
.reg-success-box .progress-num {
  font-size: 20px;
  color: #ff4242;
  line-height: 88px;
  width: 88px; }
.reg-success-box .avatar-info {
  padding-left: 30px; }
.reg-success-box .avatar-hd {
  margin-bottom: 10px; }

.like-designer-column {
  overflow: hidden;
  margin-left: -22px; }

.like-designer-column li {
  float: left;
  padding-left: 22px; }

.like-designer-column li a {
  display: block; }

.like-designer-column li a + a {
  margin-top: 22px; }

.like-designer-column .col-1,
.like-designer-column .col-4 {
  width: 17.2%; }

.like-designer-column .col-2,
.like-designer-column .col-3 {
  width: 22.4%; }

.like-designer-column .col-5 {
  width: 20.8%; }

.search-right-box {
  float: right;
  width: 320px; }

.search-right-box + .search-left-box {
  margin-right: 360px; }

.works-ad-row {
  padding: 96px 0 46px;
  overflow: hidden; }

.works-ad-row .ad-col1,
.works-ad-row .ad-col2,
.works-ad-row .ad-col3 {
  height: 782px; }

.works-ad-row .ad-col1,
.works-ad-row .ad-col2,
.works-ad-row .ad-col3,
.works-ad-row .ad-col1-1,
.works-ad-row .ad-col1-2,
.works-ad-row .ad-col1-3 {
  float: left;
  overflow: hidden; }

.works-ad-row .ad-col1 {
  width: 45%; }

.works-ad-row .ad-col1-1 {
  width: 46.6667%; }

.works-ad-row .ad-col1-2 {
  width: 53.3334%; }

.works-ad-row .ad-col1-3 {
  width: 100%; }

.works-ad-row .ad-col2 {
  width: 34%; }

.works-ad-row .ad-col3 {
  width: 21%; }

.ad-filter,
.ad-filter-right {
  float: left;
  max-height: 550px; }

.ad-filter {
  position: relative;
  overflow: hidden;
  width: 59.13%; }

.ad-filter-right {
  width: 40.87%; }

.ad-filter-right:before {
  content: "";
  display: table;
  clear: both; }

.ad-filter-right.list-goods-main[class*="avg-"] > li {
  padding-left: 28px;
  padding-right: 0; }

.ad-filter-right .list-goods-item {
  overflow: hidden; }

.ad-filter .ad-filter-main {
  display: block;
  width: 100%;
  min-height: 450px; }

.ad-filter-list {
  width: 100%;
  position: absolute;
  padding: 0 63px 0 39px;
  left: 0;
  bottom: 24px;
  text-align: center; }

.ad-filter-list li {
  padding-left: 24px; }

.ad-filter-list li a {
  display: block;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  height: 173px;
  box-shadow: 0 4px 9.5px 0.5px rgba(4, 0, 0, 0.09); }

.ad-filter-list li a span {
  font-size: 18px;
  padding-bottom: 10px;
  display: block; }

.ad-filter-list li a > em {
  max-width: 120px;
  max-height: 120px;
  display: block;
  margin: 15px auto 0; }

.hot-marks-group {
  margin: 28px -26px 0 0; }

.hot-marks-group li {
  padding-right: 26px; }

.hot-marks-box {
  position: relative;
  border: 5px solid #999;
  padding: 40px 0 20px 10px; }

.marks-box-title {
  position: absolute;
  top: -30px;
  left: 0;
  width: 100%;
  text-align: center; }

.marks-box-hd {
  margin: 10px 20%;
  background: #fff;
  line-height: 1.2; }

.marks-box-hd h5 {
  font-size: 20px;
  color: #555; }

.marks-box-text {
  font-size: 18px;
  color: #de4535;
  text-transform: capitalize; }

.marks-list a {
  display: inline-block; }

.marks-list .text-mark {
  margin: 10px 8px 10px 0;
  border-radius: 0;
  line-height: 26px;
  padding: 0 10px; }

.marks-list .text-mark.text-mark.linear.gray-light {
  border-color: #eeeeee; }

.clearfix.mgb20 {
  margin-bottom: 12px; }

.no-vip-box {
  margin: 60px 0 40px;
  background: #fff; }

.no-vip-box .box-left {
  margin-right: 426px;
  padding: 14px 36px 12px 54px; }

.no-vip-box .img-box > a {
  overflow: hidden; }

.no-vip-box .works-detail-l {
  width: 190px; }

.no-vip-box .works-detail-r .filter-body {
  padding: 0 180px 0 50px; }

.no-vip-box .works-detail-l img {
  border: 1px solid #eeeeee; }

.no-vip-box .box-left a.btn-black {
  border-style: 2px; }

.no-vip-box .works-detail-r {
  margin-left: 210px; }

.no-vip-box .works-detail-r .works-info a.btn-black {
  cursor: pointer; }

.no-vip-box .works-info .works-name {
  font-size: 18px;
  padding: 0; }

.no-vip-box .works-detail-main {
  clear: none;
  margin: 20px 0 0 0;
  padding: 0; }

.no-vip-box .box-right {
  width: 400px;
  float: right;
  padding: 0 50px 0 60px;
  margin: 36px 0;
  border-left: 1px solid #eeeeee; }

.no-vip-box .box-right p + p,
.no-vip-box .box-right li + li {
  margin-top: 20px; }

.no-vip-box .common-avatar-left .avatar-info {
  padding-left: 10px; }

.no-vip-box .avatar-text {
  margin-top: 10px; }

/*由于非vip页样式错误，注释掉*/
/*.no-vip-box .avatar-thumb.warning a:after, .no-vip-box .avatar-thumb.warning span:after {*/
/*content: " \e60f";*/
/*color: #ff4242; }*/
.no-vip-box .avatar-thumb span {
  display: inline;
  border: none; }

.no-vip-box .filter-list.small .filter-body span {
  padding: 5px 18px; }

.no-vip-box .works-info .works-text {
  font-size: 14px;
  margin-bottom: 10px;
  color: #999; }

.no-vip-box .works-element .filter-head {
  font-weight: 400; }

.works-detail-main {
  margin: 40px 0;
  padding-top: 10px; }

.works-detail-l {
  width: 800px;
  float: left; }

.works-detail-r {
  margin-left: 800px; }

.works-detail-content .list-hr-span {
  font-size: 16px; }

.works-detail-main1 .works-detail-l .pic-slider.pic-top .bk-overlay-tit .btn-small {
  padding: 4px 12px;
  font-size: 20px; }

.works-detail-main1 .works-detail-l .pic-slider.pic-top .bk-overlay-tit h4 {
  font-size: 30px;
  line-height: 1; }

.works-detail-main1 .works-detail-l .pic-slider.pic-top .bk-overlay-tit .bk-overlay-text {
  font-size: 22px; }

.works-info .works-name,
.detail-content-hd .works-name {
  font-size: 30px; }

.works-info .works-name {
  line-height: 1.2;
  padding: 30px 0 0 0; }

.works-info .works-name + .works-element {
  margin-top: 13px; }

.works-info .works-text {
  font-size: 16px;
  margin-bottom: 10px; }

.works-meta {
  margin-bottom: 10px; }

.works-meta span {
  color: #999;
  margin-right: 20px; }

.works-meta span i {
  padding-right: 4px;
  font-size: 20px;
  vertical-align: middle; }

.works-detail-r .filter-body span {
  background: #eeeeee;
  color: #bbb;
  cursor: default; }

.works-detail-r .filter-body span.active {
  background: #ff4242;
  color: #fff; }

.design-concept {
  width: 100%; }

.design-concept .design-concept-img, .design-concept .design-concept-text {
  float: left;
  width: 50%;
  height: 400px;
  box-sizing: border-box; }

.design-concept-text {
  background: #f9f9f9; }

.design-concept .design-concept-img img {
  width: 100%;
  height: inherit; }

.design-concept .design-concept-text h2 {
  text-align: center;
  margin: 60px 0 44px 0;
  font-size: 24px;
  position: relative; }

.design-concept .design-concept-text h2:after {
  content: '';
  display: block;
  position: relative;
  width: 60px;
  bottom: -12px;
  left: 50%;
  margin-left: -30px;
  border-bottom: 3px solid #e60012; }

.design-concept .design-concept-text p {
  padding: 0 32px;
  line-height: 26px;
  text-indent: 30px; }

.fabric-argument {
  background-color: #f9f9f9;
  width: 520px;
  padding: 10px 30px; }

.fabric-argument li {
  margin: 0 0 4px;
  width: 410px;
  font-size: 18px;
  font-weight: bold; }

.fabric-argument li em {
  font-size: 28px;
  font-weight: 900; }

.fabric-argument li.price span {
  color: #fe0000; }

.fabric-argument .color-switch span {
  display: inline-block;
  line-height: 26px;
  margin: 0 6px 16px 6px;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  cursor: pointer; }

.fabric-argument .color-switch .border {
  border: 1px solid #ff4242; }

.fabric-recommend {
  margin-right: -22px; }

.fabric-recommend li {
  padding-right: 22px; }

.common-title.style01 {
  margin: 10px 0; }

.common-title.style01 h3 {
  font-size: 24px;
  font-weight: 400;
  border: 0; }

.common-title.style01 h3 small {
  color: #333333;
  text-transform: capitalize; }

.common-text {
  color: #999;
  font-size: 14px; }

.works-detail-main {
  overflow: hidden;
  clear: both; }

.works-detail-r .hr {
  padding: 0;
  border: 0; }

.works-detail-r .hr:before {
  content: "";
  display: block;
  border-top: 1px solid #f9f9f9; }

.works-element .filter-body {
  padding-left: 50px; }

.works-element .filter-list {
  border: none; }

.works-element .filter-body a,
.works-element .filter-body span {
  margin-right: 10px; }

.user-headx60 .avatar-thumb, .user-headx60 .avatar-thumb a {
  width: 60px;
  height: 60px; }

.works-detail-r .to-home {
  position: absolute;
  font-size: 12px;
  top: 20px;
  right: 0; }

.works-detail-content {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  background: #fff;
  padding: 30px;
  margin-bottom: 50px; }
.works-detail-content .common-title.detail-title {
  margin: 40px 0 35px 0;
  padding-top: 16px; }
.works-detail-content .common-title.detail-title a {
  text-decoration: none; }
.works-detail-content .common-title.detail-title a small {
  color: #ff4242; }
.works-detail-content .detail-title h3 {
  height: 38px;
  display: table-cell;
  vertical-align: bottom;
  padding-left: 40px;
  background: url("../images/common/detail-tit-bg.jpg") no-repeat; }
.works-detail-content .detail-content-bd p {
  text-align: center;
  margin: 28px 0; }
.works-detail-content .detail-content-bd h3,
.works-detail-content .detail-content-bd h3 b {
  font-size: 16px; }
.works-detail-content .category-list,
.works-detail-content .common-table.size-table,
.works-detail-content .detail-content-bd {
  width: 92%;
  margin: 0 4%; }
.works-detail-content .common-table.size-table {
  font-size: 16px; }
.works-detail-content .common-table.size-table th {
  background: transparent;
  color: #333333; }
.works-detail-content .common-table.size-table tbody th {
  font-size: 14px;
  color: #555; }
.works-detail-content .common-table.size-table tr th,
.works-detail-content .common-table.size-table tr td {
  padding: 20px; }

.works-detail-content.works-detail-content-kid > p {
  background: #fff; }

.works-detail-content.works-detail-content-kid .img-box {
  border: 1px solid #eee; }

.category-list {
  margin-right: -10px; }

.category-list li {
  padding-right: 10px;
  margin-bottom: 10px; }

.category-list li a,
.category-list li span {
  display: block;
  padding: 10px 20px;
  background: #f9f9f9; }

.works-detail-content1 .common-title.detail-title {
  padding-bottom: 12px;
  border-bottom: 1px solid #dddddd; }

.works-detail-main1 .works-detail-l .pic-slider.pic-top .pic-thumb-list li,
.works-detail-main1 .works-detail-l .pic-viewport > p {
  box-shadow: 0 4px 16.56px 1.44px rgba(0, 0, 0, 0.07); }

.detail-content-bd.text-border h4 {
  font-size: 12px;
  font-weight: normal;
  padding: 8px 20px;
  margin-top: -28px;
  border: 1px solid #eeeeee;
  text-align: center;
  line-height: 26px;
  width: 100%;
  box-sizing: border-box; }

.detail-content-bd.text-border h4 b {
  font-size: 16px; }

.detail-content-bd.text-border h3 {
  width: 65%;
  padding: 8px 20px;
  font-weight: normal;
  margin: 0 auto;
  text-align: center;
  font-size: 12px;
  border: 1px solid #eeeeee;
  box-sizing: border-box; }

.detail-content-bd.text-border h3 b {
  font-size: 18px; }

.zhiyang-wrap,
.mianliao-wrap {
  border: 1px solid #dddddd;
  padding: 40px 0;
  margin-bottom: 30px; }

.zhiyang-wrap h5,
.mianliao-wrap h5 {
  font-size: 30px;
  padding: 10px 50px; }

.mianliao-list {
  justify-content: center;
  align-items: stretch; }

.mianliao-list li {
  padding: 0 4%;
  vertical-align: top; }

.mianliao-info {
  font-size: 16px; }

.mianliao-info .img-box {
  padding: 10%;
  max-height: 300px;
  border: 1px solid #dddddd;
  margin-bottom: -1px; }

.mianliao-info .img-box img {
  width: 100%; }

.mianliao-info .img-box span {
  display: block;
  overflow: hidden;
  height: 220px;
  line-height: 220px; }

.mianliao-info .common-table th {
  width: 102px;
  text-align: center;
  vertical-align: middle; }

.introduction {
  text-align: center; }

.introduction h4 {
  font-size: 44px;
  line-height: 1;
  font-weight: 700; }

.effect-wrap,
.structure-wrap {
  width: 100%;
  height: 697px; }

.introduction-pic {
  padding: 0 60px; }

.introduction-pic .num2-wrap {
  padding: 100px 0 52px 0; }

.introduction-pic .num2-wrap li {
  display: inline-block; }

.introduction-pic .detail-pic li {
  margin-bottom: 30px;
  padding: 0 235px; }

.introduction-pic .detail-pic li img {
  width: 100%; }

.num2 {
  position: relative;
  width: 134px;
  height: 98px;
  background-color: #ff2929;
  line-height: 98px;
  text-align: center; }

.num2 i {
  font-size: 54px;
  vertical-align: middle;
  color: #fff; }

.num2:before {
  content: '';
  width: 114px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -57px;
  margin-top: -40px;
  border: 1px solid white; }

.effect-wrap {
  position: relative;
  border: 16px solid #d9d9d9; }

.effect-wrap .right {
  border: 2px solid #b5b5b5;
  border-left-style: none;
  width: 894px;
  height: 100%; }

.effect-wrap .right > span {
  position: absolute;
  top: 6.5%;
  left: 50%;
  margin-left: -82px; }

.effect-wrap li.absolute {
  top: -16px;
  left: -16px;
  width: 423px;
  z-index: 200;
  overflow: hidden; }

.effect-wrap li.absolute .shadow {
  width: 412px;
  height: 697px;
  background-color: #e2e1e4;
  box-shadow: 2px 0px 10px 2.08px rgba(7, 7, 7, 0.27);
  line-height: 697px;
  text-align: center; }

.effect-wrap li.absolute .effect-con {
  display: inline-block;
  width: 376px;
  height: 646px;
  padding-top: 176px;
  vertical-align: middle;
  border: 2px solid white; }

.effect-con li {
  line-height: normal; }

.effect-con li p {
  font-size: 42px;
  font-weight: 500; }

.structure-wrap {
  padding: 46px 110px 0 90px;
  background: url("../images/design-works/detail-2/bg-1.jpg") center center no-repeat;
  background-size: cover; }

.k-structure-wrap.structure-wrap {
  background: url("../imagesKid/design-works/detail-2/bg-1.jpg") center center no-repeat; }

.structure-wrap li.left,
.structure-wrap li.right {
  position: relative;
  width: 520px;
  height: 600px; }

.structure-wrap li .circular {
  width: 18px;
  height: 18px;
  display: block;
  border: 2px solid #000;
  border-radius: 100px;
  position: absolute;
  top: 0;
  left: 0;
  margin: -9px 0 0 -9px;
  z-index: 7; }

.structure-wrap li .front-back {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 8;
  background-color: #fff;
  padding: 14px 14px 0 14px;
  box-sizing: border-box; }

.structure-wrap .front-back .title {
  width: 100%;
  height: 20.666%;
  background-color: #e0dfe2;
  text-align: center; }

.structure-wrap .front-back .title:after {
  content: '';
  width: 0;
  height: 100%;
  display: inline-block;
  vertical-align: middle; }

.structure-wrap .front-back .pic-show {
  width: 100%;
  height: 79%; }

.reference-wrap {
  width: 100%;
  height: 746px;
  padding: 50px 100px 50px 70px;
  background-color: #e2e1e4; }

.reference-wrap ul {
  width: 100%;
  height: 100%;
  background-color: #fff; }

.reference-wrap ul li {
  float: left;
  height: 100%; }

.reference-wrap .designer {
  width: 49%;
  text-align: center; }

.reference-wrap .works {
  width: 51%;
  padding: 24px 16px 52px 16px; }

.reference-wrap .designer ul {
  width: 350px;
  height: 350px;
  margin: 38px auto 42px;
  position: relative; }

.reference-wrap .designer li {
  position: absolute;
  top: 0;
  left: 0; }

.reference-wrap .designer .avatar {
  width: 268px;
  height: 268px;
  overflow: hidden;
  top: 50%;
  left: 50%;
  margin-left: -134px;
  margin-top: -134px; }

.reference-wrap .designer .avatar img {
  width: 100%;
  height: 100%;
  -webkit-filter: grayscale(1);
  filter: gray;
  filter: grayscale(1); }

.reference-wrap .designer p {
  line-height: 32px;
  font-size: 20px;
  padding: 0 16px;
  display: inline-block;
  text-align: center;
  border-bottom: 2px solid #ccc; }

.reference-wrap .designer div {
  margin: 20px auto 0;
  width: 356px;
  height: 126px;
  border: 1px solid #c2c2c2;
  padding: 1.5% 0; }

.reference-wrap .designer div p {
  font-size: 16px;
  box-sizing: border-box;
  width: 342px;
  height: 108px;
  max-height: 108px;
  padding: 6px 10px;
  line-height: 32px;
  display: -webkit-box;
  margin: 0 auto;
  color: #858585;
  border: 2px solid #a0a0a0; }

.reference-wrap .works div {
  width: 100%;
  height: 100%;
  border: 2px solid #a0a0a0;
  position: relative; }

.reference-wrap .works div p {
  position: absolute;
  width: 570px;
  height: 570px;
  top: 4%;
  left: 4%; }

.fabirc-wrap {
  background-color: #e2e1e4;
  width: 100%;
  height: 640px;
  padding: 50px 24px 44px 24px; }

.fabirc-wrap ul {
  margin-right: -20px;
  height: 100%; }

.fabirc-wrap ul li {
  padding-right: 20px;
  height: 100%; }

.fabirc-wrap ul .content {
  width: 100%;
  position: relative;
  height: 100%;
  overflow: hidden; }

.fabirc-wrap .name {
  position: absolute;
  left: 0;
  right: 0;
  top: 42px;
  margin: 0 auto;
  text-align: center;
  font-size: 12px;
  z-index: 6; }

.fabirc-wrap .name h3 {
  margin-bottom: 12px; }

.fabirc-wrap .fabirc-bg {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 5; }

.fabirc-wrap .fabirc-show {
  position: absolute;
  left: 0;
  right: 0;
  top: 128px;
  z-index: 6;
  margin: 0 auto;
  width: 356px;
  height: 390px;
  border: 10px solid #e3e3e3;
  overflow: hidden; }

.fabirc-wrap .fabirc-show img {
  max-width: 410px;
  height: 544px;
  position: absolute;
  top: -138px;
  left: 50%;
  margin-left: -205px; }

.fabirc-wrap .fabirc-show div {
  padding: 10px 6px 0 6px;
  background-color: #e3e3e3;
  position: absolute;
  bottom: 0;
  width: 100%; }

.fabirc-wrap .fabirc-show dl {
  padding: 10px 0;
  background-color: #fff; }

.fabirc-wrap .fabirc-show dl * {
  float: left;
  font-size: 14px;
  margin: 0; }

.fabirc-wrap .fabirc-show dl dt {
  width: 32%;
  text-align: right; }

.fabirc-wrap .fabirc-show dl dd {
  width: 68%;
  padding: 0 8px;
  text-align: left; }

.product-wrap {
  border: 1px solid #ccc; }

.product-wrap p {
  font-size: 38px;
  line-height: 60px;
  background-color: #96969b;
  font-weight: 500;
  color: #fff;
  text-align: center; }

.product-wrap table {
  width: 100%;
  font-size: 21px;
  margin: 60px 0; }

.product-wrap .left {
  width: 63%;
  padding: 0 1%; }

.product-wrap .right tr,
.product-wrap .left tr {
  line-height: 42px; }

.product-wrap .right th,
.product-wrap .left th {
  min-width: 150px;
  padding: 0 26px;
  font-weight: 500;
  border-right: 2px solid #333333; }

.product-wrap .left td {
  padding-left: 26px; }

.product-wrap .left dl * {
  float: left;
  margin: 0; }

.product-wrap .left dl dt {
  font-weight: 500; }

.product-wrap .left dl dd {
  padding-right: 32px; }

.product-wrap .right {
  width: 36%;
  padding: 0 1%;
  margin: 0; }

.product-wrap .right td {
  width: 33.33%;
  text-align: center; }

.product-wrap .right td span {
  display: inline-block;
  width: 42px;
  line-height: 28px; }

.product-wrap .right td span.active {
  border-bottom: 2px solid #ff4242; }

.product-wrap div {
  padding: 44px 0; }

.product-wrap ul.clearfix {
  font-size: 0px;
  padding: 0 48px; }

.product-wrap ul.clearfix li {
  display: inline-block;
  width: 25%;
  font-size: 20px;
  margin: 7px 0;
  padding: 0 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.product-wrap ul.clearfix li span:first-child {
  margin-right: 6px; }

.fabric-detial ul {
  margin-right: -15px; }

.fabric-detial .img-box-tit {
  max-height: 66px;
  line-height: 66px;
  font-size: 20px; }

.design-recommend-wrap {
  height: 540px; }

.design-recommend-wrap li.absolute .shadow {
  height: 540px;
  line-height: 540px; }

.design-recommend-wrap li.absolute .effect-con {
  height: 480px;
  padding-top: 114px; }

.effect-wrap .design-recommend-box {
  background: url("../images/fabric/kuansui-bg.jpg") top right no-repeat; }

.effect-wrap .design-recommend-box span {
  top: 9.5%; }

.fabric-tab-box.pic-slider.pic-top .pic-viewport p {
  min-height: 524px; }

.detailed-wrap .detailed-wrap-tit {
  width: 100%;
  height: 496px;
  text-align: center;
  line-height: 492px;
  overflow: hidden;
  position: relative; }

.detailed-wrap .detailed-wrap-tit:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.detailed-wrap .detailed-wrap-tit p {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -125px;
  margin-left: -445px;
  width: 890px;
  height: 250px;
  line-height: 250px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.6); }

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

.detailed-wrap .gallery.overlay li {
  padding-right: 15px; }

.detailed-wrap .clearfix .left {
  width: 880px;
  height: 420px; }

.detailed-wrap .clearfix .right {
  width: 420px;
  height: 420px; }

.design-recommend {
  margin-top: 156px;
  margin-right: 3%;
  margin-left: 3%; }

.design-recommend ul.avg-lg-3 {
  margin-right: -16px; }

.design-recommend ul.avg-lg-3 li {
  padding-right: 16px; }

.fabric-cankao-wrap {
  height: 594px;
  padding: 72px 0 0 4.6%;
  background: url("../images/fabric/cankao-1.jpg") center center no-repeat;
  background-size: 100% 100%; }

.fabric-cankao-wrap .fabric-cankao-box {
  padding: 15px 12px;
  width: 800px;
  height: 434px; }

.fabric-cankao-wrap .fabric-cankao-box .avg-lg-3 {
  margin-right: -10px; }

.fabric-cankao-wrap .fabric-cankao-box li {
  height: 100%;
  padding-right: 10px; }

.fabric-argument-box {
  padding-right: 180px;
  position: relative; }

.fabric-argument-box .avatar-thumb a {
  height: 80px;
  width: 80px; }

.fabric-argument-box .ellipsis-line3 {
  color: #777777; }

.fabric-argument-qr {
  width: 150px;
  position: absolute;
  top: 0;
  right: 0px;
  text-align: center; }

h3.guess {
  font-size: 24px;
  line-height: 1;
  margin: 40px 0 26px 0; }

.fabric-argument-box .common-avatar {
  overflow: inherit; }

.fabric-argument-box .avatar-thumb .shadow {
  box-shadow: 3px 2px 8px rgba(150, 150, 150, 0.1); }

.fabric-argument-box .avatar-hd,
.fabric-argument-box .avatar-meta {
  display: inline-block; }

.fabric-argument-box .avatar-hd h3 {
  font-size: 24px;
  font-weight: 400;
  color: #333; }

.fabric-argument-box .avatar-meta {
  font-size: 12px;
  color: #555;
  position: relative;
  top: -2px; }

.fabric-argument-box .avatar-text {
  clear: none;
  line-height: 1.6;
  color: #555;
  margin-bottom: 8px;
  font-size: 14px;
  margin-top: 0; }

.fabric-argument-box .sjzy {
  margin: 0 0 -5px 0; }

.label-body span {
  border: 1px solid #E4E4E2;
  display: inline-block;
  margin: 0 11px 23px 0;
  max-width: 140px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: #fff;
  color: #999;
  cursor: default;
  line-height: 24px;
  padding: 0 16px;
  border-radius: 1000px;
  margin-bottom: 0px;
  font-size: 14px; }

.label-body {
  height: 26px; }

.planning-ad-row {
  position: relative;
  overflow: hidden;
  min-width: 1400px; }

.planning-ad-row .tab-panel a {
  display: block; }

.planning-ad-row .tab-panel .col-lg-3 > * + * {
  margin-top: 14px; }

.planning-ad-row.row {
  margin-right: -7px;
  margin-left: -7px; }

.planning-ad-row [class*='col-lg-'] {
  padding-right: 7px;
  padding-left: 7px; }

.planning-ad-row .tabs-button-group {
  text-align: center;
  margin-bottom: 50px; }

.planning-ad-row .tabs-button-group a {
  margin-right: 54px;
  min-width: 140px;
  color: #000;
  border-bottom: 2px solid #cecece; }

.planning-ad-row .tabs-button-group a.hover-theme:hover {
  color: #fff;
  border-bottom: 2px solid #ff4242; }

.link-square.tabs-button-group .current,
.planning-ad-row .tabs-button-group .current {
  background: #ff4242;
  border-color: #ff2929;
  color: #fff;
  border-bottom: 2px solid #ff4242; }

.planning-ad-row .tabs-bd {
  border: 0; }

.planning-detail-main .works-detail-l .pic-slider.pic-top .pic-thumb-list li,
.planning-detail-main .works-detail-l .pic-viewport > p {
  box-shadow: 0 4px 16.56px 1.44px rgba(0, 0, 0, 0.07); }

.planning-detail-main .works-detail-l .pic-viewport p {
  height: 448px;
  overflow: hidden; }

.planning-detail-main .pic-slider.pic-top .pic-thumb-list {
  margin-left: 0; }

.planning-detail-main .pic-slider.pic-top .pic-thumb-list li {
  width: 224px;
  margin-left: 6.5%; }

.planning-detail-main .pic-slider.pic-top .pic-thumb-list li a {
  width: 215px;
  height: 156px; }

.planning-detail-main .works-detail-r .works-info .designer-info {
  line-height: 28px; }

.planning-detail-content .common-title.detail-title {
  padding-bottom: 12px;
  border-bottom: 1px solid #dddddd; }

.pic-viewport {
  margin-bottom: 16px; }

.pic-slider,
.pic-viewport {
  position: relative; }

.pic-slider {
  padding: 16px;
  overflow: hidden; }

.pic-slider-arrow-l,
.pic-slider-arrow-r {
  position: absolute;
  line-height: 200px;
  font-size: 80px;
  cursor: pointer;
  top: 50%;
  margin-top: -100px;
  color: #eeeeee;
  width: 16%; }

.pic-slider-arrow-l {
  left: 10px; }

.pic-slider-arrow-r {
  right: 10px;
  text-align: right; }

.pic-slider-arrow-l:before {
  content: "\e728";
  font-family: "kiconfont"; }

.pic-slider-arrow-r:before {
  content: "\e6f8";
  font-family: "kiconfont"; }

.pic-slider-arrow-l:hover,
.pic-slider-arrow-r:hover {
  color: #999; }

.pic-viewport,
.pic-thumb-list {
  float: left; }

.pic-viewport {
  width: 74.5%;
  min-height: 100px;
  padding: 2px 0 0; }

.pic-viewport img {
  min-width: 100%; }

.pic-thumb-list {
  width: 24.5%;
  padding-left: 1%;
  margin-left: 1%; }

.pic-thumb-list li {
  margin-top: 10px;
  position: relative; }

.pic-thumb-list p:first-child {
  margin-top: 10px;
  letter-spacing: 0;
  font-weight: 600; }

.pic-thumb-list li a {
  position: relative;
  display: block;
  overflow: hidden;
  height: 115px; }

.planning-index-pic {
  padding-bottom: 36px; }

.planning-index-pic .list-goods-main .list-goods-item:hover {
  border-color: #eeeeee;
  box-shadow: 0 3px 16px rgba(0, 0, 0, 0.15); }

.planning-index-pic .list-goods-info {
  box-shadow: none; }

.planning-index-pic .list-goods-main .pic-viewport p {
  height: 100%;
  border: 1px solid #c1c1c1; }

.planning-index-pic .column-tit em {
  background-color: #fff; }

.planning-index-pic .pic-viewport, .planning-index-pic .pic-viewport a {
  height: 404px;
  overflow: hidden;
  padding: 0; }

.planning-index-pic .pic-viewport {
  height: 406px; }

.planning-index-pic .pic-thumb-list p:first-child {
  height: 21px; }

.planning-index-pic .pic-thumb-list li a {
  height: 115px; }

.planning-index-pic .pic-viewport a {
  display: block; }

.planning-index-pic .pic-viewport img {
  height: 100%; }

.pic-slider.pic-top .pic-viewport p.none {
  display: none; }

.planning-index-pic .text-center a.btn-large {
  height: 45px;
  line-height: 45px;
  font-size: 18px; }

.planning-index-pic .list-goods-main.avg-lg-2 {
  padding-bottom: 7px;
  margin-bottom: 14px; }

.text-center a.btn-large i {
  vertical-align: top; }

.pic-thumb-list li a img {
  transform: translate(-50%, -50%);
  position: relative;
  top: 50%;
  left: 50%; }

.pic-thumb-list li a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid #eeeeee;
  z-index: 2; }

.pic-thumb-list li.current a:before {
  border: 3px solid #ff4242; }

.pic-thumb-list li.current:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  left: -14px;
  margin-top: -7px;
  border: 7px transparent solid;
  border-right-color: #ff4242; }

.pic-slider.pic-top {
  padding: 0; }

.pic-slider.pic-top .pic-viewport,
.pic-slider.pic-top .pic-thumb-list {
  width: 100%;
  padding: 0 114px;
  float: none; }

.pic-slider.pic-top .pic-thumb-list {
  padding: 0 150px; }

.pic-slider.pic-top .avg-lg-2 > li {
  width: 40.5%;
  margin-left: 6.5%; }

.pic-slider.pic-top .avg-lg-2 > li.last-child {
  margin-left: 2.5%; }

.pic-slider.pic-top .avg-lg-3 > li {
  width: 32%;
  margin-left: 1%; }

.pic-slider.pic-top .pic-thumb-list li {
  margin-top: 6px;
  padding: 0 10px; }

.pic-slider.pic-top .pic-thumb-list li.current:after {
  left: 24%;
  top: -9px;
  top: -17px \9;
  margin-top: 0;
  margin-left: -7px;
  border-right-color: transparent;
  border-bottom-color: #ff4242; }

/*hack ie8*/
:root .pic-slider.pic-top .pic-thumb-list li.current:after {
  top: -9px; }

.pic-slider.pic-top .pic-thumb-list li {
  padding: 5px;
  background: #fff; }

.pic-slider.pic-top .pic-thumb-list li a,
.pic-slider.pic-top .pic-viewport a {
  display: block; }

.pic-slider.pic-top .pic-thumb-list li a {
  height: 120px; }

.pic-slider.pic-top .pic-viewport p {
  padding: 14px;
  background-color: #fff; }

#planning-box {
  position: relative;
  margin-bottom: 50px;
  overflow: hidden; }

#planning-box .planning-ad-column {
  display: none; }

#planning-box .planning-ad-column:first-child {
  display: block; }

#planning-box,
.planning-ad-column .ad-col-2 a,
.planning-ad-column .ad-col-3 {
  height: 326px; }

.planning-ad-column {
  margin-right: -14px;
  overflow: hidden; }
.planning-ad-column img {
  max-height: 100%; }
.planning-ad-column .ad-col-1 a {
  height: 156px;
  line-height: 156px;
  overflow: hidden;
  text-align: center; }
.planning-ad-column .ad-col-2 a {
  line-height: 326px;
  overflow: hidden;
  text-align: center; }
.planning-ad-column .ad-col-1,
.planning-ad-column .ad-col-2 {
  float: left;
  padding-right: 14px; }
.planning-ad-column .ad-col-1 {
  width: 12.81%; }
.planning-ad-column .ad-col-2 {
  width: 24.04%; }
.planning-ad-column .ad-col-3 {
  float: left;
  background-color: #fff;
  width: 13.49%; }
.planning-ad-column a {
  display: block; }
.planning-ad-column .ad-col-1 > a + a {
  margin-top: 14px; }
.planning-ad-column .link-square {
  margin: 14px -10px 0 0;
  padding: 18px 0 10px 10px; }
.planning-ad-column .link-square a {
  float: left;
  font-size: 0.0000000001px;
  /*在使用`inline-block`时，删除子元素之间的空白*/
  display: inline-block;
  line-height: 1.6;
  height: 78px;
  width: 78px;
  margin: 0 14px 14px 0;
  padding: 0;
  white-space: normal; }
.planning-ad-column .link-square a:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }
.planning-ad-column .link-square a > span {
  display: inline-block;
  font-size: 14px;
  max-width: 30px;
  vertical-align: middle; }

.planning-bar-list .pagemaker-bar .pagemaker-bar-l .img-box {
  border: 1px solid #999;
  height: 414px;
  overflow: hidden; }

.planning-bar-list .pagemaker-bar-r .quote-mark {
  padding-right: 240px; }

.effect-pic {
  position: relative;
  clear: both;
  margin: 0 auto;
  text-align: center; }

.effect-jazz {
  overflow: hidden;
  position: relative; }

.effect-jazz .info {
  padding: 2em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.effect-jazz .info,
.effect-jazz .info > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.effect-jazz .info > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0; }

/*---------------*/
/***** Jazz *****/
/*---------------*/
.effect-jazz {
  background: -webkit-linear-gradient(-45deg, #555 0%, #ff4242 100%);
  background: linear-gradient(-45deg, #555 0%, #ff4242 100%); }

.effect-jazz .info::after,
.effect-jazz img,
.effect-jazz p {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s; }

.effect-jazz .info::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  content: '';
  opacity: 0;
  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%; }

.effect-jazz h2,
.effect-jazz p {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
  opacity: 0;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1); }

.effect-jazz h2 {
  padding: 0 1em;
  margin-top: 19%;
  -webkit-transition: -webkit-transform 0.35s, margin 0.35s;
  transition: transform 0.35s, margin 0.35s;
  font-size: 28px;
  line-height: normal;
  display: inline-block; }

.effect-jazz p {
  padding: 0.5em 2em;
  text-transform: none;
  font-size: 14px;
  opacity: 0;
  max-height: 5em;
  overflow: hidden; }

.effect-jazz:hover img {
  opacity: 0.5;
  -webkit-transform: scale3d(1.05, 1.05, 1);
  transform: scale3d(1.05, 1.05, 1); }

.effect-jazz:hover .info::after {
  opacity: 1;
  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
  transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1); }

.effect-jazz:hover h2,
.effect-jazz:hover p {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); }

.effect-jazz:hover h2 {
  margin-top: 7%; }

.single.effect-jazz h2 {
  margin-top: 44%; }

.designer-home-l {
  background: #fff;
  border: 1px solid #eeeeee; }

.designer-home-l {
  width: 332px;
  float: left;
  padding: 18px; }

.designer-home-r {
  margin: 0 0 50px 350px; }

.designer-home-r .pagemaker-bar {
  float: left;
  display: block;
  width: 100%; }

.designer-tit {
  border-bottom: 1px solid #eeeeee;
  text-align: right; }

.designer-tit h3 {
  font-size: 26px;
  line-height: 3;
  font-weight: 400; }

.designer-tit h4 {
  font-size: 18px;
  font-weight: 400;
  color: #ff4242;
  line-height: 2;
  margin-top: 40px;
  display: inline-block;
  position: relative; }

.designer-tit h4:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 100px;
  border: 1px solid #ff4242;
  position: absolute;
  left: -10px;
  bottom: 50%; }

.avatar-list {
  margin-right: -10px;
  padding: 0; }

.avatar-list li {
  float: right;
  padding: 10px 10px 0 0; }

.avatar-list li .hover-info {
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.45);
  top: 0;
  left: 0;
  z-index: 16;
  color: #fff;
  text-align: center;
  opacity: 0;
  -webkit-transition: all .2s;
  transition: all .2s;
  border-radius: 6px; }

.avatar-list li:hover .hover-info {
  opacity: 1; }

.designer-works-box {
  background: #fff;
  padding: 10px 50px 30px;
  margin: 50px 0;
  border: 1px solid #eeeeee; }

.designer-works-box .pagemaker-bar {
  border: 0;
  border-bottom: 1px dashed #ccc; }

.designer-home-head {
  width: 1100px;
  padding-bottom: 10px; }

.designer-home-head .pagemaker-bar-r {
  margin-top: 10px; }

.designer-home-head .pagemaker-bar-l .btn-gray {
  border-color: #555;
  padding: 0 40px; }

.designer-home-head .pagemaker-bar-l .btn-gray.hover-theme:hover {
  border-color: #ff4242; }

.designer-home-head:after,
.pagemaker-bar:after,
.btn-group:after {
  content: "";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both; }

.search-left-box .pagemaker-bar:after {
  clear: left; }

.designer-home-head .pagemaker-bar {
  background: transparent;
  padding-left: 0; }

.designer-home-head .pagemaker-bar-l {
  width: 240px; }

.designer-home-head .pagemaker-bar-l + .pagemaker-bar-r {
  margin-left: 320px; }

.desiger-list-width {
  padding: 0 132px; }

.desiger-list-width .list-goods-info {
  padding: 18px 10px; }

.desiger-list-width .list-item-meta {
  padding-top: 15px; }

.tonghao-wrap {
  background: #fbfbfb; }

.designer-works-box {
  overflow: hidden; }

.user-side-menu dl {
  padding-bottom: 36px; }

.user-side-menu dt {
  position: relative;
  font-size: 16px;
  line-height: 50px;
  color: #fff;
  background: #333333;
  margin-bottom: 12px; }

.user-side-menu dd + dt {
  margin-top: 24px; }

.user-side-menu dt a {
  display: block;
  color: #fff; }

.user-side-menu dt:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-left: 6px solid #ff4242; }

.user-side-menu dt > i {
  position: absolute;
  left: 72px;
  font-size: 20px;
  padding-right: 10px; }

.user-side-menu dd {
  position: relative;
  margin-top: 0; }

.user-side-menu dd a {
  display: block;
  padding: 8px 0;
  font-size: 14px; }

.user-side-menu dt > a,
.user-side-menu dt > span,
.user-side-menu dd a {
  padding-left: 100px; }

.user-side-menu dd.current a {
  color: #ff4242; }

.user-container {
  width: 100%;
  padding: 30px 0 40px 0;
  background: #f9f9f9; }

.user-side-menu .avatar-thumb {
  margin: 33px auto 10px; }

.user-side-menu .avatar-info {
  padding-bottom: 20px; }

.user-container .person-content-left,
.user-container .person-content-right {
  background: #fff; }

.user-container .person-content-left {
  width: 284px;
  float: left; }

.user-container .person-content-right {
  position: relative;
  z-index: 2;
  margin-left: 284px;
  min-height: 753px;
  border: 1px solid #eeeeee;
  overflow: hidden; }

.user-center-info > .common-avatar {
  width: 264px;
  float: left; }

.user-center-info .avatar-thumb {
  margin-bottom: 15px; }

.user-center-info .user-info {
  margin-left: 275px; }

.user-center-info .user-info.label-100px {
  margin-left: 264px; }

.user-center-info .form-group-element a {
  color: #ff4242; }

.person-content-right .common-table td .avatar-thumb {
  margin: 0 auto; }

.person-content-right .form-group-element .common-avatar {
  cursor: pointer; }

.person-content-right .edit-pwd-wrap,
.person-content-right .edit-wrap,
.person-content-right .edit-box {
  padding: 24px 36px; }

.person-content-right .edit-pwd-wrap .form-group {
  margin-bottom: 1.25rem; }

.person-content-right .edit-pwd-wrap .form-group > label, .person-content-right .edit-wrap .form-group > label {
  width: 80px;
  text-align: right; }

.person-content-right .edit-pwd-wrap p a.btn-100x35,
.person-content-right .edit-wrap p a.btn-100x35 {
  border: 0;
  margin-left: 102px; }

.person-content-right .edit-wrap .avatar-info {
  padding-left: 20px; }

.person-content-right .edit-wrap .form-group .qiye-name {
  margin-left: 20px;
  width: 100px;
  height: 42px;
  line-height: 42px;
  text-align: left;
  text-indent: 10px;
  margin-right: 0; }

.person-content-right .edit-wrap .form-group .qiye-name input {
  margin-top: 12px; }

.person-content-right .edit-wrap .form-group .form-group-element textarea {
  width: 80%;
  height: 134px; }

.person-content-right .edit-wrap .form-group.radio-icon {
  width: 12px;
  height: 12px; }

.person-content-right .avatar-text-color {
  color: #eb3e3e; }

.person-content-right .edit-wrap > .common-box {
  margin-top: 0; }

.enterprise-download {
  width: 100%;
  padding: 0 36px 0 36px;
  background: #FFF; }

.enterprise-download .has-down-title {
  border-bottom: 1px solid #eeeeee; }

.enterprise-download .has-down-title span {
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  padding: 22px 0 12px 0;
  border-bottom: 2px solid #eb3e3e; }

.has-down-content {
  width: 100%;
  padding: 24px 36px 12px 36px;
  box-sizing: border-box; }

.has-down-list {
  width: 100%; }

.has-down-list li {
  width: 100%;
  height: 197px;
  border: 1px solid #eee; }

.has-down-list li:hover {
  border: 1px solid #eb3e3e; }

.has-down-list li {
  padding: 0 80px 0 14px;
  margin-bottom: 20px; }

.has-down-list li .hd-img {
  width: 147px;
  height: 170px;
  margin-top: 12px; }

.has-down-list li .hd-img img {
  width: 100%;
  height: 100%; }

.has-down-list li .hd-text {
  margin: 35px 0 0 12px; }

.has-down-list li .hd-text h4 {
  font-size: 18px;
  line-height: 1;
  margin-bottom: 24px;
  font-weight: normal; }

.has-down-list li .hd-text p {
  font-size: 12px;
  line-height: 1;
  margin-bottom: 24px; }

.has-down-list li .reset-down {
  margin-top: 80px;
  width: 100px;
  height: 34px;
  border: 1px solid #eb292d;
  box-sizing: border-box; }

.has-down-list li .reset-down input {
  border: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  color: #ff5a00; }

.has-down-list li .reset-down input:hover {
  background: #ff5a00;
  color: #fff; }

.accout-wrap {
  width: 100%;
  min-height: 976px;
  background: #fff; }

.collect-box {
  padding: 0 36px; }

.collect-nav li {
  display: inline-block;
  height: 40px;
  margin: 24px 24px 44px 0; }

.collect-box .list-goods-main .close-rotate {
  top: 0;
  right: 0;
  margin-top: -10px;
  margin-right: -10px;
  display: none; }

.collect-box .list-goods-item:hover {
  overflow: visible; }

.collect-box .list-goods-item:hover .close-rotate {
  display: block; }

.collect-pattern .list-goods-thumb,
.collect-design .list-goods-thumb {
  height: 203px; }

.collect-project .list-goods-thumb {
  height: 128px; }

.collect-box .list-goods-main li {
  padding-right: 16px; }

.collect-box .list-goods-main li .list-goods-info {
  padding: 5px 10px;
  cursor: pointer; }

.collect-box .list-goods-item .manuscript-title {
  padding: 2px 10px;
  margin: 5px;
  top: 0;
  left: 0;
  background-color: #ff4242;
  color: #fff; }

.canle-download-select li {
  width: 80px;
  line-height: 32px;
  text-align: center;
  overflow: hidden;
  border: 1px solid #666666; }

.canle-download-select li:last-child {
  cursor: pointer;
  border: none; }

.collect-pattern .list-goods-thumb .relative .absolute {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

@media screen and (max-width: 1500px) {
  .collect-box ul.list-goods-main li {
    padding-right: 34px;
    margin-bottom: 34px; } }

.sub-child .new-classity-content {
  font-size: 18px;
  padding: 50px 0;
  text-align: center; }

.sub-child .new-classity-content .form-group {
  padding-left: 20px;
  font-size: 16px; }

.sub-child .new-classity-content p {
  color: #c5c5c5;
  font-size: 14px; }

.enterprise-download-no, .enterprise-collect-no, .enterprise-collect {
  background: #fff; }

.accout-wrap .accout-title {
  border-bottom: 1px solid #eee;
  margin: 0 36px; }

.accout-title span {
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  font-weight: 900;
  color: #000;
  padding: 22px 16px 12px 0;
  border-bottom: 2px solid #eb3e3e; }

.accout-title .dropdown-toggle:hover + .dropdown-content,
.dropdown-content:hover {
  display: block; }

.edit-content span {
  word-wrap: break-word;
  max-width: 500px;
  display: inline-block; }

td a.edit-icon {
  text-decoration: none; }

.collect-img, .down-img {
  width: 100%;
  padding: 24px 0 30px 0; }

.down-img img, .collect-img img {
  display: block;
  margin: 0 auto; }

.go-down, .go-collect {
  text-align: center;
  font-size: 20px;
  color: #999999;
  line-height: 1;
  padding-bottom: 46px; }

.go-down a, .go-collect a {
  font-size: 20px;
  color: #eb3e3e; }

.down-information, .collect-information {
  width: 500px;
  margin: 20px auto;
  border: 1px solid #eeeeee;
  background: #fff; }

.down-information p, .collect-information p {
  display: block;
  width: 460px;
  margin: 0 auto;
  border-top: 1px dashed #eeeeee;
  padding: 26px 0 24px 0;
  font-size: 14px;
  line-height: 1;
  text-align: center; }

.down-information p:first-child, .collect-information p:first-child {
  border-top: 0; }

.down-information .qq-tel, .collect-information .qq-tel {
  width: 395px;
  padding: 24px 0 20px 0;
  margin: 0 auto; }

.qq-tel .qq {
  width: 130px;
  height: 34px;
  background: #eb3e3e;
  margin-right: 24px;
  cursor: pointer; }

.qq-tel .tel {
  width: 236px;
  height: 34px;
  background: #333333;
  cursor: pointer; }

.qq-tel .tel, .qq-tel .qq {
  display: inline-block;
  line-height: 34px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  border-radius: 4px 5px; }

.qq-tel .tel > i, .qq-tel .qq > i {
  font-size: 18px;
  color: #fff; }

.qq-tel .qq span {
  line-height: 1;
  font-size: 16px;
  display: inline-block; }

.qq-tel .tel span {
  line-height: 1;
  font-size: 16px;
  display: inline-block;
  letter-spacing: -1px; }

#footmark-wrap {
  padding: 0 36px;
  min-height: 606px; }

#footmark-wrap .list-goods-main {
  padding: 24px 0 12px 0; }

#footmark-wrap .list-goods-main[class*="avg-"] {
  margin-right: -16px; }

#footmark-wrap .list-goods-main[class*="avg-"] li {
  padding-right: 16px;
  margin-bottom: 40px; }

#footmark-wrap .list-item-hd h4 {
  font-weight: normal; }

.member-wrap {
  padding: 24px 36px 0 36px; }

.memer-wrap p {
  font-size: 14px;
  line-height: 28px; }

.accout-wrap .article-bd {
  padding: 24px 36px 0 36px; }

.pad-30 {
  padding-bottom: 30px; }

.pad-8 {
  padding-bottom: 8px; }

.law-wrap .doc-example .article-bd {
  padding-top: 0; }

.news-wrap-1 {
  margin-top: 40px;
  padding-bottom: 30px; }

.news-child-tit {
  width: 100%;
  height: 74px;
  text-align: center;
  line-height: 74px;
  font-size: 16px; }

.news-child-tit > span {
  padding: 0 34px;
  color: #dddddd; }

.news-con {
  width: 100%;
  padding: 0 18px;
  box-sizing: border-box; }

.news-con .news-con-l {
  width: 64.5%;
  overflow: hidden;
  background: #fff; }

.news-con .news-con-r {
  width: 35.5%;
  overflow: hidden;
  background: #fff;
  padding-left: 4.44%;
  box-sizing: border-box; }

.news-wrap-1 .news-con-l .news-1-banner {
  width: auto;
  height: 100%;
  background: #EEEEEE; }

.news-wrap-1 .news-con-r .news-1-cm {
  width: auto;
  height: 100%;
  background: #EEEEEE; }

.news-wrap-1 .news-1-ul {
  width: 100%; }

.news-wrap-1 .news-1-ul > li {
  width: 100%; }

.news-1-ul > li > .news-1-ul-img {
  width: 282px;
  height: 188px;
  line-height: 188px;
  margin-top: 52px;
  overflow: hidden; }

.news-1-ul > li > .news-1-ul-img a {
  width: 100%;
  height: 100%;
  display: block;
  line-height: inherit;
  text-align: center;
  overflow: hidden; }

.news-1-ul > li > .news-1-ul-text {
  margin-left: 350px;
  border-bottom: 1px solid #ebebec; }

.news-1-ul-text .news-1-ul-title-l {
  margin: 72px 0 40px 0; }

.news-1-ul-text .news-1-ul-title-l h3 {
  float: left;
  font-size: 18px;
  padding-top: 14px;
  width: 330px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.news-1-ul-text .news-1-ul-title-l > span {
  float: left;
  display: inline-block;
  width: 35px;
  height: 35px;
  font-size: 32px;
  line-height: 35px;
  text-align: center; }

.news-1-ul-text > p {
  padding: 0 8px 44px 8px;
  text-indent: 28px;
  font-size: 14px;
  line-height: 24px; }

.news-1-ul-text > p a {
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 48px; }

.news-1-titile-r {
  font-size: 30px;
  padding: 36px 0 8px 0;
  line-height: 1; }

.news-1-titile-r strong {
  color: #eb3e3e; }

.news-1-ul-r {
  width: 100%; }

.column-tit.bg-tit-pp a,
.column-tit.zx a {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 13;
  width: 100%;
  height: 100%; }

.news-1-ul-r.news-side .list-goods-main .list-goods-item {
  padding: 44px 0 44px 12px; }

.news-1-ul-r.news-side .list-item-hd {
  margin-bottom: 36px; }

.news-1-ul-r.news-side .list-goods-main .list-goods-item .list-goods-thumb {
  background: #fff; }

.news-6-ul-r.news-side .list-goods-main .list-goods-item {
  padding: 36px 0 36px 12px; }

.news-6-ul-r.news-side .list-item-hd {
  margin-bottom: 28px; }

.news-1-ul-r > li {
  width: 100%;
  padding: 44px 0;
  border-bottom: 1px dashed #ebebec; }

.news-1-ul-r > li > .news-1-ul-r-text {
  width: 77%;
  padding: 0 10px 0 12px;
  box-sizing: border-box; }

.news-1-ul-r li > .news-1-ul-r-img {
  width: 102px;
  height: 102px;
  background: #5c5c5c; }

.news-1-ul-r-text > div > h3 {
  font-size: 18px;
  line-height: 1;
  font-weight: 400; }

.news-1-ul-r-text > p {
  margin-top: 38px;
  font-size: 14px; }

.news-wrap-1 .specil-zhuang {
  margin-top: 32px;
  width: 100%;
  height: 470px;
  background: #222222; }

.news-wrap-1 .specil-zhuang .corner {
  right: 0;
  bottom: 0;
  border: 45px transparent solid;
  border-right-color: #fff;
  border-bottom-color: #fff; }

.news-wrap-1 .specil-zhuang .corner:after {
  content: "";
  position: absolute;
  right: -36px;
  bottom: -36px;
  border: 36px transparent solid;
  border-right-color: red;
  border-bottom-color: red; }

.specil-zhuang h4 {
  font-size: 34px;
  text-align: center;
  height: 86px;
  line-height: 86px;
  font-weight: 400;
  color: #fff;
  font-style: italic;
  opacity: .8; }

.specil-zhuang h4 > span {
  color: #ff4242; }

.specil-zhuang .specil-zhuang-img {
  width: 400px;
  height: auto;
  background: #4a4a4a;
  margin: 0 auto; }

.specil-zhuang p {
  padding-top: 16px;
  width: 400px;
  line-height: 28px;
  margin: 0 auto; }

.specil-zhuang .hot {
  font-weight: 700;
  font-size: 16px;
  bottom: 15px;
  right: 15px;
  color: #fff; }

.news-wrap-2 .news-2-tit-wrap {
  width: 67.7%;
  border-bottom: 1px solid #000000;
  margin-bottom: 16px;
  margin-left: 18px; }

.news-wrap-2 .news-2-tit-wrap .news-2-tit {
  margin: 0 auto;
  margin-top: 70px;
  height: 34px;
  background: url("../images/common/sprite-column-title.png") center -28px no-repeat; }

.news-wrap-2 .news-2-tit-wrap .news-child-tit {
  height: 68px;
  line-height: 68px;
  text-align: center; }

.news-wrap-2 .news-con-2-l {
  width: 67.7%;
  margin-left: 18px; }

.news-wrap-2 .news-con-2-r {
  width: 28.7%;
  padding-left: 2%;
  margin-right: 18px; }

.news-con-2-l .news-2-banner {
  width: auto;
  height: 100%;
  margin-bottom: 16px; }

.news-wrap-2 .news-con-2-r .column-tit {
  width: 100%;
  height: 3px; }

.news-con-2-r h2 {
  font-size: 30px;
  line-height: 1;
  text-align: center;
  padding: 36px 0 12px 0; }

.news-con-2-r p {
  font-size: 12px;
  line-height: 1;
  text-align: center;
  color: #999999; }

.news-con-2-r .news-side .list-goods-main .list-goods-item {
  padding: 22px 0 11px; }

.news-con-2-r .news-side .list-goods-main .list-goods-thumb {
  background-color: transparent;
  background-image: none; }

.news-con-2-r .news-side .list-goods-thumb span {
  line-height: 1; }

.news-con-2-r .news-side .list-goods-thumb span i {
  font-size: 30px; }

.news-con-2-r .news-side .list-goods-main li:first-child,
.news-con-2-r .news-side .list-goods-main li:nth-of-type(2),
.news-con-2-r .news-side .list-goods-main li:nth-of-type(3) {
  color: #ff4242; }

.news-con-2-r .news-side .list-item-hd {
  margin-bottom: 15px;
  margin-top: 3px; }

.news-con-2-r .news-side .list-item-hd i[class*=kicon-] {
  line-height: 110%; }

.news-con-2-l .news-2-banner-son {
  width: 100%;
  overflow: hidden; }

.news-con-2-l .news-2-banner-son {
  width: 100%; }

.news-con-2-l .news-2-banner-son li {
  width: 24%;
  float: left;
  margin-left: 1.33333%;
  overflow: hidden;
  padding: 0; }

.news-con-2-l .news-2-banner-son li > a {
  display: block;
  width: auto;
  height: 100%;
  overflow: hidden;
  position: relative; }

.news-con-2-l .news-2-banner-son li:first-child {
  margin-left: 0; }

.news-con-2-l .news-2-banner-son li img {
  width: 100%; }

.news-con-2-text li {
  width: 100%;
  height: 130px;
  border-bottom: 1px solid #eee;
  box-sizing: border-box; }

.news-con-2-text li > .num {
  width: 20px;
  height: 28px;
  margin-top: 50px;
  font-size: 28px;
  line-height: 1; }

.news-con-2-text li > .text {
  width: 370px;
  margin-top: 36px; }

.news-con-2-text li > .text p:first-of-type {
  font-size: 16px;
  color: #000;
  text-align: left; }

.news-con-2-text li > .text p:last-of-type {
  margin-top: 24px;
  font-size: 14px;
  color: #666;
  text-align: left; }

.news-wrap-3 {
  width: 100%;
  padding-bottom: 0; }

.news-3-con {
  width: 100%;
  padding: 0 17px;
  box-sizing: border-box; }

.news-3-con-l {
  width: 480px;
  height: 627px;
  overflow: hidden; }

.news-3-con-l-img {
  width: 100%;
  height: 100%; }

.news-3-con-l-img > a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%; }

.news-3-con-m {
  width: 528px;
  height: 627px;
  margin: 0 30px; }

.news-3-con-r {
  width: 398px;
  height: 627px; }

.news-3-con-m-l > div, .news-3-con-m-r > div {
  width: 254px;
  height: 260px;
  overflow: hidden; }

.news-3-con-m-l > p, .news-3-con-m-r > p {
  font-size: 16px;
  line-height: 1;
  margin: 18px 0;
  text-align: center;
  width: 254px; }

.news-3-con-m-l > p > a, .news-3-con-m-r > p > a {
  width: 100%;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 15px; }

.news-3-con-m-l-1 {
  z-index: 9; }

.news-3-con-m-r-1 {
  z-index: 8; }

.news-3-con-m-l-1 > div {
  margin-top: 24px;
  width: 322px;
  height: 74px;
  background: #ff4242; }

.news-3-con-m-l-1 > div h3 {
  color: #fff;
  font-size: 24px;
  line-height: 74px;
  padding: 0 22px;
  max-height: none; }

.news-3-con-m-l-1 > div h3 a,
.news-3-con-m-l-1 > div h3 a:hover {
  color: #fff;
  text-decoration: none; }

.news-3-con-m-l-1 > p {
  padding: 14px 24px;
  height: 216px;
  width: 266px;
  overflow: hidden;
  line-height: 2.4; }

.news-3-con-m-r-1 > div {
  margin-left: 274px;
  width: 254px;
  height: 314px; }

.news-3-con-btm {
  width: 1466px;
  padding: 34px 54px;
  margin: 52px 17px 12px 17px;
  box-sizing: border-box;
  border: 1px solid #eee; }

.news-3-con-btm h3 {
  width: 142px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  left: 50%;
  margin-left: -71px;
  top: -20px;
  font-size: 24px;
  background: #fff; }

/*轮播swiper*/
.news-3-con-btm .swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative; }

.news-3-con-btm .swipe-wrap {
  overflow: hidden;
  position: relative; }

.news-3-con-btm .swipe-wrap > ul {
  float: left;
  width: 100%;
  position: relative; }

.news-3-btm-list.clearfix li {
  float: left;
  width: 300px;
  height: 228px;
  margin-left: 52px;
  padding: 0;
  line-height: 228px; }

.news-3-btm-list > li > a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  line-height: inherit;
  text-align: center;
  overflow: hidden; }

.news-3-btm-list li:first-child {
  margin-left: 0; }

.news-3-con-btm > i {
  font-size: 44px;
  top: 50%;
  margin-top: -24px;
  cursor: pointer; }

.news-3-con-btm .kicon-right {
  right: 5px; }

.news-3-con-btm .kicon-left {
  left: 5px; }

.news-4-con {
  padding: 0 17px; }

.news-4-con .news-4-con-l {
  width: 982px; }

.news-4-con .news-4-con-l div {
  float: left; }

.news-4-con .news-4-con-l div:first-child {
  width: 100%;
  height: 528px;
  margin-bottom: 16px; }

.news-4-con .news-4-con-l ul li {
  float: left;
  width: 408px;
  height: 443px;
  padding-right: 0;
  overflow: hidden; }

.news-4-con .news-4-con-l ul li:first-child {
  width: 558px;
  padding: 0;
  margin-right: 16px; }

.news-4-con .news-4-con-r {
  width: 434px;
  margin-left: 48px; }

.news-4-con .news-4-con-r div:first-child {
  width: auto;
  height: 100%; }

.news-4-con .news-4-con-r div:last-child {
  padding: 0 18px 42px 18px;
  background-color: #f8f8f8;
  overflow: hidden; }

.news-4-con .news-4-con-r div:last-child p {
  line-height: 32px;
  font-size: 16px;
  height: 64px;
  margin-top: 58px;
  margin-bottom: 20px;
  padding: 0 36px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2 !important;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden; }

.news-4-con .news-4-con-r div:last-child ul.avg-lg-2 {
  margin-right: -18px; }

.news-4-con .news-4-con-r div:last-child li {
  padding-right: 18px; }

.news-5-con {
  padding: 0 17px; }

.news-5-con .news-5-con-l {
  width: 1080px; }

.news-5-con .gallery.overlay a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%; }

.news-5-con-l > ul.clearfix {
  margin-top: 34px; }

.news-5-con-l > ul.clearfix > li {
  margin-left: 54px; }

.news-5-con-l > ul.clearfix > li,
.news-5-con-r > li {
  float: left;
  width: 324px;
  height: 324px;
  padding-right: 0;
  overflow: hidden; }

.news-5-con-l > ul.clearfix > li:first-child {
  margin-left: 0; }

.news-5-con-r {
  width: 324px;
  margin-left: 60px; }

.news-5-con-r > li {
  margin-bottom: 34px; }

.news-5-con-l .list-goods-main:first-child .list-goods-thumb {
  width: 100%;
  height: 540px;
  overflow: hidden; }

.news-5-con-l .list-goods-main:first-child .list-goods-info {
  padding-top: 40px;
  margin-bottom: 20px;
  box-shadow: none;
  border-bottom: 1px solid #eee; }

.news-5-con-l .list-goods-main:first-child .list-goods-item {
  border: 0; }

.news-5-con-l .list-goods-main:first-child .list-item-text {
  font-size: 18px;
  color: #222222; }

.news-5-con-l .list-goods-main:first-child .list-item-text a {
  color: #000; }

.news-5-con-l .list-goods-main:first-child .list-item-text a:hover {
  color: #eb3e3e; }

.news-5-con-l .list-goods-main:first-child .list-item-meta {
  border-top: 0;
  font-size: 16px; }

.news-5-con-l .list-goods-main:first-child .list-item-meta span em {
  color: #222222; }

.news-wrap-6 .news-6-con {
  padding: 0 17px; }

.news-wrap-6 .news-6-con .news-6-con-l {
  width: 658px; }

.news-6-con-l > div {
  width: 100%;
  height: 518px;
  background: #f9f9f9; }

.news-6-con-l > p {
  width: 100%;
  font-size: 16px;
  line-height: 1; }

.news-6-con-l > .p-tit-1 {
  padding: 32px 0 11px 0; }

.news-6-con-l > .p-tit-2 {
  padding: 11px 0 32px 0; }

.news-6-con-l > p > a {
  display: inline-block;
  width: 32%;
  margin-left: 1%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.news-6-con-l > p > a:first-child {
  margin-left: 0; }

.news-6-con-l > ul {
  width: 658px; }

.news-6-con-l > ul > li {
  float: left;
  margin-right: 35px; }

.news-6-con-l > ul > li.last-child {
  margin-right: 0; }

.news-6-con-l > ul > li > a {
  display: block; }

.news-6-con-l > ul > li > a > div {
  width: 196px;
  height: 144px;
  line-height: 144px;
  text-align: center;
  overflow: hidden; }

.news-6-con-l > ul > li > a > p {
  width: 196px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 15px;
  white-space: nowrap; }

.news-6-con .news-6-con-m {
  width: 282px;
  margin: 0 32px; }

.news-6-con-m > div > a > div {
  width: 100%;
  height: 230px;
  background: #f9f9f9;
  line-height: 230px;
  text-align: center;
  overflow: hidden; }

.news-6-con-m > div > a > p {
  width: 100%;
  height: 46px;
  line-height: 46px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 30px; }

.news-6-con .news-6-con-r {
  width: 460px; }

.news-6-con-r .news-6-con-r-img {
  width: 100%;
  height: 282px;
  background: #f9f9f9; }

.news-6-con-r .stripe {
  margin-top: 10px;
  height: 10px;
  color: #d5d5d5;
  line-height: 1;
  overflow: hidden; }

.news-6-con-r .news-6-ul-r > li {
  padding: 32px 0; }

.news-7-con .news-7-con-3,
.news-7-con .news-7-con-4,
.news-7-con .news-7-con-1 {
  width: 285px; }

.news-7-con .news-7-con-1 div,
.news-7-con .news-7-con-3 div,
.news-7-con .news-7-con-4 div {
  width: 100%;
  height: 285px;
  margin-bottom: 18px;
  overflow: hidden; }

.news-7-con .news-7-con-2 div {
  width: 593px;
  height: 588px;
  margin: 0 18px;
  overflow: hidden; }

.news-wrap-8 {
  margin-top: 20px;
  width: 100%;
  padding-bottom: 70px; }

.news-wrap-8 .news-2-tit {
  margin: 8px auto;
  height: 34px;
  background: url(../images/common/sprite-column-title.png) center -28px no-repeat; }

.news-wrap-8 ul {
  width: 100%; }

.column-tit.no-bd.zx.bg-tit-nz {
  height: 52px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #EEE;
  background-position-y: -440px; }

.news-8-ul li {
  width: 356px;
  float: left;
  margin-right: 25px; }

.news-wrap-8 .news-8-ul li.lastchild {
  margin-right: 0; }

.news-8-ul li .news-8-title {
  font-size: 20px;
  line-height: 1;
  padding: 36px 0 26px 0;
  text-align: center; }

.news-8-ul li > div {
  width: 356px;
  height: 268px;
  margin-bottom: 32px;
  line-height: 268px; }

.news-8-ul li > div > a {
  width: 100%;
  height: 100%;
  display: block;
  line-height: inherit;
  text-align: center;
  overflow: hidden; }

.news-8-ul li > div > .half {
  float: left;
  display: inline-block;
  width: 50%;
  height: 100%;
  line-height: inherit;
  text-align: center; }

.news-8-ul li > p {
  width: 100%;
  line-height: 1;
  padding: 10px 15px 10px 0; }

.news-8-ul li > p > a {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-decoration: none;
  font-size: 16px; }

.news-8-ul li > p > a > span {
  margin-left: 18px;
  margin-right: 10px;
  line-height: 1;
  font-size: 10px; }

#banner {
  width: 100%;
  overflow: hidden; }

#banner .bannerCon {
  width: 1000px;
  margin: 0 auto;
  position: relative; }

#banner .bannerCon .before,
#banner .bannerCon .after {
  width: 600px;
  height: 568px;
  filter: alpha(opacity=60);
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
  z-index: 6; }

#banner .bannerCon .before {
  left: -600px; }

#banner .bannerCon .after {
  right: -600px; }

#banner .bannerCon .before i,
#banner .bannerCon .after i {
  position: absolute;
  right: 20px;
  top: 200px;
  cursor: pointer;
  font-size: 60px;
  color: rgba(255, 255, 255, 0.6); }

#banner .bannerCon .after i {
  left: 20px; }

#banner .bannerCon .scroll {
  width: 2000%;
  height: 568px;
  position: relative;
  left: -1000px; }

#banner .bannerCon .scroll img {
  width: 1000px;
  height: 568px;
  float: left; }

.subpage-1 {
  padding-bottom: 0; }

.subpage-1-con .subpage-1-l {
  width: 984px; }

.subpage-1-con .gallery {
  margin-right: -32px; }

.subpage-1-con .gallery li {
  padding-right: 32px;
  margin-bottom: 24px; }

.subpage-1-con .gallery li a {
  height: 332px;
  overflow: hidden;
  display: block; }

.subpage-1-r {
  margin-top: 16px;
  padding-top: 30px;
  height: 674px;
  border: 1px solid #f1f1f1;
  border-top: 2px solid #000;
  border-bottom: 3px solid #999; }

.subpage-1-r,
.subpage-1-r2 {
  width: 484px; }

.subpage-1-r h2 {
  width: 190px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  background: #fff;
  left: 50%;
  top: -20px;
  margin-left: -95px;
  font-size: 30px; }

.subpage-1-r-ul li {
  padding: 8px 18px;
  margin-bottom: 8px; }

.subpage-1-r-ul li > .left a {
  width: 176px;
  height: 100px;
  line-height: 100px;
  overflow: hidden;
  display: block; }

.subpage-1-r-ul li > .right {
  width: 240px; }

.subpage-1-r-ul li > .right h3 {
  font-size: 16px;
  margin-bottom: 8px; }

.subpage-2 {
  padding-bottom: 22px; }

.subpage-2-l {
  width: 1044px; }

.subpage-2-l > li > .left {
  width: 510px;
  height: 382px;
  background: sienna; }

.subpage-2-l > li > .right {
  width: 496px;
  font-size: 16px; }

.subpage-2-l > li > .right p {
  line-height: 28px; }

.subpage-2-l > li > .right p:first-of-type {
  margin-top: 48px; }

.subpage-2-l > li > .right .mark {
  width: 76px;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background: #ec3e3f;
  border-radius: 5px;
  margin: 30px 0; }

.subpage-2-l > li > .right .mark:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  right: -12px;
  top: 6px;
  transform: rotate(-45deg);
  border: 14px transparent solid;
  border-right-color: #ec3e3f;
  border-bottom-color: #ec3e3f;
  border-radius: 5px;
  z-index: 7; }

.subpage-2-l > li > .right .mark > span {
  right: -8px;
  top: 0;
  z-index: 8; }

.subpage-2-r {
  margin-top: 16px;
  width: 402px; }

.subpage-2-r-img {
  width: 100%;
  box-sizing: border-box;
  padding: 38px 18px 12px 18px;
  border: 1px solid #dddddd;
  border-top: 2px solid #000000;
  border-bottom: 3px solid #999;
  margin-bottom: 48px; }

.subpage-2-r-img > h2 {
  width: 266px;
  height: 30px;
  font-size: 30px;
  top: -18px;
  left: 50%;
  margin-left: -133px;
  background: #fff;
  text-align: center; }

.subpage-2-r-img > h2 > strong {
  color: #ff4242; }

.subpage-2-r-img > div {
  width: 100%;
  height: 270px;
  line-height: 270px;
  margin-bottom: 8px; }

.subpage-2-r-img > div > a {
  width: 100%;
  height: 100%;
  display: block;
  line-height: inherit;
  text-align: center; }

.subpage-2-r-img > p {
  line-height: 40px; }

.subpage-2-r-img > p > a {
  -webkit-line-clamp: 1;
  white-space: nowrap;
  -webkit-box-orient: vertical;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  width: 80%; }

.subpage-2-r-img > p > span {
  color: #999;
  margin-right: 10px; }

.subpage-2-r-img > p > a, .subpage-2-r-img > p > span {
  font-size: 14px;
  line-height: 1;
  display: inline-block; }

.subpage-2-r-img .hot-point {
  margin-bottom: 36px; }

.subpage-2-r-img .hot-point > a {
  float: left;
  width: 290px;
  font-size: 16px;
  line-height: 30px;
  display: inline-block; }

.subpage-2-r-img .hot-point > span {
  float: left;
  width: 12px;
  height: 15px;
  display: inline-block;
  margin-top: 5px; }

.subpage-2-r-img:last-of-type {
  padding-bottom: 0; }

.subpage-2-r-ul {
  width: 100%; }

.subpage-2-r-ul li > div a {
  width: 100%;
  height: 304px;
  display: block;
  overflow: hidden;
  line-height: 304px;
  text-align: center; }

.subpage-2-r-ul li > p {
  width: 100%;
  height: 70px;
  line-height: 70px;
  text-align: center;
  font-size: 16px;
  -webkit-line-clamp: 1;
  white-space: nowrap;
  -webkit-box-orient: vertical;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block; }

.subpage-2-con .loading {
  width: 100%;
  height: 58px;
  line-height: 58px;
  text-align: center;
  color: #ccc;
  font-size: 20px;
  border: 1px solid #ccc; }

.subpage-3-con {
  padding-top: 44px; }

.subpage-3-con-l > div {
  width: 558px;
  height: 738px;
  overflow: hidden; }

.subpage-3-con-l p {
  width: 100%;
  height: 50px;
  text-align: center;
  line-height: 50px; }

.subpage-3-con-m {
  margin: 0 28px; }

.subpage-3-con-m .bubble {
  width: 210px;
  height: 40px;
  border: 1px solid #000;
  border-radius: 11px 12px;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: 700; }

.subpage-3-con-m .bubble .triangle {
  background: #fff;
  width: 12px;
  height: 12px;
  border: 1px solid #000;
  border-left-color: #fff;
  border-top-color: #fff;
  transform: rotate(45deg);
  bottom: -6px;
  left: 20px; }

.subpage-3-con-m .recommend {
  width: 430px;
  height: 668px;
  overflow: hidden;
  margin-top: 30px;
  box-sizing: border-box;
  border: 1px solid #999;
  border-bottom: 2px solid #555; }

.subpage-3-con-r .subpage-3-con-r-ul > li {
  padding-bottom: 40px; }

.subpage-3-con-r .subpage-3-con-r-ul > li:last-of-type {
  padding-bottom: 0; }

.subpage-3-con-r-ul > li > div {
  width: 222px;
  height: 166px;
  overflow: hidden; }

.subpage-3-con-r-ul > li > p {
  width: 232px;
  padding: 0 22px;
  line-height: 26px;
  margin-top: 35px; }

.subpage-4-con {
  width: 100%; }

.subpage-4-con > ul {
  width: 100%; }

.subpage-4-con > ul > .left {
  width: 1118px;
  height: 560px;
  overflow: hidden; }

.subpage-4-con > ul > .right {
  margin-left: 26px;
  margin-top: 16px;
  width: 356px; }

.subpage-4-con .subpage-2-r-img.last-child {
  margin-bottom: 0;
  height: 542px; }

.subpage-4-con .subpage-2-r-img .hot-point {
  height: 60px;
  white-space: normal; }

.subpage-4-con .subpage-2-r-img .hot-point > a {
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  white-space: normal;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden; }

.subpage-4-con .hot-point .kicon-icon-test {
  font-size: 18px;
  color: red; }

.subpage-4-r-text {
  width: 100%;
  height: 124px;
  padding-top: 34px; }

.subpage-4-r-text p {
  font-size: 16px;
  line-height: 1;
  display: block;
  padding-bottom: 14px; }

.subpage-4-r-text a {
  display: block;
  width: 70%;
  font-size: 18px;
  white-space: nowrap;
  -webkit-box-orient: vertical;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden; }

.subpage-4-con > .subpage-4-r-text > p > time {
  color: #999;
  margin-left: 10px; }

.subpage-4-con > .subpage-4-r-list {
  width: 100%; }

.subpage-4-con .subpage-4-r-list > .list-goods-main {
  margin-right: -52px; }

.subpage-4-con .subpage-4-r-list > .list-goods-main li {
  padding-right: 52px; }

.subpage-4-con .subpage-4-r-list > .list-goods-main li .list-goods-item {
  border: none; }

.subpage-4-con .subpage-4-r-list > .list-goods-main li .list-item-hd h4 {
  font-weight: 400; }

.subpage-4-r-list .list-goods-thumb > a {
  height: 336px;
  width: 336px;
  line-height: 336px; }

.subpage-2-l .list-goods-thumb > a {
  width: 510px;
  height: 382px;
  line-height: 382px; }

.subpage-2-l li {
  padding: 28px 0; }

.subpage-2-l li:first-child {
  padding-top: 0; }

.subpage-2-l li + li {
  border-top: 1px solid #eeeeee; }

.subpage-2-l.list-goods-main .list-goods-item {
  border: 0; }

.subpage-2-l .list-goods-info {
  padding-left: 26px; }

.subpage-2-l .list-item-hd h4 {
  margin-top: 48px;
  font-size: 24px;
  line-height: 1.4; }

.subpage-2-l .flag-tag {
  margin: 30px 0; }

.subpage-2-l .list-goods-info .more {
  margin-top: 20px;
  color: #999; }

.subpage-2-l .list-item-text {
  font-size: 16px; }

.news-banner {
  position: relative; }

.news-banner .swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative; }

.news-banner .swipe-wrap {
  overflow: hidden;
  position: relative; }

.news-banner .swipe-wrap > div {
  float: left;
  width: 100%;
  /*height: 424px;*/
  max-height: 560px;
  position: relative; }

.news-banner .ctrl-slide {
  position: absolute;
  font-size: 60px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: -40px /9;
  filter: alpha(opacity=16);
  opacity: 0.16;
  text-decoration: none;
  z-index: 1001;
  padding: 40px 10px; }

.news-banner .ctrl-slide:hover {
  color: #333333;
  filter: alpha(opacity=60);
  opacity: .6; }

.news-banner .ctrl-slide:active {
  opacity: .8; }

.news-banner .ck-prev {
  left: 20px; }

.news-banner .ck-next {
  right: 20px; }

.news-details-bd {
  text-align: center;
  max-width: 800px;
  margin: 20px auto 40px; }
.news-details-bd h3 {
  font-size: 20px;
  margin: 3rem auto 2rem; }
.news-details-bd p {
  font-size: 16px;
  text-align: left; }
.news-details-bd p img {
  text-align: center; }
.news-details-bd p em,
.news-details-bd p em a {
  color: #999; }
.news-details-bd p em a {
  border-bottom: 1px solid #999; }
.news-details-bd p b {
  margin-bottom: 0; }
.news-details-bd p a {
  color: #555;
  border-bottom: 1px solid #555; }
.news-details-bd p a:hover {
  text-decoration: none;
  color: #ff4242;
  border-color: #ff4242; }
.news-details-bd * + blockquote, .news-details-bd * + dl, .news-details-bd * + hr, .news-details-bd * + ol, .news-details-bd * + ul, .news-details-bd * + p, .news-details-bd * + pre, .news-details-bd * + img {
  margin-top: 1.6rem; }
.news-details-bd blockquote {
  background: #f9f9f9;
  font-size: 16px;
  padding: 10px 20px; }

.news-side .list-goods-main .list-goods-item {
  border-width: 0 0 1px 0;
  padding: 14px 0; }

.news-side .list-goods-main .list-goods-item:hover {
  border-color: #eeeeee; }

.news-side .list-goods-info {
  padding: 0 10px 0 0; }

.breadcrumbs {
  height: 48px;
  padding-top: 15px;
  border-bottom: 1px solid #999; }

.news-details-con {
  width: 100%; }

.news-details-l {
  width: 1152px; }

.news-details-l > h2 {
  font-size: 30px;
  width: 100%;
  height: 106px;
  line-height: 106px;
  text-align: center; }

.news-details-tip-wrap {
  width: 100%;
  height: 70px;
  box-sizing: border-box;
  padding: 0 40px 0 42px;
  background: #f5f5f5;
  box-sizing: border-box; }

.news-details-tip-wrap > p {
  line-height: 70px; }

.news-details-tip-wrap a {
  text-decoration: none; }

.news-details-tip-l em {
  margin-right: 20px;
  font-size: 16px; }

.share-links a {
  margin-left: 16px; }

.share-links a i {
  font-size: 30px; }

.news-details-l .summary {
  padding: 44px 0 28px 0; }
.news-details-l .summary p {
  width: 800px;
  padding: 0 30px;
  margin: 0 auto;
  line-height: 26px;
  text-indent: 24px;
  font-size: 14px; }
.news-details-l .summary p:after {
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  top: 0;
  left: 0;
  background: #fff;
  border-left: 2px solid #000;
  border-top: 2px solid #000; }
.news-details-l .summary p:before {
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  bottom: 0;
  right: 0;
  background: #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000; }

.news-details-l .pic-con {
  width: 100%;
  box-sizing: border-box;
  padding: 0 47px; }
.news-details-l .pic-con > div {
  width: 100%; }
.news-details-l .pic-con > div > p {
  font-size: 14px; }
.news-details-l .pic-con .pic-con-1 div {
  width: 100%;
  height: 554px;
  background: #fdb45c; }
.news-details-l .pic-con .pic-con-1 p {
  height: 90px;
  padding-top: 36px;
  text-align: center; }
.news-details-l .pic-con .pic-con-2 div {
  width: 100%;
  height: 537px;
  background: aqua; }
.news-details-l .pic-con .pic-con-2 p {
  width: 100%;
  height: 108px;
  padding: 36px 262px 0 262px;
  text-align: center; }
.news-details-l .pic-con .pic-con-3 div {
  float: left;
  width: 506px;
  height: 550px; }
.news-details-l .pic-con .pic-con-3 div:first-of-type {
  margin-right: 45px; }
.news-details-l .pic-con .pic-con-3 p {
  width: 100%;
  height: 108px;
  padding: 36px 262px 0 262px;
  text-align: center; }
.news-details-l .pic-con .pic-con-4 div {
  width: 100%;
  height: 552px; }
.news-details-l .pic-con .pic-con-4 p {
  width: 100%;
  height: 108px;
  padding: 36px 262px 0 262px;
  text-align: center; }

.news-details-r {
  width: 292px;
  margin-left: 46px; }
.news-details-r .news-details-title {
  height: 68px;
  border-bottom: 1px solid #ccc; }
.news-details-r .news-details-title h3 {
  width: 130px;
  height: 100%;
  padding-top: 38px;
  line-height: 1;
  font-size: 18px;
  box-sizing: border-box;
  border-bottom: 1px solid #000; }
.news-details-r .development {
  width: 100%;
  padding-top: 16px; }
.news-details-r .development div {
  width: 100%;
  min-height: 150px;
  display: table;
  background: #f9f9f9; }
.news-details-r .development div a {
  width: 100%;
  height: 100%;
  display: table-cell; }
.news-details-r .development-list {
  width: 100%;
  padding-top: 14px; }
.news-details-r .development-list p {
  line-height: 1;
  margin-bottom: 16px;
  font-size: 14px;
  padding-right: 20px; }
.news-details-r .development-list ul li {
  height: 32px; }
.news-details-r .development-list ul li span {
  float: left;
  display: inline-block;
  font-size: 14px;
  margin-right: 14px; }
.news-details-r .development-list ul li a {
  float: left;
  font-size: 14px;
  display: inline-block;
  width: 256px; }

.news-details-r-2 {
  margin-top: 36px; }

.news-details-r-3 {
  margin-right: -12px; }

.news-details-r-3 .news-details-title {
  margin-right: 12px; }

.news-details-r-3 .development-list-3 {
  width: 100%;
  padding-top: 18px; }

.news-details-r-3 .development-list-3 li {
  float: left;
  width: 152px;
  padding-right: 12px; }

.news-details-r-3 .development-list-3 li div {
  width: 140px;
  height: 140px;
  line-height: 140px;
  text-align: center;
  overflow: hidden; }

.news-details-r-3 .development-list-3 li p {
  margin: 5px; }

.news-details-r-4 .development-list-4 {
  width: 100%;
  padding-top: 14px; }

.news-details-r-4 .development-list-4 li {
  margin-bottom: 16px; }

.news-details-r-4 .development-list-4 li .left {
  width: 100px;
  height: 100px;
  line-height: 100px;
  overflow: hidden;
  text-align: center; }

.news-details-r-4 .development-list-4 li .right {
  margin-left: 14px;
  width: 174px; }

.news-details-r-4 .development-list-4 li .right p {
  line-height: 34px;
  max-height: 34px; }

.news-details-r-4 .development-list-4 li .right p.ellipsis {
  max-height: 36px\9; }

.news-details-r-4 .development-list-4 li .right p span {
  margin-right: 8px; }

.news-details-con > .news-details-l > .bottom-img {
  width: 100%; }

.news-details-con > .news-details-l > .bottom-img > div {
  width: 100%;
  min-height: 50px;
  background-size: auto;
  border: 1px solid #eeeeee; }

.news-details-con .hot-wrap {
  width: 100%; }

.hot-wrap .hot-red {
  width: 100%;
  height: 115px;
  border-bottom: 1px solid #9A9A9A; }

.hot-wrap .hot-red div {
  width: 240px;
  height: 100%;
  padding-top: 40px;
  border-bottom: 2px solid #000; }

.hot-wrap .hot-red div h3 {
  font-size: 30px;
  line-height: 1;
  margin-bottom: 12px; }

.hot-wrap .hot-red div p {
  font-size: 14px;
  line-height: 1;
  color: #999; }

.hot-recommend-list {
  padding: 18px 0 40px 0; }
.hot-recommend-list .list-goods-main[class*="avg-"] {
  margin-right: -18px; }
.hot-recommend-list .list-goods-main li {
  padding-right: 18px; }
.hot-recommend-list .list-goods-main .list-goods-item {
  border: none; }
.hot-recommend-list .list-goods-item .list-item-hd h4 {
  font-weight: normal;
  padding: 0 12px; }
.hot-recommend-list .list-goods-thumb > a {
  height: 235px;
  line-height: 235px; }
.hot-recommend-list .list-goods-main.thumb-h206 .list-goods-thumb > a {
  height: 206px;
  line-height: 206px; }

.previous-next {
  padding: 9px 10px;
  width: 100%;
  height: 52px;
  border-bottom: 1px solid #eeeeee;
  border-top: 1px solid #eeeeee;
  text-align: center;
  margin-bottom: 22px; }

.previous-next div.left,
.previous-next div.right {
  width: 24%;
  height: 100%; }

.previous-next div.left i {
  float: left;
  color: #818181; }

.previous-next div.right i {
  float: right;
  color: #818181; }

.previous-next div.left i,
.previous-next div.right i {
  font-size: 20px; }

.previous-next div.left a,
.previous-next div.right a {
  display: inline-block;
  line-height: 1;
  width: 75%;
  text-decoration: none; }

.previous-next div.left a:hover,
.previous-next div.right a:hover {
  color: #ff4242; }

.previous-next div.left a p,
.previous-next div.right a p {
  padding: 1px 2px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left; }

.praise-like {
  text-align: center;
  font-size: 0; }

.praise, .like, .wacth {
  display: inline-block;
  padding: 18px 24px;
  margin: 0 18px;
  font-size: 20px;
  line-height: 1;
  color: #c9c9c9;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.praise:hover,
.like:hover,
.wacth:hover {
  background-color: #f9f9f9; }

.praise-like .praise i,
.praise-like .wacth i,
.praise-like .like i {
  font-size: 38px; }

.praise-like .praise i,
.praise-like .like i,
.praise-like .wacth i,
.praise-like .praise span,
.praise-like .wacth span,
.praise-like .like span {
  padding-right: 8px;
  color: #ff6b6b; }

.praise-like .praise i {
  font-size: 22px;
  padding-right: 0; }

.praise-like .praise.font-color,
.praise-like .wacth.font-color,
.praise-like .like.font-color {
  color: #ee1929 !important;
  font-weight: 700; }

.previous-next > p {
  display: inline-block;
  width: 24%;
  padding: 0 6px;
  margin-top: 3px;
  text-align: center; }

.news-details-l.news-list-l {
  width: 1130px; }

.news-side .list-goods-main .list-goods-item:hover,
.news-5-con-l .list-goods-main:first-child .list-goods-item:hover,
.subpage-2-l.list-goods-main .list-goods-item:hover {
  box-shadow: none; }

.breadcrumbs2 {
  padding-top: 15px;
  padding-bottom: 20px; }
  .breadcrumbs2 .breadcrumb2 > li {
    display: inline-block; }
  .breadcrumbs2 .breadcrumb2 > li + li:before {
    content: '> '; }

.news-details-con {
  padding-bottom: 78px; }
  .news-details-con .news-details-l.news-list-l .list-goods-thumb-left li:nth-last-child(2) .list-goods-item2 {
    border-bottom: none; }
  .news-details-con .news-details-l.news-list-l .hot-wrap .hot-red2 {
    width: 100%;
    border-bottom: 1px solid #EBEBEC;
    height: 83px; }
    .news-details-con .news-details-l.news-list-l .hot-wrap .hot-red2 div {
      position: relative;
      width: 246px;
      padding-top: 27px;
      padding-bottom: 22px;
      height: 83px; }
      .news-details-con .news-details-l.news-list-l .hot-wrap .hot-red2 div h3 {
        width: 155px;
        height: 34px;
        background-image: url(../images/news/titile.png);
        background-size: 304px 292px;
        font-family: FZLTH_YS_GB2312;
        font-size: 34px;
        color: #2C2C2C;
        line-height: 1; }
      .news-details-con .news-details-l.news-list-l .hot-wrap .hot-red2 div .line {
        position: absolute;
        width: 100%;
        height: 3px;
        bottom: 0;
        background: linear-gradient(-77deg, #f857a6 0%, #ff5858 100%); }
  .news-details-con .news-details-l.news-list-l .list-goods-item2 {
    padding: 28px 0;
    float: left;
    border-bottom: 1px solid #EBEBEC; }
    .news-details-con .news-details-l.news-list-l .list-goods-item2 .list-goods-thumb2 {
      width: 311px;
      height: 308px;
      line-height: 308px;
      overflow: hidden;
      float: left;
      background: #f8f8f8; }
    .news-details-con .news-details-l.news-list-l .list-goods-item2 img {
      width: 100%;
      height: auto; }
    .news-details-con .news-details-l.news-list-l .list-goods-item2 .list-goods-info2 {
      display: table-cell;
      padding: 32px 0 0 25px; }
      .news-details-con .news-details-l.news-list-l .list-goods-item2 .list-goods-info2 .list-item-hd h4 {
        font-size: 20px;
        color: #000000;
        padding-bottom: 14px; }
      .news-details-con .news-details-l.news-list-l .list-goods-item2 .list-goods-info2 .list-item-hd span {
        background: #FAFAFA;
        border: 1px solid #EEEEEE;
        padding: 3px 10px;
        border-radius: 3px;
        color: #777;
        font-size: 13px; }
    .news-details-con .news-details-l.news-list-l .list-goods-item2 .list-item-text2 {
      font-size: 14px;
      color: #666666;
      padding-top: 16px; }
      .news-details-con .news-details-l.news-list-l .list-goods-item2 .list-item-text2 a {
        color: #FF4242;
        font-family: MicrosoftYaHei; }
  .news-details-con .news-interest-r {
    width: 321px;
    background: #F3F3F3;
    padding: 12px; }
    .news-details-con .news-interest-r .news-interest-r-in {
      background: #fff;
      font-size: 20px;
      color: #000000;
      padding: 8px 10px 10px; }
      .news-details-con .news-interest-r .news-interest-r-in .news-interest-r-title {
        text-align: center;
        position: relative;
        margin-bottom: 15px; }
        .news-details-con .news-interest-r .news-interest-r-in .news-interest-r-title > span::after {
          position: absolute;
          content: '';
          top: 50%;
          right: 0;
          border-bottom: 1px solid #F3F3F3;
          width: 64px;
          height: 1px; }
        .news-details-con .news-interest-r .news-interest-r-in .news-interest-r-title > span::before {
          position: absolute;
          content: '';
          top: 50%;
          left: 0;
          border-bottom: 1px solid #F3F3F3;
          width: 64px;
          height: 1px; }
    .news-details-con .news-interest-r .news-interest-list li {
      padding-bottom: 13px;
      width: 100%; }
      .news-details-con .news-interest-r .news-interest-list li span {
        display: table-cell;
        font-family: Didot-Italic;
        color: #E70012;
        font-style: Italic;
        padding-right: 2px; }
        .news-details-con .news-interest-r .news-interest-list li span i {
          font-size: 16px; }
      .news-details-con .news-interest-r .news-interest-list li a {
        display: table-cell;
        color: #000000; }
      .news-details-con .news-interest-r .news-interest-list li a:hover {
        color: #ff4242; }
  .news-details-con .news-details-l.new-l-title {
    width: 1139px; }
    .news-details-con .news-details-l.new-l-title > h2 {
      height: auto;
      line-height: 1;
      padding: 30px 0 46px; }
    .news-details-con .news-details-l.new-l-title .news-details-tip-wrap {
      padding: 0 30px 0 35px;
      font-size: 15px; }
      .news-details-con .news-details-l.new-l-title .news-details-tip-wrap .news-details-tip-l {
        font-size: 15px;
        color: #525252; }
      .news-details-con .news-details-l.new-l-title .news-details-tip-wrap .news-details-tip-r, .news-details-con .news-details-l.new-l-title .news-details-tip-wrap a i {
        color: #BFBFBF; }
    .news-details-con .news-details-l.new-l-title .summary {
      padding: 47px 0 38px;
      text-align: center; }
      .news-details-con .news-details-l.new-l-title .summary p {
        width: 951px;
        font-size: 16px;
        color: #333333;
        text-indent: 32px; }
    .news-details-con .news-details-l.new-l-title .news-details-bd {
      max-width: 1056px;
      margin: 0 35px; }
      .news-details-con .news-details-l.new-l-title .news-details-bd > .content {
        display: inline-block;
        margin: 0 auto; }
      .news-details-con .news-details-l.new-l-title .news-details-bd div .news-details-bd-img {
        width: 100%;
        height: 554px;
        overflow: hidden;
        background: #4A4A4A; }
      .news-details-con .news-details-l.new-l-title .news-details-bd div p {
        width: 517px;
        margin: 22px auto 24px;
        font-size: 16px;
        color: #333333;
        font-family: MicrosoftYaHei;
        text-align: center; }
      .news-details-con .news-details-l.new-l-title .news-details-bd div .news-details-bd-img2 {
        width: 100%;
        display: inline-block; }
        .news-details-con .news-details-l.new-l-title .news-details-bd div .news-details-bd-img2 > div {
          width: 506px;
          height: 549px;
          overflow: hidden;
          background: #4A4A4A; }
    .news-details-con .news-details-l.new-l-title .previous-next {
      margin-top: 117px; }
    .news-details-con .news-details-l.new-l-title .news-details-adv {
      margin-bottom: -15px;
      width: 100%;
      height: 220px;
      line-height: 220px;
      overflow: hidden;
      background: #f8f8f8; }
      .news-details-con .news-details-l.new-l-title .news-details-adv img {
        width: 100%;
        height: auto; }

.news-index-warp .news-indexs:nth-child(2n) {
  background: #F6F6F6; }

.news-index-warp .news-indexs:nth-child(2n-1) {
  background: #fff; }

.newsW {
  width: 1202px;
  margin: 0 auto; }
  .newsW .news-wrap {
    padding-bottom: 50px; }
  .newsW .news-til-wrap {
    width: 100%;
    display: inline-block;
    padding: 36px 0 40px; }
    .newsW .news-til-wrap .left {
      width: 304px;
      height: 36px;
      overflow: hidden; }
      .newsW .news-til-wrap .left .title1 {
        font-family: FZLTH_YS_GB2312;
        font-size: 34px;
        color: #2C2C2C;
        font-weight: bold;
        font-style: italic;
        padding-right: 14px;
        line-height: 34px; }
      .newsW .news-til-wrap .left .title2 {
        font-family: Didot-Bold;
        font-size: 22px;
        color: #333333;
        font-weight: bold;
        line-height: 22px; }
    .newsW .news-til-wrap .right {
      font-family: FZLTHK--GBK1-0;
      font-size: 16px;
      line-height: 16px;
      color: #333333;
      font-weight: bold; }
      .newsW .news-til-wrap .right .kicon-right-o {
        font-size: 21px;
        color: #333; }
  .newsW .news-list-wrap:hover, .newsW .news-list-wrap3 ul li:hover, .newsW .news-list-wrap2 .top:hover {
    border-color: #eeeeee;
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.15);
    transition: box-shadow .3s; }
  .newsW .news-list-wrap {
    display: block;
    float: left;
    margin-right: 30px; }
    .newsW .news-list-wrap a:hover {
      text-decoration: none; }
    .newsW .news-list-wrap .top {
      width: 278px;
      height: 274px;
      overflow: hidden;
      background: #f8f8f8; }
    .newsW .news-list-wrap .h182 {
      height: 182px; }
    .newsW .news-list-wrap .footer {
      width: 278px;
      padding: 14px 14px 17px;
      border: 1px solid #DDDDDD;
      border-top: none;
      background: #fff; }
      .newsW .news-list-wrap .footer span {
        background: linear-gradient(-77deg, #f857a6 0%, #ff5858 100%);
        font-family: FZLTXHK;
        font-weight: bold;
        font-size: 14px;
        color: #FFFFFF;
        width: 100px;
        height: 27px;
        line-height: 27px;
        padding: 0 15px;
        display: block;
        margin-bottom: 9px; }
      .newsW .news-list-wrap .footer h2 {
        color: #FB5786;
        font-family: CTHeiTiSJ;
        font-weight: bold;
        font-style: italic;
        font-size: 28px;
        padding-bottom: 10px;
        width: 100%;
        height: 41px; }
        .newsW .news-list-wrap .footer h2 b {
          margin-left: 4px; }
      .newsW .news-list-wrap .footer h3 {
        font-family: MicrosoftYaHei;
        font-size: 14px;
        color: #101010;
        line-height: 20px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden; }
      .newsW .news-list-wrap .footer p {
        border-top: 1px solid #FF4242;
        margin-top: 8px;
        color: #777777;
        font-size: 12px;
        font-family: MicrosoftYaHei;
        font-weight: 400;
        line-height: 18px;
        padding-top: 7px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden; }
      .newsW .news-list-wrap .footer .timer {
        font-family: MicrosoftYaHei;
        font-size: 14px;
        color: #666666;
        line-height: 14px;
        padding-top: 17px; }
  .newsW .news-list-wrap2:last-child {
    margin-right: 0; }
  .newsW .news-list-wrap2 {
    display: block;
    float: left;
    margin-right: 60px; }
    .newsW .news-list-wrap2 .left {
      width: 268px;
      height: 335px; }
    .newsW .news-list-wrap2 .bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 248px;
      height: 266px;
      border: 3px solid #EBEBEB; }
    .newsW .news-list-wrap2 .top {
      position: absolute;
      top: 13px;
      left: 13px;
      width: 248px;
      height: 315px;
      overflow: hidden;
      background: #f8f8f8; }
    .newsW .news-list-wrap2 .h182 {
      height: 182px; }
    .newsW .news-list-wrap2 .footer {
      float: left;
      width: 303px;
      padding: 14px 14px 17px 36px;
      border-top: none;
      background: #fff;
      margin-top: 48px;
      height: 182px; }
      .newsW .news-list-wrap2 .footer span {
        background: linear-gradient(-77deg, #f857a6 0%, #ff5858 100%);
        font-family: FZLTXHK;
        font-weight: bold;
        font-size: 14px;
        color: #FFFFFF;
        width: 100px;
        height: 27px;
        line-height: 27px;
        padding: 0 15px;
        display: block;
        margin-bottom: 9px;
        margin-top: 55px;
        text-align: center; }
      .newsW .news-list-wrap2 .footer h2 {
        color: #FB5786;
        font-family: CTHeiTiSJ;
        font-weight: bold;
        font-style: italic;
        font-size: 28px;
        padding-bottom: 10px;
        width: 100%;
        height: 41px; }
        .newsW .news-list-wrap2 .footer h2 b {
          margin-left: 4px; }
      .newsW .news-list-wrap2 .footer h3 {
        font-family: MicrosoftYaHei;
        font-size: 14px;
        color: #101010;
        line-height: 20px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden; }
      .newsW .news-list-wrap2 .footer p {
        position: relative;
        margin-top: 8px;
        color: #777777;
        font-size: 12px;
        font-family: MicrosoftYaHei;
        font-weight: 400;
        line-height: 18px;
        padding-top: 7px;
        width: 253px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden; }
        .newsW .news-list-wrap2 .footer p b {
          position: absolute;
          top: 0px;
          left: 0;
          z-index: 10;
          width: 189px;
          height: 1px;
          background: #FF4242;
          overflow: hidden; }
      .newsW .news-list-wrap2 .footer .timer {
        font-family: MicrosoftYaHei;
        font-size: 14px;
        color: #666666;
        line-height: 14px;
        padding-top: 17px; }
  .newsW .news-list-wrap3.mgt-147 {
    margin-top: 147px; }
  .newsW .news-list-wrap3 {
    display: block;
    float: left;
    margin-right: 30px;
    width: 370px; }
    .newsW .news-list-wrap3 > ul li {
      margin-bottom: 30px; }
    .newsW .news-list-wrap3 .top {
      width: 100%;
      height: 362px;
      overflow: hidden;
      background: #f8f8f8; }
    .newsW .news-list-wrap3 .top.wrap3-li-top1 {
      height: 230px; }
    .newsW .news-list-wrap3 .top.wrap3-li-top2 {
      height: 301px; }
    .newsW .news-list-wrap3 .h182 {
      height: 182px; }
    .newsW .news-list-wrap3 .footer {
      width: 100%;
      padding: 35px 18px 17px 14px;
      border: 1px solid #DDDDDD;
      border-top: none;
      background: #fff; }
      .newsW .news-list-wrap3 .footer span {
        background: linear-gradient(-77deg, #f857a6 0%, #ff5858 100%);
        font-family: FZLTXHK;
        font-weight: bold;
        font-size: 14px;
        color: #FFFFFF;
        width: 100px;
        height: 27px;
        line-height: 27px;
        padding: 0 15px;
        display: block;
        margin-bottom: 9px; }
      .newsW .news-list-wrap3 .footer h2 {
        color: #FB5786;
        font-family: CTHeiTiSJ;
        font-weight: bold;
        font-style: italic;
        font-size: 28px;
        padding-bottom: 7px; }
        .newsW .news-list-wrap3 .footer h2 i {
          display: block; }
      .newsW .news-list-wrap3 .footer h3 {
        width: 253px;
        font-family: MicrosoftYaHei;
        font-size: 14px;
        color: #101010;
        line-height: 20px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden; }
      .newsW .news-list-wrap3 .footer p {
        margin-top: 8px;
        color: #777777;
        font-size: 12px;
        font-family: MicrosoftYaHei;
        font-weight: 400;
        line-height: 18px;
        padding-top: 7px;
        width: 253px;
        position: relative;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden; }
        .newsW .news-list-wrap3 .footer p b {
          position: absolute;
          top: 0px;
          left: 0;
          z-index: 10;
          width: 189px;
          height: 1px;
          background: #FF4242;
          overflow: hidden; }
      .newsW .news-list-wrap3 .footer .timer {
        font-family: MicrosoftYaHei;
        font-size: 14px;
        color: #666666;
        line-height: 14px;
        padding-top: 17px; }
  .newsW .news-wrap :last-child {
    margin-right: 0; }
  .newsW .top img {
    width: 100%;
    height: auto; }

.news-til-wrap .headline {
  background-image: url(../images/news/titile.png);
  background-repeat: no-repeat;
  background-size: 304px 292px; }

.headline.bg-1 {
  background-position: 0px 1px; }

.headline.bg-2 {
  background-position: 0px -62px; }

.headline.bg-3 {
  background-position: 0px -127px; }

.headline.bg-4 {
  background-position: 0px -191px; }

.headline.bg-5 {
  background-position: 0px -257px; }

.footer h2 i {
  display: inline-block;
  text-align: center;
  width: 47px;
  height: 31px;
  overflow: hidden;
  background-image: url(../images/news/day.png);
  background-repeat: no-repeat;
  background-size: 47px 1150px; }

.footer h2 b {
  display: inline-block;
  width: 63px;
  height: 31px;
  background-image: url(../images/news/month.png);
  background-repeat: no-repeat;
  background-size: 63px 583px; }

.bg-p1 {
  background-position: 0px 0px; }

.bg-p2 {
  background-position: 0px -37px; }

.bg-p3 {
  background-position: 0px -75px; }

.bg-p4 {
  background-position: 0px -112px; }

.bg-p5 {
  background-position: 0px -150px; }

.bg-p6 {
  background-position: 0px -187px; }

.bg-p7 {
  background-position: 0px -224px; }

.bg-p8 {
  background-position: 0px -262px; }

.bg-p9 {
  background-position: 0px -299px; }

.bg-p10 {
  background-position: 0px -337px; }

.bg-p11 {
  background-position: 0px -374px; }

.bg-p12 {
  background-position: 0px -411px; }

.bg-p13 {
  background-position: 0px -449px; }

.bg-p14 {
  background-position: 0px -487px; }

.bg-p15 {
  background-position: 0px -524px; }

.bg-p16 {
  background-position: 0px -561px; }

.bg-p17 {
  background-position: 0px -598px; }

.bg-p18 {
  background-position: 0px -636px; }

.bg-p19 {
  background-position: 0px -673px; }

.bg-p20 {
  background-position: 0px -711px; }

.bg-p21 {
  background-position: 0px -748px; }

.bg-p22 {
  background-position: 0px -785px; }

.bg-p23 {
  background-position: 0px -823px; }

.bg-p24 {
  background-position: 0px -860px; }

.bg-p25 {
  background-position: 0px -898px; }

.bg-p26 {
  background-position: 0px -935px; }

.bg-p27 {
  background-position: 0px -972px; }

.bg-p28 {
  background-position: 0px -1010px; }

.bg-p29 {
  background-position: 0px -1047px; }

.bg-p30 {
  background-position: 0px -1085px; }

.bg-p31 {
  background-position: 0px -1122px; }

.bg-p-m1 {
  background-position: 0px 9px; }

.bg-p-m2 {
  background-position: 0px -43px; }

.bg-p-m3 {
  background-position: 0px -94px; }

.bg-p-m4 {
  background-position: 0px -147px;
  transform: translateY(4px);
  -ms-transform: translateY(4px);
  /* IE 9 */
  -moz-transform: translateY(4px);
  /* Firefox */
  -webkit-transform: translateY(4px);
  /* Safari 和 Chrome */
  -o-transform: translateY(4px);
  /* Opera */ }

.bg-p-m5 {
  background-position: 0px -199px;
  transform: translateY(4px);
  -ms-transform: translateY(4px);
  /* IE 9 */
  -moz-transform: translateY(4px);
  /* Firefox */
  -webkit-transform: translateY(4px);
  /* Safari 和 Chrome */
  -o-transform: translateY(4px);
  /* Opera */ }

.bg-p-m6 {
  background-position: 0px -246px; }

.bg-p-m7 {
  background-position: 0px -297px; }

.bg-p-m8 {
  background-position: 0px -350px;
  transform: translateY(4px);
  -ms-transform: translateY(4px);
  /* IE 9 */
  -moz-transform: translateY(4px);
  /* Firefox */
  -webkit-transform: translateY(4px);
  /* Safari 和 Chrome */
  -o-transform: translateY(4px);
  /* Opera */ }

.bg-p-m9 {
  background-position: 0px -401px;
  transform: translateY(4px);
  -ms-transform: translateY(4px);
  /* IE 9 */
  -moz-transform: translateY(4px);
  /* Firefox */
  -webkit-transform: translateY(4px);
  /* Safari 和 Chrome */
  -o-transform: translateY(4px);
  /* Opera */ }

.bg-p-m10 {
  background-position: 0px -450px; }

.bg-p-m11 {
  background-position: 0px -500px; }

.bg-p-m12 {
  background-position: 0px -552px; }

/*手绘首页S*/
.freehand-num {
  background-color: #fff;
  font-size: 0;
  height: 100px; }

.freehand-num p {
  height: 80px;
  background-color: #333333;
  line-height: 80px; }

.freehand-num .contact,
.freehand-num .buy {
  height: 35px;
  width: 110px;
  line-height: 35px;
  border-radius: 8px 7px;
  vertical-align: top;
  margin-top: 22px;
  cursor: pointer;
  text-decoration: none; }

.freehand-num .buy {
  background-color: #bb1112; }

.freehand-num .contact {
  background-color: #707070; }

.freehand-num .buy:hover {
  background-color: #de4848; }

.freehand-num .contact:hover {
  background-color: #555; }

.fh-nav {
  margin-right: -20px; }

.fh-nav li {
  padding-right: 20px; }

.fh-nav .list-goods-thumb {
  margin-top: 52px; }

.fh-nav .common-avatar {
  margin: 36px 0;
  box-shadow: none; }

.f-top-category {
  width: 91.7%;
  margin: 0 auto; }

.f-top-category li > a + a {
  margin-top: 34px; }

.fh-new {
  height: 682px;
  background: url("../images/freehand/fh-new.jpg") no-repeat center top; }

.fh-new .new-title {
  padding: 92px 0 62px 0; }

.fh-new .avg-lg-5 {
  margin-right: -20px; }

.fh-new .avg-lg-5 li {
  padding-right: 20px; }

.fh-new .swipe .avg-lg-5 li {
  margin-bottom: 0; }

.fh-list .ad-filter {
  width: 37.33%;
  max-height: 842px; }

.fh-list .ad-filter-right {
  width: 62.67%; }

.fh-list .ad-filter,
.fh-list .ad-filter-right {
  margin-bottom: 38px; }

.fh-list .column-tit-wrap {
  padding-top: 100px; }

/*手绘首页E*/
.f-list.list-goods-main .bk-overlay-tit {
  padding: 16px; }

.f-list.list-goods-main .bk-overlay {
  background: #ececee; }

.f-list.list-goods-main .bk-overlay .bk-overlay-tit .btn-theme {
  font-size: 16px;
  letter-spacing: 0; }

.f-list.list-goods-main .bk-overlay:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border: 16px solid #fff;
  height: 100%;
  width: 100%;
  z-index: 4; }

.f-list.watermark .bk-overlay:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(100, 100, 100, 0.2) url("../images/logo/nav-logo02.png") no-repeat center;
  background-size: 80%;
  z-index: 6;
  border: 16px solid #fff; }

/*穿针引线*/
.f-list.watermark .bk-overlay-eeff:after {
  background: rgba(100, 100, 100, 0.2) url(../images/eeff/logo.png) no-repeat center; }

/*众衣联*/
.f-list.watermark .bk-overlay-ugacc:after {
  background: rgba(100, 100, 100, 0.2) url(../images/ugacc/logo.png) no-repeat center;
  background-size: 80%; }

/*款款通*/
.f-list.watermark .bk-overlay-kkt:after {
  background: rgba(100, 100, 100, 0.2) url(../images/kkt/logo.png) no-repeat center; }

/*yunkuanbao*/
.f-list.watermark .bk-overlay-yunkuanbao:after {
  background: rgba(100, 100, 100, 0.2) url(../images/yunkuanbao/logo.png) no-repeat center; }

/*中服*/
.f-list.watermark .bk-overlay-zf:after {
  background: rgba(100, 100, 100, 0.2) url(../images/zf/logo.png) no-repeat center;background-size: 85%; }

.f-list .list-goods-info {
  padding: 9px 16px; }

.f-list .list-goods-info .list-item-hd {
  position: relative;
  top: -10px; }

.f-list .list-goods-info .list-item-hd h4 {
  font-size: 22px; }

.f-list .list-goods-info .list-item-hd + .text-center {
  position: relative;
  top: -8px;
  font-size: 16px; }

.f-list.list-goods-main .bk-overlay img {
  position: relative;
  top: 10px; }

/*手绘详情页面S*/
.fhd-head {
  height: 50px;
  line-height: 50px;
  background-color: #2B2C30;
  color: #bfbfbf;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 21;
  width: 100%;
  padding: 0 20px; }

.fhd-head a {
  color: #bfbfbf; }

.fhd-head .logo a {
  display: block;
  width: 200px;
  height: 0;
  padding-top: 50px;
  line-height: 50px;
  vertical-align: top;
  overflow: hidden;
  color: transparent;
  text-indent: -9999px;
  background: url("../images/logo/nav-logo02-h40.png") no-repeat center; }

/*穿针引线*/
.fhd-head .logo-eeff a {
  background: url("../images/eeff/logo2.png") no-repeat center; }

/*众衣联*/
.fhd-head .logo-ugacc a {
  background: url("../images/ugacc/logo2.png") no-repeat center;
  background-size: 60%; }

/*款款通*/
.fhd-head .logo-kkt a {
  background: url("../images/kkt/logo2.png") no-repeat center; }

/*中服*/
.fhd-head .logo-zf a {
  background: url("../images/zf/logo2.png") no-repeat center; }

.fhd-head .breadcrumb span {
  font-size: 16px; }

.fhd-head .breadcrumb span,
.fhd-head .breadcrumb > li a {
  color: #fff; }

.fhd-head .left h2 {
  display: inline-block;
  position: relative;
  top: 2px;
  left: 20px;
  font-weight: 400; }

.fhd-head .left h2 a {
  font-size: 18px;
  color: #fff; }

#autoplay {
  display: inline-block;
  padding: 0 10px;
  text-decoration: none; }

#autoplay i {
  font-size: 16px;
  margin-right: 5px; }

.autoplay-time {
  display: none;
  position: absolute;
  left: -22px;
  top: 40px;
  width: 200px;
  padding: 2px 10px 10px 10px; }

.autoplaycode:hover .autoplay-time {
  display: block; }

.pic-search {
  position: relative;
  width: 100%;
  height: 26px;
  margin-top: 12px;
  border: 1px solid #fff;
  border-radius: 100px; }

.pic-search input {
  width: 100%;
  height: 24px;
  line-height: 24px;
  padding: 0 30px 0 12px;
  background: none;
  color: #ccc;
  font-size: 14px;
  vertical-align: top;
  outline: none;
  border: none; }

.pic-search .uicon {
  position: absolute;
  right: 10px;
  top: 0;
  cursor: pointer;
  line-height: 23px; }

.f-info-box {
  width: 400px;
  position: fixed;
  height: 100%;
  overflow-y: auto;
  right: 0;
  top: 50px;
  padding-left: 20px;
  z-index: 20;
  opacity: 1;
  transform: translateX(0px);
  transition: all 0.5s; }

.f-info-box.unfold {
  -webkit-transform: translateX(380px);
  -ms-transform: translateX(380px);
  transform: translateX(380px); }

.info-wrap {
  padding: 20px;
  background-color: #eee;
  min-height: 100%; }

.info-hid {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  width: 20px;
  height: 100px;
  line-height: 100px;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 0;
  text-align: center;
  z-index: 30;
  background-color: #eee;
  cursor: pointer; }

.info-hid i {
  display: inline-block;
  font-weight: 700;
  transition: all 0.2s; }

.info-tit,
.info-lead,
.info-text,
.info-meta {
  margin-bottom: 20px;
  word-wrap: break-word; }

.info-tit {
  font-size: 18px;
  font-weight: bold;
  max-height: 72px;
  line-height: 24px; }

.info-tit b {
  font-size: 22px;
  color: #ff4242;
  font-family: Helvetica; }

.info-lead {
  margin-top: 40px;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  height: 16px; }

.info-text {
  font-size: 14px; }

.info-tag {
  padding-bottom: 20px; }

.info-tag a {
  margin: 0 20px 6px 0;
  display: inline-block; }

.info-meta > * + *,
.info-meta span.right * + * {
  margin-left: 10px; }

.info-meta,
.info-meta a {
  color: #999;
  text-decoration: none; }

.info-meta a:hover {
  color: #ff4242; }

.info-meta i {
  padding-right:4px;
  font-size: 18px; }

.pic-thumb li {
  float: left;
  position: relative;
  margin: 0 5px 5px 0;
  width: 71px;
  height: 71px;
  line-height: 71px;
  overflow: hidden;
  border: 1px solid #dddddd; }

.pic-thumb li span {
  display: none; }

.pic-thumb li:before {
  content: "";
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 3px solid #ff4242; }

.pic-thumb li.active:before {
  display: block; }

.pic-thumb-box {
  height: 260px;
  overflow-y: auto; }

.pic-thumb-single-box {
  margin-right: -28px; }

.pic-thumb-single-box li {
  padding-right: 28px;
  margin-bottom: 28px; }

.pic-thumb-single-box li a {
  display: block;
  height: 176px;
  line-height: 146px;
  border: 1px solid #ccc;
  text-align: center; }

.pic-box {
  margin-top: 50px;
  height: 873px;
  position: relative;
  background-color: #000;
  text-align: center;
  transition: all 0.5s; }

.ntip {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -140px;
  margin-top: -35px;
  background: rgba(0, 0, 0, 0.6);
  display: inline-block;
  width: 280px;
  line-height: 70px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  z-index: 99115;
  border-radius: 6px; }

.ntip i {
  margin-right: 10px;
  font-size: 22px; }

.pic-img-wrap,
.pic-img-wrap img {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%; }

.pic-img-wrap {
  width: 90%;
  text-align: center; }

.pic-img-wrap img {
  max-height: 100%; }

.arrow-l, .arrow-r {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  cursor: pointer; }

.arrow-l {
  left: 0; }

.arrow-r {
  right: 0; }

.arrow-l i, .arrow-r i {
  color: #fff;
  font-size: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: .2;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }

.pic-box .arrow-r i {
  left: 80%; }

.pic-box .arrow-l i {
  left: 20%; }

.arrow-l:hover i, .arrow-r:hover i {
  opacity: 1; }

.pic-author {
  height: 60px;
  min-width: 70%;
  box-sizing: border-box;
  background-color: #2B2C30;
  transition: all 0.5s; }

.author-wrap {
  margin: 0 auto;
  white-space: nowrap; }

.author-wrap > .left {
  margin-top: 8px; }

.author-wrap p {
  color: #fff; }

.author-wrap p small {
  color: #ccc; }

.author-wrap {
  height: 60px;
  overflow: hidden; }

.author-wrap a {
  display: inline-block;
  color: #fff;
  line-height: 60px;
  overflow: hidden;
  margin-right: 10px;
  text-decoration: none;
  padding: 0 10px; }

.author-wrap a:hover {
  color: #ff4242; }

.author-wrap a i {
  margin-right: 5px;
  font-size: 18px; }

.single-list-pop {
  width: 100%;
  height: 100px;
  top: -100px;
  left: 0;
  border-top: 1px solid #2B2C30;
  transition: all 0.4s ease; }

.single-list-pop .arrow-l,
.single-list-pop .arrow-r {
  top: 0;
  width: 5%;
  background-color: #f9f9f9;
  z-index: 111; }

.single-list-pop .arrow-l i,
.single-list-pop .arrow-r i {
  font-size: 42px;
  top: 50%;
  color: #000; }

.single-list-con {
  height: 100%;
  margin: 0 5%;
  background-color: #f9f9f9;
  box-sizing: content-box;
  z-index: 110;
  overflow: hidden; }

.single-list-con ul {
  overflow: hidden;
  white-space: nowrap;
  font-size: 0;
  left: 0;
  top: 0;
  transition: all 0.4s ease; }

.single-list-con ul li {
  padding: 10px;
  width: 100px;
  height: 100px;
  display: inline-block;
  vertical-align: top; }

.single-list-con ul li a {
  width: 80px;
  height: 80px;
  line-height: 78px;
  text-align: center;
  overflow: hidden;
  display: block;
  border: 1px solid #ccc; }

.f-pagination b {
  color: #eb3e3e;
  font-size: 20px; }

.f-pagination em {
  font-size: 18px; }

/*手绘详情页面E*/
/*手绘详情页面弹框S*/
.fhd-fixed-detail {
  min-width: 1100px;
  min-height: 600px;
  position: fixed;
  left: 50%;
  top: 50%;
  background-color: #fff;
  z-index: 99915;
  transform: translate(-50%, -50%);
  font-size: 0; }

.fixed-detail-close {
  top: 1%;
  right: 1%;
  padding: 10px;
  z-index: 99916;
  color: #000; }

.pop-text {
  width: 500px;
  vertical-align: top; }

.pop-text h2 {
  line-height: 90px; }

.pop-text .detail-recommend {
  width: 380px;
  padding-top: 38px; }

.detail-recommend ul {
  margin-right: -10px; }

.detail-recommend ul li {
  padding-right: 10px; }

/*手绘详情页面弹框E*/
.user-container.c_fff {
  background: #fff; }

.about-title {
  width: 100%;
  padding-top: 126px;
  height: 346px;
  position: relative; }

.about-title .about-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.about-title .about-bg img {
  width: 100%;
  height: 100%; }

.about-list {
  width: 100%;
  background: #fff;
  padding-top: 30px; }

.about-list li {
  width: 100%; }

.about-list li a {
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 1;
  padding: 0 0 24px 104px;
  position: relative;
  text-decoration: none; }

.about-list li .active.red-vertical {
  color: #ff4242; }

.about-list li .active.red-vertical:after {
  content: '';
  position: absolute;
  left: 85px;
  top: 0;
  width: 2px;
  height: 16px;
  background: #ff4242; }

.about-list li:hover .red-vertical:after {
  content: '';
  position: absolute;
  left: 85px;
  top: 0;
  width: 2px;
  height: 16px;
  background: #ff4242; }

.a-show-img {
  margin: 70px 12.17% 18px 12.17%;
  background-color: #fff; }

.a-describe {
  width: 100%;
  padding: 16px 78px; }

.a-describe h4 {
  width: 100%;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  margin-bottom: 18px; }

.a-describe p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 22px; }

.a-describe p:last-child {
  margin-bottom: 0; }

.a-describe-video {
  width: 100%;
  padding: 64px 0;
  text-align: center; }

.a-describe-video .embed {
  display: inline-block;
  width: 730px; }

.red-bar {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -25px;
  bottom: 0;
  height: 2px;
  width: 50px;
  background: #ff4242; }

.a-grow {
  padding: 0 78px 110px 78px; }

.a-grow h4 {
  width: 100%;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  margin-bottom: 18px; }

.a-grow h5 {
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  margin: 12px 0; }

.a-grow p {
  font-size: 14px;
  line-height: 32px; }

.about-wrap {
  width: 94%;
  margin: 22px auto;
  border: 1px solid #f3f3f3;
  padding-bottom: 35px; }

.about-wrap .about-common-title {
  width: 100%;
  height: 50px;
  font-size: 16px;
  background: #f3f3f3;
  text-indent: 30px;
  line-height: 50px;
  position: relative; }

.about-wrap .about-common-title.red-vertical:after {
  content: '';
  position: absolute;
  left: 16px;
  top: 50%;
  width: 2px;
  height: 16px;
  margin-top: -8px;
  background: #ff4242; }

.contact-way {
  padding: 24px 16px 48px 16px; }

.contact-way .contact-map {
  width: 50%;
  height: 290px; }

.contact-way .contact-address {
  padding: 30px 0 0 30px; }

.contact-way .contact-address.left h5 {
  font-size: 14px; }

.contact-way .contact-address li p {
  font-size: 14px; }

.contact-way .contact-address li:nth-of-type(2) {
  margin: 26px 0 20px 0; }

.questions {
  padding-bottom: 10px; }

.questions li {
  padding: 12px 0;
  cursor: pointer; }

.questions li a {
  display: inline-block;
  font-size: 14px;
  line-height: 1; }

.questions li span {
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #000;
  border-radius: 100px;
  margin: 0 24px 3px 16px; }

.questions li div {
  padding: 10px 140px 0 50px;
  font-size: 14px;
  display: none;
  color: #999; }

.questions li div p {
  line-height: 38px; }

.suggestions-wrap {
  min-height: 688px;
  margin: 22px 37px 100px 37px; }

.suggestions-wrap .bk-form .form-group > label {
  width: 42px;
  margin-right: 20px;
  vertical-align: top;
  margin-top: 4px; }

.suggestions-wrap > .bk-form {
  margin-top: 24px; }

.suggestions-wrap .bk-form .form-group {
  margin-bottom: 24px;
  padding-left: 16px; }

.suggestions-wrap .bk-form .form-group > .form-group-element input {
  width: 320px;
  height: 36px;
  margin: 0; }

.suggestions-wrap .bk-form .form-group > .form-group-element textarea {
  height: 230px;
  margin: 0; }

.suggestions-wrap .upload-pic-list {
  padding: 0; }

.suggestions-wrap .upload-pic-list li {
  float: left;
  margin-right: 20px; }

.suggestions-wrap .upload-pic-list .upload-img div {
  width: 188px;
  height: 208px;
  border: 1px solid #999; }

.suggestions-wrap .upload-pic-list .upload-img div p {
  width: 20px;
  height: 20px;
  border-radius: 100px;
  background: #2B2C30;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -10px;
  margin-right: -10px;
  color: #fff;
  display: none;
  text-align: center;
  font-size: 0; }

.suggestions-wrap .upload-pic-list .upload-img div:hover p {
  display: table-caption; }

.suggestions-wrap .upload-pic-list .upload-img div p i {
  font-size: 14px; }

.suggestions-wrap a {
  margin-left: 80px; }

.law-wrap .doc-example {
  padding: 0 16px; }

.law-wrap .article-header {
  width: 100%;
  height: 62px; }

.law-wrap .article-header .article-title {
  font-size: 16px;
  line-height: 62px; }

.law-wrap .article-b strong {
  font-size: 16px; }

.law-wrap .article-bd {
  padding: 18px 16px 0 16px; }

.law-wrap .information {
  margin-bottom: 28px; }

.friendship-wrap .friendship-title {
  padding: 32px 0 0 16px; }

.friendship-wrap .friendship-title > h5 {
  font-size: 16px;
  line-height: 1;
  padding: 24px 0;
  font-weight: 400; }

.friendship-wrap .friend-list-pic li {
  float: left;
  width: 126px;
  height: 62px;
  margin: 0 16px 30px 0;
  box-shadow: 0 2px 4px 0 rgba(166, 166, 166, 0.3); }

.friendship-wrap .friend-list-pic li:nth-of-type(7 + n) {
  margin-bottom: 34px; }

.friendship-wrap .friend-list-pic li img {
  width: 100%; }

.friendship-wrap .friend-list-text li {
  float: left;
  margin: 0 28px 24px 0; }

.friendship-wrap .friend-list-text li a {
  font-size: 16px; }

.friendship-wrap dl dt {
  font-size: 16px;
  margin-top: 20px; }

.friendship-wrap dl dd {
  line-height: 36px; }

.about-wrap.no-bd {
  border: none; }

.web-map-wrap {
  padding: 24px 20px; }

.map-title {
  width: 96px;
  height: 26px;
  line-height: 26px;
  background-color: #333333; }

.map-title a {
  text-underline: none; }

.link-item {
  margin-bottom: 14px; }

.link-item:last-child {
  margin-bottom: 0; }

.link-item .father {
  width: 8.7%;
  text-align: right; }

.link-item .father a {
  color: #fb463b; }

.link-item .son {
  width: 90.3%;
  padding-left: 8px; }

.link-item .son a {
  display: inline-block;
  position: relative; }

.link-item .son a:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: -1px;
  margin-top: -7px;
  width: 2px;
  height: 14px;
  border: 1px solid #9b9b9b; }

.link-item .son a:last-child:after {
  border: 1px solid transparent; }

.link-item .son:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 6px;
  width: 5px;
  height: 5px;
  border-top: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #9b9b9b; }

.link-item .son a {
  padding: 0 10px; }

.link-item .son span {
  width: 2px;
  height: 12px;
  display: inline-block;
  border: 1px solid #999; }

.us-join-wrap {
  border: none; }

.us-join-wrap .menber-wrap {
  padding: 24px 0 0 0; }

img[src=""] {
  filter: Alpha(opacity=0); }

.form-feedback select::-ms-expand {
  display: none; }

.form-feedback select {
  padding-right: 2px\9  !important; }

.bk-form input[type="radio"].radio-icon,
.bk-form input[type="checkbox"].checkbox-icon,
.radio-icon,
.checkbox-icon,
.bk-form input[type="radio"].radio-icon:checked,
.bk-form input[type="checkbox"].checkbox-icon:checked,
.radio-icon:checked,
.checkbox-icon:checked,
.radio-icon.check,
.checkbox-icon.check {
  border: 0\9; }

.flex > * {
  display: inline-block\9; }

.form-icon [class*='kicon-'] {
  text-align: right; }

.form-icon.form-feedback i:first-child[class*='kicon-'] {
  text-align: left; }

.form-group [class*="btn-"] {
  letter-spacing: normal; }

.upload-file input[type="file"] {
  filter: Alpha(opacity=0); }

.pages a, .pages strong {
  min-width: 20px\9; }

.pages-small a, .pages-small strong {
  min-width: 18px\9;
  height: 28px\9; }

@media all and (min-width: 0) {
  .pages a, .pages strong {
    min-width: 40px\0; }
  .pages-small a, .pages-small strong {
    min-width: 28px\0; } }

.list-goods-info.ellipsis h3 a,
.list-item-hd.ellipsis a,
.list-item-text.ellipsis,
.list-item-hd a {
  display: block\0;
  max-height: 33px\0;
  line-height: 33px\0; }

.list-item-hd .collect-btn {
  margin: -6px -10px 0 0\9; }

.list-item-meta i {
  position: relative\9;
  top: -5px\9; }

@media all and (min-width: 0) {
  .list-item-meta i {
    top: 0\0; } }

.avg-lg-5 {
  letter-spacing: -5px\9; }

.avg-lg-5 * {
  letter-spacing: 0\9; }

.avg-lg-5 > li {
  display: inline-block\9;
  float: none\9;
  vertical-align: top\9; }

.designer-list .list-goods-thumb > a img,
.designer-list .list-goods-thumb > span img {
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  left: -28px\9; }

@media all and (min-width: 0) {
  .designer-list .list-goods-thumb > a img,
  .designer-list .list-goods-thumb > span img {
    left: 50%\0; } }

.pic-hover-wrap {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  filter: Alpha(opacity=0); }

.list-goods-thumb:hover .pic-hover-wrap {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  filter: Alpha(opacity=100); }

.designer-list .list-goods-thumb + .list-goods-info .list-item-text {
  filter: Alpha(opacity=0); }

.designer-list .list-goods-thumb:hover .pic-hover-main {
  filter: Alpha(opacity=100); }

.column-right .list-goods-thumb .overlay-info span {
  display: block; }

.designer-list .list-goods-thumb > a img,
.designer-list .list-goods-thumb > span img {
  max-width: initial; }

.design-works-swiper .ctrl-slide {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  margin-top: -110px\9; }

@media all and (min-width: 0) {
  .design-works-swiper .ctrl-slide {
    margin-top: 0\0; } }

.gallery.hover-tit li .img-box-tit {
  filter: Alpha(opacity=50); }

.pic-thumb-list li a img {
  top: 0\9;
  left: 0\9; }

.pic-thumb-list li {
  border: 1px solid #eeeeee \9; }

.pic-thumb-list li.current {
  border: 3px solid #ff4242 \9; }

.pic-thumb-list li a:before {
  display: none\9; }

@media all and (min-width: 0) {
  .pic-thumb-list li a img {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top: 50%\0;
    left: 50%\0; }
  .pic-thumb-list li.current {
    border-width: 0\0; }
  .pic-thumb-list li a:before {
    display: block\0; } }

.pic-box {
  overflow: hidden; }

.pic-img-wrap,
.pic-img-wrap img {
  top: 0\9;
  left: 0\9; }

.pic-img-wrap img {
  position: relative\9; }

.pic-img-wrap {
  width: 98%\9; }

@media all and (min-width: 0) {
  .pic-img-wrap,
  .pic-img-wrap img {
    top: 50%\0;
    left: 50%\0; }
  .pic-img-wrap img {
    position: absolute\0; } }

.box-5-5 ul li {
  height: 300px;
  overflow: hidden; }

.box-5-5 li .title {
  padding-top: 6px;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 12px; }

.box-5-5 li h2 {
  font-size: 24px;
  font-weight: 600;
  position: absolute;
  color: #fff;
  top: 9px;
  left: 24px; }

.box-5-5 li p {
  padding-left: 22px; }

.box-5-5 li .box-5-5-pic {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative; }

.box-5-5 li .box-5-5-pic:hover {
  color: #333; }

.box-5-5 li span {
  display: inline-block;
  line-height: 34px;
  margin-right: 20px; }

.border-none {
  border: none; }

.head-category {
  margin: 6px -6px 0; }

.head-category li {
  padding-left: 6px; }

.head-category .overlay-main .overlay-info h3 {
  margin-top: 18.5%;
  font-size: 23px; }

.head-category .overlay-main .overlay-info p {
  font-size: 20px;
  margin-top: 1.6%; }

.p-index-box {
  padding: 90px 0 60px; }

.p-box-tit {
  margin-bottom: 40px; }

.p-box-tit h3 {
  font-size: 42px;
  display: inline-block;
  line-height: normal; }

.p-box-tit h3 small {
  font-size: 24px;
  color: #000;
  font-weight: 600;
  font-family: "Times New Roman", Georgia, Times, Kai, "Kaiti SC", KaiTi, BiauKai, "FontAwesome", serif;
  padding-left: 0;
  letter-spacing: -1px; }

.p-box-tit h3 small em {
  color: #ff4242; }

.p-tabs {
  margin-top: 8px; }

.p-tabs-nav {
  float: left; }

.p-tabs-nav li, .p-tabs .more {
  float: left;
  line-height: 40px;
  font-size: 18px;
  font-weight: 600;
  margin-left: 20px; }

.p-tabs-nav li a {
  display: block;
  padding: 0 15px;
  text-decoration: none; }

.p-tabs-nav li a:hover,
.p-tabs-nav li.current a {
  border-bottom: 2px solid #ff4242; }

.p-index-box .tabs-bd {
  border: none; }

.p-index-box .tabs-bd .tab-panel {
  background: none;
  padding: 10px 2px; }

.p-index-box .tabs-bd .tab-panel .cd-gallery-items {
  margin-right: -28px; }

.p-index-box .tabs-bd .tab-panel .cd-gallery-items > li {
  padding-right: 28px; }

.p-index-box:hover .swiper-container .arrow-hot {
  display: block; }

.p1-bg {
  background: url("../images/pattern/p1-bg.jpg") no-repeat top center; }

.p2-bg {
  background: url("../images/pattern/p2-bg.jpg") no-repeat top center; }

.p2-bg h3 {
  text-align: center;
  font-size: 42px;
  color: #fff;
  line-height: normal;
  margin-bottom: 40px; }

.p2-bg .ad-filter {
  width: 38.9%; }

.p2-bg .ad-filter-right {
  width: 61%; }

.p2-bg .ad-filter .ad-filter-main {
  min-height: inherit; }

.p2-bg .overlay-info .one {
  margin-top: 12%;
  font-size: 32px;
  display: inline-block; }

.p2-bg .overlay-info .two {
  font-size: 26px;
  margin-top: 0; }

.p2-bg .overlay-info .three {
  margin-top: 40px; }

.rec-gallery {
  background: #fff; }

.rec-gallery li {
  float: left;
  width: 29.95%; }

.rec-gallery li.middle {
  width: 40.1%; }

.rec-gallery .overlay-main .overlay-info {
  padding: 20px 60px; }

.rec-gallery .middle.overlay-main .overlay-info {
  padding: 20px 150px; }

.rec-gallery .overlay-main .overlay-info h3 {
  margin-top: 140px; }

.rec-gallery .overlay-main [class*="btn-"] {
  padding: 0 30px; }

.btm-category li {
  margin-bottom: 28px; }

.btm-category .row {
  margin-bottom: -28px;
  overflow: hidden; }

.btm-category .overlay-main .overlay-info h3 {
  margin-top: 120px; }

.btm-category .col-lg-6 {
  text-align: center; }

.btm-category .col-lg-6 p {
  font-size: 16px;
  color: #555;
  margin-top: 10px;
  padding: 0 70px; }

.btm-category .col-lg-6 p.tit {
  font-size: 48px;
  font-weight: 600;
  font-family: Times;
  color: #333333;
  margin-top: 30px; }

.btm-category .col-lg-6 a {
  text-decoration: none; }

.btm-category .overlay-main [class*="btn-"] {
  line-height: 30px;
  padding: 0 30px; }

.btm-category .overlay-main [class*="btn-"] {
  font-weight: bold; }

.btm-category .overlay-info {
  display: none; }

.overlay-main {
  position: relative;
  text-align: center;
  overflow: hidden; }

.overlay-main a,
a.overlay-main,
.overlay-main span {
  color: #fff; }

.overlay-main .overlay-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10%;
  z-index: 8; }

.overlay-main .overlay-info h3 {
  margin-top: 10%;
  font-size: 26px; }

.overlay-main .overlay-info p {
  margin-top: 5%;
  font-size: 16px; }

.overlay-main.hover-info .overlay-info {
  display: none; }

.overlay-main.hover-info:hover .overlay-info {
  display: block; }

.overlay-main.hover-info a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 97%;
  height: 97%;
  border: 1px solid #fff;
  margin: 1.5%;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: .2s;
  transition: .2s;
  z-index: 6; }

.overlay-main.hover-info:hover a:after {
  -webkit-transform: scale(1);
  transform: scale(1); }

.alliance-1 {
  width: 100%;
  height: 720px;
  background: url("../images/special/alliance/bg-gray.jpg"); }

.alliance-pad {
  padding: 80px 0 100px 0; }

.alliance-2 {
  width: 100%;
  height: 690px;
  background: url("../images/special/alliance/bg-black.jpg"); }

.alliance-3 {
  width: 100%;
  height: 780px;
  background-color: #fff; }

.alliance-4 {
  width: 100%;
  height: 722px;
  background: #000 url("../images/special/alliance/5-bg.jpg") no-repeat top center; }

.alliance-5 {
  width: 100%;
  height: 698px;
  background: #fff; }

.alliance-6 {
  width: 100%;
  height: 798px;
  background: url("../images/special/alliance/bg-gray.jpg"); }

.alliance-7 {
  width: 100%;
  height: 418px;
  background: url("../images/special/alliance/8-bg.jpg"); }

.need-form {
  max-width: 1108px; }

.need-form .k-title {
  margin-top: 6px;
  margin-bottom: 12px; }

.need-form input {
  width: 180px; }

.need-form .k-title h3 {
  font-size: 16px;
  border: 0;
  padding-left: 0;
  color: #333333; }

.need-form .k-title small {
  font-size: 14px; }

.need-form .form-group {
  margin-bottom: 12px; }

.need-form .form-group-element label {
  margin-bottom: 10px;
  margin-right: 32px; }

.need-form .form-group-element {
  padding-left: 29px; }

.need-form.counter {
  counter-reset: number; }

.need-form.counter .k-title h3::before {
  counter-increment: number;
  content: counters(number, ".") "、"; }

.g-header {
  padding: 123px 0 65px;
  background: #000 url("../images/gallery/index/head-bg.jpg") center no-repeat; }

.g-search-wrap {
  position: relative;
  width: 650px;
  margin: 0 auto; }

.g-search-l .icon i {
  display: inline-block;
  width: 50px;
  color: #fff;
  border: 1px solid #fff;
  text-align: center;
  line-height: 48px;
  font-size: 28px; }

.g-search-l, .g-search-r {
  position: absolute;
  top: 0; }

.g-search-m, .g-search-l .icon i {
  height: 50px; }

.g-search-r {
  right: 0; }

.g-search-r [class*="btn-"] {
  line-height: 48px;
  border-radius: 0;
  width: 100px; }

.g-search-r .btn-black {
  border-color: #fff; }

.g-search-r .btn-black:hover {
  background: #000; }

.g-search-m {
  padding-right: 100px; }

.g-search-l + .g-search-m {
  padding-left: 60px; }

.g-search-m > .main {
  position: relative;
  background: #fff; }

.g-search-m > .main .kicon-search {
  line-height: 50px;
  font-size: 18px;
  padding: 0 8px; }

.g-search-m input {
  width: 100%;
  height: 50px;
  padding: 0 90px 0 30px;
  line-height: 50px;
  border: none; }

.g-search-m input:focus, .g-search-m button:focus {
  outline: 0; }

.g-search-m .dropdown {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer; }

.g-search-m .dropdown-toggle,
.g-search-m .dropdown-content li a {
  padding: 0 20px; }

.g-search-m .dropdown-content {
  background: #fff;
  margin-top: 0; }

.g-search-m .dropdown-toggle {
  line-height: 50px;
  text-align: right; }

.g-search-m .dropdown-content li a {
  display: block;
  line-height: 50px;
  text-decoration: none; }

.g-search-m .dropdown-content:before,
.g-search-m .dropdown-content:after {
  content: none; }

.g-search-m .dropdown-content {
  padding: 0;
  margin: 0;
  min-width: initial;
  position: absolute;
  right: 0;
  left: initial;
  text-align: right; }

.g-search-m .dropdown-content li a:hover {
  color: #ff4242; }

.g-new-list {
  width: 1206px;
  margin: 80px auto 0; }
.g-new-list [class*="avg-lg"] li {
  padding: 3px; }
.g-new-list p {
  color: #fff;
  padding: 0 3px 10px; }
.g-new-list li a {
  display: block;
  background: #fff;
  line-height: 126px;
  height: 128px;
  overflow: hidden;
  text-align: center; }

.g-tongji {
  font-size: 0.000000001px;
  padding: 100px 0 60px; }

.g-tongji dl {
  text-align: center;
  font-size: 16px;
  width: 25%;
  display: inline-block; }

.g-tongji dl dt {
  font-size: 54px;
  line-height: 1.2; }

.g-tongji dl dt small {
  font-size: 16px;
  font-weight: 400;
  margin-left: 8px; }

.g-tongji dl dd {
  margin-top: 0; }

.g-category-nav {
  text-align: center; }

.g-category-nav h3 {
  font-size: 42px;
  line-height: 3.6; }

.g-category-nav h3 + p {
  font-size: 18px;
  width: 60%;
  margin: 0 auto;
  margin-bottom: 60px; }

.g-category-nav ul {
  margin: 0 -9px; }

.g-category-nav li {
  padding: 0 9px 18px 9px; }

.g-tit {
  font-size: 42px;
  line-height: 1.6;
  text-align: center;
  margin: 30px 0 20px 0;
  padding: 30px 0 20px;
  font-weight: 400; }

.new-gallery {
  background: #f9f9f9;
  padding-bottom: 32px; }

.g-bottom-meta {
  margin-top: 16px; }

.g-bottom-meta .tit {
  background: #000;
  color: #fff;
  padding: 2px 10px; }

.g-bottom-meta a {
  margin-left: 16px; }

.photos {
  margin: auto;
  font-size: 0; }

.photo {
  position: relative;
  display: inline-block;
  width: 19%; }

.photo .flag-icon {
  z-index: 5; }

.overlay.hover-tit .flag-icon {
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  -webkit-transform: translateX(40px);
  -ms-transform: translateX(40px);
  transform: translateX(40px);
  opacity: 0; }

.overlay.hover-tit .photo:hover .flag-icon {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1; }

.g-listpage-nav {
  text-align: center;
  background: #fff;
  border-bottom: 1px solid #eeeeee; }

.g-listpage-list > a {
  display: inline-block;
  margin: 0 20px;
  line-height: 60px;
  text-decoration: none;
  font-size: 16px;
  border-bottom: 2px solid transparent; }

.g-listpage-list-1 > a {
  line-height: 45px;
  font-weight: bold; }

.g-listpage-list > a:hover,
.g-listpage-list > a.active {
  border-color: #ff4242;
  color: #ff4242; }

.g-listpage-head {
  margin-bottom: 50px; }

.g-listpage-head .common-avatar {
  padding: 30px;
  line-height: 1; }

.g-listpage-head .common-avatar .avatar-hd {
  color: #333333;
  font-size: 28px;
  font-weight: bold;
  margin: 32px 0px 20px 0px; }

.g-listpage-head .common-avatar .avatar-text {
  line-height: 1.6;
  color: #999;
  width: 500px;
  margin: 0 auto; }

.g-listpage-head-bg {
  min-height: 130px; }

.g-listpage-head-bg + .g-listpage-head {
  margin-top: -109px; }

.gallery-list .list-item-meta {
  border: 0;
  padding: 0;
  font-size: 12px;
  min-height: 19px;
  overflow: auto; }

.gallery-list .list-goods-thumb a {
  height: 280px;
  line-height: 280px; }

.gallery-list.avg-lg-5 .list-goods-thumb,
.gallery-list.avg-lg-5 .list-goods-thumb a {
  min-height: 180px; }

.num-tongji {
  font-size: 17px;
  margin: 16px 0 20px;
  color: #535353;
  padding-bottom: 17px; }

.num-tongji b {
  font-size: 28px;
  margin: 0 5px;
  font-family: "Lantinghei SC", "PingFang SC", "Microsoft Yahei", "Hiragino Sans GB", "Segoe UI", "Lucida Grande", Helvetica, "SimHei", sans-serif;
  color: #171C25; }

.hot-search-meta {
  background: #fff;
  padding: 40px 0;
  margin-bottom: 50px; }
.hot-search-meta .filter-body a, .hot-search-meta .filter-body span {
  background: #eeeeee;
  line-height: 32px;
  margin: 0 10px 10px 0;
  color: #333333; }
.hot-search-meta .filter-body a:hover {
  background: #dddddd; }
.hot-search-meta .filter-body .tit {
  max-width: none;
  background: none;
  padding: 0;
  color: #333333;
  font-weight: 600; }

.img-center {
  position: relative;
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }

.edit-wrap .other-logo {
  margin-top: 40px; }

.edit-wrap .other-logo li {
  display: inline-block;
  vertical-align: middle;
  width: 227px;
  border: 1px solid #eeeeee;
  margin-right: 20px; }

.edit-wrap .other-logo li p {
  text-align: center;
  line-height: 66px;
  padding: 0 5px; }

.edit-wrap .other-logo li p.bottom {
  background: #eeeeee;
  line-height: 28px; }

.edit-wrap .other-logo li p.bottom span {
  max-width: 50%;
  max-height: inherit; }

footer .nav.flex {
  align-items: inherit;
  flex-wrap: nowrap; }

footer .nav.flex div {
  width: auto; }

.fabric-column-warp {
  padding: 70px 0 50px; }

.fabric-column-warp.bg-white + .fabric-column-warp.bg-white {
  padding-top: 20px; }

.fabric-c-title {
  text-align: center;
  margin-bottom: 50px;
  font-size: 16px; }

.fabric-c-title h3 {
  margin-bottom: 20px; }

.fabric-column-warp .avg-lg-6.list-goods-main .list-goods-thumb {
  height: 227px; }

.fabric-column-warp .avg-lg-6.list-goods-main .list-goods-thumb:last-child {
  height: auto; }

.list-item-hd .right + h4 {
  text-align: left; }

.fabric-column-warp .swipe .swipe-wrap > div > div {
  margin: 5px; }

.meta-line span:before {
  content: "|";
  margin: 0 6px 5px 0; }

.meta-line span:first-child:before {
  content: ""; }

.business-wrap .meta-line span {
  font-size: 12px; }

.business-wrap .g-listpage-head {
  margin: -130px 0 0; }

.business-wrap .g-listpage-head .common-avatar {
  padding-bottom: 50px; }

.business-wrap .g-listpage-head .common-avatar .avatar-hd {
  margin-bottom: 20px; }

.business-wrap .g-listpage-head .common-avatar .avatar-text {
  width: 44%; }

#b-contact {
  overflow: hidden;
  background: #fff; }

.b-contact-l, .b-contact-r {
  float: left;
  width: 50%; }

.b-contact-l,
.b-contact-r,
.b-contact-r .map-bg {
  height: 560px; }

.b-contact-r img {
  width: 100%; }

.b-contact-l {
  background: url("../images/business/store/contact-bg.jpg") no-repeat;
  padding: 4% 60px 0; }

.b-c-tit h3 {
  font-size: 34px;
  line-height: 1.2; }

.b-c-tit h3 small {
  color: #333333;
  font-weight: 900;
  font-size: 32px; }

.b-c-tit h3 small em {
  color: #ff4242; }

.b-contact-l .b-contact-list {
  margin-top: 10%; }

.b-contact-list {
  margin-left: -4.9%; }

.b-contact-list li {
  padding-left: 4.9%; }

.b-contact-item {
  margin-top: 45px;
  border: 2px solid #dddddd;
  padding: 0 8%;
  height: 250px; }

.b-c-icon {
  width: 90px;
  line-height: 90px;
  border-radius: 1000px;
  background: #ff4242;
  margin: -45px auto 0;
  color: #fff; }

.b-c-icon i {
  font-size: 60px; }

.b-c-info {
  padding: 15px 0; }

.b-c-title {
  font-size: 18px;
  padding-bottom: 10px; }

.b-c-content {
  font-size: 16px; }

.b-c-content .qrcode {
  width: 130px;
  margin: 0 auto; }

.cover-list-item {
  position: relative;
  display: block;
  overflow: hidden; }

.cover-list-bg {
  overflow: hidden; }

.cover-list-item:hover .cover-list-bg {
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px);
  transition: all .5s; }

.cover-list-main {
  position: absolute;
  height: calc(100% - 40px);
  width: calc(100% - 40px);
  margin: 20px;
  padding: 20px;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 10;
  transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0); }

.cover-list-main .list-item-hd h5,
.cover-list-main .list-item-text span {
  font-size: 13px; }

.cover-list-main a {
  text-decoration: none; }

.cover-list-item:hover .cover-list-main {
  filter: alpha(opacity=100);
  opacity: 1; }

.cover-list-main .list-goods-info {
  padding: 5px;
  box-shadow: none; }

.cover-list-main .list-item-text {
  margin: 0; }

.cover-list-main .list-goods-main .list-goods-item {
  border: none; }

.cover-list-footer {
  position: absolute;
  bottom: 20px;
  width: calc(100% - 41px); }

.cover-list-footer .brand * {
  vertical-align: middle; }

.cover-list-footer .logo-pic {
  height: 36px;
  width: 36px;
  overflow: hidden;
  display: inline-block; }

.cover-list-footer .logo-name {
  font-size: 18px; }

.cover-list-footer .logo-pic + .logo-name:before {
  content: "|";
  margin: 0 5px;
  font-size: 12px; }

.animated {
  animation-duration: 1s;
  animation-fill-mode: both; }

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  75% {
    transform: translate3d(0, 10px, 0); }
  90% {
    transform: translate3d(0, -5px, 0); }
  to {
    transform: translate3d(0, 0, 0); } }

.bounceInUp {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: bounceInUp; }

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInLeft {
  animation-name: fadeInLeft; }

@keyframes fadeInLeftOut {
  from {
    opacity: 1;
    transform: none; }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0); } }

.fadeInLeftOut {
  animation-name: fadeInLeftOut; }

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInUp {
  animation-name: fadeInUp; }

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInDown {
  animation-name: fadeInDown; }

.intro-list .intro-head-bg {
  min-height: 100px; }

.intro-list .intro-head-bg + .common-avatar {
  margin-top: -60px; }

.intro-list .common-avatar {
  padding: 0 20px 15px; }

.intro-list .avatar-hd {
  padding: 10px 0;
  font-size: 20px; }

.intro-list .avatar-text {
  margin-bottom: 16px; }

.intro-list .btn-xsmall {
  padding: 0;
  width: 108px;
  height: 26px;
  line-height: 24px; }

.intro-list .list-item-text {
  margin: 5px 0; }

.intro-head-bg {
  height: 177px;
  overflow: hidden; }

@media screen and (max-width: 1500px) {
  .intro-head-bg {
    height: 180px; } }

.animated {
  animation-duration: 1s;
  animation-fill-mode: both; }

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: .75s; }

@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    transform: perspective(400px); } }

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY; }

.poster-slide {
  width: 100%;
  height: 450px;
  padding-top: 46px;
  position: relative;
  overflow: hidden; }
.poster-slide .poster-list {
  height: 300px;
  overflow: hidden;
  width: 1200px;
  position: absolute;
  left: 50%;
  margin-left: -600px;
  transform: scale(1.1); }
.poster-slide .prev {
  left: 0; }
.poster-slide .next {
  right: 0; }
.poster-slide li {
  position: absolute;
  top: 0;
  left: 0;
  list-style: none;
  opacity: 0;
  transition: all 0.3s ease-out; }
.poster-slide img {
  width: 751px;
  height: 300px;
  border: none;
  float: left; }
.poster-slide .p1 {
  transform: translate(-224px, 0) scale(0.81) \9;
  transform: translate3d(-224px, 0, 0) scale(0.81); }
.poster-slide .p2 {
  transform: translate(0px, 0) scale(0.81) \9;
  transform: translate3d(0px, 0, 0) scale(0.81);
  transform-origin: 0 50%;
  opacity: 0.8;
  filter: alpha(opacity=80);
  z-index: 2; }
.poster-slide .p3 {
  transform: translate(224px, 0) scale(1) \9;
  transform: translate3d(224px, 0, 0) scale(1);
  z-index: 3;
  filter: alpha(opacity=100);
  opacity: 1; }
.poster-slide .p4 {
  transform: translate(449px, 0) scale(0.81) \9;
  transform: translate3d(449px, 0, 0) scale(0.81);
  transform-origin: 100% 50%;
  opacity: 0.8;
  filter: alpha(opacity=80);
  z-index: 2; }
.poster-slide .p5 {
  transform: translate(672px, 0) scale(0.81) \9;
  transform: translate3d(672px, 0, 0) scale(0.81); }
.poster-slide .p6 {
  transform: translate(896px, 0) scale(0.81) \9;
  transform: translate3d(896px, 0, 0) scale(0.81); }
.poster-slide .p7 {
  transform: translate(1120px, 0) scale(0.81) \9;
  transform: translate3d(1120px, 0, 0) scale(0.81); }
.poster-slide .poster-buttons {
  height: 30px;
  position: absolute;
  bottom: 0;
  width: 1200px;
  left: 50%;
  margin-left: -600px;
  text-align: center;
  padding-top: 10px; }
.poster-slide .poster-buttons a {
  display: inline-block;
  width: 35px;
  height: 5px;
  padding-top: 4px;
  cursor: pointer; }
.poster-slide .poster-buttons span {
  display: block;
  width: 35px;
  height: 1px;
  background: #dddddd; }
.poster-slide .poster-buttons span.active {
  background: #ff4242; }

.accessories-con .avg-lg-3 {
  margin-right: -18px; }

.accessories-con .avg-lg-3 li {
  padding-right: 18px;
  margin-bottom: 8px; }

.accessories-con .show {
  padding: 5px 10px; }

.accessories-con > .list-goods-main > li > .list-goods-item {
  border: none;
  box-shadow: 0 3px 16px rgba(0, 0, 0, 0.15); }

.accessories-con .show .list-goods-info {
  padding: 12px 5px 5px 5px;
  font-size: 12px; }

.accessories-con .show .list-goods-info a {
  font-weight: normal;
  font-size: 14px;
  text-decoration: none; }

.accessories-con .ctrl-slide {
  font-size: 38px;
  padding: 10px; }

.accessories-con .ctrl-slide.slider2-l {
  left: 0; }

.accessories-con .ctrl-slide.slider2-r {
  right: 0; }

.slideOpacity {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }

.advanced-filter .advanced-class {
  display: none; }

.bk-form.row {
  margin: 0; }

.bk-form.row select,
.bk-form.row textarea,
.bk-form.row input {
  width: 100%; }

.bk-form.row input[type="radio"],
.bk-form.row input[type="checkbox"] {
  width: auto; }

.bk-form.row .col-sm-3 label {
  width: 26%; }

.bk-form.row .col-sm-3 label + .form-group-element {
  width: 71%; }

.row .input-group-head {
  margin: 0 15px; }

.list-item-hd .enter-index-btn {
  float: right; }

.list-item-hd .enter-index-btn a {
  padding: 0 10px !important;
  line-height: 22px;
  max-height: 24px; }

.fabric-list-cover01 .cover-layer {
  position: absolute;
  width: 200px;
  height: 203px;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -101px;
  z-index: 2; }

.fabric-list-cover01 .cover-tit {
  position: absolute;
  color: #fff;
  font-size: 24px;
  top: 111px;
  left: 14px;
  font-weight: 600; }

.fabric-list-cover02 .cover-layer {
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  height: 94px;
  width: 100%; }

.fabric-list-cover02 .cover-layer span {
  display: inline-block;
  width: 193px;
  height: 92px;
  margin-top: -10px; }

.fabric-list-cover02 .cover-tit {
  position: absolute;
  color: #fff;
  font-size: 18px;
  top: 59px;
  left: -41px; }

.swipe .show .list-goods-thumb, .swipe .show .list-goods-thumb a {
  height: 137px;
  line-height: 137px;
  overflow: hidden; }

.editor-box {
  margin: 0px 36px;
  display: flex;
  border-bottom: 1px #eeeeee solid;
  padding: 30px 0px;
  justify-content: space-between;
  align-items: flex-end; }

.editor-pic {
  width: 15%;
  height: 100px;
  border: 1px solid #ccc; }

.editor-pic img {
  width: 100%;
  height: 100%; }

.editor-data {
  width: 72%;
  height: 100px; }

.editor-btn {
  width: 80px;
  height: 30px;
  border-radius: 6px;
  background: red;
  color: #fff;
  text-align: center;
  line-height: 30px; }

.editor-mode {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  display: none; }

.mode-box {
  /*margin-top: 5%;*/
  /*margin-left: 15%;*/
  margin: 0 auto;
  margin-top: 100px;
  width: 1050px;
  height: 700px;
  background: #fff; }

.mode-title {
  margin: 0px 30px;
  padding: 30px 0px 15px 0px;
  border-bottom: 1px solid #ccc; }

.mode-tit-input {
  display: flex;
  width: 50%;
  margin-top: 15px; }

.mode-btn {
  display: flex;
  width: 50%;
  margin-top: 30px;
  justify-content: space-around; }

.mode-btn .mode-save {
  width: 90px;
  /*height: 40px;*/
  /*line-height: 40px;*/
  /*background: red;*/
  /*border-radius: 6px;*/
  /*font-size: 16px;*/
  /*text-align: center;*/
  /*color: #fff;*/ }

.mode-btn .mode-cancel {
  width: 90px;
  /*height: 40px;*/
  /*line-height: 40px;*/
  /*border: 1px solid #666;*/
  /*border-radius: 6px;*/
  /*font-size: 16px;*/
  /*text-align: center;*/
  /*color: #333;*/ }

.mode-tit-input input {
  width: 70%;
  height: 30px; }

.mode-tit-input select {
  width: 70%;
  height: 30px; }

.mode-tit-input p {
  width: 156px;
  text-align: right; }

.mode-tit-introduction textarea {
  width: 70%;
  height: 120px;
  resize: none; }

.mode-content {
  display: flex;
  flex-direction: column;
  align-items: center; }

.fabric-column-warp2 .tips-top .fs54 {
  font-size: 54px; }

.fabric-column-warp2 .tips-top {
  margin-bottom: 10px;
  line-height: 1; }

.fabric-column-warp2 .category li {
  position: relative;
  background: #000;
  width: 23.4%;
  color: #fff;
  margin-right: 2%;
  /*height: 232px;*/
  margin-bottom: 30px;
  overflow: hidden; }

.fabric-column-warp2 .category li:nth-child(4n) {
  margin-right: 0; }

.fabric-column-warp2 .category .mgb-0 {
  margin-bottom: 0; }

.fabric-column-warp2 .category li img {
  width: 100%; }

.fabric-column-warp2 .category li .name {
  position: absolute;
  width: 100%;
  font-size: 26px;
  top: 100px;
  color: #fff; }

.fabric-column-warp2.column-warp2-pad {
  padding-top: 110px;
  padding-bottom: 80px; }

.vip02-coat {
  background: #fff; }

.vip02-box .vip02-coat:nth-child(2n) {
  background: #f9f9f9; }

.vip02-1 {
  width: 1500px;
  margin: 0 auto;
  position: relative; }

.vip02-1-pdtb {
  padding: 100px 0; }

.vip02-title1 p {
  font-family: SourceHanSansCN;
  font-weight: Bold;
  font-size: 50px;
  color: #333333;
  line-height: 50px;
  text-align: center;
  position: relative; }

.vip02-title1 p::before {
  content: '';
  width: 595px;
  background: #333333;
  height: 1px;
  top: 27px;
  left: 0; }

.vip02-title1 p::after {
  content: '';
  width: 595px;
  background: #333333;
  height: 1px;
  right: 0;
  top: 27px; }

.vip02-title2 p {
  text-align: center;
  font-family: SourceHanSansCN-Regular;
  margin-top: 20px;
  font-size: 20px;
  color: #666666; }

.vip02-1-ify {
  margin-top: 40px; }

.vip02-1-ify li {
  box-shadow: 0px 0px 40px 4px #f5f5f5; }

.vip02-1-ify li a {
  transition: all .8s ease-in-out; }

.vip02-1-ify li a:hover {
  text-decoration: none;
  color: #333333; }

.avg-vip-serve[class*="avg-"] > li {
  margin-bottom: 0; }

.vip02-1-bag {
  text-align: center;
  padding: 56px 24px 68px 25px; }

.vip02-1-img {
  height: 134px;
  line-height: 134px; }

.vip02-1-img img {
  width: 86px; }

.vip02-1-bag h2 {
  font-family: SourceHanSansCN;
  font-weight: Bold;
  font-size: 34px;
  color: #333333;
  padding: 46px 0 15px; }

.vip02-1-bag p {
  font-family: SourceHanSansCN;
  font-weight: normal;
  color: #666666;
  height: 112px;
  font-size: 18px; }

.avg-ify[class*="avg-"] > li {
  width: 360px;
  height: 461px;
  padding-right: 0;
  margin-right: 20px; }

.vip02-1-stylist {
  transition: all .8s ease-in-out;
  background: #FF4242; }

.vip02-1-stylist h2, .vip02-1-stylist p {
  color: #fff; }

.changeImg2 {
  display: none; }

.vip02-2 {
  height: auto; }

.vip02-kk-title {
  position: relative;
  height: 696px; }

.vip02-kk-title1 {
  padding: 278px 0 0 170px; }

.vip02-kk-img {
  position: absolute;
  top: 0;
  right: 101px; }

.vip02-kk-title-2 {
  position: relative;
  height: 713px; }

.vip02-kk-title2 {
  padding: 328px 162px 0 1149px; }

.vip02-kk-img2 {
  position: absolute;
  top: 0;
  left: 47px; }

.vip02-kk-title-3 {
  position: relative;
  height: 492px; }

.vip02-kk-3-img1 {
  position: absolute;
  top: 0;
  left: -78px; }

.vip02-kk-3-img2 {
  position: absolute;
  top: 0;
  left: 441px; }

.vip02-kk-3-img3 {
  position: absolute;
  top: 0;
  right: -81px; }

.vip02-kk-3-txt {
  position: absolute;
  font-family: SourceHanSansCN;
  font-weight: Bold;
  font-size: 30px;
  color: #333333;
  line-height: 30px;
  bottom: 34px;
  right: 0;
  left: 0;
  text-align: center; }

.vip02-1-vip-serve li a:hover {
  text-decoration: none;
  color: #666666; }

.vip02-3-img {
  height: 103px;
  line-height: 103px; }

.vip02-3-img img {
  width: 88px; }

.vip02-3-rule {
  width: 100%;
  height: 72px;
  line-height: 72px;
  font-family: SourceHanSansCN;
  font-weight: bold;
  font-size: 50px;
  color: #333333;
  text-align: center;
  margin-top: 15px; }

.vip02-3-title {
  text-align: center;
  padding-top: 20px;
  font-size: 24px;
  color: #666666;
  font-family: SourceHanSansCN-Regular; }

.vip02-3-title a {
  color: #ff4242;
  text-decoration: underline; }

.vip02-3-intro {
  height: 400px;
  margin-top: 20px;
  position: relative; }

.vip02-3-intro-img1 {
  position: absolute;
  top: 0;
  left: 0; }

.vip02-3-intro-img2 {
  position: absolute;
  top: 0;
  right: 0; }

.vip02-3-dredge-a:hover {
  text-decoration: none; }

.vip02-3-dredge {
  width: 200px;
  height: 60px;
  line-height: 60px;
  margin: 85px auto 0;
  background: #FF4242;
  text-align: center;
  font-family: SourceHanSansCN;
  font-weight: normal;
  font-size: 30px;
  color: #F1F1F6;
  cursor: pointer; }

.vip02-4-img {
  margin-top: 54px; }
.nav_2ji li a:hover{
	color:#FF7616;
}
/*关于我们 NEW*/
.about-lists li .active.about-us {
  color: #fff;
  background-color: #FF4242; 
  }
.about-lists li{
  width: 200px;
}
.nav_2ji{
	margin-left: -18px;
	width: 200px;
    overflow: hidden;
}
.about-lists {
  width: 100%;
  background: #fff;
}

.about-lists li a {
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 1;
  padding: 30px 58px 30px 59px;
  position: relative;
  text-decoration: none; }

.user-container .person-content-lefts {
  width: 181px;
  float: left; }

.user-container .person-content-rights {
  position: relative;
  z-index: 2;
  margin-left: 198px;
  min-height: 753px;
  overflow: hidden;
  background-color: #fff; }

.person-content-rights.w1200px {
  width: auto; }

.newWid {
  width: 1400px; }

.new-user-container {
  padding: 80px 0 0px 0; }

.about-lists a {
  border-bottom: 1px solid #e9e9e9; }

.about-lists li:last-child a {
  #border: none; 
  }

.a-describes {
  padding-top: 90px; }

.a-describes .original {
  font-family: SourceHanSansK-Normal;
  font-size: 14px;
  line-height: 14px;
  color: #adadad;
  margin-top: 52px; }

.a-describes .discrution {
  margin-top: 50px;
  font-size: 16px;
  line-height: 16px;
  color: #333; }

.a-describes h4 {
  width: 100%;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
  font-family: SourceHanSansK-Bold;
  color: #333;
  font-weight: Bold; }

.red-bars {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -20px;
  height: 6px;
  width: 70px;
  background: #ff4242; }

.be-bars {
  display: block;
  position: absolute;
  bottom: -18px;
  height: 2px;
  width: 122px;
  background: #bebebe; }

.a-describe-videos {
  width: 100%;
  padding-top: 90px;
  display: flex; }

.a-describe-videos .embed {
  width: 707px; }

.back-color {
  background-color: #fff;
  padding-left: 30px;
  padding-right: 19px; }

.back-color .common-font {
  line-height: 18px;
  font-size: 18px;
  position: relative; }

.back-color .text-head {
  padding-top: 42px;
  font-weight: bold;
  font-family: SourceHanSansCN-Bold; }

.back-color .text-inctrou {
  padding-top: 24px;
  font-weight: bold;
  font-family: SourceHanSansCN-Bold; }

.text-inctrou .red-dot {
  position: absolute;
  width: 70px;
  background-color: #FF4242;
  height: 2px;
  bottom: -10px;
  left: 0; }

.back-color .text-content {
  padding-top: 38px;
  font-size: 14px;
  line-height: 34px;
  color: #333; }

.back-color .about-link {
  display: inline-block;
  margin-top: 45px;
  padding: 12px 7px 11px 8px;
  border: 1px solid #333; }

.article-bd p {
  line-height: 32px; }

.user-container.c_fff {
  background-color: #f9f9f9;
  padding: 50px 0 0px 0; }

.article-bd .title {
  color: #000; }

.about-wrap .about-common-titles {
  width: 100%;
  height: 53px;
  font-size: 16px;
  line-height: 50px;
  position: relative;
  border-bottom: 1px solid #eee; }

.about-common-titles span {
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  font-weight: 900;
  color: #000;
  padding: 22px 16px 12px 0;
  border-bottom: 2px solid #eb3e3e; }

.common-warp {
  padding: 24px 20px 24px 0; }

.contact-way .relation {
  display: flex; }

.contact-way .relation div {
  padding-left: 55px;
  width: 50%; }

.relation .corporate {
  background-color: #f3f3f3; }

.relation .commerce {
  background-color: #eee; }

.relation .corporate span, .relation .commerce span {
  display: block; }

.relation .corporate .text-1, .relation .commerce .text-1 {
  padding-top: 41px;
  font-size: 16px;
  color: #333;
  line-height: 16px; }

.relation .corporate .common-text, .relation .commerce .common-text {
  font-size: 14px;
  color: #666;
  line-height: 14px; }

.relation .corporate .text-2, .relation .commerce .text-2 {
  padding-top: 45px; }

.relation .corporate .text-3, .relation .commerce .text-3 {
  padding-top: 25px; }

.relation .corporate .text-4, .relation .commerce .text-4 {
  padding-top: 25px; }

.relation .corporate .text-5 {
  padding-top: 25px;
  padding-bottom: 80px; }

.relation .commerce .text-5 {
  padding-top: 25px; }

.relation .commerce .text-6 {
  padding-top: 25px;
  padding-bottom: 44px; }

.contact-way .company-title {
  margin-top: 38px; }

.contact-way .corporate-address {
  margin-top: 20px;
  margin-bottom: 87px;
  padding-left: 16px; }

.corporate-address .common-text-address {
  font-size: 16px;
  line-height: 16px;
  color: #666;
  padding-top: 23px; }

.contact-way .contact-maps {
  width: 100%;
  height: 573px; }

.about-wrap .contact-way {
  padding-left: 0px;
  padding-top: 32px; }

.about-wrap .article-bds, .about-wrap .web-map-wraps {
  padding: 32px 0 0 16px; }

.us-join-wrap .menber-wraps {
  padding: 32px 0 0 0px; }

.accout-wrap .article-bds {
  padding: 32px 36px 0 52px; }

.suggestions-wrap .mar {
  margin-top: 32px; }

.about-wrap .pad {
  padding-top: 20px;
  padding-left: 12px; }

.person-content-rights .accout-wrap {
  margin-top: 22px; }

.person-content-rights .img-content {
  background-color: #f4f4f4;
  padding: 0 75px; }

.img-content .img-flex {
  margin-top: 50px;
  display: flex; }

.about-wrap .cotact_us-head {
  padding: 32px 0px 48px 0px; }

/*个人中心 NEW*/
.contentW .new-person-content-left {
  width: 180px; }

.new-user-side-menu dt > span, .new-user-side-menu dd a {
  padding-left: 0; }

.new-user-side-menu dl {
  text-align: center; }

.new-side-menu dd a {
  padding-left: 100px; }

.accout-wrap .new-edit-wrap {
  padding-left: 36px; }

.person-content-rights .edit-wrap {
  padding: 32px 36px 24px 52px; }

.person-content-rights .new-accout-wrap {
  margin-top: 22px; }

.new-accout-wrap .has-down-content {
  padding: 32px 36px 12px 52px; }

.new-accout-wrap .collect-box {
  padding: 0 36px 0 52px; }

.new-accout-wrap .collect-box .collect-nav li {
  margin: 32px 24px 44px 0; }

.new-accout-wrap .article-bd {
  padding: 32px 36px 0 52px; }

#setData #resetSubmit {
  margin-left: 96px; }

.user-side-menu dt > a {
  padding-left: 0; }

.new-accout-wrap #setData {
  padding: 32px 0 0 52px; }

.new-accout-wrap #setData label {
  width: 74px; }

.accout-wrap .new-edit-wrap label {
  width: 88px; }

.new-edit-wrap a {
  margin-left: 110px; }

.new-accout-wrap .new-hot-down {
  margin-top: 20px; }

.new-accout-wrap .new-member-wrap {
  padding: 32px 36px 0 36px; }

.user-demand .demand-banner {
  width: 100%; }

.user-demand .demand-banner .img {
  width: 100%; }

.user-demand .demand-banner-btn {
  position: absolute;
  top: 61%;
  left: 22.6%; }

.user-demand .demand-banner-btn button {
  padding: 0 24px;
  font-size: 16px; }

.user-demand .demand-banner-btn button:first-child {
  margin-right: 26px; }

.user-demand .content-1420 {
  width: 1420px;
  margin: 0 auto; }

.user-demand .demand-tab {
  background: #fff;
  height: 456px; }

.user-demand .demand-tab-box > h1 {
  text-align: center;
  padding-top: 60px;
  font-size: 30px; }

.user-demand .demand-tab-box ul li {
  display: inline-block;
  width: 24%;
  text-align: center;
  margin-top: 40px; }

.user-demand .demand-tab-box ul li > img {
  width: 110px; }

.user-demand .demand-tab-box ul li > h2 {
  margin-top: 28px;
  font-size: 26px; }

.user-demand .demand-tab-box ul li > p {
  padding: 20px 50px;
  color: #999;
  font-weight: 600; }

.user-demand .demand-ys {
  padding: 146px 0; }

.user-demand .demand-ys img {
  margin-bottom: 48px; }

.user-demand .demand-ys img:last-child {
  margin: 0; }

.user-demand .demand-form {
  height: 940px;
  background: #fff;
  padding: 48px 0; }

.user-demand .demand-form h2 {
  font-size: 30px; }

.user-demand .form-group label {
  width: 14%; }

.user-demand .bk-form {
  margin-top: 48px; }

.user-demand .demand-form textarea {
  width: 720px;
  height: 170px; }

.user-demand .demand-form .submit_btn {
  margin-left: 16%;
  margin-top: 50px;
  border-radius: 0;
  width: 176px; }

.vip-personal-box .title-personal p:before {
  width: 480px; }

.vip-personal-box .title-personal p:after {
  width: 480px; }

.vip-personal-box .avg-ify[class*="avg-"] > li {
  width: 20%;
  height: auto;
  margin-right: 0; }

.vip-personal-box .personal-ify {
  padding-bottom: 46px; }

.vip-personal-box .personal-ify a:hover {
  color: #333;
  text-decoration: none; }

.vip-personal-box .vip02-1-img img {
  width: 170px; }

.vip-personal-box .vip02-1-img {
  height: auto; }

.vip-personal-box .vip02-1-bag h2 {
  padding-top: 23px; }

.vip-personal-box .vip02-1-bag p {
  height: auto; }

.vip-personal-box .vip02-1-bag {
  padding-bottom: 0; }

.vip-personal-box .vip02-1-pdtb {
  padding-bottom: 50px; }

.vip-personal-box .vip02-3-intro {
  margin-top: 80px;
  height: auto; }

.vip-personal-box .vip02-3-dredge {
  border-radius: 6px;
  height: 50px;
  width: 206px;
  line-height: 50px;
  margin-top: 50px; }

.vip-personal-box .vip02-coat:nth-child(2n) {
  background: #fff; }

.vip-personal-box .vip02-coat:last-child {
  background: #F6F9FC; }

.vip-personal-box .vip-bottom-p {
  margin: 0 auto;
  width: 500px;
  text-align: center; }

.vip-personal-box .vip-bottom-p .hd {
  font-size: 24px;
  color: #666; }

.vip-personal-box .vip-bottom-p .title {
  font-size: 48px;
  color: #ff4242;
  line-height: 1;
  margin-bottom: 34px;
  margin-top: 20px;
  font-weight: bold; }

.vip-personal-box .vip-bottom-p .img {
  width: 300px;
  margin: 0 auto; }

.vip02-3-intro .avg-ify[class*="avg-"] > .intro-li {
  position: relative;
  height: 615px;
  text-align: center;
  width: 346px;
  margin-right: 38px;
  cursor: pointer; }

.vip02-3-intro .avg-ify[class*="avg-"] > .intro-li > .main-box {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 2px 6px 6px 0px rgba(153, 153, 153, 0.3);
  position: relative; }

.vip02-3-intro .avg-ify[class*="avg-"] > .intro-li:last-child {
  margin-right: 0; }

.vip02-3-intro .avg-ify[class*="avg-"] > .intro-li .top-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0; }

.vip02-3-intro .avg-ify[class*="avg-"] > .intro-li .date {
  color: #333333;
  font-size: 26px;
  font-weight: bolder;
  margin-top: 22px;
  position: relative;
  z-index: 4; }

.vip02-3-intro .avg-ify[class*="avg-"] > .intro-li .title {
  color: #68460E;
  font-size: 18px;
  position: relative;
  z-index: 4; }

.vip02-3-intro .avg-ify[class*="avg-"] > .intro-li .price {
  color: #65430B;
  font-size: 56px;
  margin-top: 61px;
  font-weight: bold;
  position: relative;
  z-index: 2;
  height: 56px;
  line-height: 53px; }

.vip02-3-intro .avg-ify[class*="avg-"] > .intro-li .price .original-price {
  font-size: 24px;
  color: #ff4242;
  text-decoration: line-through;
  position: absolute;
  right: 70px;
  top: -15px; }

.vip02-3-intro .avg-ify[class*="avg-"] > .intro-li .reduce {
  background: #ff4242;
  width: 130px;
  height: 30px;
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%); }

.vip02-3-intro .avg-ify[class*="avg-"] > .intro-li .reduce:after {
  position: absolute;
  content: '';
  width: 10px;
  top: 0px;
  right: -24px;
  border-top: 15px solid #ff4242;
  border-right: 12px solid transparent;
  border-left: 12px solid #ff4242;
  border-bottom: 15px solid #ff4242; }

.vip02-3-intro .avg-ify[class*="avg-"] > .intro-li .reduce:before {
  position: absolute;
  content: '';
  width: 10px;
  top: 0px;
  left: -24px;
  border-top: 15px solid #ff4242;
  border-right: 12px solid #ff4242;
  border-left: 12px solid transparent;
  border-bottom: 15px solid #ff4242; }

.vip02-3-intro .avg-ify[class*="avg-"] > .intro-li .price b {
  font-size: 18px;
  color: #999999;
  margin-left: 9px;
  font-weight: normal; }

.vip02-3-intro .avg-ify[class*="avg-"] > .intro-li .dredge {
  width: 273px;
  height: 54px;
  margin: 0 auto;
  line-height: 54px;
  font-weight: bold;
  color: #68460E;
  border-radius: 6px;
  position: relative;
  font-size: 23px;
  margin-top: 24px;
  display: block;
  background: -webkit-linear-gradient(bottom, #D4AE6F, #F5E4BF);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom, #D4AE6F, #F5E4BF);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom, #D4AE6F, #F5E4BF);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(bottom, #D4AE6F, #F5E4BF);
  /* 标准的语法 */ }

.vip02-3-intro .avg-ify[class*="avg-"] > .intro-li .dredge:after {
  position: absolute;
  content: '';
  bottom: -30px;
  left: 0;
  width: 100%;
  border-bottom: 2px solid #ECEDED; }

.vip02-3-intro .avg-ify[class*="avg-"] > .intro-li .text {
  margin-top: 54px;
  font-size: 18px;
  color: #333333; }

.vip02-3-intro .avg-ify[class*="avg-"] > .intro-li .text .scope {
  font-size: 16px;
  color: #666666; }

.vip02-3-intro .avg-ify[class*="avg-"] > .intro-li .text > div {
  margin-top: 8px; }

.vip02-3-intro .avg-ify[class*="avg-"] > .selected {
  border-color: #ff4242;
  background: #FFf7f7; }

.vip02-3-intro .avg-ify[class*="avg-"] > .intro-li .hot {
  width: 83px;
  height: 38px;
  position: absolute;
  background: linear-gradient(to right, #FFA800, #FFDD76);
  top: -16px;
  right: -4px;
  border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  font-size: 28px;
  line-height: 38px;
  text-align: center;
  color: #2E2C2C;
  font-weight: bold; }

.award-earning {
  height: 30px;
  line-height: 30px;
  padding-right: 91px; }

.fs34 {
  font-size: 34px; }

.fs26 {
  font-size: 26px; }

.fs60 {
  font-size: 60px; }

.mgt40 {
  margin-top: 40px; }

/*奖励说明*/
.if-bg-box {
  background: url(../images/invite-friend/invite-bg.png) center top no-repeat; }

.if-bg-box .if-awards-show {
  border-radius: 20px;
  overflow: hidden;
  padding: 99px 86px 105px; }

.if-awards-show .if-awards-show-til {
  height: 33px;
  line-height: 30px;
  margin-bottom: 50px; }

.if-awards-show-til .if-awards-show-til-b:before {
  position: absolute;
  content: '';
  top: 15px;
  left: -84px;
  width: 54px;
  height: 20px;
  background: url(/images/invite-friend/invite-left.png) center top no-repeat; }

.if-awards-show-til .if-awards-show-til-b:after {
  position: absolute;
  content: '';
  top: 15px;
  right: -84px;
  width: 54px;
  height: 20px;
  background: url(../images/invite-friend/invite-right.png) center top no-repeat; }

.if-awards-show .if-awards-show-imgs img {
  width: 45%;
  /*height: 380px;*/ }

/*攻略*/
.if-awards-show .if-strategy-box .if-strategys {
  padding: 0 100px; }

.if-awards-show .if-strategy .if-strategy-step {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: #F86242;
  margin: 0 auto;
  line-height: 120px;
  color: #fff;
  margin-bottom: 20px; }

.if-awards-show .if-strategy-dot-all {
  position: relative;
  top: 54px;
  left: 93px; }

.if-awards-show .if-strategy-dots {
  width: 12px;
  height: 12px;
  background: #F86B67;
  border-radius: 50%; }

.if-awards-show .if-strategy-dots:before {
  position: absolute;
  content: '';
  top: 0;
  left: -33px;
  width: 12px;
  height: 12px;
  background: #F86B67;
  border-radius: 50%; }

.if-awards-show .if-strategy-dots:after {
  position: absolute;
  content: '';
  top: 0;
  right: -33px;
  width: 12px;
  height: 12px;
  background: #F86B67;
  border-radius: 50%; }

.if-awards-show .if-strategy-dots .dot-2 {
  margin: 0 5px; }

.if-awards-show .if-strategy-dots .dot {
  display: inline-block;
  width: auto;
  /*height: 12px;*/
  /*background: #F86B67;*/
  /*border-radius: 50%;*/
  font-size: 100px;
  color: #F86B67; }

/*规则*/
.if-awards-show .if-active-rule {
  width: 50%; }

.if-awards-show .if-active-rule h4 {
  padding-bottom: 12px; }

.if-awards-show .if-active-rule span {
  line-height: 48px; }

/*扫码进入活动*/
.if-awards-show .if-awards-show-code {
  width: 255px;
  /*height:255px;*/
  margin-bottom: 8px; }

.activity-fixed-invite {
  width: 700px;
  height: 575px;
  margin-left: -350px;
  margin-top: -287.5px; }

.activity-fixed-invite .invite-img {
  padding: 35px 30px 0;
  min-height: 400px; }

.activity-fixed-invite .hd-invite {
  font-size: 18px;
  color: #333;
  font-weight: Bold;
  padding: 22px 0 11px; }

.activity-fixed-invite .goSee-invite {
  box-shadow: none;
  font-size: 24px;
  border-radius: 8px;
  width: 300px;
  height: 50px;
  line-height: 50px; }

.activity-fixed-invite .close {
  top: -6px;
  right: -8px;
  z-index: 9999;
  background: #CCCCCC;
  transform: scale(0.5, 0.5);
  -ms-transform: scale(0.5, 0.5);
  /* IE 9 */
  -moz-transform: scale(0.5, 0.5);
  /* Firefox */
  -webkit-transform: scale(0.5, 0.5);
  /* Safari 和 Chrome */
  -o-transform: scale(0.5, 0.5); }

.activity-fixed-invite .close:hover {
  -webkit-transform: rotate(180deg) scale(0.5, 0.5);
  transform: rotate(180deg) scale(0.5, 0.5); }

.if-bg-box .if-anmaku-box {
  position: absolute;
  top: 66%;
  left: 0;
  left: -202px;
  right: -202px;
  overflow: hidden;
  height: 100%; }

.if-bg-box .if-anmaku-box .if-anmaku-content {
  position: absolute;
  left: 0;
  height: 100%;
  padding-left: 202px; }

.if-anmaku-box .if-anmaku-list {
  width: 10000%; }

.if-anmaku-box .if-anmaku-list-2 {
  margin-top: 67px; }

.if-anmaku-box .if-anmaku-list .if-anmaku-item {
  display: inline-block;
  border-radius: 25px;
  width: auto;
  background: rgba(0, 0, 0, 0.3);
  height: 50px;
  line-height: 50px;
  font-size: 21px;
  color: #fff;
  margin-right: 110px; }

.if-anmaku-box .if-anmaku-list .if-anmaku-item .if-anmaku-avatar {
  display: inline-block;
  width: 41px;
  height: 42px;
  border-radius: 50%;
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 5; }

.if-anmaku-box .if-anmaku-list .if-anmaku-item .if-anmaku-vip-icon {
  position: absolute;
  width: 17px;
  height: 17px;
  top: 29px;
  left: 31px;
  z-index: 10; }

.if-anmaku-box .if-anmaku-list .if-anmaku-item p {
  padding-left: 57px;
  padding-right: 20px; }

.if-anmaku-box .if-anmaku-list .if-anmaku-item p em {
  color: #FFEB51;
  font-weight: bold; }

.rl-contentW {
  width: 1200px;
  margin: 0 auto; }

.rl-box .rl-head-box {
  width: 100%;
  height: 590px;
  overflow: hidden;
  background: url(../images/ranking/ranking-head.png) center top no-repeat; }

.rl-box .rl-content-box {
  width: 100%;
  background: -webkit-linear-gradient(to top, #ff4e3f, #ff8646);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(to top, #ff4e3f, #ff8646);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(to top, #ff4e3f, #ff8646);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to top, #ff4e3f, #ff8646); }

.rl-box .rl-head {
  padding-top: 266px; }

.rl-box .rl-head input {
  width: 940px;
  height: 60px;
  border: none;
  vertical-align: inherit;
  color: #666;
  padding: 0 25px;
  margin-right: 8px;
  box-shadow: 0px 2px 4px 0px rgba(255, 66, 66, 0.72); }

.radius6 {
  border-radius: 6px; }

.radius8 {
  border-radius: 8px; }

.rl-box .ranking-num {
  font-weight: bold;
  font-family: 'DIN'; }

.rl-box .rl-head button, .rl-box .rl-head a {
  width: 170px;
  height: 60px;
  border: none;
  background: url(../images/ranking/red-btn.png) center center no-repeat;
  font-weight: 600; }

.rl-box .rl-head a {
  display: inline-block;
  line-height: 60px;
  color: #ff4242;
  background: url(../images/ranking/yellow-btn.png) center center no-repeat; }

.rl-box .rl-active-tips {
  line-height: 27px;
  color: #fff;
  text-shadow: 0px 1px 1px rgba(65, 37, 138, 0.53);
  margin-top: 70px;
  font-size: 17px; }

.rl-box .rl-tab {
  padding-bottom: 32px;
  padding-top: 55px;
  margin-bottom: 14px; }

.rl-box .rl-tab a {
  display: inline-block;
  text-align: center;
  line-height: 60px;
  width: 200px;
  height: 60px;
  background: url(../images/ranking/yellow-btn.png) center center no-repeat;
  color: #FF4242;
  font-size: 24px;
  border-radius: 6px;
  font-weight: 600; }

.rl-box .rl-tab a:hover {
  background: url(../images/ranking/red-btn.png) center center no-repeat;
  color: #fff;
  position: relative; }

.rl-box .rl-tab a:hover {
  text-decoration: none; }

.rl-box .rl-tab .rl-tab-a {
  margin: 0 149px; }

.rl-box .rl-tab .rl-tab-select {
  position: relative;
  background: url(../images/ranking/red-btn.png) center center no-repeat;
  color: #fff; }

.rl-box .rl-tab .rl-tab-select:after {
  position: absolute;
  content: '';
  bottom: -32px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-top: 18px solid #FF4242;
  border-left: 26px solid transparent;
  border-right: 26px solid transparent; }

/*今日榜单*/
.rl-box .rl-userInfo {
  background: url(../images/ranking/transparent.png) center center no-repeat;
  border-radius: 12px;
  overflow: hidden; }

.rl-today .rl-userInfo:before {
  position: absolute;
  content: '';
  width: 160px;
  height: 105px;
  top: 14px;
  left: 58px;
  background: url(../images/ranking/gold1.png) center top no-repeat; }

.rl-today .rl-userInfo:after {
  position: absolute;
  content: '';
  width: 84px;
  height: 81px;
  top: 29px;
  right: 109px;
  background: url(../images/ranking/gold2.png) center top no-repeat; }

.rl-box .rl-userInfo .rl-user {
  margin: 0 auto;
  padding-left: 360px;
  padding-right: 360px; }

.rl-box .rl-userInfo .rl-goLogin {
  height: 140px;
  text-align: center;
  line-height: 140px; }

.rl-box .rl-userInfo .rl-user-img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  background: #d1d1d1;
  margin-right: 30px; }

.rl-box .rl-userInfo .rl-user-name {
  width: 169px;
  margin-right: 60px; }

.rl-box .rl-userInfo .rl-user-name:after {
  position: absolute;
  content: '';
  top: 5px;
  right: 0;
  width: 1px;
  height: 50px;
  background: rgba(255, 255, 255, 0.5); }

.rl-today .rl-today-form {
  padding: 53px 62px; }

.rl-today .rl-today-form .rl-table-list {
  width: 486px;
  min-height: 682px; }

.rl-today .rl-today-form .rl-table-today, .rl-today .rl-today-form .rl-table-talent {
  padding-top: 71px; }

.rl-today .rl-today-form .rl-table-today:before {
  position: absolute;
  content: '';
  width: 129px;
  height: 72px;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  background: url(../images/ranking/today.png) center top no-repeat; }

.rl-today .rl-today-form .rl-table-talent:before {
  position: absolute;
  content: '';
  width: 129px;
  height: 72px;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  background: url(../images/ranking/talent.png) center top no-repeat; }

.rl-today .rl-today-form .rl-today-form-page {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%); }

.rl-today .rl-today-form .rl-today-form-page a:hover {
  text-decoration: none; }

.rl-table-list .w129 {
  width: 129px; }

.rl-table-list .w93 {
  width: 90px; }

.pdl45 {
  padding-left: 45px; }

/*活动规则*/
.rl-box .rl-rule {
  padding-bottom: 53px; }

.rl-box .rl-rule h3 {
  padding: 15px 0 20px; }

.rl-box .rl-rule span {
  line-height: 40px;
  font-size: 22px;
  color: #333; }

.rl-box .rl-rule .rl-rule-mine {
  text-decoration: underline; }

.rl-box .rl-rule .rl-rule-contact {
  display: inline-block;
  border: 1px solid #FF4242;
  border-radius: 16px;
  width: 128px;
  height: 32px;
  line-height: 32px;
  text-align: center; }

.rl-box .rl-rule .rl-rule-contact i {
  padding-right: 3px; }

.rl-box .rl-rule .rl-rule-contact:hover, .rl-box .rl-head a {
  text-decoration: none; }

/* 历史获奖 */
.rl-box .rl-prize {
  width: 1077px;
  margin: 0 auto;
  padding-bottom: 12px; }

.rl-box .rl-prize h3 {
  padding-left: 77px; }

.rl-box .rl-table-list {
  width: 1077px;
  margin: 0 auto;
  margin-top: 22px;
  padding: 60px 50px;
  border-radius: 8px;
  box-shadow: 0px 4px 9px 1px rgba(51, 51, 51, 0.15); }

.rl-box .rl-table-list table tr {
  height: 50px;
  border-bottom: 1px solid #999999; }

.rl-box .rl-table-list thead th {
  font-size: 20px;
  color: #333;
  font-weight: 600;
  width: 33%; }

.rl-box .history-list .rl-table-list thead th {
  width: 27%; }

.rl-box .rl-table-list tbody td {
  font-size: 18px;
  color: #333;
  font-weight: normal; }

.rl-box .rl-table-list .td-ranking-medal img {
  width: 40px;
  height: 40px;
  overflow: hidden; }

.rl-box .rl-table-list td em {
  display: inherit;
  width: 40px;
  height: 40px;
  background: url(../images/ranking/medal.png) no-repeat;
  background-position-x: -4px; }

.rl-box .rl-table-list td .td-ranking-medal-img0 {
  background-position-y: -261px; }

.rl-box .rl-table-list td .td-ranking-medal-img1 {
  background-position-y: -200px;
  background-position-x: -2px; }

.rl-box .rl-table-list td .td-ranking-medal-img2 {
  background-position-y: -318px;
  background-position-x: -6px; }

.rl-box .rl-table-list td .td-ranking-medal-img3 {
  background-position-y: -380px; }

.rl-box .rl-table-list .th-user-name {
  padding-left: 61px;
  width: 423px; }

.rl-box .rl-table-list .th-user-avatar img {
  width: 28px;
  height: 28px;
  overflow: hidden;
  border-radius: 50%;
  background: #7D7D7D;
  margin-right: 9px; }

.rl-box .rl-prize .pages a, .rl-box .rl-prize .pages input.pages-btn {
  border-color: #fff;
  color: #fff; }

.rl-box .rl-prize .pages input {
  border-color: #fff; }

.rl-box .rl-prize .pages a:hover {
  border: 1px solid #fff;
  color: #333;
  background: #fff; }

.rl-box .rl-prize .pages a.active, .rl-box .rl-prize .pages a:hover.active {
  border: 1px solid #fff;
  color: #333;
  background: #fff;
  cursor: default; }

.original-outset > div:nth-child(2n-1) {
  background: #f9f9f9; }

.original-outset .column-tit-wrap {
  padding-top: 45px;
  padding-bottom: 36px; }

.original-outset .original-title {
  height: 54px; }

.original-outset .original-title span {
  color: #2C2C2C;
  padding-left: 18px;
  font-weight: bold;
  font-family: FZLTH_YS_GB2312; }

.original-outset .original-title span em {
  font-family: Didot-Bold; }

.original-outset .original-title a {
  line-height: 54px;
  font-weight: bold; }

.original-outset .original-title a:hover {
  text-decoration: none;
  color: #333; }

.original-outset .original-title span:before {
  position: absolute;
  content: '';
  top: 25%;
  left: 0;
  width: 7px;
  height: 28px;
  background: linear-gradient(0deg, #f857a6 0%, #ff5858 100%); }

.original-outset .original-title a .kicon-right-o {
  font-size: 22px;
  vertical-align: -2px; }

.original-outset .list-goods-main .list-goods-item {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.04);
  border: none; }

/*热门推荐*/
.original-outset .works-home-box {
  padding-bottom: 66px; }

.original-outset .works-home-box .ad-filter {
  width: 37.35%;
  height: 787px;
  max-height: 787px;
  background: #d1d1d1; }

.original-outset .works-home-box .ad-filter-right {
  width: 62.6%;
  max-height: 787px; }

.original-outset .works-home-box .ad-filter-right.list-goods-main[class*="avg-"] > li {
  padding-left: 39px; }

.original-outset .works-home-box .ad-filter-right .list-goods-thumb {
  height: 336px; }

/*精选专题*/
.original-outset .works-home-box .original-special li {
  padding-right: 0;
  margin-right: 39px;
  width: 31%; }

.original-outset .works-home-box .original-special li:last-child {
  margin-right: 0; }

.original-outset .works-home-box .original-special .original-special-img {
  height: 381px;
  background: #d1d1d1; }

.original-outset .works-home-box .original-special .original-special-tiltle {
  height: 181px;
  padding: 0 41px 0 42px;
  margin-bottom: 35px;
  font-family: MicrosoftYaHei; }

.original-outset .works-home-box .original-special .original-special-til1 {
  font-size: 23px;
  color: #000;
  font-family: MicrosoftYaHei;
  padding-bottom: 11px; }

.original-outset .works-home-box .original-special .original-special-til1:before {
  position: absolute;
  content: '';
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 278px;
  height: 25px;
  background: #fff; }

.original-outset .works-home-box .original-special .original-special-more {
  margin-top: 25px;
  width: 118px;
  height: 29px;
  line-height: 29px;
  display: inline-block;
  background: linear-gradient(-77deg, #f857a6 0%, #ff5858 100%);
  font-family: MicrosoftYaHei; }

.original-outset .original-special-more:hover {
  text-decoration: none; }

.original-outset .works-home-box .original-special .original-special-img2 {
  width: 100%;
  height: 295px;
  background: #e1e1e1; }

.original-outset .works-home-box .original-special .original-special-img2 span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 295px;
  text-align: center;
  font-size: 41px; }

.mgt181 {
  margin-top: 181px; }

.pdt64 {
  padding-top: 64px; }

.pdb28 {
  padding-bottom: 28px; }

.original-outset .works-home-box .original-special .original-special-img3 {
  height: 385px; }

.original-outset .works-home-box .original-special .original-special-img3 span {
  line-height: 385px; }

.late-filter-wrap .filter-head {
  font-weight: normal;
  color: #555; }
  .late-filter-wrap .filter-head a {
    color: #555; }
  .late-filter-wrap .filter-head a:hover {
    color: #ff4242; }

.late-filter-wrap .filter-body a {
  color: #333; }

.late-filter-wrap .filter-body .active {
  color: #fff; }

/*个人中心 NEW2 20191119*/
.user-container .new-person-content-left-2 {
  width: 260px;
  background: transparent; }
  .user-container .new-person-content-left-2 .user-side-menu .common-avatar {
    background: #fff;
    border-radius: 4px;
    margin-bottom: 10px; }
    .user-container .new-person-content-left-2 .user-side-menu .common-avatar .avatar-thumb {
      margin-bottom: 16px; }
    .user-container .new-person-content-left-2 .user-side-menu .common-avatar .avatar-info .avatar-hd {
      color: #333;
      font-size: 14px;
      font-weight: bold; }
    .user-container .new-person-content-left-2 .user-side-menu .common-avatar .avatar-info .avatar-abbrvt {
      font-size: 12px;
      color: #BBBBBB;
      font-weight: 400; }
    .user-container .new-person-content-left-2 .user-side-menu .common-avatar .upload-portfolios {
      padding-top: 2px;
      padding-bottom: 35px; }
      .user-container .new-person-content-left-2 .user-side-menu .common-avatar .upload-portfolios buttom {
        width: 220px;
        height: 36px;
        background: #ff4242;
        border-radius: 4px;
        display: inline-block;
        font-size: 14px;
        color: #fff;
        line-height: 36px; }
  .user-container .new-person-content-left-2 .user-side-menu dl {
    background: #fff;
    border-radius: 4px;
    padding-bottom: 0;
    margin-bottom: 10px;
    overflow: hidden; }
    .user-container .new-person-content-left-2 .user-side-menu dl dd {
      position: relative; }
      .user-container .new-person-content-left-2 .user-side-menu dl dd a {
        height: 50px;
        line-height: 50px;
        font-weight: 400;
        padding: 0;
        padding-left: 30px;
        transition: color 0s; }
      .user-container .new-person-content-left-2 .user-side-menu dl dd a:hover {
        text-decoration: none;
        color: inherit; }
    .user-container .new-person-content-left-2 .user-side-menu dl dd:hover {
      background: #FF4242;
      color: #fff; }
    .user-container .new-person-content-left-2 .user-side-menu dl .selectCurrent::after {
      position: absolute;
      content: '';
      top: 9px;
      left: 0;
      height: 32px;
      width: 3px;
      background: #FF4242; }
  .user-container .new-person-content-left-2 .user-side-menu .user-side-menu-img {
    height: 146px;
    background: #e2e2e2;
    overflow: hidden;
    border-radius: 4px; }

.user-container .new-person-content-right-2 {
  margin-left: 280px;
  border: none;
  border-radius: 4px; }

.fabirc-wrap .fabirc-show .weixin-logo {
  height: 65px;
  z-index: 7;
  top: 10px;
  right: 10px;
  left: initial; }

.scanning {
  width: 323px;
  height: 175px;
  background-color: #fff;
  margin: 0;
  display: none;
  position: absolute;
  top: 10px;
  left: 6px; }

.fabirc-wrap .fabirc-show .scanning .qr-code {
  width: 115px;
  height: 115px;
  margin-left: -40%;
  margin-top: 52%; }

.fabirc-wrap .fabirc-show .scanning h2 {
  width: 150px;
  background-color: #fff;
  margin-left: 50%;
  margin-top: 14%;
  font-size: 20px; }

.scanning p {
  background-color: #fff;
  padding-left: 50%;
  padding-top: 3%;
  color: red;
  font-size: 15px; }

.fabirc-show:hover .scanning {
  display: block; }

@media screen and (max-width: 1500px) {
  .scanning {
    width: 252px; }
  .fabirc-wrap .fabirc-show .scanning h2 {
    margin-left: 45%; }
  .fabirc-wrap .fabirc-show .scanning p {
    padding-left: 45%;
    padding-top: 1%; }
  .fabirc-wrap .fabirc-show .scanning .qr-code {
    width: 95px;
    height: 95px;
    margin-top: 55%;
    margin-left: -45%; }
  /*商家面料页面*/
  .text-center .b-contact-l .b-contact-list-1 > * {
    width: 20%; }
  .text-center .b-contact-l .b-contact-list {
    margin-top: 2.5%; } }

/*商家面料页面*/
.b-contact-l-1 {
  width: 100%;
  background: url("./../../images/business/store/contact-bg-1.jpg"); }

.b-contact-l .b-contact-list-1 {
  margin-top: 6%;
  margin-left: 0;
  display: flex;
  justify-content: center; }

.b-contact-l .b-contact-list-1 li {
  padding-left: 2%; }

.b-contact-l .b-contact-list-1 > * {
  width: 16%; }

.mgt48 {
  margin-top: 48px; }

.mgb60 {
  margin-bottom: 60px; }

.color-7c {
  color: #7C7C7C; }

/*商家资料注册页面*/
body, html {
  width: 100%; }

.fabric-dealer .fabric-banner {
  width: 100%;
  overflow: hidden; }

.fabric-dealer .fabric-banner img {
  width: 100%; }

.fabric-process {
  width: 100%;
  height: 481px;
  overflow: hidden;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center; }

.fabric-process .fabric-title {
  margin-top: 63px;
  color: #2C2C2C; }

.fabric-process .fabric-logo {
  display: flex;
  justify-content: center;
  margin-top: 33px; }

.fabric-process .fabric-logo li {
  width: 12%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0px 70px; }

.fabric-process .fabric-logo li > * {
  text-align: center;
  color: #999999; }

.fabric-process .fabric-logo li .fabric-logo-title {
  margin: 13px 0px;
  color: #2C2C2C; }

.fabric-dealer-container {
  width: 1200px;
  height: 2332px;
  background: white;
  margin: 66px auto 52px auto;
  display: flex;
  flex-direction: column;
  padding: 62px 57px 71px 57px; }

.fabric-wrap .fabric-title {
  border-bottom: 1px solid  #EDEDED;
  margin-bottom: 25px; }

.fabric-title span {
  display: inline-block;
  font-size: 20px;
  line-height: 1;
  color: #333333;
  font-weight: 600;
  padding: 22px 16px 12px 0;
  border-bottom: 2px solid #EB3E3E; }

.fabric-dealer-title {
  height: 42px;
  background: whitesmoke;
  line-height: 42px; }

.fabric-dealer-title span {
  padding-left: 30px;
  color: #333333;
  font-size: 16px; }

.fabric-data {
  padding: 48px 0px 49px 0px; }

.fabric-dealer-container .fabric-wrap .fabric-data .bk-form .form-group .form-group-element textarea {
  width: 80%; }

.fabric-dealer-container .fabric-wrap .fabric-data .bk-form .form-group label {
  width: 13%; }

.fabrice-file .upload-pic:after {
  border: 1px solid #ccc;
  border-radius: 50%; }

.upload-pic-list li + li {
  padding-left: 10px; }

.mgt7 {
  margin-top: 7px; }

.mgl16 {
  margin-left: 16px; }

.fabric-banner {
  position: relative; }

.fabric-btn {
  position: absolute;
  left: 17%;
  top: 58%; }

.ellipsis-1 {
  -webkit-line-clamp: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.avg-lg-5-1 .list-goods-thumb, .avg-lg-5-1 .bk-overlay-wrap a {
  min-height: auto !important;
  height: auto !important; }

.avg-lg-6-1 > li:nth-of-type(6n + 1) {
  clear: none; }

.contentW-2 {
  max-width: 1200px; }

.contentW-1 {
  max-width: 1200px; }

.avg-lg-6-1 > li {
  width: 20%; }

.fabric-head {
  height: 100px;
  background: #fff; }

.fabric-head .fabric-head-conten {
  width: 1200px;
  height: 100%;
  margin: 0 auto; }

.fabric-head .fabric-head-conten .fabric-head-l {
  float: left;
  width: 50%;
  font-size: 32px;
  font-weight: bold;
  line-height: 100px; }

.fabric-head .fabric-head-conten .fabric-head-r {
  float: right;
  width: 50%;
  line-height: 100px; }

.fabric-head .fabric-head-conten .fabric-head-r li {
  float: left;
  width: 25%;
  text-align: right;
  font-size: 16px;
  color: #333333;
  font-weight: bold; }

.fabric-head .fabric-head-conten .fabric-head-r li:hover {
  color: red; }

.fabric-foot {
  width: 100%;
  height: 120px;
  background: #000;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 12px; }

.fabric-foot ul li {
  float: left;
  padding: 0px 2px; }

.fabric-foot .fabric-foot-title {
  margin-top: 14px; }

@media screen and (max-width: 1200px) {
  .fabric-head .fabric-head-conten {
    width: 1100px; }
  .b-contact-l .b-contact-list-1 > * {
    width: 22%; }
  .text-center .b-contact-l .b-contact-list {
    margin-top: 2.5%; }
  .pdb60 {
    padding-bottom: 0px; } }

/*设计师列表*/
.designer-works-box-1 {
  height: 560px;
  display: flex;
  background: #fff;
  border-top: 1px solid #F9F9F9; }

.designer-home .designer-works-box-1:nth-child(1) {
  border-top: none; }

.pagemaker-bar-1 {
  margin-left: 60px;
  display: flex;
  flex-direction: column;
  align-items: center; }

.pagemaker-bar-l-1 {
  margin-top: 55px; }

.filter-tail-1 {
  display: flex;
  margin-right: 60px;
  margin-top: 15px; }

.pagemaker-bar-l-1 .common-avatar-1 {
  width: 230px;
  height: 230px;
  border-radius: 50%;
  overflow: hidden; }

.pagemaker-bar-l-2 {
  margin-top: 23px;
  width: 145px;
  height: 52px; }

.pagemaker-bar-l-2 img {
  width: 100%;
  height: 100%; }

.filter-body-1 {
  margin-left: 8px; }

.filter-body-1 .active {
  border: 1px solid #D1D1D1;
  color: #999999;
  border-radius: 10px;
  padding: 0px 13px;
  margin-left: 5px;
  font-size: 12px; }

.designer-home-wrap .list-goods-thumb-1 {
  height: auto; }

.pagemaker-bar-2-1 {
  margin-left: 105px;
  margin-top: 45px; }

.pagemaker-bar-2-1-1 {
  display: flex;
  justify-content: space-between;
  align-content: flex-end; }

.pagemaker-bar-2-1-1 .pagemaker-name-1 {
  display: flex;
  align-items: center; }

.pagemaker-bar-title {
  font-size: 14px;
  color: #363636; }

.pagemaker-bar-2-2 {
  margin-left: 61px;
  margin-top: 28px;
  margin-right: 60px; }

.quote-mark-1:before {
  font-family: "kiconfont";
  content: "\e60c";
  position: absolute;
  font-size: 40px;
  top: -12px;
  left: -45px;
  color: #D6D6D6; }

.filter-tail-1 .btn-understand:hover {
  background: #333; }

.filter-tail-1 .btn-understand:hover a {
  color: #fff;
  text-decoration: none !important; }

body, html {
  height: 100%; }

.login-box-1 {
  background: url(./../../images/special/fabric-dealer/login-banner.jpg) no-repeat fixed;
  background-size: cover;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.login-box-1 .box {
  width: 410px;
  height: auto;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 0px 15px #666;
  margin: 0px auto;
  position: relative;
  top: 200px;
  display: flex;
  flex-direction: column;
  align-items: center; }

.login-box-1 .box .box-logo {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  overflow: hidden;
  margin-top: 35px; }

.login-box-1 .box .box-logo img {
  width: 100%;
  height: 100%; }

.login-box-1 .box .logo-name {
  font-size: 24px;
  font-weight: bold;
  display: flex;
  margin-top: 20px; }

.login-box-1 .box .search01 {
  width: 85%;
  height: 42px;
  margin-bottom: 25px; }

.login-box-1 .box .search01 input {
  width: 100%;
  height: 100%;
  font-size: 16px;
  padding: 0px 40px;
  border: 1px solid #eaeaea; }

.login-box-1 .box .search01 .search01-kicon {
  width: 40px;
  height: 40px;
  position: relative;
  top: 43px;
  left: 8px; }

.login-box-1 .box .mark {
  width: 85%;
  display: flex;
  justify-content: space-between;
  margin-top: 35px; }

.login-box-1 .box .btn-login {
  width: 85%;
  height: 42px;
  background: #000;
  text-align: center;
  line-height: 42px;
  color: #fff;
  margin: 35px;
  font-size: 18px;
  border: 1px solid #000;
  border-radius: 0px; }

.login-box-1 .box .search01 .search01-kicon i {
  color: #ccc;
  font-size: 25px; }

.hot-designer {
  width: 1500px;
  height: 596px;
  background: #fff;
  margin-top: 56px; }

.hot-designer .hot-designer-box {
  margin-left: 100px;
  width: 1300px;
  overflow: hidden;
  position: relative; }

.hot-designer .hot-designer-box ul {
  margin-top: 20px;
  display: flex; }

.hot-designer .hot-designer-box ul > li {
  display: flex;
  width: 1300px;
  height: 415px; }

.hot-designer .hot-designer-box .hot-designer-list {
  width: 414px;
  height: 405px;
  border: 1px solid #F9F9F9;
  margin: 0px 7px; }

.hot-designer .hot-designer-box .hot-designer-list:hover {
  box-shadow: 0px 5px 15px #F9F9F9; }

.hot-designer .hot-designer-box .hot-designer-list .hot-designer-img {
  width: 100%;
  height: 186px; }

.hot-designer .hot-designer-box .hot-designer-list .hot-designer-img img {
  width: 100%;
  height: 100%; }

.hot-designer .hot-designer-box .hot-designer-list .hot-designer-pic {
  display: flex; }

.hot-designer .hot-designer-box .hot-designer-list .hot-designer-pic .hot-designer-pic-box {
  width: 110px;
  height: 110px;
  margin-top: -55px;
  margin-left: 23px; }

.hot-designer .hot-designer-box .hot-designer-list .hot-designer-pic .hot-designer-pic-box img {
  width: 100%;
  height: 100%; }

.hot-designer .hot-designer-box .hot-designer-list .hot-designer-conten {
  margin: 28px auto 35px auto; }

.hot-designer .hot-designer-box .hot-designer-list .hot-designer-btn {
  width: 84px;
  height: 29px;
  line-height: 29px;
  text-align: center;
  border: 1px solid #333;
  margin-left: 307px; }

.hot-designer .hot-designer-box .hot-designer-list .hot-designer-btn:hover {
  background: #333; }

.hot-designer .hot-designer-box .hot-designer-list .hot-designer-btn:hover a {
  color: #fff;
  text-decoration: none !important; }

.hot-designer .left-row {
  color: #ccc;
  font-size: 50px;
  position: relative;
  top: -240px;
  left: 40px;
  cursor: pointer; }

.hot-designer .right-row {
  color: #ccc;
  font-size: 50px;
  position: relative;
  top: -320px;
  left: 1400px;
  cursor: pointer; }

.list-nav-box {
  height: 129px;
  width: 1500px;
  position: absolute;
  top: 17%;
  display: flex;
  align-items: flex-end; }

.list-nav-box .list-nav {
  width: 27%;
  height: 100%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9; }

.list-nav-box .list-nav .nav-search-box {
  padding: 14px 20px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column; }

.list-nav-box .list-nav .nav-search-box .nav-search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1; }

.list-nav-box .list-nav .nav-search-box .nav-search .nav-search-title {
  font-size: 24px;
  color: #000;
  font-weight: bold; }

.list-nav-box .list-nav .nav-search-box .nav-search .nav-search-synopsis {
  width: 40px;
  text-align: center;
  height: 24px;
  line-height: 20px;
  color: #333;
  font-size: 14px;
  font-weight: normal;
  border: 1px solid #eee;
  border-radius: 3px;
  cursor: pointer; }

.list-nav-box .list-nav .nav-search-box .search input {
  padding: 5px 40px 5px 10px;
  height: 36px; }

.list-nav-box .list-nav .nav-search-box .search i {
  right: 10px;
  left: auto; }

.list-nav-box .list-nav .nav-search-box .hot-search .clickme {
  color: #666;
  margin: 0px 6px 3px 2px; }

.list-nav-box .list-nav .nav-search-box .hot-search .clickme:hover {
  color: red;
  text-decoration: none; }

.list-nav-box .nav-list-tab {
  width: 73%;
  height: 85%;
  display: flex;
  align-items: flex-end;
  background: #fff; }

.list-nav-box .nav-list-tab .nav-list-tab-box {
  width: 25%;
  height: 100%;
  display: flex;
  justify-content: space-around; }

.list-nav-box .nav-list-tab .nav-list-tab-box .nav-tab-box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.list-nav-box .nav-list-tab .nav-list-tab-box .nav-tab-box .kicon-safe {
  font-size: 33px; }

.list-nav-box .nav-list-tab .nav-list-tab-box .nav-tab-box .nav-tab-title {
  font-size: 16px;
  color: #333333;
  font-family: 'Microsoft YaHei'; }

.list-nav-box .nav-list-tab .nav-list-tab-box .nav-tab-bg1 {
  position: relative;
  left: -7px;
  width: 7px;
  height: 100%;
  background: url(http://img2.fm.pop-fashion.com/global/images/lists/hv-nav-l.png) 0 0 no-repeat;
  display: none; }

.list-nav-box .nav-list-tab .nav-list-tab-box .nav-tab-bg2 {
  position: relative;
  right: -6px;
  width: 7px;
  height: 100%;
  background: url(http://img2.fm.pop-fashion.com/global/images/lists/hv-nav-r.png) 0 0 no-repeat;
  display: none; }

.list-nav-box .nav-list-tab .nav-list-tab-box:nth-child(1) .nav-tab-bg1 {
  display: block; }

.list-nav-box .nav-list-tab .nav-list-tab-box:nth-child(1) .nav-tab-bg2 {
  display: block; }

.list-nav-box .nav-list-tab .nav-list-tab-box:hover .nav-tab-bg1 {
  display: block; }

.list-nav-box .nav-list-tab .nav-list-tab-box:hover .nav-tab-bg2 {
  display: block; }

.list-nav-box .nav-list-tab .nav-list-tab-box:hover .nav-tab-bg1 {
  display: block; }

.list-nav-box .nav-list-tab .nav-list-tab-box:hover .kicon-safe {
  color: red; }

.list-nav-box .nav-list-tab .nav-list-tab-box:hover .nav-tab-title {
  color: red; }

.nav-tab-box .nav-tab-box-a {
  text-decoration: none;
  text-align: center;
  width: 100%; }

.g-listpage-nav-1 {
  background: #f9f9f9;
  border: none;
  padding-top: 36px; }

.g-listpage-nav-1 > a {
  color: #333333;
  border: 1px solid #DDDDDD;
  padding: 2.5px 6.5px 3.5px 12.5px;
  border-radius: 16px;
  margin-left: 10px;
  margin-right: 10px;
  text-decoration: none; }

.g-listpage-nav-1 > a:hover {
  background: #FF4242;
  color: #fff;
  border: 1px solid #FF4242; }

.g-listpage-head-1 {
  margin-bottom: 25px; }

.listpage-nav-title {
  width: 1500px;
  margin: 0px auto;
  display: flex;
  justify-content: space-between; }

.listpage-nav-tab {
  margin-right: 3px; }

.listpage-nav-time {
  display: flex;
  justify-content: flex-end;
  background: #f9f9f9; }

.listpage-nav-time .kicon-right {
  display: inline-block;
  transform: rotate(-90deg); }

.listpage-nav-tab {
  position: absolute;
  z-index: 8;
  right: 188px; }

.listpage-nav-tab:hover .kicon-right {
  transform: rotate(90deg); }

.listpage-nav-tab:hover .tab-none {
  display: block !important; }

.tab-none-wrap {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  margin-top: 10px; }

.tab-none {
  line-height: 31px;
  width: 135px;
  height: 37px;
  background: #fff;
  text-align: center;
  display: none; }

.tab-none:hover {
  background: #f9f9f9; }

.right .kicon-browse-fill {
  padding-right: 4px; }

.about-display-b .center-border {
  border: 1px solid #fff;
  width: 100%;
  height: 100%;
  transform: scale(0.95, 0.9);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }

.about-display-b > div:first-child {
  float: left;
  width: 588px; }

.about-display-b > div:last-child {
  float: right;
  width: 588px; }

.my-about-t {
  position: absolute;
  top: 0;
  right: 0;
  background: #f4f4f4;
  width: 51%;
  height: 100%; }

.about-text {
  font-size: 32px;
  font-weight: bold; }

.my-about-t .about-list-t ul {
  width: 40%;
  height: 80px;
  float: left;
  margin: 0px 20px 50px 0; }

.my-about-t .about-list-t ul li:first-child {
  width: 20%;
  height: 100%;
  float: left;
  margin-right: 5%; }

.my-about-t .about-list-t ul li:last-child {
  float: left;
  width: 75%; }

.my-about-t .about-list-t ul li:last-child h5 {
  font-size: 19px;
  margin-bottom: 10px; }

.my-about-t .about-list-t ul li {
  list-style: none; }

.my-about-t .t-text {
  color: #5f5f5f;
  font-size: 12px; }

.about-text span {
  font-size: 24px;
  vertical-align: middle; }

.fabric-foot .foot-right-t ul li {
  float: right;
  width: 136px;
  margin-left: 20px; }

.fabric-foot .foot-right-t ul li img {
  width: 100%; }

.fabric-foot .foot-right-t ul li p {
  width: 100%;
  text-align: center;
  margin-top: 10px; }

.fabric-foot-t {
  background: #333;
  color: #fff;
  text-align: center;
  padding: 20px;
  font-size: 11px; }

.about-list-t .raduis-t {
  width: 56px;
  height: 56px;
  border: 3px solid #262626;
  border-radius: 50%;
  text-align: center; }

.about-list-t .raduis-t i {
  line-height: 56px;
  font-size: 30px; }

.contact-f-c ul li {
  float: left;
  width: 276px;
  height: 320px;
  padding: 23px;
  box-shadow: 0 0 2px 4px #eaeaea;
  margin-right: 24px; }

.contact-f-c ul li .contact-icon {
  width: 92px;
  height: 92px;
  border-radius: 50%;
  margin: 0 auto 20px;
  background: #ff4242;
  text-align: center; }

.contact-f-c ul li .contact-icon i {
  color: #fff;
  line-height: 92px;
  font-size: 50px; }

.contact-f-c ul li p {
  text-align: center;
  color: #333; }

.contact-f-c ul li .fs18 {
  margin-bottom: 10px; }

.contact-f-c ul li img {
  width: 130px;
  height: 130px;
  display: block;
  margin: 0 auto; }

.supplier-index-i {
  width: 1200px;
  height: 195px;
  background: rgba(255, 255, 255, 0.86);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }

.supplier-index-i .title-i {
  text-align: center;
  font-size: 31px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: bold; }

.supplier-index-i .line {
  width: 35px;
  height: 2px;
  margin: 0 auto;
  background: #000; }

.supplier-index-i .content-i {
  background: transparent;
  width: 1072px;
  height: 70px;
  margin: 0 auto;
  margin-top: 24px;
  padding: 0 90px;
  text-align: center;
  font-size: 20px; }

.supplier-index-i .content-i .quote-mark:before {
  color: #000;
  font-size: 28px; }

.supplier-index-i .content-i .quote-mark:first-child {
  position: absolute;
  top: 0;
  left: 46px; }

.supplier-index-i .content-i .quote-mark:last-child {
  position: absolute;
  bottom: 0;
  right: 46px;
  transform: rotate(180deg); }

.index-list-f {
  text-align: center;
  margin-bottom: 60px; }

.index-list-f button, .index-f-more button {
  border-radius: 0;
  background: transparent;
  margin: 0 16px; }

.index-f-more {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 110px; }

.index-f-bottom {
  margin-bottom: 75px; }

.index-f-bottom .absolute {
  width: 1200px;
  top: 75px;
  left: 0;
  right: 0;
  margin: auto;
  color: #fff; }

.index-f-bottom .absolute p {
  text-align: center; }

.index-f-bottom .absolute p:nth-child(1) {
  font-size: 32px; }

.index-f-bottom .absolute p:nth-child(2) {
  margin: 15px 0 35px;
  font-size: 18px; }

.fabric-foot .fabric-foot-c {
  font-size: 14px; }

.fabric-foot .fabric-foot-c p {
  margin-top: 6px; }

.xcx01 .xcx-content .btn-sq {
  margin-left: 20px; }

.sq {
  width: 100%;
  height: 999px;
  background: rgba(0, 0, 0, 0.5);
  position: relative;
  position: fixed;
  top: 0;
  z-index: 999;
  padding-top: 200px;
  display: none; }

.sq-1 {
  width: 1100px;
  height: 450px;
  background: #fff;
  margin: 0 auto; }

.sq h1 {
  font-size: 18px;
  font-weight: 600;
  margin-left: 15px; }

.sq table {
  width: 700px;
  height: 250px;
  margin: 30px auto 0; }

.sq table tr {
  height: 50px;
  font-size: 25px; }

.sq table tr td:first-child {
  text-align: right;
  font-size: 19px; }

.sq table tr td input {
  width: 450px;
  font-size: 20px;
  padding: 5px; }

.sq-b {
  font-size: 21px;
  margin: 0 auto;
  border-radius: 6px;
  outline: none;
  padding: 0 50px; }

.sq-2 {
  margin: 0 auto;
  width: 420px;
  height: 42px;
  margin-top: 30px; }

.sq-2 button:first-child {
  float: left; }

.sq-2 button:last-child {
  float: right; }

#fullPage-nav {
  top: 200px !important;
  right: 82px !important; }

#fullPage-nav ul {
  list-style: none;
  width: 80px;
  z-index: 3;
  position: absolute;
  top: 30%;
  right: 85px; }

#fullPage-nav ul li {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-bottom: 10px;
  line-height: 80px;
  text-align: center; }

#fullPage-nav ul li a.active {
  background: rgba(255, 237, 237, 0.7);
  cursor: pointer;
  transition: all .7s ease; }

#fullPage-nav ul li a {
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  vertical-align: middle;
  box-sizing: border-box;
  background: transparent; }

#fullPage-nav ul li span {
  width: 34px;
  height: 34px;
  display: block;
  border: 10px solid #f0f0f0;
  background: #d2d2d2;
  border-radius: 50%;
  margin: 22px auto;
  position: static; }

#fullPage-nav ul li .active span, .fullPage-slidesNav .active span {
  background: #ff3f48;
  border: 10px solid #f8c5c4; }

#pageContain {
  overflow: hidden; }

#nav-d1 {
  width: 100%;
  height: 80px;
  background: black;
  opacity: 0.8;
  position: fixed;
  top: 0;
  z-index: 99; }

#nav-d1 img {
  margin-left: 305px;
  margin-top: 22px;
  cursor: pointer; }

#nav-d1 .nav-zt {
  margin-top: -59px;
  margin-left: 1446px;
  text-align: center; }

#nav-d1 .nav-zt a.active {
  display: inline-block;
  font-size: 18px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: white;
  border-bottom: 3px solid #FF4242; }

#nav-d1 .nav-zt a {
  line-height: 5.5;
  height: 100%;
  display: inline-block;
  text-decoration: none;
  box-sizing: border-box;
  padding: 0 26px;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: white;
  cursor: pointer; }

.page {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden; }

.contain {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0; }

.current .contain, .slide .contain {
  display: block; }

.slide {
  display: block;
  z-index: 2; }

.swipe {
  display: block;
  z-index: 3;
  transition-duration: 0ms !important;
  -webkit-transition-duration: 0ms !important; }

#pageContain .page1 {
  background: url(./../images/ttxcx/bg1x.png) no-repeat center center;
  background-size: cover; }

#pageContain .page2 {
  background: url(./../images/ttxcx/bg2x.png) no-repeat center center;
  background-size: cover; }

#pageContain .page3 {
  background: url(./../images/ttxcx/bg3x.png) no-repeat center center;
  background-size: cover; }

#pageContain .page4 {
  background: url(./../images/ttxcx/bg4x.png) no-repeat center center;
  background-size: cover; }

#pageContain .page5 {
  background: url(./../images/ttxcx/bg6.png) no-repeat center center;
  background-size: cover; }

#pageContain .page6 {
  background: url(./../images/ttxcx/bg5.png) no-repeat center center;
  background-size: cover; }

#pageContain .contain div {
  position: absolute; }

#pageContain .contain .le-inp {
  top: 211px;
  left: -332px;
  opacity: 0;
  transition: all 1s; }

#pageContain .active .contain .le-inp {
  left: 50px;
  opacity: 1;
  transition-delay: 1s; }

#pageContain .contain .ri-inp {
  top: 239px;
  right: -214px;
  opacity: 0;
  transition: all 1s; }

#pageContain .active .contain .ri-inp {
  opacity: 1;
  right: 245px;
  transition-delay: 1s; }

#pageContain .contain .le-inp1 {
  top: 229px;
  left: -238px;
  opacity: 0;
  transition: all 1s; }

#pageContain .active .contain .le-inp1 {
  left: 140px;
  opacity: 1;
  transition-delay: 1s; }

#pageContain .contain .ri-inp1 {
  top: 202px;
  right: -254px;
  opacity: 0;
  transition: all 1s; }

#pageContain .active .contain .ri-inp1 {
  right: 50px;
  opacity: 1;
  transition-delay: 1s; }

#pageContain .contain .le-inp2 {
  top: 216px;
  left: -213px;
  opacity: 0;
  transition: all 1s; }

#pageContain .active .contain .le-inp2 {
  left: 40px;
  opacity: 1;
  transition-delay: 1s; }

#pageContain .contain .ri-inp2 {
  top: 251px;
  right: -274px;
  opacity: 0;
  transition: all 1s; }

#pageContain .active .contain .ri-inp2 {
  right: 50px;
  opacity: 1;
  transition-delay: 1s; }

#pageContain .contain .zhong {
  top: 216px;
  left: 110px; }

#pageContain .contain .le-inp3 {
  top: 366px;
  left: -231px;
  opacity: 0;
  transition: all 1s; }

#pageContain .active .contain .le-inp3 {
  left: 110px;
  opacity: 1;
  transition-delay: 1s; }

#pageContain .contain .ri-inp3 {
  top: 366px;
  right: -235px;
  opacity: 0;
  transition: all 1s; }

#pageContain .active .contain .ri-inp3 {
  right: 150px;
  opacity: 1;
  transition-delay: 1s; }

.ttxcx01 {
  background: url(../images/ttxcxjies/banner.jpg) no-repeat;
  height: 600px; }

.ttxcx01 .btn-theme {
  margin: 399px 0 0 133px;
  font-size: 18px; }

.ttxcx01 .btn-hollow {
  margin: 399px 0 0 20px;
  font-size: 18px; }

.bk-f {
  position: absolute;
  top: 780px;
  height: 240px;
  width: 1450px;
  margin: 0 auto; }

.bk-f dl {
  float: left;
  width: 180px;
  margin-right: 110px; }

.bk-f dl + dl {
  margin-top: 0; }

.bk-f dt b {
  font-size: 21px; }

.bk-f dd p {
  font-size: 16px;
  color: #555; }

.bg-dizhi div div p.heis {
  color: #333; }

.xcx-box .xcx-content img {
  display: inline-block;
  vertical-align: top; }

.xcx-box .xcx-content .xcx-yous {
  height: 416px;
  display: inline-block;
  margin-left: 80px; }

.xcx-box .xcx-content .zhong {
  margin-bottom: 108px; }

.xcx-box .xcx-content .xcx-yous h1 {
  font-size: 27px;
  background: #FF4242;
  width: 225px;
  height: 58px;
  border-radius: 35px 0 35px 0;
  line-height: 58px;
  color: #fff;
  margin-top: 72px;
  text-align: center; }

.xcx-box .xcx-content .xcx-yous p {
  width: 420px;
  margin-top: 38px;
  font-size: 17px;
  text-align: left;
  color: #666; }

.xcx-box .xcx-content .xcx-yous .tubiao {
  text-align: left;
  margin-top: 62px;
  margin-left: -30px; }

.xcx-box .xcx-content .xcx-yous .tubiao i {
  width: 110px;
  height: 100px;
  display: inline-block;
  text-align: center;
  font-size: 17px;
  color: #666; }

.xcx-box .xcx-content .xcx-yous .tubiao i::before {
  content: "";
  display: block;
  margin: 10px auto; }

.xcx-box .xcx-content .xcx-yous .tubiao i.ion-1::before {
  background: url(../images/ttxcxjies/icon/fenxiang.png) no-repeat;
  width: 51px;
  height: 50px; }

.xcx-box .xcx-content .xcx-yous .tubiao i.ion-2::before {
  background: url(../images/ttxcxjies/icon/shouc1.png) no-repeat;
  width: 52px;
  height: 50px; }

.xcx-box .xcx-content .xcx-yous .tubiao i.ion-3::before {
  background: url(../images/ttxcxjies/icon/xiaz.png) no-repeat;
  width: 50px;
  height: 51px; }

.xcx-box .xcx-content .xcx-yous .tubiao i.ion-4::before {
  background: url(../images/ttxcxjies/icon/yuanczp.png) no-repeat;
  width: 52px;
  height: 51px; }

.xcx-box .xcx-content .xcx-yous .tubiao i.ion-5::before {
  background: url(../images/ttxcxjies/icon/shouhg.png) no-repeat;
  width: 52px;
  height: 48px; }

.xcx-box .xcx-content .xcx-yous .tubiao i.ion-6::before {
  background: url(../images/ttxcxjies/icon/shangj.png) no-repeat;
  width: 50px;
  height: 50px; }

.xcx-box .xcx-content .xcx-yous .tubiao i.ion-7::before {
  background: url(../images/ttxcxjies/icon/shejs.png) no-repeat;
  width: 52px;
  height: 48px; }

.xcx-box .xcx-content .xcx-yous .tubiao i.ion-8::before {
  background: url(../images/ttxcxjies/icon/shouc2.png) no-repeat;
  width: 48px;
  height: 42px; }

.xcx-box .xcx-content .xcx-yous .tubiao i.ion-9::before {
  background: url(../images/ttxcxjies/icon/zhuanf.png) no-repeat;
  width: 50px;
  height: 49px; }

.xcx-box .xcx-content .xcx-yous .tubiao i.ion-10::before {
  background: url(../images/ttxcxjies/icon/pengyyq.png) no-repeat;
  width: 48px;
  height: 49px; }

.xcx-box .xcx-content .xcx-yous .tubiao i.ion-11::before {
  background: url(../images/ttxcxjies/icon/yaoqin.png) no-repeat;
  width: 48px;
  height: 49px; }

.xcx-box .xcx-content .xcx-yous .tubiao i.ion-12::before {
  background: url(../images/ttxcxjies/icon/kefu.png) no-repeat;
  width: 42px;
  height: 49px; }

.bg-dizhi {
  width: 100%;
  height: 485px;
  padding-top: 66px;
  background: url(../images/ttxcxjies/bg-dizhi.png) no-repeat center center; }

.mar-l45 {
  margin-left: 184px; }

.mar-l54 {
  margin-left: 274px; }

.cpb-filter .btn-medium:hover .select-ul {
  display: block; }

.cpb-filter .select-ul a {
  color: #999; }

.cpb-filter .select-ul a:hover {
  text-decoration: none; }

.cpb-filter .select-ul li:hover {
  background: #f9f9f9; }

.cpb-filter .select-ul li:hover a {
  color: #ff4242; }

.cpb-filter .select-ul {
  display: none;
  position: absolute;
  width: 101%;
  top: 40px;
  left: 0;
  background: #fff;
  z-index: 70;
  border: 1px solid #ddd; }

.password-box-n {
  min-height: 510px;
  background: #fff;
  padding: 60px 120px; }

.password-box-n .password-box-hd {
  text-align: center; }

.password-box-n .password-box-hd h4 {
  font-size: 30px;
  line-height: 1;
  margin-bottom: 60px; }

.password-box-n .p-step {
  counter-reset: section;
  height: 120px; }

.password-box-n .p-step > li {
  float: left;
  color: #666;
  font-size: 14px;
  text-align: center;
  width: 84px;
  font-weight: 500;
  margin-right: 104px;
  position: relative;
  padding-top: 50px; }

.password-box-n .p-step > li:before {
  content: counter(section);
  counter-increment: section;
  position: absolute;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 28px;
  border-radius: 50%;
  color: #fff;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border: 4px solid #efefef;
  background: #bebebe; }

.password-box-n .p-step > li:after {
  content: '';
  position: absolute;
  width: 136px;
  height: 1px;
  background: #ddd;
  top: 18px;
  left: 70px; }

.password-box-n .p-step > li.current-line:after {
  background: #ff4242; }

.password-box-n .p-step > li.current:before {
  border: 4px solid #ffe3e3;
  background: #ff4242; }

.password-box-n .p-step > li:last-child {
  margin: 0; }

.password-box-n .p-step > li:last-child:after {
  opacity: 0; }

.password-box-n .p-step > li.current {
  color: #ff4242; }

.password-box-n .form-icon input {
  padding-left: 15px !important; }

.password-box-n .form-icon.pin .code-num {
  width: 160px; }

.password-box-n .form-left-width .form-group .form-group-element {
  padding-left: 0; }

.password-box-n .password-set-success {
  width: 500px;
  margin: 0 auto; }

.password-box-n .password-set-success > div {
  float: left; }

.password-box-n .password-set-success > div > i {
  color: #ff4242;
  font-size: 80px;
  margin-right: 20px; }

.password-box-n .password-set-success .tips-t {
  margin-top: 40px;
  font-size: 18px;
  color: #333;
  font-weight: bold; }

.password-box-n .password-set-success .tips-b {
  font-weight: 500; }

.password-box-n .password-set-success .tips-b > a {
  color: #ff4242; }

.password-box-n.reg-success-box {
  margin: 30px auto 0px; }

.xcx-content {
  width: 1370px;
  margin: 0 auto; }

.xcx-box {
  padding-top: 80px; }

.xcx-tit {
  text-align: center;
  margin-bottom: 45px; }

.xcx-tit h3 {
  font-size: 30px;
  line-height: 1;
  margin-bottom: 16px; }

.xcx-tit p {
  font-size: 18px;
  color: #555; }

.xcx01 {
  height: 600px;
  background: url("../images/special/fabricMiniApp/banner01.jpg") center no-repeat; }

.xcx01-f {
  height: 600px;
  background: url("../images/special/fabricMiniApp/banner02.jpg") center no-repeat; }

.xcx01 .btn-theme {
  margin: 399px 0 0 133px;
  font-size: 18px; }

.xcx01 .btn-hollow {
  margin: 399px 0 0 20px;
  font-size: 18px; }

.xcx01-1 {
  padding: 64px 0;
  background: #fff; }

.xcx01-1 .content {
  margin: 0 auto;
  width: 1362px;
  height: 338px; }

.xcx01-1 .content .content-l {
  float: left;
  width: 553px; }

.xcx01-1 .content .content-l h3 {
  font-size: 30px;
  margin-bottom: 16px;
  color: #2C2C2C; }

.xcx01-1 .content .content-l p {
  font-size: 16px;
  color: #666; }

.xcx01-1 .content .content-l .xcx-content a {
  width: 140px;
  height: 42px;
  line-height: 42px; }

.xcx01-1 .content .content-r {
  float: right; }

.xcx02 {
  height: 780px;
  background: #f9f9f9; }

.xcx02-1 {
  height: 516px;
  background: #fff; }

.xcx02-1-list li {
  text-align: center; }

.xcx02-1-list li .avatar {
  border-radius: 100%;
  width: 182px;
  height: 182px;
  overflow: hidden;
  margin: 0 auto; }

.xcx02-1-list li h4 {
  font-size: 22px;
  margin-top: 32px; }

.xcx02-1-list li p {
  font-size: 16px;
  color: #666;
  margin-top: 8px; }

.xcx02-1-list li p span {
  color: #000;
  margin-right: 5px; }

.xcx02-3 {
  background-color: #fff;
  padding-bottom: 60px; }

.xcx02-3-list li {
  padding-right: 30px; }

.xcx02-3-list {
  margin-right: -30px; }

.xcx02-3-list li h4 {
  font-size: 24px; }

.xcx02-3-list li p {
  font-size: 16px; }

.xcx02-3-list li .list-goods-item {
  height: 412px;
  background-color: #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.04);
  overflow: hidden;
  cursor: default;
  border: 1px solid rgba(0, 0, 0, 0.02); }

.xcx02-3-list li .list-goods-item img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0; }

.xcx02-3-list li .list-goods-item img + img {
  z-index: 8; }

.xcx02-3-list li .list-goods-item:hover img {
  -webkit-transition: all .3s;
  transition: all .3s;
  opacity: 1; }

.xcx02-3-list li .list-goods-box {
  width: 100%;
  height: 100%;
  text-align: center;
  position: absolute;
  z-index: 9; }

.xcx02-3-list li .list-goods-box .list-goods-icon {
  background: url("../images/special/fabricMiniApp/icon-sprite.png") no-repeat; }

.xcx02-3-list li .list-goods-box .list-goods-icon1 {
  background-position: -104px 0px; }

.xcx02-3-list li .list-goods-box .list-goods-icon2 {
  background-position: -104px -100px; }

.xcx02-3-list li .list-goods-box .list-goods-icon3 {
  background-position: -104px -200px; }

.xcx02-3-list li .list-goods-box .list-goods-icon4 {
  background-position: -104px -300px; }

.xcx02-3-list li .list-goods-box .list-goods-icon5 {
  background-position: -104px -400px; }

.xcx02-3-list li .list-goods-item:hover .list-goods-icon1 {
  background-position: 8px 0px; }

.xcx02-3-list li .list-goods-item:hover .list-goods-icon2 {
  background-position: 8px -100px; }

.xcx02-3-list li .list-goods-item:hover .list-goods-icon3 {
  background-position: 8px -200px; }

.xcx02-3-list li .list-goods-item:hover .list-goods-icon4 {
  background-position: 8px -300px; }

.xcx02-3-list li .list-goods-item:hover .list-goods-icon5 {
  background-position: 8px -400px; }

.xcx02-3-list li .list-goods-item:hover .text {
  color: #fff; }

.xcx02-3-list li .list-goods-box .list-goods-icon {
  margin: 62px 0 70px 0;
  width: 112px;
  height: 96px;
  display: inline-block; }

.xcx02-3-list li .list-goods-box p {
  margin-top: 28px;
  padding: 0 20px;
  text-align: center;
  line-height: 1.4; }

.xcx02-main {
  position: relative; }
.xcx02-main dl {
  width: 460px;
  height: 100px;
  margin-bottom: 50px; }
.xcx02-main dt {
  float: right; }
.xcx02-main dd b {
  font-size: 22px; }
.xcx02-main dd p {
  font-size: 16px;
  margin-top: 5px;
  color: #555; }
.xcx02-main dt i {
  position: relative;
  display: inline-block;
  width: 94px;
  height: 94px;
  border-radius: 100px;
  overflow: hidden;
  background: #fff; }
.xcx02-main dt i:before {
  content: "";
  background: url("../images/special/fabricMiniApp/sprite.png") 0 0 no-repeat;
  display: inline-block;
  width: 54px;
  height: 54px;
  position: absolute;
  top: 20px;
  left: 20px; }
.xcx02-main dt i.i-share:before {
  background-position: 0 6px; }
.xcx02-main dt i.i-invite:before {
  background-position: -1px -74px; }
.xcx02-main dt i.i-qrcode:before {
  background-position: 1px -152px; }
.xcx02-main dt i.i-card:before {
  background-position: 0 -231px; }
.xcx02-main dt i.i-pencil:before {
  background-position: 0 -310px; }
.xcx02-main dt i.i-pic:before {
  background-position: 1px -390px; }
.xcx02-main .left-box, .xcx02-main .right-box {
  position: relative;
  z-index: 5;
  float: left;
  width: 50%;
  margin-top: 55px; }
.xcx02-main .left-box {
  text-align: right; }
.xcx02-main .left-box dl {
  float: right;
  margin-right: 225px; }
.xcx02-main .right-box dl {
  float: left;
  margin-left: 225px; }
.xcx02-main .right-box dt {
  float: left; }
.xcx02-main .right-box dd {
  margin: 0 0 0 130px; }
.xcx02-main .left-box dd {
  margin: 0 130px 0 0; }
.xcx02-main .middle-box {
  position: absolute;
  z-index: 3;
  width: 100%;
  text-align: center; }

.xcx03-main ul li {
  clear: both;
  margin-bottom: 60px;
  overflow: hidden;
  background: #fff; }

.xcx03-main ul li .pic,
.xcx03-main ul li .info {
  width: 50%;
  float: left; }

.xcx03-main ul li .pic.right {
  float: right; }

.xcx03-main ul li .info {
  padding: 110px 0 0 100px; }

.xcx03-main ul li .info strong {
  font: 900 28px/1 "Lantinghei SC", "PingFang SC", "Microsoft Yahei", "Hiragino Sans GB", "Segoe UI", "Lucida Grande", Helvetica, "SimHei", sans-serif;
  margin-bottom: 10px;
  display: inline-block; }

.xcx03-main ul li .info p {
  font-size: 22px;
  font-weight: 900;
  margin-bottom: 20px; }

.xcx03-main ul li .info em {
  display: block;
  font-size: 16px;
  color: #555;
  margin-bottom: 40px; }

.xcx03-main ul li .info i {
  display: inline-block;
  border: 1px solid #ff4242;
  color: #ff4242;
  font-size: 17px;
  font-weight: bold;
  padding: 0 20px;
  line-height: 42px; }

.xcx04 {
  background: #fff;
  padding-bottom: 60px; }

.xcx04-list {
  clear: both;
  overflow: hidden;
  margin-left: -36px; }

.xcx04-list li {
  padding-right: 36px; }

.xcx04-item {
  position: relative; }

.item-mask {
  opacity: 0;
  position: absolute;
  background: url("../images/special/fabricMiniApp/mask.png") 0 0 no-repeat;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0; }

.xcx04-item:hover .item-wrap {
  padding-top: 180px; }

.xcx04-item:hover .item-mask,
.xcx04-item:hover .item-info {
  opacity: 1;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease; }

.item-wrap {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  text-align: center;
  padding: 230px 40px 0;
  width: 100%;
  -webkit-transition: top .3s ease;
  transition: padding-top .3s ease; }

.item-title {
  font-size: 24px;
  margin-bottom: 10px; }

.item-title:before {
  content: "";
  border-top: 4px solid #fff;
  width: 42px;
  margin: 0 auto;
  display: block;
  margin-bottom: 20px; }

.item-info {
  opacity: 0;
  font-size: 16px; }

.xcx04 .btn-theme {
  margin-top: 55px;
  font-size: 20px;
  font-weight: bold;
  line-height: 48px;
  padding: 0 30px; }

.xcx05 {
  cursor: pointer;
  height: 527px;
  background: url("../images/special/fabricMiniApp/banner-middle.jpg") center no-repeat; }

.xcx06 {
  padding-bottom: 60px;
  background: #fff; }

.xcx06 .img-box-tit {
  height: 100%;
  max-height: none;
  background: url("../images/special/fabricMiniApp/mask.png") 0 0 no-repeat;
  background-size: 100%; }

.xcx06 .img-box-tit i {
  display: inline-block;
  width: 81px;
  height: 81px;
  margin-top: 64px;
  background-image: url("../images/special/fabricMiniApp/sprite.png");
  background-repeat: no-repeat; }

.i1 {
  background-position: 0 -468px; }

.i2 {
  background-position: 0 -556px; }

.i3 {
  background-position: 0 -647px; }

.i4 {
  background-position: 0 -737px; }

.xcx06-list {
  margin-right: -30px; }

.xcx06-list li {
  padding-right: 30px;
  text-align: center; }

.xcx06-list .list-goods-item:hover {
  box-shadow: 0 3px 26px rgba(100, 100, 100, 0.1);
  transition: box-shadow .3s; }

.xcx06-list .list-goods-info {
  background: #fff;
  padding: 12px 40px; }

.xcx06-list .list-item-hd h4 {
  font-size: 24px;
  margin-top: 10px;
  margin-bottom: 20px; }

.xcx06-list .list-item-text {
  font-size: 16px;
  color: #555; }

.xcx07 {
  width: 100%;
  height: 485px;
  padding-top: 66px;
  background: url("../images/special/fabricMiniApp/map-bg.jpg") no-repeat center center; }

.xcx07 .xcx-tit {
  color: #ffffff; }

.xcx07 .xcx-tit p {
  color: #ffffff; }

.xcx07-box {
  width: 878px;
  margin: 0 auto; }

.xcx07-list {
  margin-right: -68px; }

.xcx07-list li {
  padding-right: 68px; }

.xcx07-list .xcx07-list-box {
  padding-top: 40px;
  height: 248px;
  text-align: center;
  border: 1px solid #e3e3e3; }

.xcx07-list .xcx07-list-box div {
  display: inline-block; }

.xcx07-list .xcx07-list-box p {
  margin-top: 28px;
  color: #ffffff;
  font-size: 16px; }

.xcx07-list .xcx07-list-box .address,
.xcx07-list .xcx07-list-box .tel {
  width: 90px;
  height: 90px;
  border-radius: 100%;
  overflow: hidden;
  background-color: #ff4242;
  margin: 5px 0 10px; }

.xcx07-list .xcx07-list-box .tel div,
.xcx07-list .xcx07-list-box .address div {
  width: 52px;
  height: 52px;
  margin: 19px auto;
  background: url("../images/special/fabricMiniApp/icon-sprite.png") no-repeat; }

.xcx07-list .xcx07-list-box .tel div {
  background-position: -232px 0px; }

.xcx07-list .xcx07-list-box .address div {
  background-position: -232px -60px; }

.xcx07-list .xcx07-list-box .address + p {
  padding: 0 14px; }

.xcx07-list .xcx07-list-box div.qr {
  width: 112px;
  height: 112px; }

.xcx-carousel {
  background: url("../images/special/fabricMiniApp/bg.jpg") no-repeat center center;
  overflow: hidden; }

.xcx-carousel .xcx-tit,
.xcx-carousel .xcx-tit p {
  color: #fff; }

.xcx-carousel-main .phone-bg {
  position: absolute;
  z-index: 1;
  top: 258px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #fff;
  width: 300px;
  height: 522px; }

.xcx-carousel-main .phone-pic {
  position: absolute;
  z-index: 99;
  top: 196px;
  left: 0;
  right: 0;
  margin: 0 auto; }

#xcx-carousel {
  position: relative;
  top: -48px;
  width: 1000px;
  height: 740px;
  margin: 0 auto; }

#xcx-carousel img {
  width: 292px;
  box-shadow: 0 0 300px 30px #000; }

@media screen and (max-width: 1500px) {
  body {
    min-width: 1500px !important; }
  .xcx06-list .list-item-text {
    margin-top: 10px; } }

.active-new .content-bg {
  background-image: url("../images/special/2019/bg.png");
  background-size: 100%;
  width: 100%;
  height: 3035px;
  background-color: #fff; }
  .active-new .content-bg .img1 {
    width: 100%; }
    .active-new .content-bg .img1 img {
      margin-top: -90px; }
  .active-new .content-bg .img2 {
    width: 100%; }
    .active-new .content-bg .img2 img {
      margin-top: -60px; }
  .active-new .content-bg .img3 {
    width: 80%;
    margin: 0 auto; }
    .active-new .content-bg .img3 img {
      width: 100%; }
  .active-new .content-bg .img4 {
    width: 80%;
    margin: 100px auto; }
    .active-new .content-bg .img4 img {
      width: 100%; }

.active-new .content-top {
  background-color: #fff;
  height: 100px; }

.pay-index .banner {
  width: 100%;
  height: auto;
  background: #999; }
  .pay-index .banner .text1 {
    font-weight: bold;
    font-size: 60px;
    color: #fff;
    line-height: 1;
    padding-top: 120px;
    text-align: center; }
  .pay-index .banner .text2 {
    font-size: 28px;
    color: #fff;
    line-height: 1;
    margin-top: 30px;
    text-align: center;
    font-weight: 400; }

.pay-index .pay-content {
  width: 100%;
  height: auto;
  min-height: 872px;
  background: #fff;
  margin: 80px 0;
  padding: 38px 115px 48px; }
  .pay-index .pay-content .name {
    font-size: 14px;
    line-height: 1;
    margin-bottom: 20px; }
  .pay-index .pay-content .taocang ul li {
    cursor: pointer;
    width: 22.2%;
    margin-right: 3%;
    height: 212px;
    border: 1px solid #eee;
    text-align: center;
    position: relative; }
    .pay-index .pay-content .taocang ul li .tab {
      background: #ff4242;
      width: 68px;
      height: 30px;
      line-height: 30px;
      font-size: 18px;
      color: #fff;
      line-height: 30px;
      position: absolute;
      right: -2px;
      top: -15px; }
    .pay-index .pay-content .taocang ul li .text1 {
      border-bottom: 1px solid #eee;
      height: 70px;
      line-height: 70px;
      font-size: 24px;
      color: #666; }
      .pay-index .pay-content .taocang ul li .text1 image {
        margin-bottom: 4px; }
    .pay-index .pay-content .taocang ul li .price {
      color: #ff4242;
      font-weight: bold;
      font-size: 48px;
      line-height: 1;
      margin: 30px 0 27px; }
      .pay-index .pay-content .taocang ul li .price .unit {
        font-weight: normal;
        margin-left: 4px; }
    .pay-index .pay-content .taocang ul li .intro {
      line-height: 1;
      font-size: 14px;
      color: #666; }
  .pay-index .pay-content .taocang ul li:nth-child(4n) {
    margin-right: 0; }
  .pay-index .pay-content .taocang ul .selected {
    border: 2px solid #ff4242; }
  .pay-index .pay-content .ruihuan {
    width: 100%;
    border: 1px solid #eee; }
    .pay-index .pay-content .ruihuan .ruihuan-content {
      width: 650px;
      margin: 0 auto;
      padding-top: 100px;
      padding-bottom: 100px; }
      .pay-index .pay-content .ruihuan .ruihuan-content .un_login {
        font-size: 20px; }
        .pay-index .pay-content .ruihuan .ruihuan-content .un_login .tier {
          position: relative;
          margin-top: 15px;
          width: 200px;
          height: 200px;
          padding: 26px; }
          .pay-index .pay-content .ruihuan .ruihuan-content .un_login .tier .register {
            position: absolute;
            background: rgba(50, 50, 50, 0.7);
            width: 200px;
            height: 200px;
            margin: auto;
            line-height: 200px;
            cursor: pointer;
            top: 0;
            left: 0; }
      .pay-index .pay-content .ruihuan .ruihuan-content .qiye {
        height: 320px; }
      .pay-index .pay-content .ruihuan .ruihuan-content .pay-code {
        text-align: center; }
        .pay-index .pay-content .ruihuan .ruihuan-content .pay-code img {
          width: 250px; }
        .pay-index .pay-content .ruihuan .ruihuan-content .pay-code .text1 {
          font-size: 18px; }
        .pay-index .pay-content .ruihuan .ruihuan-content .pay-code .btn-white {
          margin-right: 20px; }
        .pay-index .pay-content .ruihuan .ruihuan-content .pay-code .wx-icon {
          font-size: 28px;
          margin-right: 5px;
          color: #00c304;
          vertical-align: middle; }
      .pay-index .pay-content .ruihuan .ruihuan-content .un_login {
        text-align: left; }
      .pay-index .pay-content .ruihuan .ruihuan-content .qrcode {
        text-align: center;
        width: 340px; }
        .pay-index .pay-content .ruihuan .ruihuan-content .qrcode .text1 {
          text-align: center;
          color: #555;
          font-size: 18px;
          margin-bottom: 20px;
          margin-top: 20px;
          line-height: 1; }
        .pay-index .pay-content .ruihuan .ruihuan-content .qrcode .m-center {
          width: 200px;
          height: 200px;
          border: 1px solid #4AAF1A;
          padding: 10px;
          margin: 0 auto 14px; }
          .pay-index .pay-content .ruihuan .ruihuan-content .qrcode .m-center img {
            width: 100%; }
        .pay-index .pay-content .ruihuan .ruihuan-content .qrcode .text2 {
          color: #555;
          font-size: 18px; }
      .pay-index .pay-content .ruihuan .ruihuan-content .code {
        padding-top: 70px; }
        .pay-index .pay-content .ruihuan .ruihuan-content .code .text1 {
          font-size: 16px;
          margin-bottom: 13px;
          line-height: 1; }
        .pay-index .pay-content .ruihuan .ruihuan-content .code .tel {
          font-size: 36px;
          color: #333333;
          font-weight: bold; }
        .pay-index .pay-content .ruihuan .ruihuan-content .code input {
          width: 347px; }
        .pay-index .pay-content .ruihuan .ruihuan-content .code button {
          margin-top: 28px;
          border-radius: 0;
          width: 160px;
          height: 50px;
          line-height: 48px;
          font-size: 18px; }
  .pay-index .pay-content .bottom-text {
    color: #999;
    font-size: 14px;
    margin-top: 43px;
    line-height: 1; }

.accout-wrap2 .accout-title {
  border-bottom: 1px solid #eee;
  margin: 0 36px; }

.accout-wrap2 {
  width: 100%;
  background: #fff; }

.ulsty li:last-child {
  text-align: left;
  margin: 10px 0; }
  .ulsty li:last-child div {
    padding-left: .7rem; }

.labelw div > label {
  width: 100px !important; }

.limitfount {
  margin-top: 20px; }

.overflow-x {
  width: 100%;
  overflow-x: auto;
  white-space: nowrap; }

.el-row {
  margin-top: 60px;
  padding-left: 50px;
  position: relative;
  box-sizing: border-box; }

.el-button {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dcdfe6;
  border-color: #dcdfe6;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  transition: .1s;
  font-weight: 500;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 4px; }

.el-button--primary.is-plain {
  color: #409eff;
  background: #ecf5ff;
  border-color: #b3d8ff; }

.el-button--primary.is-plain:hover {
  background: #409eff;
  border-color: #409eff;
  color: #fff; }

.relative {
  position: relative; }

.popup-box {
  display: none;
  z-index: 5;
  position: absolute;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
  left: 12%;
  bottom: 0;
  width: 260px;
  height: 300px;
  overflow: hidden;
  transform-origin: left center 0px; }

.header-wrapper {
  width: 100%;
  height: 200px;
  margin: 15px 0;
  overflow-y: auto; }

.popup-box .poper-arrow {
  position: absolute;
  display: block;
  left: -6px;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.poper-tip {
  position: absolute;
  width: 100%;
  height: 100%; }

.popup-box .popper-arrow {
  border-width: 6px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); }

.btn-ensure {
  position: absolute;
  z-index: 5;
  right: 20px;
  margin: 10px 20px 5px; }

.btn-ensure .btn-theme {
  color: #fff;
  background-color: #409eff;
  border-color: #409eff; }

.show-text {
  width: 300px;
  height: 150px; }

.ul-left {
  width: 100%; }

.ul-left li {
  float: left; }

.show-type {
  width: auto;
  height: 36px;
  line-height: 31px;
  padding: 3px 6px;
  margin: 3.5px 0;
  color: #333333;
  z-index: 1;
  boder: 1px solid #ccc;
  background-color: #fff; }

.tableclass {
  border-collapse: collapse; }

.tableclass thead, .contentlist tr {
  display: table;
  width: 100%;
  table-layout: fixed; }

.listthead {
  display: block; }

.contentlist {
  display: block;
  height: 300px;
  overflow-y: auto; }

.contentlist tr td:nth-child(1), .listthead tr th:nth-child(1) {
  width: 54px; }

.contentlist tr td:nth-child(2), .listthead tr th:nth-child(2) {
  width: 147px; }

.tableBox {
  width: auto;
  overflow-x: auto;
  margin-top: 40px; }

.level-roll {
  width: 100%;
  table-layout: fixed;
  word-break: break-all;
  overflow-x: scroll; }

.level-roll tr {
  width: 100%; }

.level-roll th {
  width: 140px;
  white-space: nowrap;
  background: #f8f8f8;
  text-align: left;
  color: #7d7d7d;
  font-weight: 400;
  vertical-align: middle; }

.level-roll td {
  width: 100%;
  white-space: nowrap;
  border: 1px solid #f8f8f8;
  border-width: 1px 0 0 1px;
  vertical-align: middle;
  word-wrap: break-word; }

.level-roll .create-time {
  width: 200px; }

.cd-img-replace {
  /* replace text with background images */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap; }

.cd-gallery-items > li {
  position: relative; }

.cd-gallery-items > li img {
  width: 100%;
  display: block; }

.cd-item-wrapper {
  -webkit-perspective: 500px;
  -moz-perspective: 500px;
  perspective: 500px;
  -webkit-perspective-origin: 50% -30%;
  -moz-perspective-origin: 50% -30%;
  perspective-origin: 50% -30%;
  position: relative; }

.cd-item-wrapper li {
  position: absolute;
  top: 0;
  left: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s; }

.cd-item-wrapper > li {
  min-height: 100px;
  background: #fff; }

.cd-item-wrapper a {
  transition: none; }

.cd-item-wrapper.bd-overlay:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border: 12px solid #fff;
  border-bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 5; }

.cd-item-wrapper li.cd-item-front {
  position: relative;
  z-index: 3; }

.cd-item-wrapper li.cd-item-middle {
  z-index: 2; }

.cd-gallery-items > li:hover .cd-item-middle,
.active .cd-item-wrapper li.cd-item-middle {
  /* 3D effect on touch devices */
  -webkit-transform: translate3d(0, 0, -20px);
  -moz-transform: translate3d(0, 0, -20px);
  -ms-transform: translate3d(0, 0, -20px);
  -o-transform: translate3d(0, 0, -20px);
  transform: translate3d(0, 0, -20px);
  opacity: .8; }

.cd-item-wrapper li.cd-item-back {
  z-index: 1; }

.cd-gallery-items > li:hover .cd-item-back,
.active .cd-item-wrapper li.cd-item-back {
  /* 3D effect on touch devices */
  -webkit-transform: translate3d(0, 0, -40px);
  -moz-transform: translate3d(0, 0, -40px);
  -ms-transform: translate3d(0, 0, -40px);
  -o-transform: translate3d(0, 0, -40px);
  transform: translate3d(0, 0, -40px);
  opacity: .4; }

.cd-gallery-items > li .cd-item-middle,
.active .cd-item-wrapper li.cd-item-middle,
.cd-gallery-items > li .cd-item-back,
.active .cd-item-wrapper li.cd-item-back,
.cd-gallery-items > li .cd-item-middle,
.cd-gallery-items > li .cd-item-back {
  width: 100%; }

.cd-item-wrapper li.cd-item-out {
  /* picture not visible - use this class in case you have more than 3 pictures per item */
  z-index: 0;
  opacity: 0;
  -webkit-transform: translate3d(0, 0, -60px);
  -moz-transform: translate3d(0, 0, -60px);
  -ms-transform: translate3d(0, 0, -60px);
  -o-transform: translate3d(0, 0, -60px);
  transform: translate3d(0, 0, -60px); }

.cd-item-wrapper li.move-right {
  -webkit-transform: translate3d(200px, 0, 0);
  -moz-transform: translate3d(200px, 0, 0);
  -ms-transform: translate3d(200px, 0, 0);
  -o-transform: translate3d(200px, 0, 0);
  transform: translate3d(200px, 0, 0);
  opacity: 0;
  z-index: 4 !important; }

.cd-gallery-items > li:hover .cd-item-middle, .cd-gallery-items > li:hover .cd-item-back {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }

.cd-item-wrapper li.hidden {
  /* used to hide the picture once it's pushed out - to the right */
  display: none !important; }

.no-csstransitions .cd-item-wrapper li.cd-item-middle, .no-csstransitions .cd-item-wrapper li.cd-item-back {
  /* 3D effect not visible on browsers that don't support transitions */
  display: none; }

.cd-item-info {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 70px;
  line-height: 70px;
  background-color: #f2f2f2;
  padding: 0 1em;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  z-index: 5; }

.cd-item-info:after {
  content: "";
  display: table;
  clear: both; }

.cd-item-info b {
  float: left;
  font-weight: bold; }

.cd-item-info b a {
  color: #323d55; }

.cd-item-info b a:hover {
  text-decoration: underline; }

.cd-item-info em {
  float: right;
  color: #7385ad; }

.cd-item-navigation span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 36px;
  height: 66px;
  line-height: 66px;
  text-align: center;
  background-color: rgba(216, 216, 216, 0.4);
  background-image: url("../images/common/cd-icon-arrow.svg");
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 4;
  display: none;
  border-radius: 0.25em; }

.k-partials-list-box .cd-item-navigation span {
  background-image: url("../imagesKid/common/cd-icon-arrow.svg"); }

.cd-item-navigation span:hover {
  background-color: rgba(216, 216, 216, 0.6); }

.cd-item-navigation span.visible {
  display: block;
  -webkit-animation: cd-fade-in 0.4s;
  -moz-animation: cd-fade-in 0.4s;
  animation: cd-fade-in 0.4s; }

.cd-item-navigation li:nth-child(1) span {
  left: 14px;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg); }

.cd-item-navigation li:nth-child(2) span {
  right: 14px; }

.no-csstransitions .cd-item-navigation {
  display: none; }

@-webkit-keyframes cd-fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes cd-fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes cd-fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.cd-3d-trigger {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 44px;
  height: 44px;
  background: url("../img/cd-icon-3d.svg") no-repeat center center;
  z-index: 4; }

.cd-3d-trigger {
  display: none; }

.cd-item-tit-wrap {
  position: relative; }

.cd-item-tit-wrap {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); }

.cd-item-tit {
  background: #fff;
  text-align: center;
  padding: 10px;
  width: 100%; }

.cd-item-tit p {
  font-size: 16px; }

.cd-item-tit p b {
  font-size: 18px;
  text-transform: Uppercase; }

.cd-item-a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3; }

.cd-gallery-items .bk-overlay {
  background: #fff; }

.partials-list-box {
  position: relative; }

.partials-list-box + .common-avatar {
  position: relative;
  z-index: 11;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  border: 0;
  padding: 10px; }

.partials-list-box + .list-goods-info,
.partials-list-box + .common-avatar {
  background: #fff; }

.cd-gallery-items .list-goods-item, .f-list .list-goods-item {
  border: 0;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }

.cd-gallery-items .list-goods-info, .f-list .list-goods-info {
  box-shadow: none; }

.cd-gallery-items.list-goods-main .list-goods-item {
  overflow: visible; }

input[type="date"]::-webkit-clear-button {
  display: none !important; }

input[type="date"]::-webkit-inner-spin-button {
  display: none !important; }

@media screen and (max-width: 1500px) {
  body {
    min-width: 1200px !important; }
  .rec-gallery .overlay-main .overlay-info .text .top-text h3 {
    margin-top: 40px;
    margin-bottom: 30px; }
  .banner-login {
    min-height: 500px; }
	.user-container .contentW{
	  width: 1200px !important;
	}
  .contentW {
    
    margin: 0 auto;
    overflow: hidden; }
  .banner-login2 .login-main .banner {
    width: 600px; }
  .nav-content.contentW,
  .index-p1 .contentW,
  .index-p2 .contentW,
  .index-p4 .contentW {
    overflow: inherit; }
  .nav-middle {
    width: 800px; }
  .works-home-box .list-goods-main.avg-lg-2 .list-goods-thumb {
    height: 254.4px; }
  .pop-menu .list-goods-main.avg-lg-6 .list-goods-thumb {
    height: 128px; }
  .pop-menu.pop-menu-project .list-goods-main.avg-lg-6 .list-goods-thumb {
    height: 82px;
    line-height: 82px; }
  .pop-menu.pop-menu-info .list-goods-main.avg-lg-6 .list-goods-thumb {
    height: 107px;
    line-height: 107px; }
  .pop-menu .list-goods-main[class*="avg-"] .cd-item-navigation li:nth-child(2) span,
  .pop-menu .cd-gallery-items .cd-item-navigation li:nth-child(2) span {
    right: 30px; }
  .pop-menu .cd-item-navigation span {
    margin-top: -14px; }
  .pop-menu .cd-item-tit p:first-child {
    height: 20px;
    overflow: hidden; }
  .index-head-ad .img-box {
    height: 138px;
    line-height: 138px; }
  .avg-lg-5 .list-goods-thumb,
  .avg-lg-5 .bk-overlay-wrap a {
    height: 264px;
    min-height: 264px; }
  .index-column .column-left a {
    min-height: 606px; }
  .index-column .column-right .list-goods-thumb {
    min-height: 568px; }
  .index-column .column-middle .list-goods-thumb {
    min-height: 252px;
    height: 252px; }
  .index-cm {
    min-height: 96px; }
  .banner-box {
    min-height: 172px; }
  .index-zixun-column .column-left .list-goods-thumb {
    min-height: 333px; }
  .index-zixun-column .column-right .list-goods-thumb {
    min-height: 201px; }
  .srceah-div .arrow {
    margin-left: 0; }
  .mgb50 .index-cm {
    min-height: 623px; }
  .a-show-img {
    min-height: 440px; }
  .pic-slider.pic-top .pic-viewport p {
    min-height: 496px; }
  .works-detail-content > p {
    min-height: 352px; }
  .planning-detail-main .pic-slider.pic-top .pic-viewport p {
    min-height: 344px; }
  .design-concept .design-concept-img, .design-concept .design-concept-text {
    height: 340px; }
  .ad-filter .ad-filter-main {
    min-height: 380px; }
  .no-vip.banner-works {
    min-height: 216px; }
  .no-vip-box .box-right p {
    min-height: 181px; }
  .img-box.mgb50 {
    min-height: 201px; }
  .desiger-list-width .list-goods-thumb {
    min-height: 260px; }
  .designer-home-wrap .list-goods-thumb {
    height: 204px; }
  .tabs-bd .tab-panel .col-lg-3 a {
    min-height: 223px; }
  .tabs-bd .tab-panel .col-lg-3 .effect-jazz.single {
    min-height: 453px; }
  .banner-works.mgt50 {
    min-height: 105px;
    margin-top: 38px; }
  .gallery.bd .img-box a {
    height: 163px; }
  .like-designer-column li .bg-samll {
    height: 165px; }
  .like-designer-column li .bg-big {
    height: 299px; }
  .like-designer-column li.col-1 a,
  .like-designer-column li.col-4 a {
    min-height: 479px; }
  .swiper-container .list-goods-thumb {
    height: 151px; }
  .list-goods .list-goods-thumb {
    height: 165px; }
  .banner-works {
    min-height: 200px; }
  .nav-content .nav-list {
    margin-left: 20px; }
  .nav-content .srceah {
    width: 200px; }
  .nav-content .logo a {
    background-size: 100%;
    width: 200px;
    background-position: center; }
  .index-zixun-column .column-right .list-goods-thumb a {
    height: 199px; }
  .index-zixun-column .column-right .list-goods-main li {
    margin-bottom: 12px; }
  .index-zixun-column .column-right .list-goods-info .more {
    margin-bottom: 12px; }
  .follow-floor {
    width: 76px; }
  .follow-floor > ul > li {
    height: 40px; }
  .floor-list > li > a {
    font-size: 12px; }
  .floor-list > li > a > i {
    font-size: 16px;
    margin-right: 4px; }
  footer .floor1 .contentW .nav {
    width: 670px;
    margin-left: -14px; }
  footer .floor1 .nav > div {
    width: 16.66%;
    width: 13.66%\9; }
  footer .floor1 .erwm {
    width: 252px; }
  .nav-list > li > a {
    padding: 40px 0 10px; }
  .about-title {
    height: 216px; }
  .list-item-meta > * + * {
    margin-left: 3px; }
  .list-goods-item .avatar-text {
    font-size: 12px;
    line-height: 1.6; }
  .list-goods-main[class*="avg-"] {
    margin-right: -14px; }
  .list-goods-main[class*="avg-"] > li {
    padding-right: 14px;
    margin-bottom: 14px; }
  .index-column .column-middle .list-goods-main[class*="avg-"] {
    margin-right: -14px;
    margin-bottom: -14px; }
  .ad-filter-right {
    margin-left: 0; }
  .ad-filter-right.list-goods-main[class*="avg-"] > li {
    padding-left: 14px; }
  .user-headx50 .avatar-thumb a {
    width: 46px;
    height: 46px; }
  .bk-overlay-tit .clearfix.mgb20 {
    margin-bottom: 10px; }
  .bk-overlay-tit h4 {
    font-size: 16px;
    font-weight: 400; }
  .bk-overlay-tit .bk-overlay-text:after {
    margin: 7px auto 0; }
  .works-ad-row .ad-col1,
  .works-ad-row .ad-col2,
  .works-ad-row .ad-col3 {
    height: 625px; }
  /* .list-goods-main[class*="avg-lg-5"]>li{
    width: 25%;
  }
  .avg-lg-5>li:last-of-type{
    display: none;
  }*/
  .login-box {
    padding-bottom: 30px;
    top: 12%;
    right: 10%; }
  .news-details-l {
    width: 921px; }
  .news-details-l.news-list-l {
    width: 904px; }
  .news-details-r {
    width: 223px; }
  .news-details-r .development-list ul li a {
    padding-right: 15px;
    width: 192px; }
  .news-details-r-3 .development-list-3 li {
    width: 50%; }
  .news-details-r-3 .development-list-3 li div {
    width: 104px;
    height: 104px;
    line-height: 104px; }
  .news-details-r-4 .development-list-4 li .right {
    width: 108px; }
  .hot-recommend-list .list-goods-thumb > a {
    height: 189px;
    line-height: 189px; }
  .hot-recommend-list .list-goods-main.thumb-h206 .list-goods-thumb > a {
    height: 166px;
    line-height: 166px; }
  .subpage-2-l {
    width: 860px; }
  .subpage-2-r {
    width: 300px; }
  .subpage-2-l .list-goods-thumb > a {
    width: 310px;
    height: 232px;
    line-height: 232px; }
  .subpage-2-l .list-item-hd h4 {
    margin-top: 0; }
  .subpage-2-r-img > div {
    height: 194px;
    line-height: 194px; }
  .subpage-2-r-img > p {
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    white-space: nowrap;
    overflow: hidden; }
  .subpage-2-r-ul li > div a {
    height: 219px;
    line-height: 219px; }
  .works-ad-row {
    padding-bottom: 0;
    margin-bottom: 0; }
  .no-vip-box .box-left {
    margin-right: 424px; }
  .no-vip-box .box-right {
    width: 424px;
    padding: 0 112px 0 56px; }
  .no-vip-box .btn-hollow {
    width: auto !important; }
  .no-vip-box .works-detail-r .filter-body {
    padding: 0 30px 0 50px; }
  .works-detail-l {
    width: 640px; }
  .pic-slider.pic-top .pic-viewport,
  .pic-slider.pic-top .pic-thumb-list {
    padding: 0 90px; }
  .planning-detail-main .works-detail-l .pic-viewport p {
    height: 362px; }
  .planning-detail-main .pic-slider.pic-top .pic-thumb-list li {
    width: 192px; }
  .planning-detail-main .pic-slider.pic-top .pic-thumb-list li a {
    width: 183px;
    height: 133px; }
  .works-detail-main1 .works-detail-r,
  .planning-detail-main .works-detail-r {
    margin-left: 640px; }
  .planning-detail-main .works-detail-r .works-name {
    font-size: 26px; }
  .focus-picture-like-2 .design-works-swiper .ctrl-slide {
    font-size: 65px; }
  .focus-picture-like-2 .design-works-swiper .ck-next {
    right: 4px; }
  .focus-picture-like-2 .design-works-swiper .ck-prev {
    left: 4px; }
  .planning-index-pic .pic-thumb-list li a {
    height: 94px; }
  .planning-index-pic .pic-viewport {
    height: 323px; }
  .planning-index-pic .pic-viewport a {
    height: 321px; }
  .planning-ad-column .ad-col-1 a {
    height: 106px; }
  .planning-ad-column .ad-col-2 a {
    height: 226px; }
  .planning-ad-column .link-square {
    padding-left: 12px;
    margin-top: 14px; }
  .planning-ad-column .link-square a {
    height: 59px;
    width: 59px;
    margin: 0 10px 10px 0; }
  .planning-ad-column .ad-col-1 > a + a {
    margin-top: 12px; }
  .pagemaker-name {
    margin-right: 0; }
  .pagemaker-bar-r .quote-mark {
    padding-right: 0; }
  .designer-works-box {
    padding: 10px; }
  .planning-index-pic .pic-thumb-list p {
    margin-top: 0; }
  .planning-index-pic .pic-thumb-list li {
    margin-top: 7px; }
  .planning-index-pic .pic-thumb-list li a {
    height: 94px; }
  .planning-bar-list .pagemaker-bar-r .quote-mark {
    padding-right: 95px; }
  .planning-bar-list .pagemaker-bar .pagemaker-bar-l .img-box {
    height: 331px; }
  .specil-zhuang .specil-zhuang-img {
    width: 82%; }
  .news-con-2-r .news-side .list-item-hd h4 {
    margin-bottom: 14px; }
  .news-con-2-r .news-side .list-goods-main .list-goods-item {
    padding: 14px 0 0 0; }
  .news-con-2-r .thumb-60x60 > span {
    line-height: 1; }
  .news-3-con .news-3-con-l {
    width: 372px;
    height: 486px; }
  .news-3-con .news-3-con-m {
    width: 442px;
    height: 486px; }
  .news-3-con .news-3-con-m .news-3-con-m-l div,
  .news-3-con .news-3-con-m .news-3-con-m-r div {
    width: 210px;
    height: 210px; }
  .news-3-con .news-3-con-m .news-3-con-m-l p,
  .news-3-con .news-3-con-m .news-3-con-m-r p {
    width: 210px;
    margin: 5px 0 12px 0; }
  .news-3-con .news-3-con-m-l-1 > div {
    height: 52px;
    width: 260px; }
  .news-3-con .news-3-con-m-l-1 div h3 {
    line-height: 52px;
    font-size: 24px; }
  .news-3-con .news-3-con-m-l-1 > p {
    line-height: 1.8;
    width: 210px;
    height: 160px;
    overflow: hidden; }
  .news-3-con .news-3-con-m-r-1 > div {
    margin-left: 232px;
    width: 210px;
    height: 242px; }
  .news-3-con .news-3-con-r {
    width: 290px;
    height: 486px; }
  .news-wrap-3 .news-3-con-btm {
    width: 100%;
    margin: 52px 0 12px 0; }
  .news-wrap-3 .news-3-btm-list.clearfix li {
    width: 232px;
    height: 175px; }
  .news-wrap-4 .news-4-con-l {
    width: 785px; }
  .news-wrap-4 .news-4-con .news-4-con-r {
    width: 354px;
    margin-left: 27px; }
  .news-4-con-r .list-goods-main .list-goods-thumb {
    height: 460px; }
  .news-wrap-4.news-4-con-r .list-goods-main .list-goods-thumb {
    height: 544px; }
  .news-wrap-4 .news-4-con .news-4-con-l ul li {
    padding-right: 0;
    height: 353px;
    width: 324px; }
  .news-wrap-4 .news-4-con .news-4-con-l ul li:first-child {
    width: 444px;
    height: 353px; }
  .news-4-con .news-4-con-l div:first-child {
    height: 422px; }
  .news-4-con .news-4-con-r div:last-child p {
    margin-bottom: 30px; }
  .news-4-con .news-4-con-r div:last-child {
    padding-bottom: 28px; }
  .news-wrap-4 .news-4-con-r .list-item-text {
    margin-top: 0;
    margin-bottom: 0; }
  .news-wrap-5 .news-5-con .news-5-con-l {
    width: 864px; }
  .news-wrap-5 .news-5-con-l .list-goods-main:first-child .list-goods-info {
    padding-top: 30px; }
  .news-5-con-l .list-goods-main:first-child .list-goods-thumb {
    height: 434px; }
  .news-5-con-l > ul.clearfix > li,
  .news-5-con-r > li {
    padding: 0;
    width: 270px;
    height: 260px;
    margin-left: 18px; }
  .news-wrap-5 .news-5-con-r {
    width: 278px;
    margin-left: 24px; }
  .news-wrap-5 .news-5-con-l > ul.clearfix {
    margin-top: 41px; }
  .news-wrap-5 .news-5-con-r div {
    width: 278px;
    height: 278px; }
  .news-wrap-6 .news-6-con .news-6-con-l {
    width: 548px; }
  .news-wrap-6 .news-6-con .news-6-con-l > div {
    height: 400px;
    overflow: hidden; }
  .news-wrap-6 .news-6-con .news-6-con-l .p-tit-1 {
    padding: 18px 0 10px 0; }
  .news-wrap-6 .news-6-con .news-6-con-l .p-tit-2 {
    padding: 10px 0 18px 0; }
  .news-wrap-6 .news-6-con-l > ul > li {
    margin-right: 12px; }
  .news-wrap-6 .news-6-con-m > div > a > p {
    height: 42px;
    line-height: 42px; }
  .news-wrap-6 .news-6-con-l > ul > li > a > div {
    width: 160px;
    height: 120px; }
  .news-wrap-6 .news-6-con-l > ul {
    width: 548px; }
  .news-wrap-6 .news-6-con-l > ul > li {
    margin-right: 34px; }
  .news-wrap-6 .news-6-con-l > ul > li.last-child {
    margin-right: 0; }
  .news-wrap-6 .news-6-con-l > ul > li > a > p {
    width: 160px; }
  .news-wrap-6 .news-6-con .news-6-con-m {
    width: 214px;
    margin: 0 20px; }
  .news-wrap-6 .news-6-con .news-6-con-m > div > a > div {
    height: 176px;
    line-height: 176px; }
  .news-wrap-6 .news-6-con .news-6-con-r {
    width: 350px; }
  .news-wrap-6 .news-6-con-r .news-6-con-r-img {
    height: 214px; }
  .news-wrap-6 .news-6-ul-r.news-side .list-goods-main .list-goods-item {
    padding: 16px 0 14px 12px; }
  .subpage-list .subpage-2-con .subpage-2-l {
    width: 835px; }
  .subpage-list .subpage-2-con .subpage-2-r {
    width: 356px; }
  .subpage-list .subpage-2-con .subpage-2-r-img > div {
    height: 318px; }
  .subpage-list .subpage-2-con .subpage-2-r-img > p {
    line-height: 24px; }
  .subpage-list .subpage-2-con .subpage-2-r-ul li > p {
    height: 54px;
    line-height: 54px; }
  .subpage-1-con .subpage-1-l {
    width: 786px; }
  .subpage-1-con .gallery {
    margin-right: -24px;
    margin-bottom: 10px; }
  .subpage-1-con .gallery li {
    padding-right: 24px; }
  .subpage-1-con .gallery li a {
    height: 266px; }
  .subpage-1-con .subpage-1-r,
  .subpage-1-con .subpage-1-r2 {
    width: 384px; }
  .subpage-1-con .subpage-1-r {
    height: 540px; }
  .subpage-1-con .subpage-1-r2 .thumb-190x154 > a, .subpage-1-con .subpage-1-r2 .thumb-190x154 > span {
    width: 149px;
    height: 121px;
    line-height: 121px; }
  .subpage-1-r-ul li {
    padding: 6px 18px;
    margin-bottom: 4px; }
  .subpage-1-con .subpage-1-r .subpage-1-r-ul li .left a {
    width: 140px;
    height: 85px; }
  .subpage-1-con .subpage-1-r .subpage-1-r-ul li .right {
    width: 188px;
    height: 85px; }
  .subpage-1-con .subpage-1-r .subpage-1-r-ul li .right a {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .subpage-3-con .subpage-3-con-l div {
    width: 448px;
    height: 540px;
    overflow: hidden; }
  .subpage-3-con .subpage-3-con-m .bubble {
    width: 180px; }
  .subpage-3-con .subpage-3-con-m .recommend {
    width: 344px;
    height: 472px; }
  .subpage-3-con .subpage-3-con-r {
    width: 352px; }
  .subpage-3-con .subpage-3-con-r .subpage-3-con-r-ul > li {
    padding-bottom: 26px; }
  .subpage-3-con .subpage-3-con-r-ul > li > div {
    width: 172px;
    height: 122px;
    overflow: hidden; }
  .subpage-3-con .subpage-3-con-r-ul > li > p {
    margin-top: 10px;
    width: 180px; }
  .subpage-4-con > ul > .left {
    width: 894px;
    height: 448px;
    overflow: hidden; }
  .subpage-4-con > ul > .right {
    width: 280px; }
  .subpage-4-con .subpage-2-r-img .hot-point {
    width: 240px;
    margin-bottom: 16px; }
  .subpage-4-con .subpage-2-r-img .hot-point > a {
    width: 210px; }
  .subpage-4-con .subpage-2-r-img.last-child {
    height: 434px; }
  .subpage-4-r-list .list-goods-thumb > a {
    height: 261px;
    width: 261px;
    line-height: 261px;
    overflow: hidden; }
  .news-7-con .news-7-con-1,
  .news-7-con .news-7-con-3,
  .news-7-con .news-7-con-4 {
    width: 230px; }
  .news-7-con .news-7-con-1 div,
  .news-7-con .news-7-con-3 div,
  .news-7-con .news-7-con-4 div {
    width: 100%;
    height: 230px;
    margin-bottom: 10px; }
  .news-7-con .news-7-con-2 div {
    width: 479px;
    height: 470px;
    margin: 0 10px;
    overflow: hidden; }
  .news-wrap-8 .news-8-ul li {
    width: 284px;
    margin-right: 21px; }
  .news-wrap-8 .news-8-ul li div {
    width: 284px;
    height: 214px;
    line-height: 214px; }
  .news-details-con > .hot-wrap > .hot-red-list li {
    width: 189px; }
  .news-details-con > .hot-wrap > .hot-red-list li div {
    width: 189px;
    height: 189px; }
  #planning-box,
  .planning-ad-column .ad-col-2 a,
  .planning-ad-column .ad-col-3 {
    height: 261px; }
  .planning-ad-column {
    margin-right: -10px;
    overflow: hidden; }
  .planning-ad-column .ad-col-1,
  .planning-ad-column .ad-col-2 {
    padding-right: 10px; }
  .planning-ad-column .ad-col-1 a {
    height: 126px;
    line-height: 126px; }
  .planning-ad-column .ad-col-2 a {
    line-height: 261px; }
  .pic-hover-hd {
    padding-top: 50px; }
  .pic-hover-more {
    margin-top: 10px; }
  .works-wrap .works-con .avg-lg-5 .list-goods-thumb {
    min-height: 160px;
    height: 160px; }
  .designer-list .list-goods-thumb .pic-hover-wrap .pic-hover-text.test {
    -webkit-transform: translateY(422px);
    transform: translateY(422px);
    -ms-transform: translateY(438px); }
  .mianliao-list li {
    padding: 0 1%; }
  .introduction {
    padding: 80px 41px 0 41px; }
  .introduction-pic {
    padding: 0 41px; }
  .effect-wrap,
  .structure-wrap {
    height: 558px; }
  .effect-wrap .right {
    width: 705px; }
  .effect-wrap li.absolute {
    width: 350px;
    height: 558px; }
  .effect-wrap li.absolute .shadow {
    width: 340px;
    height: 558px;
    line-height: 558px; }
  .effect-wrap li.absolute .effect-con {
    width: 301px;
    height: 517px;
    padding-top: 140px; }
  .structure-wrap {
    padding: 37px 88px 0 72px; }
  .structure-wrap li.left,
  .structure-wrap li.right {
    width: 416px;
    height: 480px; }
  .reference-wrap {
    height: 606px;
    padding: 40px 80px 40px 56px; }
  .reference-wrap .works div p {
    width: 456px;
    height: 456px; }
  .reference-wrap .designer ul {
    margin: 30px auto 35px;
    width: 280px;
    height: 280px; }
  .reference-wrap .designer .avatar {
    width: 216px;
    height: 216px;
    margin-top: -108px;
    margin-left: -108px; }
  .reference-wrap .designer div {
    height: 101px;
    line-height: 101px; }
  .reference-wrap .designer div p {
    height: 86.4px;
    line-height: 24px; }
  .fabirc-wrap {
    height: 512px;
    padding: 40px 19.2px 35.2px 19.2px; }
  .fabirc-wrap ul li {
    padding-right: 16px; }
  .fabirc-wrap ul {
    padding-right: -16px; }
  .fabirc-wrap .content .name {
    top: 35.2px; }
  .fabirc-wrap .fabirc-show {
    width: 284.8px;
    height: 312px;
    top: 102.4px; }
  .fabirc-wrap .fabirc-show img {
    max-width: 331px;
    height: 439px;
    top: -113.4px;
    margin-left: -165.5px; }
  .fabirc-wrap .fabirc-show dl {
    padding: 4px 0; }
  .fabirc-wrap .fabirc-show dl dt {
    width: 36%; }
  .fabirc-wrap .fabirc-show dl dd {
    width: 64%; }
  .fh-list .ad-filter {
    width: 38.6%; }
  .fh-list .ad-filter-right {
    width: 61.4%; }
  .rec-gallery .overlay-main .overlay-info h3 {
    margin-top: 38px; }
  .btm-category .col-lg-6 p {
    margin-top: 14px;
    padding: 0 20px; }
  .btm-category .col-lg-6 p.tit {
    margin-top: 10px; }
  .list-goods-info + .common-avatar {
    padding: 8px; }
  .list-item-text {
    margin-top: 0; }
  .ad-filter-list li a {
    height: 130px; }
  .ad-filter-list li a > em {
    max-width: 90px;
    max-height: 90px;
    margin-top: 5px; }
  .list-goods-dropdown .list-goods-info {
    padding: 10px 5px; }
  .b-contact-l {
    padding-top: 2%; }
  .b-contact-l .b-contact-list {
    margin-top: 5%; }
  .b-contact-item {
    height: 230px; }
  .b-c-title {
    padding-bottom: 0; }
  .b-contact-l,
  .b-contact-r,
  .b-contact-r .map-bg {
    height: 400px; }
  .cover01, .cover02 {
    width: 226px; }
  .cover02 {
    padding: 20px 10px;
    height: auto; }
  .cover02 .button .btn-free {
    margin-top: 20px; }
  .index-slider-cover + .swipe {
    margin-left: 234px; }
  .cover-right .index-slider-cover + .swipe {
    margin-right: 234px; }
  .index-slider .f-list .list-goods-thumb > a {
    height: 242px; }
  .list-goods-thumb + .common-avatar,
  .partials-list-box + .common-avatar {
    padding: 5px; }
  .f-list.list-goods-main .bk-overlay:before {
    border-width: 10px; }
  .index-p3 .cover01-info .title {
    margin-top: 10px; }
  .index-p5 .list-goods-main[class*="avg-"].r34 {
    margin-right: -14px; }
  .index-p5 .list-goods-main[class*="avg-"].r34 > li {
    padding-right: 14px;
    margin-bottom: 14px; }
  .cover01-info .button {
    margin-top: 10px; }
  .f-top-category li > a + a {
    margin-top: 26px; }
  .list-goods-dropdown .dropdown-content .close {
    right: 0; }
  .list-goods-dropdown .dropdown-content .contentW {
    width: 100% !important; }
  .fabric-cankao-wrap {
    height: 476px; }
  .fabric-cankao-wrap .fabric-cankao-box {
    width: 640px;
    height: 320px; }
  .detailed-wrap p {
    height: 396px;
    line-height: 394px; }
  .detailed-wrap .clearfix .left {
    width: 704px;
    height: 336px; }
  .detailed-wrap .clearfix .right {
    width: 336px;
    height: 336px; }
  .fabric-argument-box {
    width: 460px; }
  .fabric-column-warp .avg-lg-6.list-goods-main .list-goods-thumb {
    height: 188px; } }

@media screen and (max-width: 1000px) {
  .activity-fixed-beign,
  .activity-fixed-end {
    width: 70%;
    transform: translate(-50%, -50%);
    margin: 0;
    overflow: hidden;
    height: 550px; }
  .activity-fixed-beign .login-other a.btn-theme {
    width: 36% !important; }
  .activity-fixed-beign .btn-theme {
    margin-bottom: 0; }
  .activity-fixed-beign img,
  .activity-fixed-end img {
    max-width: inherit;
    width: 100%; }
  .activity-fixed-beign .login-other {
    top: 60%;
    transform: scale(1.8); }
  .activity-fixed-end .close + a,
  .activity-fixed-beign .close + a {
    transform: scale(1.8);
    width: 30%; } }

.rec-gallery .overlay-main .overlay-info .top-text h3 {
  margin-top: 100px;
  margin-bottom: 46px; }

.rec-gallery .overlay-main .overlay-info .top-text p {
  margin-top: 0px; }

.rec-gallery .overlay-main .overlay-info .bottom-btn .btn-white:hover {
  background: #ff4242;
  border-color: #ff2929; }

.rec-gallery .overlay-main .hover-color-black {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  transition: all .5s; }

.rec-gallery .overlay-main .hover-color-black .text {
  opacity: 0;
  transition: all .5s; }

.rec-gallery .overlay-main .hover-color-black .text .top-text {
  transform: translateY(-240px);
  transition: all .5s; }

.rec-gallery .overlay-main .hover-color-black .text .bottom-btn {
  transform: translateY(180px);
  transition: all .5s; }

.rec-gallery .overlay-main .hover-color-black:hover {
  background-color: rgba(0, 0, 0, 0.8); }

.rec-gallery .overlay-main .hover-color-black:hover .text {
  opacity: 1; }

.rec-gallery .overlay-main .hover-color-black:hover .text .top-text {
  transform: translateY(0px); }

.rec-gallery .overlay-main .hover-color-black:hover .text .bottom-btn {
  transform: translateY(0px); }

.btm-category .row .overlay-main .hover-color-black {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9;
  background: rgba(0, 0, 0, 0);
  transition: all .6s; }

.btm-category .row .overlay-main .hover-color-black:hover {
  background: rgba(0, 0, 0, 0.3); }

.btm-category .row .overlay-main .hover-color-black .border-white-hover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  padding: 10px; }

.btm-category .row .overlay-main .hover-color-black .border-white-hover span {
  width: 100%;
  height: 100%;
  display: block;
  border: 1px solid #fff;
  transition: all .3s; }

.btm-category .row .overlay-main .hover-color-black:hover .border-white-hover span {
  border: 10px solid #fff; }

.btm-category .row .overlay-main .hover-color-black .border-white-hover .text-right {
  font-family: "Montserrat",sans-serif;
  position: absolute;
  bottom: 10px;
  right: -120px;
  color: #000;
  background: #fff;
  font-weight: bold;
  padding: 5px 10px;
  transition: all .2s; }

.btm-category .row .overlay-main .hover-color-black:hover .border-white-hover .text-right {
  right: 10px; }

.kid .banner-login:before {
  content: url(../imagesKid/banner/login-reg/banner-login-text.png);
  position: absolute;
  top: 302px;
  right: 41.2%; }

.kid .login-box, .kid .register-box {
  position: absolute;
  top: 12%;
  right: 13.6%; }

.kid .planning-index-pic .pic-viewport {
  height: 316px; }

.kid .planning-index-pic .pic-viewport a {
  height: 314px; }

.kid .list-goods-thumb .pic-thumb-list li:first-child {
  margin-top: 0; }

.kid .planning-index-pic .pic-thumb-list li a {
  height: 99px; }

.kid .planning-detail-main .pic-slider.pic-top .pic-viewport p {
  min-height: 352px; }

.kid .planning-detail-main .pic-slider.pic-top .pic-thumb-list li a {
  height: 129px; }

.kid .planning-bar-list .pagemaker-bar .pagemaker-bar-l .img-box {
  height: 340px; }

.kid .pagemaker-bar-r .gallery.bd .img-box a {
  height: 170px; }

.kid .index-p4 {
  padding-bottom: 28px; }

.kid .pop-menu-project .list-goods-main.avg-lg-6 .list-goods-thumb {
  height: 87px;
  line-height: 87px; }

@media screen and (max-width: 1500px) {
  .kid .banner-login::before {
    right: 51.2%; }
  .kid .planning-index-pic .pic-viewport {
    height: 248px; }
  .kid .planning-index-pic .pic-viewport a {
    height: 246px; }
  .kid .planning-index-pic .pic-thumb-list li a {
    height: 80px; }
  .kid .planning-index-pic .pic-thumb-list li {
    margin-top: 4px; }
  .kid .pop-menu-project .list-goods-main.avg-lg-6 .list-goods-thumb {
    height: 66px;
    line-height: 66px;
    min-height: 60px; }
  .kid .planning-bar-list .pagemaker-bar .pagemaker-bar-l .img-box {
    height: 269px; }
  .kid .pagemaker-bar-r .gallery.bd .img-box a {
    height: 134px; }
  .kid .planning-detail-main .pic-slider.pic-top .pic-viewport p {
    min-height: 287px; }
  .kid .rec-gallery .overlay-main .overlay-info .text .top-text h3 {
    margin-top: 40px; } }

.bg-tit-lxqs {
  background-position-y: -28px; }

.bg-tit-lxqs.column-tit-son {
  background-position-y: -80px; }

.bg-tit-sjyd {
  background-position-y: -118px; }

.bg-tit-sjyd.column-tit-son {
  background-position-y: -163px; }

.bg-tit-scjg {
  background-position-y: -214px; }

.bg-tit-scjg.column-tit-son {
  background-position-y: -266px; }

.bg-tit-xgtj {
  background-position-y: -866px; }

.k-column-tit[class*='bg-tit-'],
.k-column-tit.column-tit-son,
.k-column-tit.column-tit em {
  background-image: url("../imagesKid/common/sprite-column-title.png");
  background-repeat: no-repeat; }

.k-index-p1 {
  padding: 70px 0 70px;
  background: url("../imagesKid/index/bg/bg-banner01.jpg") center top no-repeat; }

.k-index-p3 {
  height: auto;
  padding-top: 50px;
  background-color: #f9f9f9; }

.k-column-tit.v2 {
  background-image: url("../imagesKid/common/sprite-column-titleV2.png");
  background-repeat: no-repeat; }

.k-p1-bg {
  background: url("../imagesKid/pattern/p1-bg.jpg") no-repeat top center; }

.k-p2-bg {
  background: url("../imagesKid/pattern/p2-bg.jpg") no-repeat top center; }

.k-fh-new {
  background: url("../imagesKid/freehand/fh-new.jpg") no-repeat center top; }

.color-switch > p {
  position: relative;
  display: inline-block;
  margin-right: 4px;
  margin-bottom: 5px; }

.color-switch > p:after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #ccc; }

.color-switch img {
  width: 34px;
  height: 34px;
  margin: 5px; }

.works-detail-main2 {
  padding-top: 30px; }

.works-detail-main1 .works-detail-l .pic-slider.pic-top .pic-thumb-list li, .works-detail-main1 .works-detail-l .pic-viewport > p.no-shadow {
  box-shadow: 0px 0px 0px #fff; }

/*.pic-slider.pic-top .pic-viewport, .pic-slider.pic-top .pic-thumb-list1{
  padding: 0 153px;
}*/
.fabric-tab-box.pic-slider.pic-top .pic-viewport p.no-shadow {
  min-height: 455px; }

.fabric-tab-box.pic-slider.pic-top .pic-viewport p.no-shadow > img {
  width: 465px;
  min-height: 455px; }

/*.pic-viewport img{
  min-width:455px;
  height: 455px;
  margin-left:18px;
}*/
.pic-slider.pic-top .pic-thumb-list li a {
  width: 140px;
  height: 140px; }

/*.pic-slider.pic-top .pic-viewport p{
  padding:0px;
}*/
.works-detail-content2 {
  box-shadow: 0px 0px 0px #fff; }

.introduction-pic1 {
  padding: 0 110px; }

.list-item-price {
  margin-top: 0px;
  margin-bottom: 0px; }

.introduction-pic .num1-wrap {
  padding-top: 50px; }

.detailed-wrap .detailed-wrap-tit1 {
  height: 686px; }

.detailed-wrap .detailed-wrap-tit1 p.describe {
  left: 0px;
  top: 620px;
  margin: 0px;
  width: 100%;
  height: 66px;
  line-height: 66px;
  font-size: 20px;
  color: #fff;
  font-weight: bold; }

.detailed-wrap .no-border:after {
  border: none; }

@media screen and (max-width: 1500px) {
  .fabric-tab-box.pic-slider.pic-top .pic-viewport p.no-shadow {
    width: 400px;
    min-height: 400px;
    margin: 10px; }
  .pic-slider-arrow-l1 {
    margin-left: 30px; }
  .fabric-tab-box.pic-slider.pic-top .pic-viewport p.no-shadow > img {
    width: 400px;
    min-height: 400px; }
  .pic-viewport img {
    min-width: 400px;
    height: 400px;
    margin: 0px; }
  .pic-slider.pic-top .pic-viewport, .pic-slider.pic-top .btn-list-wrap {
    position: relative;
    left: -50px;
    box-sizing: content-box;
    width: 400px; }
  .pic-slider.pic-top .pic-thumb-list1 li a {
    width: 130px;
    height: 130px; } }

/*NEW .designer-s-l*/
/*search-l*/
.mgt28 {
  margin-top: 28px; }

.mgt21 {
  margin-top: 21px; }

.mgr40 {
  margin-right: 40px; }

.designer-winy-list .pagemaker-bar-title {
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  /** 将对象作为伸缩盒子模型显示 **/
  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 2;
  /** 显示的行数 **/
  overflow: hidden;
  /** 隐藏超出的内容 **/ }

.designer-winy-list .pagemaker-bar-title {
  width: 834px;
  line-height: 1.5; }

.designer-winy-list .filter-list.small {
  padding-top: 0; }

.designer-winy-list .pagemaker-bar-2-1 {
  margin-top: 0; }

.designer-winy-list .designer-works-box-1 {
  padding-bottom: 30px;
  height: auto; }

.bold {
  font-weight: bold !important; }

.designer-winy-list-box .pages.paging-page, .pages.paging-page {
  margin-top: 38px; }

.designer-winy-list .pagemaker-bar-l-1 {
  position: relative;
  z-index: 99;
  margin-top: 0; }

.designer-winy-list .pagemaker-bar-l-2 {
  margin-top: -10px;
  width: 200px;
  z-index: 1; }

.designer-winy-list .pagemaker-bar-l-2 img {
  height: auto; }

.designer-winy-list .pagemaker-bar-title {
  font-family: "Times New Roman", Georgia, Times, Kai, "Kaiti SC", KaiTi, BiauKai, "FontAwesome", serif;
  font-size: 16px; }

.pagemaker-bar-2-1 {
  margin-top: 0; }

.designer-winy-list .designer-works-box-1 {
  padding: 45px 0 30px;
  height: auto; }

.designer-winy-list .filter-list.small {
  padding-top: 0; }

.footer-article-item{
	margin-top:10px;
}