.main-l {float: left;width: 850px;background: #fff;}

.main-r {float: left;width: 340px;background: #fff;margin-left: 10px;}

.main {width: 1200px;margin: 0 auto;padding-bottom:60px;}

.main:after {content: "";clear: both;display: block;overflow: hidden;}

.detail-banner {display: block;width: 100%;height: auto;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}

.detail-title {display: block;font-size: 26px;color: #333;line-height: 46px;font-weight: normal;margin: 30px 20px 0;}

.content-info {overflow: hidden;margin: 20px 20px 0;height: 12px;line-height: 12px;color: #999;}

.content-info span {margin-right: 25px;}

.content-banner {height: 340px;overflow: hidden;position: relative;}

.con-top {position: relative;padding-bottom: 25px;border-bottom: 1px solid #f0f0f0;margin: 0 10px;}

.con-top:after {content: "";position: absolute;bottom: 20px;right: 0;width: 75px;height: 75px;background: url(../img/jlt.png) -64px 0 no-repeat;}

.con-pay {margin: 27px 30px 0;border: solid 1px #e7ceb3;height: 150px;position: relative;}

.payimg {float: left;width: 120px;height: 120px;display: block;margin: 15px;}

.payimg img {display: block;width: 100%;height: 100%;}

.conpay-cen {float: left;margin-left: 22px;}

.pay-name {display: block;font-size: 16px;color: #333;line-height: 30px;width: 400px;height: 60px;overflow: hidden;margin-top: 20px;}

.pay-price {float: left;font-size: 18px;color: #ea302b;font-weight: bold;height: 18px;line-height: 18px;margin-top: 25px;}

.conpay-r {float: right;position: relative;width: 160px;height: 100%;}

.con-pay:after {content: "";position: absolute;top: 50%;right: 160px;width: 1px;height: 100px;background: #e7ceb3;transform: translateY(-50%);}

.conpay-btn {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 90px;height: 30px;background: #cd9355;border-radius: 5px;border: solid 1px #cd9355;color: #fff;text-align: center;line-height: 30px;font-size: 14px;}

.conpay-r:before,.conpay-r:after {content: "";position: absolute;left: 0;top: 0;width: 29px;height: 29px;background: #fff;border-radius: 50%;transform: translate(-50%,-50%)rotate(45deg);border: solid 1px #e7ceb3;border-color: transparent #e7ceb3 #e7ceb3 transparent;}

.conpay-r:after {top: auto;bottom: 0;transform: translate(-50%,50%)rotate(-135deg);}

.conpay-quan {overflow: hidden;}

.coupon {float: right;width: 203px;height: 39px;background: url(../img/quan.png) 0 0 no-repeat;background-size: 100% 100%;font-size: 14px;font-weight: bold;color: #ffe155;line-height: 39px;margin-top: 10px;text-indent: 150px;}

.content-tit {display: block;color: #333;font-size: 24px;height: 24px;line-height: 24px;font-weight: bold;}

.content-txt {margin: 40px 30px 0;max-height: 1500px;overflow: hidden;}

.content-txt p {display: block;color: #333;font-size: 16px;line-height: 28px;margin-top:20px;}

.content-txt img {display: block;width: auto;margin: 40px auto 0;max-width: 100%;max-height: 700px;}

.content-txt h3 {display: block;color: #333;font-size: 18px;font-weight: bold;margin-top: 30px;}

.see-all:before {content: "";display: block;width: 100%;height:180px;position: absolute;bottom: 30px;left: 0;background: -webkit-gradient(linear, 0% 0%, 0% 82%, from(rgba(255, 255, 255, 0)), to(#fff));}

.see-all {display: block;text-align: center;height: 30px;line-height: 30px;font-size: 12px;border-radius: 5px;color: #f73636;cursor: pointer;position: relative;width: 100%;margin: 0 auto;}

.see-all:after {content: "";position: absolute;top: 6px;left: 44%;border: 2px solid #f73636;width: 8px;height: 8px;transform: rotate(45deg);border-color: transparent #f73636 #f73636 transparent;}

.content.active .content-txt {max-height: none;}

.zan-btn {display: none;}

.zan-txt {display: block;text-align: center;color: #ccc;font-size: 12px;line-height: 12px;margin-top: 14px;}

.con-zan {margin-bottom: 40px;}

/* item-head */

.item-head {overflow: hidden;padding: 30px;border-bottom: 10px solid #f8f8f8;}

.itemhead-l {float: left;width: 300px;height: 300px;border: 1px solid #f0f0f0;position: relative;overflow: hidden;}

.itemhead-l img {display: block;width: auto;height: 100%;min-width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.itemhead-r {float: left;width: 458px;margin-left: 30px;}

.itemhead-r h1 {display: block;font-weight: normal;font-size: 22px;color: #333;line-height: 37px;height: 70px;overflow: hidden;}

.itemhead-from {overflow: hidden;margin-top: 36px;}

.source {float: left;color: #ccc;line-height: 21px;height: 21px;}

.source em {padding: 0 8px;height: 21px;background: #e1251b;border-radius: 2px;color: #fff;font-size: 12px;line-height: 21px;display: inline-block;margin-left: 10px;}

.source-more {float: right;color: #999;font-size: 12px;height: 21px;line-height: 21px;}

.source-more u {color: #333;margin-left: 5px;}

.source-more i {color: #e91839;font-style: normal;margin: 0 5px;}

.item-desc {overflow: hidden;position: relative;margin-top: 30px;}

.itemdesc-txt {height: 70px;overflow: hidden;}

.itemdesc-more {position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;color: #999;font-size: 12px;height: 40px;line-height: 60px;background: -webkit-gradient(linear, 0% 0%, 0% 82%, from(rgba(255, 255, 255, 0)), to(#fff));cursor: pointer;}

.itemdesc-txt p {display: block;color: #666;font-size: 14px;line-height: 25px;}

.itemdesc-more:after {content: "";position: absolute;bottom: 7px;left: 41%;border: 1px solid #f73636;width: 6px;height: 6px;transform: rotate(45deg);border-color: transparent #cd9355 #cd9355 transparent;}

.item-price {color: #e9193a;float: left;font-size: 14px;margin-top: 10px;}

.item-payinfo {overflow: hidden;margin-top: 34px;}

.old-price {float: left;font-size: 12px;height: 12px;line-height: 12px;margin-top: 26px;color: #999;margin-left: 30px;}

.gopay {float: right;width: 112px;height: 40px;background: #ef2545;border-radius: 5px;text-align: center;line-height: 40px;color: #fff;font-size: 14px;}

.gopay:hover{color: #fff;}

.item-price em {font-size: 30px;height: 30px;line-height: 30px;margin-right: 10px;display: inline-block;}

.old-price s {margin: 0 5px;}

.relative-tab {height: 54px;line-height: 54px;overflow: hidden;background: #fff;}

.relative-tab a {float: left;padding: 0 50px;color: #333;font-size: 16px;position: relative;transition: all .2s ease;height: 54px;line-height: 54px;}

.relative-tab a i {font-style: normal;color: #f12848;}

.relative-tab a.active, .relative-tab a:hover {color: #333;font-weight: bold;font-size: 18px;}

.relative-tab a.active:after,.relative-tab a:hover:after {content: "";position: absolute;top: 50%;left: 35px;transform: translateY(-50%);height: 5px;width: 5px;background: #ef2342;}

.product-box {border-bottom: 10px solid #f8f8f8;}

.produce-list{width: 790px;margin: 0 auto;}

.produce-list li {position: relative;overflow: hidden;padding: 25px 0;border-top: 2px solid #f8f8f8;}

.list-img {float: left;width: 180px;height: 180px;border: 1px solid #f0f0f0;position: relative;overflow: hidden;}

.list-img img {display: block;width: auto;height: 100%;min-width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.list-r {float: left;width: 580px;margin-left: 28px;}

.list-title {display: block;font-size: 16px;color: #333;line-height: 30px;height: 60px;overflow: hidden;}

.list-coupon {display: inline-block;background-image: linear-gradient(90deg, #ffc5a2 0%, #fdedd9 100%);border-radius: 5px;overflow: hidden;position: relative;height: 35px;line-height: 35px;padding: 0 24px 0 17px;color: #95410e;font-size: 14px;margin-top: 20px;}

.list-coupon:before {content: "";position: absolute;top: 0;left: 0;border-left: 10px solid #fff;border-style: dotted;height: 100%;width: 0;border-width: 0 0 0 4px;transform: translateX(-50%);}

.list-coupon:after {content: "";position: absolute;top: 50%;right: 0;transform: translate(50%,-50%);width: 17px;height: 17px;background: #fff;border-radius: 50%;}

.list-coupon i {font-style: normal;margin: 0 5px;color: #e9193a;}

.list-coupon b {color: #e9193a;font-weight: normal;margin-left: 24px;position: relative;}

.list-coupon b:before {content: "";position: absolute;top: 50%;left: -12px;background: #fff;width: 1px;height: 21px;transform: translateY(-50%);}

.list-r-pay {overflow: hidden;margin-top: 30px;}

.list-price {float: left;color: #e9193a;}

.list-r-pay s {float: left;font-size: 12px;color: #a7a7a7;height: 12px;line-height: 12px;margin: 17px 0 0 10px;}

.pay-btn {float: right;}

.pay-btn a {float: left;text-align: center;font-size: 12px;}

.list-price em {font-size: 30px;height: 30px;line-height: 30px;}

.go-article {width: 85px;height: 28px;border: solid 1px #ef2342;color: #ef2342;line-height: 29px;}

.go-pay {background: #ef2342;color: #fff;width: 85px;height: 30px;margin-left: 14px;line-height: 30px;}

.go-pay:hover {color: #fff;}

/* relevant-news */

.relevant-news {padding: 25px 30px;border-top: 10px solid #f8f8f8;}

.rel-list li {display: block;overflow: hidden;margin-top: 25px;}

.relimg {float: left;width: 250px;height: 160px;position: relative;overflow: hidden;}

.relimg img {display: block;width: 100%;height: auto;min-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.rel-cen {float: left;margin-left: 27px;}

.rel-title {display: block;color: #333;font-size: 16px;line-height: 27px;width: 500px;height: 50px;overflow: hidden;}

.rel-cen p {display: block;width: 500px;color: #666;font-size: 14px;line-height: 27px;margin-top: 14px;height: 50px;overflow: hidden;}

.rel-info {overflow: hidden;margin-top: 30px;height: 12px;line-height: 12px;color: #999;}

.rel-info em {float: right;}

.rel-more {display: block;width: 115px;height: 25px;border-radius: 13px;color: #e91839;border: 1px solid #e91839;font-size: 12px;text-indent: 27px;position: relative;line-height: 24px;margin: 50px auto 0;cursor: pointer;}

.rel-more:before{content:'';width: 5px;height: 5px;border: 1px solid #e91839;border-top: none;border-right: none;position: absolute;top: 45%;left: 11px;transform: rotate(-45deg) translateY(-50%);}

.rel-more:after {content: '';width: 12px;height: 12px;border: 1px solid #e91839;border-radius: 50%;position: absolute;top: 50%;left: 5px;transform: translateY(-50%);}

/* recommend-sp */

.recommend-tit {position: relative;display: block;color: #cd9355;text-indent: 26px;font-size: 14px;height: 14px;line-height: 14px;margin-bottom: 25px;}

.recommend-tit:before {content: "";position: absolute;top: 50%;left: 6px;transform: translateY(-50%);width: 12px;height: 13px;background: url(../img/jlt.png) 0 -133px no-repeat;}

.recommend-lb {padding: 15px;}

.recommend-lb .swiper-container {width: 100%;}

.recom-prev,.recom-next {cursor:pointer;outline:none;width: 20px;height: 40px;position:  absolute;top: 70px;background: #ea302b;z-index: 2;transform: translateY(50%);}

.recom-prev.swiper-button-disabled, .recom-next.swiper-button-disabled { opacity: .1; }

.recom-prev:before {content: "";position: absolute;border: 1px solid #fff;width: 10px;height: 10px;transform: translate(-50%,-50%) rotate(45deg);top: 50%;left: 60%;border-color: transparent transparent #f5cca0 #f5cca0;}

.recom-next:before {content: "";position: absolute;border: 1px solid #fff;width: 10px;height: 10px;transform: translate(-50%,-50%) rotate(45deg);top: 50%;left: 40%;border-color: #f5cca0 #f5cca0 transparent transparent;}

.recom-prev {left: 0;}

.recom-next {right: 0;}

.recommend-lb .swiper-slide img {display: block;width: 100%;height: 180px;}

.recommend-lb .recom-pagination {bottom: auto;top: 165px;position: absolute;z-index: 1;width: auto;left: auto;right: 0;}

.recommend-lb .swiper-pagination-bullet {background: #fff;opacity: 1;width: 6px;height: 6px;}

.recommend-lb .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #ea302b;}

.recom-bottom {background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) , rgba(233, 24, 57, 0.11));background-size: 160px 100%;background-repeat: no-repeat;background-position: center right;height: 70px;margin-top: 20px;}

.recom-l {float: left;width: 170px;}

.recom-tit {display: block;color: #333;font-size: 14px;line-height: 22px;height: 40px;overflow: hidden;}

.recom-price {display: block;color: #ea302b;font-weight: bold;font-size: 18px;margin-top: 12px;height: 18px;line-height: 18px;}

.recom-go-pay {float: right;font-size: 14px;color: #e91839;line-height: 70px;margin-right: 20px;}

/* similar-offers */

.similar-offers {padding: 24px 15px 0;}

.offers-rank-tab {width: 100%;height: 40px;border-radius: 4px;border: solid 1px #f0f0f0;line-height: 40px;display: table;margin-top: 25px;}

.offers-rank-tab span {display: table-cell;text-align: center;font-size: 14px;color: #999;position: relative;cursor: pointer;}

.offers-rank-tab span.active:before,.offers-rank-tab span:hover:before {content: "";position: absolute;top: 50%;left: 20%;width: 4px;height: 4px;background: #ed1f40;border-radius: 50%;transform: translateY(-50%);}

.offers-rank-tab span.active,.offers-rank-tab span:hover {color: #ed1f40;}

.offers-list li {overflow: hidden;border-top: 1px solid #eaeaea;padding: 20px 0;}

.offers-list li:first-child {border: none;}

.offers-img {float: left;width: 90px;height: 90px;position: relative;overflow: hidden;}

.offers-img img {display: block;width: auto;height: 100%;min-width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.offers-r {float: left;width: 200px;margin-left: 15px;}

.offers-title {font-size: 14px;color: #333;line-height: 20px;height: 40px;overflow: hidden;display: block;margin-top: 5px;}

.offers-price {color: #e9193a;font-size: 14px;}

.offers-price em {font-size: 18px;}

.offers-r-pay s {color: #a7a7a7;margin-left: 10px;}

.offers-r-pay {margin-top: 20px;}

.offers-list.active {display: block;}

.offers-list {display: none;}

/* hot-label */

.hot-label {padding: 24px 15px 30px;border-top: 1px solid #f0f0f0;}

.label-list a {float: left;width: 94px;height: 33px;border-radius: 16.5px;border: solid 1px #f0f0f0;margin: 15px 0 0 10px;text-align: center;line-height: 33px;color: #999;font-size: 14px;transition: all .3s ease;}

.label-list {overflow: hidden;margin: 15px 0 0 -10px;}

.label-list a:hover {color: #fff;background: #ed1f40;border-color: #ed1f40;}

/* hot-wz */

.hot-wz {padding: 24px 15px 0;border-top: 1px solid #f0f0f0;}

.hotwz-list {overflow: hidden;margin: 9px 0 0 -10px;padding-bottom: 35px;}

.hotwz-list li {float: left;box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.07);width: 150px;margin: 20px 0 0 10px;padding-bottom: 15px;}

.hotwz-list li img {display: block;width: 100%;height: auto;min-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.hotwz-list li h5 {display: block;font-weight: normal;padding: 10px 12px 0;overflow: hidden;color: #666;font-size: 14px;line-height: 19px;height: 36px;}

.hotwz-list .relimg-ds {width: 100%;height: 95px;position: relative;overflow: hidden;}

/* people-use */

.people-use {padding: 24px 15px 0;border-top: 1px solid #f0f0f0;}

.peo-top img {display: block;width: 100%;height: 150px;}

.peo-top-b {overflow: hidden;}

.peo-top-b h5 {float: left;width: 186px;color: #333;font-size: 14px;line-height: 46px;font-weight: normal;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin: 0 14px;}

.peo-top-b span {float: right;width: 94px;text-align: center;height: 46px;line-height: 46px;color: #fff;font-size: 14px;background: #cd9355;}

.peo-top {border: solid 1px #cd9355;margin-top: 25px;}

.peo-list li a {display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 14px;color: #666;position: relative;text-indent: 11px;height: 34px;line-height: 34px;}

.peo-list {overflow: hidden;margin-top: 20px;padding-bottom: 20px;}

.peo-list li a:before {content: "";position: absolute;top: 50%;left: 0;background: #5e5e5e;width: 2px;height: 2px;transform: translateY(-50%);transition: all .3s ease;}

.peo-list li:hover a:before {border: 4px solid #f03d55;border-color: transparent transparent transparent #f03d55;background: transparent;left: 10px;}

.peo-list li:hover a {text-indent: 25px;color: #333;font-weight: bold;transition: all .3s ease;}

.peo-top .relimg-ds {width: 100%;height: 150px;overflow: hidden;position: relative;}

/* week-rank */

.week-rank {padding: 24px 15px 0;border-top: 1px solid #f0f0f0;}

.week-top {overflow: hidden;margin-top: 10px;}

.week-top li {overflow: hidden;margin-top: 16px;}

.week-img {float: left;display: block;width: 110px;height: 70px;overflow: hidden;position: relative;}

.week-img img {display: block;width: 100%;height: auto;min-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.week-r {float: left;margin-left: 15px;}

.week-title {display: block;color: #333;font-size: 12px;line-height: 19px;height: 35px;overflow: hidden;width: 184px;}

.week-time {display: block;margin-top: 16px;color: #999;font-size: 12px;height: 12px;line-height: 12px;}

.week-bottom li a {display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 14px;color: #666;position: relative;text-indent: 11px;height: 34px;line-height: 34px;}

.week-bottom {overflow: hidden;margin-top: 20px;padding-bottom: 20px;}

.week-bottom li a:before {content: "";position: absolute;top: 50%;left: 0;background: #5e5e5e;width: 2px;height: 2px;transform: translateY(-50%);transition: all .3s ease;}

.week-bottom li:hover a:before {border: 4px solid #f03d55;border-color: transparent transparent transparent #f03d55;background: transparent;left: 10px;}

.week-bottom li:hover a {text-indent: 25px;color: #333;font-weight: bold;transition: all .3s ease;}

/* pinpai */

.fix-box {width: 1200px;margin: 0 auto 10px;background: #fff;height: 54px;}

.fix .relative-tab {position: fixed;top: 0;box-shadow: 0rem 0.23rem 0.38rem 0.02rem rgba(0, 0, 0, 0.13);width: 1200px;z-index: 9;}

.listtitle {display: block;padding: 20px 0;border-bottom: 1px solid #f8f8f8;}

.listtitle h5 {position: relative;display: block;font-weight: normal;font-size: 16px;color: #333;text-indent: 50px;height: 17px;line-height: 17px;}

.listtitle h5 i {font-style: normal;color: #ec1d3e;}

.listtitle h5:before {content: "";position: absolute;top: 50%;left: 30px;width: 4px;height: 17px;background: #ea1b3b;transform: translateY(-50%);}

.type-list {width: 790px;background: #fff;box-shadow: 0px 0px 12.9px 0.1px rgba(0, 0, 0, 0.07);border-radius: 5px;position: absolute;z-index: 2;transition: height .3s ease;height: 50px;overflow: hidden;}

.type-list-tip {float: left;height: 50px;line-height: 50px;margin-left: 18px;color: #999;font-size: 14px;}

.type-cen {float: left;overflow: hidden;width: 600px;margin-left: 64px;}

.typelist-list a {float: left;font-size: 14px;color: #333;margin: 20px 0 0 36px;}

.typelist-list a.active {color: #ea1b3b;}

.type-list:after {content: "";clear: both;display: block;}

.typelist-list {margin: -4px 0 0 -36px;overflow: hidden;}

.typelist-close {display: block;text-align: center;position: relative;font-size: 12px;color: #999;height: 30px;line-height: 30px;margin: 15px 0;cursor: pointer;transition: background .3s ease;}

.type-list-all {float: right;margin-right: 20px;font-size: 12px;color: #999;height: 50px;line-height: 50px;padding-left: 18px;position: relative;cursor: pointer;}

.type-list-all:before {content: "";position: absolute;top: 50%;left: 0;border: 5px solid #c5c5c5;border-color: #c5c5c5 transparent transparent;}

.typelist-close:before {content: "";position: absolute;top: 50%;left: 45%;border: 5px solid #c5c5c5;border-color: transparent transparent #c5c5c5;transform: translateY(-75%);}

.typelist-close:hover {background: #f9f9f9;}

.typelist-box {display: block;width: 790px;margin: 20px auto 0;height: 50px;}

.pinpai-info {padding: 24px 15px 15px;}

.pinpai-txt {height: 220px;overflow: hidden;}

.pinpai-txt p {font-size: 14px;color: #666;line-height: 26px;}

.pinpai-box {margin-top: 25px;background: #fff;padding-bottom: 20px;}

.pinpai-box.active .pinpai-txt {height: auto;}

.pinpai-box.active .pinpai-all:before {display: none;}

.pinpai-all {display: block;color: #d6a674;font-size: 14px;text-align: center;height: 20px;line-height: 20px;position: relative;cursor: pointer;}

.pinpai-all:before {content: "";display: block;width: 100%;height: 70px;position: absolute;bottom: 20px;left: 0;background: -webkit-gradient(linear, 0% 0%, 0% 82%, from(rgba(255, 255, 255, 0)), to(#fff));}

.pinpai-all:after {content: "";position: absolute;top: 50%;left: 35%;border: 1px solid #d6a674;width: 7px;height: 7px;transform: translateY(-75%) rotate(45deg);border-color: transparent #d6a674 #d6a674 transparent;}

/* pphead */

.pphead-bg {background-repeat: no-repeat;background-size: auto 100%;background-position: center right;filter: grayscale(1);position: absolute;top: 0;right: 0;z-index: 0;width: 200px;height: 100%;opacity: .1;}

.pphead-bg:after {content: "";position: absolute;top: 0;left: 0;width: 80%;height: 100%;background: linear-gradient(90deg, white, transparent);}

.pphead {width: 1200px;margin: 10px auto;overflow: hidden;position: relative;background: #fff;padding: 30px 0;}

.ppimg {float: left;width: 150px;height: 150px;border: solid 1px #f0f0f0;position: relative;margin-left: 30px;}

.ppimg img {display: block;width: 100%;height: auto;min-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.pp-r {float: left;width: 958px;margin-left: 30px;}

.pp-title {display: block;overflow: hidden;margin-top: 10px;}

.pp-title h1 {float: left;font-size: 18px;color: #333;height: 25px;line-height: 25px;font-weight: normal;max-width: 870px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.pp-like {float: left;width: 62px;height: 23px;border-radius: 30px;border: solid 1px #ee2243;text-indent: 26px;line-height: 23px;color: #ee2243;font-size: 12px;position: relative;margin-left: 20px;}

.pp-like:before {content: "";position: absolute;top: 50%;left: 10px;width: 10px;height: 8px;transform: translateY(-50%);background: url(../img/jlt.png) -22px -15px no-repeat;}

.pp-txt {display: block;font-size: 14px;line-height: 26px;color: #666;height: 50px;overflow: hidden;margin-top: 20px;}

.pp-txt em {color: #999;font-size: 14px;line-height: 26px;}

.pp-likenum {display: block;color: #999;font-size: 12px;height: 12px;line-height: 12px;position: relative;text-indent: 22px;margin-top: 25px;}

.pp-likenum em {color: #eb1c3d;margin-right: 5px;}

.pp-likenum:before {content: "";position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 14px;height: 12px;background: url(../img/jlt.png) -22px -28px no-repeat;}

/* pinpai-list */

.pinpai-list {overflow: hidden;margin-top: -40px;}

.pinpai-list li {margin: 40px 0 0 30px;float: left;width: 175px;overflow: hidden;position: relative;}

.pinpai-list li .source-tip {top: 0;left: 0;}

.pp-img {width: 175px;height: 175px;position: relative;display: block;}

.pp-img img {display: block;width: 100%;height: auto;min-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.ppitem-title {font-size: 14px;line-height: 23px;height: 42px;color: #333;margin-top: 15px;display: block;overflow: hidden;}

.pp-bottom {overflow: hidden;margin-top: 25px;}

.pp-price {float: left;color: #ee2142;font-size: 14px;height: 18px;}

.pp-bottom .gopay-btn {font-size: 12px;float: right;color: #ee2142;}

.pp-price b {font-size: 18px;height: 18px;line-height: 18px;display: inline-block;}

.pp-zan {float: right;position: relative;color: #d0a066;font-size: 12px;height: 17px;text-indent: 26px;}

.pp-zan:before {content: "";position: absolute;bottom: 0;left: 0;background: url(../img/jlt.png) -22px -45px no-repeat;width: 17px;height: 17px;}

.pinpailist-all {display: block;text-align: center;width: 791px;height: 45px;background: #f8f8f8;border-radius: 3px;line-height: 45px;margin: 50px auto 0;cursor: pointer;font-size: 12px;color: #666;position: relative;}

.pinpailist-all:hover{color: #666;}

.pinpailist-all:before {content: "";position: absolute;top: 50%;left: 44%;width: 12px;height: 12px;border-radius: 50%;border: 1px solid #666;transform: translateY(-50%);}

.pinpailist-all:after {content: "+";position: absolute;top: 50%;left: 44.1%;width: 12px;height: 12px;font-size: 14px;line-height: 12px;transform: translateY(-50%);}

/*discount-info*/
/*discount-info*/
.discount-info {border-top: 10px solid #f8f8f8;padding-bottom: 20px;}
.dis-list {overflow: hidden;}
.dis-list li {border-bottom: 2px solid #f8f8f8;overflow: hidden;padding: 30px;position: relative;}
.dis-list .source-tip {height: 20px;line-height: 20px;}
.dis-img {width: 175px;height: 175px;float: left;position: relative;overflow: hidden;}
.dis-img img {display: block;width: 100%;height: auto;min-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.dis-r {float: left;margin-left: 20px;width: 595px;overflow: hidden;}
.dis-title {display: block;color: #111;font-size: 18px;height: 20px;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.dis-coupon {display: block;color: #ee2142;font-size: 18px;height: 20px;line-height: 20px;margin-top: 10px;}
.dis-coupon em {display: inline-block;position: relative;width: 66px;height: 20px;background: #ff7800;font-size: 12px;color: #fff;text-align: center;line-height: 20px;border-radius: 1px;margin-left: 10px;}
.dis-coupon em:before,.rd-coupon em:after {content: "";position: absolute;top: 50%;left: 0;transform: translate(-50%,-50%);background: #f8f8f8;width: 6px;height: 6px;border-radius: 50%;}
.dis-coupon em:after {left: auto;right: 0;transform: translate(50%,-50%);}
.dis-txt {display: block;color: #666;font-size: 12px;line-height: 23px;margin-top: 15px;overflow: hidden;height: 40px;}
.dis-foot {overflow: hidden;font-size: 12px;color: #999;height: 30px;line-height: 30px;margin-top: 30px;}
.dis-source {float: left;color: #999;font-size: 12px;margin-right: 24px;}
.dis-time {float: left;}
.dis-btn {float: right;width: 86px;height: 28px;text-align: center;color: #ee213e;transition: all .3s ease;border: solid 1px #ee213e;line-height: 28px;}
.dis-list li:hover .dis-btn {background: #ee213e;color: #fff;}
.dis-discount {display: block;color: #ee2142;font-size: 16px;height: 16px;line-height: 16px;margin-top: 18px;text-indent: 26px;position: relative;}
.dis-discount:before {content: "";width: 15px;height: 14px;position: absolute;top: 50%;left: 0;background: url(../img/jlt.png) -45px -21px no-repeat;transform: translateY(-50%);}
.itemhead-price {color: #ee2142;padding-left: 26px;position: relative;display: block;font-size: 22px;line-height: 22px;margin-top: 15px;white-space: nowrap;text-align: justify;}
.itemhead-price:before {content: "";width: 15px;height: 14px;position: absolute;top: 4px;left: 6px;background: url(../img/jlt.png) -45px -21px no-repeat;}