@charset "UTF-8";
.top {
  height: 90px;
  background-color: #fff;
}
.top .logo {
  height: 90px;
}
.top .logo .logo_1 {
  height: 40px;
  width: 90px;
  margin-right: 40px;
}
.top .logo .logo_2 {
  width: 180px;
}
.top .menu {
  margin-right: 0;
  width: 50%;
  text-align: right;
}
.top .menu ul {
  margin-right: 0;
  width: 100%;
  justify-content: right;
}
.top .menu ul li {
  margin: 0 30px;
}
.top .menu ul li .icon {
  position: relative;
  top: -10px;
}
.top .menu ul li .icon img {
  width: 30px;
  height: 20px;
}
.top .kefu span {
  color: var(--main-red);
}

.banner {
  background-color: var(--main-red);
}
.banner .banner_wrap {
  position: relative;
  height: 475px;
}
.banner .banner_wrap .item {
  position: absolute;
  z-index: 200;
  left: 0;
  top: 0;
}
.banner .banner_wrap .item .img-title {
  margin-top: 70px;
  height: 98px;
  width: auto;
}
.banner .banner_wrap .item .text {
  font-size: 30px;
  color: #fff;
}
.banner .banner_wrap .bg {
  width: 100%;
  height: 475px;
  position: absolute;
  left: 0;
  top: 0;
}
.banner .banner_wrap .bg img {
  width: 100%;
  height: 100%;
}
.banner .banner_wrap .banner_btn {
  position: absolute;
  z-index: 100;
  bottom: 120px;
}
.banner .banner_wrap .banner_btn a {
  height: 55px;
  line-height: 55px;
  width: 175px;
  border-radius: 10px;
  display: inline-block;
  text-align: center;
  margin-right: 30px;
  font-size: 18px;
}
.banner .banner_wrap .banner_btn a.order {
  background-color: #fff;
  color: var(--main-red);
  border: 1px solid #fff;
}
.banner .banner_wrap .banner_btn a.order:hover {
  background-color: var(--main-red);
  color: #fff;
}
.banner .banner_wrap .banner_btn a.wx_kefu {
  background-color: var(--main-red);
  color: #fff;
  border: 1px solid #fff;
  position: relative;
}
.banner .banner_wrap .banner_btn a.wx_kefu:hover {
  background-color: #fff;
  color: var(--main-red);
}
.banner .banner_wrap .banner_btn a .qrcodeDiglog {
  display: none;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 55px;
  width: 175px;
  padding: 20px;
  text-align: center;
  border-radius: 10px;
}
.banner .banner_wrap .banner_btn a .qrcodeDiglog img {
  width: 100%;
  display: block;
}
.banner .banner_wrap .banner_btn a .qrcodeDiglog p {
  color: #000;
  margin-top: 10px;
  line-height: 100%;
}

.page_title {
  margin-bottom: 60px;
}
.page_title .main {
  font-size: 30px;
  margin-bottom: 10px;
  font-weight: bold;
}
.page_title .sub {
  font-size: 18px;
}

.index_page {
  padding: 50px 0;
}

.delivery {
  padding-bottom: 70px;
}
.delivery .delivery_item {
  padding: 0 30px;
  background-color: #fff;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
  height: 160px;
}
.delivery .delivery_item .icon {
  width: 60px;
  height: 60px;
  margin-right: 10px;
}
.delivery .delivery_item .icon img {
  width: 100%;
  height: 100%;
}
.delivery .delivery_item .text .main {
  font-size: 18px;
  margin-bottom: 5px;
}

.flower-type .item {
  width: 380px;
  height: 160px;
  background-color: #ddd;
  border-radius: 10px;
  padding: 25px;
}
.flower-type .item .icon {
  width: 110px;
  height: 110px;
  margin-right: 20px;
}
.flower-type .item .icon img {
  width: 100%;
  height: 100%;
}
.flower-type .item .text {
  padding-top: 10px;
}
.flower-type .item .text .main,
.flower-type .item .text .sub {
  padding-left: 10px;
  margin-bottom: 5px;
}
.flower-type .item .text .link-btn {
  width: 130px;
  height: 40px;
  border-radius: 50px;
  background-color: #ff99a6;
  color: #fff;
  text-align: center;
  line-height: 40px;
  font-size: 18px;
  cursor: pointer;
}
.flower-type .item.item-1 {
  background-color: #ffeaf5;
}
.flower-type .item.item-1 .link-btn {
  background-color: #ff99a6;
}
.flower-type .item.item-2 {
  background-color: #fff4ec;
}
.flower-type .item.item-2 .link-btn {
  background-color: #ffbe99;
}
.flower-type .item.item-3 {
  background-color: #f4f8ff;
}
.flower-type .item.item-3 .link-btn {
  background-color: #99c3ff;
}

.flower-type-banner {
  height: 500px;
  margin-top: 35px;
}
.flower-type-banner img {
  width: 100%;
  height: 100%;
}

.flower-service {
  margin-top: 50px;
}
.flower-service .icon {
  width: 50px;
  height: 50px;
  margin-right: 10px;
}
.flower-service .icon img {
  width: 100%;
  height: 100%;
}

.order-ad {
  height: 124px;
  padding: 25px 0;
}
.order-ad .icon {
  width: 69px;
  height: 69px;
  margin-right: 20px;
}
.order-ad .icon img {
  width: 100%;
  height: 100%;
}
.order-ad .text .title {
  font-size: 28px;
  font-weight: bold;
  color: #fff;
}
.order-ad .text .sub {
  font-size: 14px;
  color: #fff;
}
.order-ad .side-2 {
  font-size: 34px;
  color: #fff;
}
.order-ad .link-btn {
  width: 134px;
  height: 50px;
  line-height: 50px;
  background-color: #fff;
  border-radius: 50px;
  text-align: center;
  color: var(--main-red);
  cursor: pointer;
}
.order-ad .link-btn:hover {
  background-color: var(--main-red);
  color: #fff;
}

.partner {
  padding-top: 60px;
  padding-bottom: 30px;
}
.partner .list ul {
  flex-wrap: wrap;
}
.partner .list li {
  width: 180px;
  height: 64px;
  text-align: center;
  margin-right: 70px;
  margin-bottom: 60px;
}
.partner .list li img {
  width: 100%;
  height: 100%;
}
.partner .list li:nth-child(5n) {
  margin-right: 0;
}
.partner .city span {
  margin-right: 20px;
  display: inline-block;
  min-width:90px;
}
.partner .city span::after {
  content: "|";
  display: inline-block;
  margin-left: 20px;
  color: var(--gray);
}
.partner .city ul {
  flex-wrap: wrap;
}
.partner .city li {
  margin-right: 30px;
}
.partner .city li a {
  font-size: 14px;
  color: #545454;
}
.partner .city li a:hover {
  color: var(--main-red);
}
.partner .city li:last-child {
  margin-right: 0;
}

.footer-page {
  padding-bottom: 20px;
}

.footer {
  justify-content: space-between;
}
.footer .left {
  position: relative;
  width: 30%;
  margin-right: 100px;
}
.footer .left::after {
  content: " ";
  display: block;
  height: 210px;
  border-right: 1px solid #353854;
  width: 100%;
  position: absolute;
  right: 0;
  top: 20px;
}
.footer .left .logo {
  margin-bottom: 25px;
}
.footer .left .logo img {
  width: 110px;
  height: 55px;
  display: block;
  margin-right: 30px;
}
.footer .left .logo .logo-text {
  margin-top: 20px;
  color: #fff;
  font-size: 18px;
}
.footer .left .qrcode .qrcode-img {
  margin-right: 50px;
  text-align: center;
}
.footer .left .qrcode .qrcode-img img {
  width: 120px;
  height: 120px;
}
.footer .left .qrcode .qrcode-img .qrcode-text {
  color: #fff;
}
.footer .midi {
  width: 30%;
  align-items: flex-start;
}
.footer .midi dl {
  color: #fff;
  margin-right: 80px;
  padding-top: 30px;
}
.footer .midi dl dt {
  margin-bottom: 15px;
  font-size: 16px;
}
.footer .midi dl dd {
  font-size: 14px;
  color: #fff;
  margin-bottom: 10px;
}
.footer .midi dl dd a {
  color: #fff;
}
.footer .right {
  width: 30%;
  padding-top: 20px;
  padding-left: 30px;
}
.footer .right .company-info .tel {
  color: #fff;
  margin-bottom: 10px;
}
.footer .right .company-info .tel span:first-child {
  font-weight: bold;
  margin-right: 20px;
}
.footer .right .company-info .tel span:last-child {
  font-size: 28px;
}
.footer .right .company-info .cooperate li {
  color: #ddd;
  margin-bottom: 8px;
  font-size: 14px;
}
.footer .right .company-info .cooperate li img {
  width: 20px;
  height: 20px;
  position: relative;
  top: 5px;
}
.footer .right .company-info .cooperate li a{color: #ddd!important;}

.copyright {
  padding: 20px 0;
  margin-top: 30px;
  border-top: 1px solid #353854;
}
.copyright .flink {
  color: #64677b;
}
.copyright .flink ul li {
  display: inline-block;
  margin-left: 15px;
}
.copyright .flink ul li a {
  color: #64677b;
  font-size: 14px;
}
.copyright .copyright-text {
  text-align: center;
  margin-top: 20px;
  color: #64677b;
  font-size: 14px;
}

/**
* 内页样式
*/
.page-nav {
  padding: 20px 0;
  font-size: 13px;
  color: var(--gray);
}
.page-nav a {
  font-size: 13px;
  color: var(--gray);
}

.inner-ad {
  width: 100%;
  margin-bottom: 30px;
}
.inner-ad img {
  display: block;
  width: 100%;
}

.pic-list {
  padding-bottom: 50px;
  padding-top: 30px;
}
.pic-list ul {
  justify-content: space-between;
  flex-wrap: wrap;
}
.pic-list ul li {
  width: 278px;
  background-color: #fff;
  margin-bottom: 35px;
  /* 如果最后一行是2个元素 */
}
.pic-list ul li:last-child:nth-child(4n-1) {
  margin-right: 25.6666666667%;
}
.pic-list ul li:last-child:nth-child(4n-2) {
  margin-right: 51.3333333333%;
}
.pic-list ul li a:hover {
  color: var(--black);
}
.pic-list ul li .pic {
  width: 278px;
  height: 278px;
  overflow: hidden;
}
.pic-list ul li .pic img {
  width: 100%;
}
.pic-list ul li .info {
  border-radius: 0 0 5px 5px;
  overflow: hidden;
  padding: 10px;
  font-size: 14px;
}
.pic-list ul li .info .text {
  justify-content: space-between;
  margin-bottom: 5px;
}
.pic-list ul li .info .text .price {
  color: #ea1e5b;
}
.pic-list ul li .info .text .sales {
  color: var(--gray);
}
.pic-list .pages {
  margin-top: 20px;
}

.news-list {
  width: 75%;
}
.news-list .news-tabs {
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  border-bottom: 1px solid #f7f4f4;
}
.news-list .news-tabs a {
  color: var(--black);
  font-size: 16px;
  font-weight: bold;
  margin-right: 40px;
}
.news-list .news-tabs a.current {
  color: var(--main-red);
}
.news-list .news-tabs a:hover {
  color: var(--main-red);
}
.news-list ul li {
  justify-content: space-between;
  padding: 20px;
  border-bottom: 1px solid #f7f4f4;
}
.news-list ul li .pic {
  width: 150px;
  height: 100px;
}
.news-list ul li .pic img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit:cover;
  object-fit:cover;
}
.news-list ul li .text {
  width: calc(100% - 20px - 150px);
}
.news-list ul li .text .title {
  font-size: 16px;
  color: var(--black);
  margin-bottom: 10px;
  font-weight:600;
}
.news-list ul li .text .desc {
  font-size: 12px;
  color: var(--gray);
  margin-bottom: 10px;
}
.news-list ul li .text .info {
  color: #757575;
  font-size: 12px;
}
.news-list .pages {
  margin-top: 40px;
  margin-bottom: 40px;
}

.latest-list {
  width: 24%;
}
.latest-list .block {
  margin-bottom: 13px;
}
.latest-list .title {
  line-height: 50px;
  height: 50px;
  border: 1px solid #f7f4f4;
  padding: 0 15px;
  font-weight: bold;
}
.latest-list .title .more {
  font-weight: normal;
  font-size: 14px;
  color: var(--gray);
}
.latest-list .title .more:hover {
  color: var(--main-red);
}
.latest-list .item {
  padding: 15px;
}
.latest-list .item li {
  margin-bottom: 15px;
}
.latest-list .item li:last-child {
  margin-bottom: 0;
}
.latest-list .item .pic {
  width: 80px;
  height: 53px;
}
.latest-list .item .pic img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit:cover;
  object-fit:cover;
}
.latest-list .item .text {
  width: calc(100% - 80px - 10px);
}
.latest-list .item .text a {
  font-size: 14px;
}

.city-title {
  height: 50px;
  line-height: 50px;
  background-color: #f8f8f8;
  font-size: 16px;
  font-weight: bold;
  padding: 0 30px;
  border-radius: 5px;
  margin-bottom: 30px;
}

.city-list dl {
  margin-bottom: 20px;
}
.city-list dl dt {
  width: 8%;
  align-items: center;
}
.city-list dl dt a {
  display: inline-block;
  width: 80px;
  height: 30px;
  line-height: 30px;
  background-color: #fff4f6;
  color: var(--main-red);
  font-size: 14px;
  text-align: center;
  border-radius: 5px;
}
.city-list dl dd {
  width: 92%;
  line-height: 30px;
}
.city-list dl dd a {
  font-size: 14px;
  padding: 0 15px;
}

.topic-list {
  width: 75%;
}
.topic-list .topic-title {
  height: 50px;
  line-height: 50px;
  width: 100%;
  border-bottom: 2px solid #f45d6a;
}
.topic-list .topic-title span {
  display: block;
  width: 140px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  background-color: #f45d6a;
}
.topic-list .list {
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.topic-list .list li {
  line-height: 60px;
  width: 33.3333333333%;
  padding: 0 30px;
  text-align: center;
  border-bottom: 1px solid #f7f4f4;
}
.topic-list .pages {
  margin-bottom: 30px;
}

.news-show {
  width: 75%;
}
.news-show .show-title {
  padding: 30px;
  border-bottom: 1px solid #f7f4f4;
}
.news-show .show-title h1 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
.news-show .show-title .show-info span {
  margin-right: 30px;
  color: var(--gray);
  font-size: 14px;
}
.news-show .show-content {
  padding: 30px;
}
.news-show .show-content .show-ad {
  width: 100%;
}
.news-show .show-content .show-ad img {
  width: 100%;
  border-radius: 5px;
}
.news-show .show-content .content {
  word-spacing: 8px;
  font-size: 16px;
  color: #333333;
  text-align: justify;
  line-height: 32px;
  letter-spacing: 1px;
  margin-bottom: 20px;
  /* margin-top: 20px; */
}
.news-show .show-content .content img {
  max-width: 70%;
  margin: 0 auto;
  display: block;
}
.news-show .show-content .content p {
	word-spacing: 8px;
	font-size: 16px;
	color: #333333;
	text-align: justify;
	line-height: 32px;
	letter-spacing: 1px;
	margin-bottom: 20px;
}
.news-show .relation {
  padding: 20px 30px;
  margin-top: 13px;
}
.news-show .relation .next,
.news-show .relation .prev {
  font-size: 14px;
}
.news-show .relation .prev {
  margin-bottom: 15px;
}
.news-show .you-like {
  margin-top: 13px;
  margin-bottom: 30px;
}
.news-show .you-like .title {
  line-height: 50px;
  height: 50px;
  border: 1px solid #f7f4f4;
  padding: 0 15px;
  font-weight: bold;
}
.news-show .you-like .title .more {
  font-weight: normal;
  font-size: 14px;
  color: var(--gray);
}
.news-show .you-like .title .more:hover {
  color: var(--main-red);
}
.news-show .you-like .list ul {
  flex-wrap: wrap;
  padding: 20px 30px 10px;
}
.news-show .you-like .list li {
  width: 48%;
  margin-bottom: 15px;
}
.news-show .you-like .list li:last-child {
  margin-bottom: 0;
}
.news-show .you-like .list .pic {
  width: 110px;
  height: 73px;
}
.news-show .you-like .list .pic img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit:cover;
  object-fit:cover;
}
.news-show .you-like .list .text {
  width: calc(100% - 110px - 10px);
  height: 48px;
}
.news-show .you-like .list .text a {
  font-size: 14px;
}

.city-page {
  background: linear-gradient(180deg, rgb(255, 255, 255) 22%, rgb(248, 248, 248) 24%);
}
.city-page .delivery {
  padding-bottom: 30px;
}
.city-page .city-flower {
  /* padding: 30px 0; */
}
.city-page .pic-list {
  padding-bottom: 0;
}

.city-news {
  padding-top: 50px;
  padding-bottom: 30px;
}
.city-news .list .item {
  width: 33.3333333333%;
}
.city-news .list .pic {
  width: 390px;
  height: 145px;
  line-height: 145px;
  background-size: contain;
  text-align: center;
  font-size: 24px;
  color: #fff;
  margin-bottom: 10px;
}
.city-news .list .pic.pic-1 {
  background: url(../images/bg_city_news_1.png) no-repeat center;
}
.city-news .list .pic.pic-2 {
  background: url(../images/bg_city_news_2.png) no-repeat center;
}
.city-news .list .pic.pic-3 {
  background: url(../images/bg_city_news_3.png) no-repeat center;
}
.city-news .list ul li {
  margin-bottom: 10px;
}
.city-news .list ul li a {
  font-size: 16px;
}
.city-news .list ul li a:hover {
  color: var(--main-red);
}

.recommend {
  margin-top: 30px;
}
.recommend dl {
  margin-bottom: 20px;
}
.recommend dl dt {
  font-size: 16px;
  font-weight: bold;
  width: 10%;
  position: relative;
}
.recommend dl dt::after {
  width: 1px;
  height: 14px;
  content: " ";
  display: block;
  background-color: #d3d3d3;
  font-size: 14px;
  position: absolute;
  right: 20%;
  top: 5px;
}
.recommend dl dd {
  width: 90%;
}
.recommend dl dd a {
  font-size: 14px;
  padding: 5px 15px;
  background-color: #f1f1f1;
  border-radius: 20px;
  margin-right: 10px;
  display: inline-block;
  width: 115px;
}
.recommend dl dd a:hover {
  color: var(--main-red);
}
.recommend dl dd span {
  font-size: 14px;
  margin-right: 15px;
  color: #a5a5a5;
}

.topic-content {
  width: 75%;
  margin-bottom: 20px;
}
.topic-content .topic-title {
  height: 50px;
  line-height: 50px;
  border-bottom: 2px solid #f45d6a;
  background-color: #fff;
}
.topic-content .topic-title span {
  display: block;
  width: 140px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  background-color: #f45d6a;
}
.topic-content .topic-title span.time {
  background: none;
  color: var(--gray);
  width: auto;
  font-size: 14px;
  font-weight: normal;
  padding-right: 20px;
}
.topic-content .content {
  width: 100%;
  padding: 20px;
  font-size: 16px;
  min-height: 375px;
  line-height: 1.8;
}
.topic-content .content p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 12;
  
  word-spacing: 8px;
	font-size: 16px;
	color: #333333;
	text-align: justify;
	line-height: 32px;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

.topic-side {
  width: 24%;
}
.topic-side .miniapp-img {
  height: 248px;
  text-align: center;
  padding: 15px;
  margin-bottom: 10px;
}
.topic-side .miniapp-img img {
  width: 130px;
  height: 130px;
  margin-bottom: 10px;
}
.topic-side .miniapp-img .text {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
}
.topic-side .miniapp-img .sub {
  font-size: 12px;
  color: var(--gray);
}
.topic-side .gzh {
  padding: 20px;
  background-color: #fff;
  height: 167px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}
.topic-side .gzh .item img {
  width: 100px;
  height: 100px;
  margin-top: 10px;
}

.goods .goods-slider {
  width: 460px;
  position: relative;
}
.goods .goods-slider .bd {
  margin-bottom: 10px;
}
.goods .goods-slider .bd li a {
  display: block;
  width: 460px;
  height: 460px;
  background-size: 100% 100% !important;
  border-radius: 10px;
  overflow: hidden;
}
.goods .goods-slider .hd {
  width: 100%;
  bottom: 10px;
}
.goods .goods-slider .hd ul li {
  margin-right: 10px;
  cursor: pointer;
  border-radius: 10px;
  overflow: hidden;
  border: 2px solid #fff;
}
.goods .goods-slider .hd ul li img {
  width: 68px;
  height: 68px;
  border-radius: 10px;
  display: block;
}
.goods .goods-slider .hd ul li.on {
  border: 2px solid #ea1e5b;
}
.goods .goods-info {
  width: 705px;
}
.goods .goods-info .title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 15px;
}
.goods .goods-info .tags {
  margin-bottom: 15px;
}
.goods .goods-info .tags span {
  display: inline-block;
  width: 142px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #ea1e5b;
  border: 1px solid #ea1e5b;
  background-color: #fff4f6;
  border-radius: 5px;
  font-size: 14px;
  margin-right: 20px;
}
.goods .goods-info .info {
  background-color: #f8f8f8;
  padding: 20px 30px;
  margin-bottom: 15px;
}
.goods .goods-info .info .text {
  width: 75%;
}
.goods .goods-info .info .text .tips {
  color: #71797f;
  font-size: 14px;
  margin-bottom: 10px;
}
.goods .goods-info .info .text .tips:last-child {
  margin-bottom: 0;
}
.goods .goods-info .info .price {
  font-size: 14px;
  color: #71797f;
  margin-bottom: 20px;
}
.goods .goods-info .info .price .price-1 em {
  font-style: normal;
  position: relative;
  top: -2px;
  margin-right: 10px;
}
.goods .goods-info .info .price .price-1 span {
  font-size: 30px;
  font-weight: bold;
  color: #ea1e5b;
}
.goods .goods-info .info .price .price-1 span i {
  font-size: 20px;
  font-style: normal;
}
.goods .goods-info .info .price .price-2 {
  text-decoration: line-through;
}
.goods .goods-info .info .qrcode {
  width: 25%;
  text-align: right;
}
.goods .goods-info .info .qrcode img {
  width: 120px;
  height: 120px;
}
.goods .coupon {
  width: 630px;
  height: 45px;
  padding: 0 20px;
  align-items: center;
  margin-bottom: 40px;
  background: linear-gradient(90deg, rgb(255, 244, 246) 58%, rgb(255, 245, 246) 85%, rgb(255, 252, 253) 100%);
  color: #5a5a5a;
}
.goods .coupon i {
  font-style: normal;
}
.goods .coupon .icon-1 {
  margin-right: 5px;
}
.goods .coupon .icon-1 img {
  width: 20px;
  height: 20px;
  display: block;
}
.goods .coupon .icon-2 {
  margin: 0 20px;
  background: url(../images/icon_coupon_2.png) no-repeat center center;
  background-size: contain;
  width: 138px;
  height: 28px;
  line-height: 28px;
  display: block;
  text-align: right;
  padding-right: 3px;
  color: var(--main-red);
}
.goods .coupon .get {
  margin-right: 0;
  color: var(--main-red);
  width: 38px;
  cursor: pointer;
}
.goods .coupon .get .fa {
  font-size: 20px;
}
.goods .order {
  width: 540px;
}
.goods .order a {
  display: block;
  width: 240px;
  height: 55px;
  text-align: center;
  line-height: 55px;
  font-size: 16px;
  color: #fff;
  /*background: linear-gradient(90deg, rgb(255, 81, 119) 0%, rgb(255, 43, 80) 100%, rgb(255, 46, 83) 81%, rgb(255, 48, 85) 60%);*/
  background: #ea1e5b;
  color: #fff;
  border-radius: 30px;
  font-weight: bold;
  border: 1px solid #fff;
}
.goods .order a.kefu-btn {
  border: 1px solid #ea1e5b;
  background: #fff;
  color: #ea1e5b;
}

.detail {
  margin-top: 30px;
}
.detail .detail-slider {
  width: 380px;
}
.detail .detail-slider ul {
  padding: 50px 30px 30px 90px;
  background-color: #f8f8f8;
}
.detail .detail-slider ul li {
  margin-bottom: 30px;
}
.detail .detail-slider ul li .pic {
  width: 190px;
  height: 190px;
  margin-bottom: 15px;
}
.detail .detail-slider ul li .pic img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 5px;
  overflow: hidden;
}
.detail .detail-slider ul li .price {
  font-weight: bold;
  font-size: 14px;
  color: #ea1e5b;
}
.detail .detail-content {
  width: 800px;
}
.detail .detail-content img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.detail .detail-content .title {
  height: 50px;
  line-height: 50px;
  background-color: #f8f8f8;
  padding-left: 30px;
}
.detail .detail-content .title span {
  display: inline-block;
  position: relative;
  font-size: 16px;
  font-weight: bold;
}
.detail .detail-content .title span::after {
  display: block;
  content: " ";
  width: 100%;
  height: 3px;
  background-color: var(--main-red);
  position: absolute;
  margin-top: -3px;
}

.detail-recommend {
  margin-bottom: 50px;
}

.show-coupondata {
  cursor: pointer;
  width: 100%;
  height: 50px;
  padding: 0 20px;
  align-items: center;
  color: #5a5a5a;
  background: linear-gradient(90deg, rgb(255, 244, 246) 58%, rgb(255, 245, 246) 85%, rgb(255, 252, 253) 100%);
}
.show-coupondata .left {
  width: 50%;
}
.show-coupondata .right {
  width: 50%;
}
.show-coupondata .right .text {
  font-size: 14px;
  color: var(--main-red);
}
.show-coupondata i {
  font-style: normal;
}
.show-coupondata .icon-1 {
  margin-right: 5px;
}
.show-coupondata .icon-1 img {
  width: 20px;
  height: 20px;
  display: block;
}
.show-coupondata .icon-2 {
  margin: 0 20px;
  background: url(../images/icon_coupon_2.png) no-repeat center center;
  background-size: contain;
  width: 138px;
  height: 28px;
  line-height: 28px;
  display: block;
  text-align: right;
  padding-right: 3px;
  color: var(--main-red);
}
.show-coupondata .get {
  color: var(--main-red);
  width: 77px;
  background-color: #ff2b50;
  color: #fff;
  font-size: 14px;
  text-align: center;
  border-radius: 50px;
  padding: 5px 10px;
  cursor: pointer;
}

.diglog {
  display: none;
  width: 100%;
  height: 100vh;
  z-index: 999;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
}
.diglog::after {
  content: " ";
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.4);
}
.diglog .wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 200;
}
.diglog .wrap .content {
  width: 740px;
  height: 415px;
  background-color: #fff;
  margin: 300px auto 0;
  padding: 40px;
  border-radius: 5px;
  position: absolute;
  bottom: calc(50% - 207px);
  left: calc(50% - 370px);
}
.diglog .wrap .content .fa {
  font-size: 30px;
  position: absolute;
  right: 20px;
  top: 20px;
  font-weight: 100;
  color: var(--gray);
  cursor: pointer;
}
.diglog .wrap .content .h2 {
  text-align: center;
  font-size: 32px;
  font-weight: bold;
}
.diglog .wrap .content .h6 {
  text-align: center;
  font-size: 16px;
  color: var(--gray);
}
.diglog .wrap .content ul {
  margin-top: 50px;
  padding: 0 20px;
}
.diglog .wrap .content ul li {
  width: 150px;
  text-align: center;
}
.diglog .wrap .content ul li p {
  font-size: 16px;
  margin-top: 10px;
  font-weight: bold;
}
.diglog .wrap .content ul li img {
  width: 150px;
  height: 150px;
  display: block;
}
.fl-yuyan{
	padding:5px 0 20px 10px;
}
.fl-yuyan .headdiv{
	height:35px;
	padding:5px 0;
	border-bottom: 1px solid #eee;
}
.fl-yuyan .headdiv span{
	padding-left:40px;
}