@charset "UTF-8";
@import url("//at.alicdn.com/t/font_216759_5roqzymx3i8.css");
.common-shadow {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

.common-shadow1 {
  box-shadow: 0 3px 16px rgba(0, 0, 0, 0.15); }

.btm-shadow {
  box-shadow: 0px 4px 16.56px 1.44px rgba(0, 0, 0, 0.06); }

.common-shadow2 {
  box-shadow: 0px 2px 6.72px 0.28px rgba(7, 7, 7, 0.08); }

.no-hover.btn-black:hover {
  background-color: #333333;
  cursor: default; }

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

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; }

html, body {
  min-height: 100%; }

html {
  font-size: 62.5%; }

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; }

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 {
  max-width: 100%;
  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; }

/* 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: middle; }

[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; }

.fs20 {
  font-size: 20px !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; }

.contentW {
  width: 1500px;
  margin: 0 auto; }

.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: 70px 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: -60px; }

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

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

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

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

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

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

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

.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: -660px; }

/* ==========================================================================
   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; }

footer {
  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: 20px; }
  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; }

header {
  width: 100%;
  height: 42px;
  background: #141414;
  line-height: 42px;
  overflow: hidden; }

header .skirt-kid {
  text-indent: 10px;
  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; }

.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-image: url("../images/common/loading-bg.png");
  background-color: #f9f9f9;
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 80px; }

.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: 1020px; }

.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.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: -833px; }

.nav-list > li.slows em {
  background-position-y: -872px; }

.nav-list > li.slows.current em,
.nav-list > li.slows:hover em {
  background-position-y: -910.5px; }

.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: 240px;
  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; } }

.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 80px;
  margin-top: 0; }

.filter-body a,
.filter-body span {
  display: inline-block;
  margin: 0 22px 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 a:hover,
.filter-body span:hover {
  background: #f9f9f9; }

.filter-body .active,
.filter-body .active:hover {
  background: #ff4242;
  color: #fff; }

.filter-body.h40 {
  height: 36px; }

.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 10px;
  /*左右耳朵，导航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: #999; }

.list-item-meta a + a {
  margin-left: 5px; }

.list-item-meta i {
  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;
  content: "收藏";
  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: 40px;
  position: absolute;
  top: 0;
  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: 10px;
  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: 2px 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: 2%;
  right: 2%; }

.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 70px;
  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; }

.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; }

.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: 530px;
  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: 530px;
  float: right;
  padding: 0 140px 0 70px;
  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: 20px; }

.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 {
  margin-right: 16px;
  color: #ccc; }

.works-meta span i {
  font-size: 20px; }

.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 li {
  padding: 12px 0 12px 12px;
  margin: 0 0 4px;
  width: 410px;
  font-size: 16px;
  font-weight: bold; }

.fabric-argument li em {
  font-size: 28px;
  font-weight: 900; }

.fabric-argument li.price {
  background-color: #e2e2e4;
  height: 52px;
  padding: 3px 0 12px 12px; }

.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: 4px 0;
  background: #fff;
  border: 0; }

.works-detail-r .hr:before {
  content: "";
  display: block;
  border-top: 1px dotted #d2d2d2; }

.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; }

.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: 500; }

.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; }

.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;
  border: 1px solid #d2d2d2;
  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: 100px;
  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: 28px;
  font-weight: 400;
  margin: 0 5px;
  color: #222222; }

.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; }

.fabric-argument-box .sjzy {
  margin: 0 0 -5px 0; }

.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;
  padding-left: 36px; }

.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; }

td span + .edit-icon {
  padding: 0 10px; }

.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.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; }

/*手绘首页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 .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 .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 .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 {
  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: 150px;
  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; }

.p3-bg {
  background: url("../images/pattern/p3-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;
  border-top: 1px solid #eeeeee; }

.g-listpage-list > a {
  display: inline-block;
  padding: 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; }

.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;
  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; }

.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; }

.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 2.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: 180px; }

.listpage-nav-tab:hover .kicon-right {
  transform: rotate(90deg); }

.listpage-nav-tab:hover .tab-none {
  display: block !important; }

.tab-none {
  line-height: 31px;
  width: 135px;
  height: 37px;
  background: #fff;
  text-align: center;
  display: none; }

.tab-none:hover {
  background: #f9f9f9; }

.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: 317px !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; }

.page1 {
  background: url(./../images/ttxcx/bg1x.png) no-repeat center center;
  background-size: cover; }

.page2 {
  background: url(./../images/ttxcx/bg2x.png) no-repeat center center;
  background-size: cover; }

.page3 {
  background: url(./../images/ttxcx/bg3x.png) no-repeat center center;
  background-size: cover; }

.page4 {
  background: url(./../images/ttxcx/bg4x.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 {
  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; }

.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; } }

.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; }
  .contentW {
    width: 1200px !important;
    margin: 0 auto;
    overflow: hidden; }
  .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: 9%;
    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; } }