/*
 * @Author: lminjuan 
 * @Date: 2022-04-07 16:27:10 
 * @Last Modified by: lminjuan
 * @Last Modified time: 2022-04-21 14:55:46
 */
body {
  background-color: #fff;
}

.center {
  margin: 0 auto;
  width: 1280px;
}

.breadcrumb {
  margin-top: 19px;
}

.banner {
  display: block;
  margin-top: 19px;
  height: 524px;
  border-bottom: 6px solid #d7c394;
  background: url("../images/art/pic3.jpg") center top no-repeat;
}

.main {
  height: 2038px;
  background: url("../images/art/bg6.jpg") left top no-repeat;
}

.title {
  margin: 30px auto 0 auto;
  width: 1280px;
  background-color: rgba(40, 34, 34, 0.162);
  height: 76px;
  color: #645e50;
  background: url("../images/art/head3.png") left top no-repeat;
}

.icon {
  margin-left: 8px;
  width: 23px;
  height: 23px;
  background: url("../images/art/icon3.png") center 4px no-repeat;
}

.section {
  font-size: 16px;
}

.sort {
  color: #ae000e;
  margin-right: 23px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.text {
  width: 334px;
}

.artwork {
  margin-left: 9px;
  display: block;
  width: 177px;
  height: 76px;
  background: url("../images/art/head1.png") center top no-repeat;
}

/* .artist {
  background: url("../images/art/head4.png") center top no-repeat;
} */

.gallery {
  display: block;
  margin-left: 20px;
  margin-top: 3px;
  width: 323px;
  height: 76px;
  background: url("../images/art/head5.png") left top no-repeat;
}

.title > input {
  margin: 22px 17px 0 12px;
  width: 286px;
  height: 30px;
  line-height: 28px;
  background: #fff;
  font-size: 14px;
  border: 1px solid #e3dbc8;
  border-radius: 4px;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.title > input::-webkit-input-placeholder {
  font-size: 12px;
  color: #c4c4c4;
}

.title > input:-moz-placeholder {
  font-size: 12px;
  color: #c4c4c4;
}

.title > input::-moz-placeholder {
  font-size: 12px;
  color: #c4c4c4;
}

.title > input::-ms-input-placeholder {
  font-size: 12px;
  color: #c4c4c4;
}

.title > input:-ms-input-placeholder {
  font-size: 12px;
  color: #c4c4c4;
}

.head .search {
  margin-top: 22px;
  margin-right: 10px;
  width: 48px;
  height: 30px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#dc1727), to(rgba(250, 39, 26, 0.72)));
  background: linear-gradient(180deg, #dc1727 0%, rgba(250, 39, 26, 0.72) 100%);
  -webkit-box-shadow: 0 4px 5px #ffd5d3;
          box-shadow: 0 4px 5px #ffd5d3;
  border-radius: 4px;
  cursor: pointer;
}

.title > span {
  display: block;
  margin-top: 22px;
  line-height: 30px;
}

.region {
  margin: 22px 12px 0 12px;
  width: 162px;
  height: 32px;
  background-color: #fff;
  border-radius: 4px;
}

.chosen-container {
  width: 100%;
  height: 32px;
  line-height: 30px;
  vertical-align: top;
  border-radius: 4px;
}

.chosen-container-single .chosen-single {
  padding: 0 0 0 9px;
  height: 32px;
  line-height: 30px;
  border: 0;
  font-size: 14px;
  background-color: #fff;
  color: #645e50;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #e3dbc8;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #e3dbc8;
  background-image: none;
}

.chosen-container-single .chosen-single span {
  margin-right: 17px;
  color: #645e50;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
}

.chosen-container-single .chosen-single div {
  height: 30px;
  width: 17px;
  padding: 0;
}

.chosen-container-single .chosen-single div b {
  width: 9px;
  height: 6px;
  margin-top: 13px;
  background: url("../images/finance/down.png") left center no-repeat;
}

.chosen-container .chosen-drop {
  border: 1px solid #e3dbc8;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  margin-top: 11px;
  background: url("../images/finance/up.png") left center no-repeat;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #ae000e;
  background-image: none;
}

.chosen-container .chosen-drop {
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 12px;
}

.art-tab {
  margin-top: 30px;
  margin-bottom: 80px;
}

.art-tab .hd {
  height: 53px;
  margin-left: 46px;
}

.hd-li:hover {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(8%, #fe7860), to(#f55236));
  background: linear-gradient(180deg, #fe7860 8%, #f55236 100%);
}

.art-bd {
  height: 796px;
  background: url("../images/art/bg8.png") 1px top no-repeat;
}

.pic-wrap {
  margin-right: -15px;
  margin-top: 28px;
  width: 1180px;
  margin-left: 53px;
}

.pic {
  margin: 0 14px 20px 0;
}

.pic img {
  display: block;
  width: 220px;
  height: 250px;
  border-radius: 6px;
  border: 0;
}

.info {
  display: block;
  margin-top: 7px;
  width: 222px;
  height: 82px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 20px;
  overflow: hidden;
  background: url("../images/art/bg9.png") left top no-repeat;
}

.info-name {
  margin-top: 7px;
  line-height: 21px;
  font-size: 14px;
  color: #504d48;
}

.price {
  display: block;
  height: 21px;
  font-size: 0;
}

.price span {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 21px;
  color: #bdb4aa;
}

.price .seller {
  margin-right: 6px;
}

.price .unite,
.price .amount {
  font-size: 10px;
  color: #ae000e;
  line-height: 21px;
}

.price .unite {
  line-height: 24px;
}

.price .amount {
  font-size: 16px;
}

.pic:nth-child(n + 6) {
  margin-bottom: 0;
}

.pager {
  text-align: center;
  margin-top: 13px;
}

.second .art-bd {
  height: 727px;
  background: url("../images/art/bg10.png") left top no-repeat;
}

.second .art-bd .pic {
  margin: 0 14px 16px 0;
}

.second .art-bd .pic:nth-child(n + 6) {
  margin-bottom: 0;
}

.second .art-bd .info {
  margin-top: 8px;
  width: 222px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  padding-left: 0;
  font-size: 16px;
  color: #504d48;
  background: url("../images/art/bg11.png") left top no-repeat;
}