.detail-content {

}
.detail-content .detail-left {
  width: 940px;
  float: left;
}
.detail-content .detail-left > .goods-info {
  border: 1px solid #DFDEDE;
  padding: 20px;
}

.layui-layer .info-pics {
  width: 250px;
  height: 250px;
  float: left;
  margin-left: 30px;
  margin-top: 60px;
}
.detail-content .info-pics {
  width: 490px;
  float: left;
}
.info-text {
  width: 380px;
  float: right;
}
.info-text .goods-price {
  width: 350px;
  height: 60px;
  padding: 10px;
  margin-bottom: 20px;
  background: #F7F6F6;
}
.info-text .price-other {
  color: #A7A7A7;
  margin-top: 10px;
  line-height: 14px;
  height: 14px;
}
.info-text .layui-form-label {
  width: auto;
}
.layui-layer .info-text .layui-form-item {
  margin-bottom: 10px;
}
.info-text .layui-form-item {
  margin-bottom: 30px;
}
.info-text .layui-form-item .size {
  display: inline-block;
  width: 34px;
  height: 34px;
  border: 1px solid #E0E0E0;
  color: #333;
  text-align: center;
  line-height: 34px;
  cursor: pointer;
  border-radius: 2px;
  margin-right: 13px;
}
.info-text .layui-form-item .size.active {
  color: #FF7CA1;
  border-color: #FF7CA1;
}
.info-text .layui-form-item .size.disabled {
  color: #A7A7A7;
}
.info-text .pay-type {
  display: inline-block;
  width: 80px;
  height: 33px;
  line-height: 33px;
  border: 1px solid #DFDEDE;
  color: #333;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  transition: all .2s ease;
}
.info-text .pay-type.active,
.info-text .pay-type:hover {
  border-color: #FF7EA2;
  color: #FF7EA2;
}
.info-text .number-control {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 20px;
  background: no-repeat center center;
  background-size: 100% 100%;
}
.info-text .num-sub {
  background-image: url(../images/icon-sub1.png);
}
.info-text .num-add {
  background-image: url(../images/icon-plus1.png);
  margin-left: 5px;
}
.info-text .layui-word-aux {
  margin-left: 5px;
  float: left;
}
.info-text .price-other > span {
  margin-right: 20px;
}
.info-text .goods-price .price {
  font-size: 30px;
  color: #FF7CA1;
}
.layui-layer .info-pics .img,
.layui-layer .info-pics .img img {
  width: 100%;
  height: 100%;
}
.detail-content .info-pics .img,
.detail-content .info-pics .img img {
  width: 100%;
  height: 315px;
}
.detail-content .info-pics .thumbs,
.dynamic .thumbs {
  margin-top: 15px;
  height: 95px;
  overflow: hidden;
  cursor: pointer;
}
.detail-content .info-pics .thumbs > span,
.dynamic .thumbs>span {
  display: inline-block;
  vertical-align: top;
  float: left;
  width: 90px;
  height: 90px;
  margin-right: 5px;
  border: 2px solid #FFF;
}
.detail-content .info-pics .thumbs > span:last-child,
.dynamic .thumbs > span:last-child {
  margin: 0;
}
.detail-content .info-pics .thumbs > span.active,
.dynamic .thumbs > span.active {
  border-color: #FF7CA1;
}
.detail-content .info-pics .thumbs > span img,
.dynamic .thumbs > span img {
  width: 100%;
  height: 100%;
}
.detail-content .record {
  position: relative;
  display: flex;
  height: 22px;
  line-height: 22px;
  margin-top: 35px;
  font-size: 13px;
  line-height: 22px;
}
.detail-content .record>a {
  flex: 1;
  cursor: pointer;
  color: #666;
}
.detail-content .record .icon {
  display: inline-block;
  vertical-align: top;
  width: 22px;
  height: 22px;
  background: no-repeat center center;
  margin-right: 5px;
}
.detail-content .record .share {
  position: relative;
  flex: inherit;
  cursor: pointer;
  width: 90px;
  text-align: center;
  border-left: 1px solid #DFDEDE;
}
.bdsharebuttonbox {
  position: absolute;
left: -9px;
  top: 25px;
/*  right: 362px;*/
  width: 150px;
  height: 183px;
  background: #fff;
  border: 1px solid #DFDEDE;
  z-index: 99;
}
.bdsharebuttonbox a {
  float: inherit!important;
  display: block!important;
  line-height: 24px!important;
  height: 24px!important;
  margin: 10px 0 0 3px!important;
  background: transparent!important;
  text-align: left!important;
}
.bdsharebuttonbox a.shareto {
  color: #333;
  border-bottom: 1px dashed #DFDEDE;
  padding-bottom: 5px;
}
.bdsharebuttonbox a .icon {
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: 24px;
  background: no-repeat center center;
}
.bdsharebuttonbox a .icon.qq {
  background-image: url(../images/icon-qq.png)!important;
}
.bdsharebuttonbox a .icon.weixin {
  background-image: url(../images/icon-wexin.png)!important;
}
.bdsharebuttonbox a .icon.sina {
  background-image: url(../images/icon-sina.png)!important;
}
.bdsharebuttonbox a .icon.qzone {
  background-image: url(../images/icon-qzone.png)!important;
}
.detail-content .record>.share .icon {
  background-image: url(../images/icon-share.png);
}
.detail-content .record>a.chengjiao .icon {
  background-image: url(../images/icon-chengjiao.png);
}
.detail-content .record>a.preview .icon {
  background-image: url(../images/icon-preview-red.png);
}
.detail-content .record>a.awesome .icon {
  background-image: url(../images/icon-awesome-red.png);
}

.info-text .title {
  font-size: 20px;
  color: #000;
  line-height: 20px;
  padding-top: 10px;
  padding-bottom: 20px;
}
.info-text >p {
  line-height: 17px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 14px;
  color: #333;
}
.info-text >p > span {
  margin-right: 10px;
}
.info-text .btns .icon {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background: no-repeat center center;
}
.info-text .icon.icon-plus {
  margin-top: 6px;
  margin-right: 5px;
  background-image: url(../images/icon-plus-red.png);
}
.info-text .icon.icon-email {
  margin-top: 12px;
  margin-right: 5px;
  background-image: url(../images/icon-email.png);
}
.info-text .btns {
  margin-top: 10px;
}

#goods-list,
#case-list,
#goods-detail,
#schedule-list,
#comment-list,
#club-list,
#dynamic-list {
  border: 1px solid #DFDEDE;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
#goods-detail .title,
#goods-list .title,
#case-list .title,
#schedule-list .title,
#comment-list .title,
#club-list > .title,
#dynamic-list .title {
  height: 20px;
  padding: 30px;
  background: no-repeat center center;
}
#goods-list {
  border-top: none;
}
#goods-detail .title {
  background-image: url(../images/goods-detail.png);
}
#goods-list .title {
  background-image: url(../images/goods-list.png);
}
#case-list .title {
  background-image: url(../images/case-list.png);
}
#schedule-list .title {
  background-image: url(../images/schedule-list.png);
}
#comment-list .title {
  background-image: url(../images/comment-list.png);
}
#club-list> .title {
  background-image: url(../images/club-list.png);
}
#dynamic-list .title {
  background-image: url(../images/dynamic-list.png);
}
#goods-detail .goods-detail-content {
  padding: 0 30px;
  font-size: 14px;
}
#goods-detail .goods-detail-content img {
  display: block;
  width: 100%;
  height: auto;
}
.detail-content .goods-box {
  padding: 0 35px;
}
#schedule-list .switch-month {
  font-size: 16px;
  color: #333;
  text-align: center;
}
#schedule-list .switch-month .layui-icon {
  display: inline-block;
  color: #999;
  cursor: pointer;
}
#schedule-list .switch-month .sub {
  transform: rotate(180deg);
}
.date-list {
  padding: 20px 30px 30px;
}
.date-list .day {
  display: inline-block;
  width: 67px;
  height: 47px;
  padding: 10px 0;
  background: #FFEEF3;
  text-align: center;
  margin-right: 10px;
}
.date-list .day p {
  line-height: 16px;
  margin-top: 5px;
  color: #333;
}
.comment-list {
  padding: 0 30px;
  overflow: hidden;
}
.comment-list .comment-item {
  display: flex;
  border-bottom: 1px dashed #DFDEDE;
  margin-bottom: 30px;
  padding-bottom: 10px;
}
.comment-list .comment-item:last-child {
  margin: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.comment-list .user {
  display: inline-block;
  width: 90px;
  text-align: center;
  vertical-align: top;
  margin-right: 40px;
}
.comment-list .user .avartar {
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
}
.comment-list .user .avartar img {
  width: 100%;
  height: auto;
}
.comment-list .user .name {
  font-size: 14px;
  color: #333;
  line-height: 30px;
}
.comment-list .comment {
  display: inline-block;
  flex: 1;
}
.comment-list .score {
  margin-bottom: 20px;
}
.comment-list .detail {
  font-size: 14px;
  color: #333;
  line-height: 26px;
  margin-bottom: 15px;
}
.comment-list .imgs .img{
  display: inline-block;
  width: 80px;
  height: 80px;
  margin-right: 5px;
}
.comment-list .imgs .img img {
  width: 100%;
  height: 100%;
}
.comment-list .imgs .img-lg {
  width: 180px;
  height: 120px;
}
.comment-list .time{
  height: 14px;
  font-size: 14px;
  color: #666;
  margin: 15px 0;
}
.comment-list .time .icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: top;
  background: no-repeat center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.comment-list .time .icon-preview {
  background-image: url(../images/icon-preview2.png);
}
.comment-list .time .icon-comment {
  background-image: url(../images/icon-comment2.png);
}
.comment-list .time .icon-awesome {
  background-image: url(../images/icon-awesome2.png);
}
.comment-list .time .active .icon-awesome {
  background-image: url(../images/icon-awesome2-red.png);
}
.comment-list .time .active {
  color: #FF7EA2;
}
.comment-list .time .right>span {
  display: inline-block;
  padding: 0 20px;
  border-left: 1px solid #DFDEDE;
  cursor: pointer;
}
.comment-list .time .right>span:first-child {
  border-left: 0;
}
.do-comment {
  cursor: pointer;
}
.do-comment-box {
  position: relative;
  background: #F7F6F6;
  margin: 0 -30px;
  padding: 20px 30px 0;
  margin-bottom: -1px;
  border: 1px solid #DFDEDE;
  border-width: 1px 0;
}
.do-comment-box:before {
  content: "";
  position: absolute;
  background: #F7F6F6;
  width: 10px;
  height: 10px;
  transform: rotate(-45deg);
  border: 1px solid #DFDEDE;
  border-width: 1px 1px 0 0;
  top: -6px;
  right: 148px;
}
.do-comment-box .do-comment-item {
  display: flex;
  padding: 20px 0;
  border-top: 1px dashed #DFDEDE;
}
.do-comment-box .do-comment-item:first-child {
  border: none;
}
.do-comment-box .do-comment-item .avartar {
  display: block;
  width: 40px;
  height: 40px;
}
.do-comment-box .do-comment-item .do-comment-info {
  flex: 1;
  padding-left: 20px;
}
.do-comment-box .do-comment-item .do-comment-name {
  color: #FF7EA2;
}
.do-comment-box .do-comment-item .do-comment-info .reply {
  color: #333;
  cursor: pointer;
}
.do-comment-box .do-comment-item .do-comment-info .sub-comment {
  background: #EBEBEB;
  padding: 10px;
}

.detail-content .detail-right {
  width: 210px;
  padding: 0 10px;
  float: right;
}
.detail-content .detail-right .shop-detail {
  font-size: 14px;
  color: #333;
  line-height: 22px;
  margin-bottom: 20px;
}
.detail-content .detail-right .pic-banner {
  width: 100%;
  height: 135px;
  margin-bottom: 60px;
}
.detail-content .layui-carousel:hover .layui-carousel-arrow[lay-type=add], 
.detail-content .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add] {
  right: -30px;
  font-size: 26px;
  background: transparent;
  color: #A7A7A7;
}
.detail-content .layui-carousel:hover .layui-carousel-arrow[lay-type=sub], 
.detail-content .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=sub] {
  left: -30px;
  font-size: 26px;
  background: transparent;
  color: #A7A7A7;
}
.detail-content .detail-right .goods-box {
  padding: 0;
}
.detail-content .detail-right .goods-list {
  margin: 0;
}
.detail-content .detail-right .goods-list .goods {
  width: 100%;
  padding: 0;
  margin: 10px 0;
}
.detail-content .detail-right .shopinfo {
  border: 1px solid #DFDEDE;
  margin-bottom: 60px;
  padding: 20px 15px;
}
.detail-content .detail-right .shopinfo .img,
.detail-content .detail-right .shopinfo .img img {
  display: block;
  width: 120px;
  height: 120px;
  margin: 0 auto;
}
.detail-content .detail-right .shopinfo .name {
  font-size: 16px;
  color: #333;
  line-height: 17px;
  margin: 20px 0 0;
  text-align: center;
  font-weight: bold;
}
.detail-content .detail-right .shopinfo p {
  font-size: 13px;
  color: #333;
  line-height: 30px;
}
.detail-content .detail-right .shopinfo .icons .icon {
  width: 20px;
  height: 20px;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  vertical-align: top;
  /*margin-top: 4px;*/
  margin: 4px 2px;
}
.detail-content .detail-right .shopinfo .icons .icon-lv1 {
  -webkit-background-size: 12px 16px;
  background-size: 12px 16px;
}
.detail-content .detail-right .shopinfo .icons .icon-lv2 {
  -webkit-background-size: 17px 16px;
  background-size: 17px 16px;
}
.detail-content .detail-right .shopinfo .icons .icon-lv2 {
  -webkit-background-size: 17px 16px;
  background-size: 17px 16px;
}
.detail-content .detail-right .shopinfo .record {
  height: 40px;
  line-height: 20px;
  text-align: center;
  margin: 20px 0;
  padding-top: 20px;
  border-top: 1px dashed #DFDEDE;
}
.detail-content .detail-right .shopinfo .record>a {
  border-left: 1px solid #DFDEDE;
}
.detail-content .detail-right .shopinfo .record>a:first-child {
  border-left: none;
}
.detail-content .detail-right .shopinfo .follow {
  border-color: #FF9000;
  color: #FF9000;
}
.detail-content #contact {
  width: 80px;
  padding-right: 4px;
  height: 20px;
  margin: 10px auto 15px;
  background: url(../images/icon-contact.png) no-repeat center center;
  color: #926E2D;
  text-align: right;
  cursor: pointer;
}

.dynamic .comment>div> .avartar {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
}
.dynamic .comment {
  padding-top: 20px;
}
.avartar img {
  display: block;
  width: 100%;
  height: 100%;
}
.dynamic .comment .info {
  margin-left: 80px;
}
.dynamic .comment .info .name {
  font-size: 14px;
  color: #333;
}
.dynamic .comment .info .time {
  color: #A7A7A7;
}
.dynamic .comment .time .d-c {
  display: flex;
  padding: 10px;
  height: 24px;
  border: 1px solid #DFDEDE;
  border-width: 1px 0;
}
.dynamic .comment .time.icons {
  height: auto;
  margin: 15px -31px -1px;
}
.dynamic .comment .time .d-c>span {
  flex: 1;
  line-height: 24px;
  text-align: center;
  border-left: 1px solid #DFDEDE;
}
.dynamic .comment .time .d-c>span:first-child {
  border: none;
}
.dynamic .comment .time .d-c>span .icon {
  margin-top: 5px;
}
.dynamic .do-comment-box:before {
  left: 460px;
}
.dynamic #dynamic-list {
  padding-bottom: 0px;
}
.dynamic .img-lg {
  display: block;
  width: 800px;
}
.dynamic .img-lg img {
  display: block;
  width: 100%;
  height: auto;
}
.reply-form {
  position: relative;
  background: #fff;
  padding: 20px;
  border: 1px solid rgba(0,0,0,.1);
  margin-bottom: 10px;
}

.reply-form:before {
  content: "";
  position: absolute;
  background: #fff;
  width: 10px;
  height: 10px;
  transform: rotate(-45deg);
  border: 1px solid rgba(0,0,0,.1);
  border-width: 1px 1px 0 0;
  top: -6px;
  right: 8px;
}

.buy-failed .icon {
  display: block;
  width: 52px;
  height: 52px;
  margin: 0 auto;
  background: url(../images/icon-failed.png) no-repeat center center;
}
.buy-failed .status {
  font-size: 16px;
  color: #000;
  margin: 30px auto 20px;
  text-align: center;
  line-height: 17px;
}
.buy-failed .msg {
  width:262px;
  margin: 0 auto;
  font-size: 14px;
  color: #333;
}

.article{
  padding: 30px;
  border: 1px solid #DFDEDE;
}
.article .title {
  font-size: 18px;
  color: #000;
  text-align: center;line-height: 18px;
  margin-bottom: 30px;
}
.article .article-head .info {
  display: flex;
  color: #666;
  font-size: 14px;
  line-height: 20px;
}
.article .article-head .info>span {
  display: inline-block;
  flex: 1;
}
.article .article-head .info .author {
  min-width: 300px;
}
.article .article-head .info .source {
  min-width: 250px;
}
.article .article-head .info .time {
  min-width: 215px;
}
.article .article-head .info .share {
  width: 75px;
  text-align: right;
  padding-right: 10px;
  border-left: 1px solid #DFDEDE;
  cursor: pointer;
}
.share .icon-share {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background: no-repeat center center;
  background-image: url(../images/icon-share.png)
}
.article .article-head {
  border-bottom: 1px dashed #DFDEDE;
  padding-bottom: 20px;
}
.article-content {
  padding: 20px 0 0 0;
}
.article-content p {
  line-height: 24px;
  margin-bottom: 20px;
}
.article-content p img,
.article-content img {
  display: block;
  width: 100%;
  height: auto;
}

.demand .layui-input {
  width: 350px;
  height: 34px;
  line-height: 34px;
}
.demand .layui-input-inline {
  width: auto;
}
.demand .layui-input-inline.address {
}
.demand .editor {
  width: 620px;
}
.demand .icon-warning {
  display: inline-block;
  vertical-align: top;
  width: 18px;
  height: 18px;
  background: url(../images/icon-warning2.png) no-repeat center center;
}

.demand-detail {
  display: flex;
  padding: 10px;
  border: 1px solid #DFDEDE;
}
.demand-detail .demand-info {
  flex: 1;
  border-right: 1px dashed #DFDEDE;
  padding: 0 30px 0 20px;
}
.demand-detail .shop-info {
  width: 180px;
  padding: 0 30px;
}
.demand-detail .demand-info .title {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  padding-top: 10px;
  padding-bottom: 20px;
  line-height: 20px;
}
.demand-detail .demand-info .price {
  font-weight: bold;
  color: #FF7CA1;
  font-size: 22px;
  padding-bottom: 20px;
  line-height: 18px;
}
.demand-detail .time {
  color: #666;
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 10px;
}
.demand-detail .time>span {
  margin-right: 40px;
}
.demand-detail .time>span.share {
  margin: 0;
  padding-left: 30px;
  border-left: 1px solid #DFDEDE;
  cursor: pointer;
}
.demand-detail .detail {
  display: flex;
  font-size: 14px;
  color: #333;
}
.demand-detail .detail .label {
  width: 60px;
}
.demand-detail .detail .desc {
  line-height: 22px;
  padding-bottom: 10px;
}
.demand-detail .shop-info .user {
  padding-top: 10px;
}
.demand-detail .shop-info .user .avartar {
  width: 60px;
  height: 60px;
  margin-right: 20px;
}
.demand-detail .shop-info .user .name {
  color: #FF7CA1;
}
.demand-detail .shop-info .area,
.demand-detail .shop-info .mobile {
  font-size: 14px;
  color: #333;
  margin-top: 10px;
  line-height: 20px;
}
.detail-content .h2 {
  font-size: 18px;
  color: #333;
  font-weight: bold;
  line-height: 20px;
  border-left: 4px solid #FF7CA1;
  padding-left: 10px;
  margin-top: 40px;
  margin-bottom: 20px;
}
.detail-content .textarea {
  margin-bottom: 20px;
}
.detail-content .goods-detail-content .label {
  line-height: 20px;
}
.detail-content .goods-detail-content .label .icon {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background: no-repeat center center;
}
.detail-content .goods-detail-content .label .icon-card {
  background-image: url(../images/icon-card.png);
}
.detail-content .goods-detail-content .label .icon-date {
  background-image: url(../images/icon-date2.png);
}
.detail-content .goods-detail-content .label .icon-location {
  background-image: url(../images/icon-address.png);
}
.detail-content .goods-detail-content .label .icon-eidt {
  background-image: url(../images/icon-edit.png);
}
.detail-content .goods-detail-content .label .icon-money {
  background-image: url(../images/icon-money2.png);
}
.detail-content .goods-detail-content .label {
  position: absolute;
  width: 100px;
}
.detail-content .goods-detail-content .label+.con {
  margin-left: 100px;
}
.detail-content .goods-detail-content .detail-case {
  line-height: 20px;
  margin-top: 25px;
}
.detail-content .goods-detail-content .con .icon-follow {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background: url(../images/icon-follow.png) no-repeat center center;
}
.detail-content .goods-detail-content .active .icon-follow {
  background-image: url(../images/icon-follow-red.png);
}
.detail-content .goods-detail-content .follow.active {
  color: #FF7CA1;
}
.detail-content .name .right>span {
  display: inline-block;
  padding: 0 30px;
  cursor: pointer;
}
.detail-content .name .right>span.follow {
  border-right: 1px solid #DFDEDE;
}

.viewer-canvas {
  right: 330px;
}
.viewer-canvas>img {
  margin-left: auto!important;
}
.viewer-footer {
  width: 330px;
  height: 100%;
  background: #333;
  right: 0;
  left: auto;
}
.viewer-toolbar li {
  display: none;
}
.viewer-list {
  margin: 0!important;
  width: 100%!important;
  height: 500px!important;
  padding-left: 10px;
}
.viewer-navbar {
  background-color: transparent;
}
.viewer-list>li {
  width: 60px;
  height: 60px;
}
.viewer-toolbar li.viewer-prev,
.viewer-toolbar li.viewer-next {
  display: block;
  position: fixed;
  left: 40px;
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  background: no-repeat center center;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  transition: all .2s ease;
}
.viewer-toolbar li.viewer-next {
  right: 370px;
  left: auto;
}
.viewer-prev:before,
.viewer-next:before {
  display: block;
  content: "";
  color: #fff;
  width: 100%;
  height: 100%;
  background: transparent;
}
.viewer-toolbar li.viewer-prev {
  background-image: url(../images/icon-left.png);
}
.viewer-toolbar li.viewer-prev:hover {
  background-image: url(../images/icon-left-active.png);
}
.viewer-toolbar li.viewer-next {
  background-image: url(../images/icon-right.png);
}
.viewer-toolbar li.viewer-next:hover {
  background-image: url(../images/icon-right-active.png);
}
.tdcyz{background-image: url(../images/tem-list.png);}