@charset "utf-8";
/* ================================ */
/*         可视化编辑样式定义   			*/
/* Author:			JianLing	    */
/* Copyright:		www.yishop.cc	*/
/* Create Date:		May-01-2018		*/
/* ================================ */
/* 公共样式部分 */
[yishop]{background-color:transparent;}
/*.mui-slider{background-color:#fff;}*/
.backgound-image{text-align: center;border: 1px dashed #e2e2e2;height: 82px;line-height: 80px;color: #999;font-size: 14px;}
.backgound-image img{width:320px;height:80px}

/* 标题样式 */
.title-bar{padding:0 4%;height:4.2rem;line-height:4.2rem;background-size: cover;background-position: center center;border: none;margin:0}
.title-bar .title{display: inline-block;font-size: 1.6rem;font-weight: bold;color: #333333;}
.title-bar .sub-title{margin-left:0.5rem;font-size:1.2rem;font-weight: normal;}
.title-bar .arrow{float: right;font-size:1.2rem;color: #666;}
.title-bar .arrow i{font-size:1.8rem;margin:0 -0.7rem 0 -0.4rem;color: #666;}
.title-center{text-align: center;padding-top: 0.2rem;background-position: center;background-repeat: no-repeat}
.title-center .title{line-height:2rem}
.title-center .sub-title{display: block;}
.title-center .arrow{display: none}

/* 模块区域 */
.block-box{}
/* 首页头部 */
.home-header{padding:0.8rem 0 1.2rem;background-color: #FFFFFF;}
.home-header .icon{float:left;width: 15%;text-align: center;}
.home-header .icon img{width: 3.5rem; height: 3.5rem;border-radius: 100%;}
.home-header .search-input{background-color:#f5f5f5;display: inline-block;height:3.5rem;width:72.5%;border-radius:0.3rem}
.home-header .search-input .input{border:none;background-color:#f5f5f5;color:#999;height: 3.5rem;border-radius: 0.3rem;line-height: 3.5rem;font-size: 1.4rem;}
.home-header .search-input .button{float: left;height: 1.5rem;margin:1rem 0.4rem 0 1rem;}
.home-header .notice{float:right;width: 12%;text-align: center;position: relative;}
.home-header .notice img{width:2.2rem;margin-top: 0.7rem;}
.home-header .notice h4{position: absolute;top: 0.2rem;right:1.2rem;display: none;width: 0.8rem;height: 0.8rem;border-radius: 60rem;background-color: #DD2B2B;}

/*新版头部*/
.index-header{padding: 0.5rem 1.5rem;background: #FFFFFF;}
.index-header .layui-form{background: #FFFFFF;border-radius: 5rem;overflow: auto;border: 0.2rem solid #E85656;display: block;}
.index-header .layui-form .layui-input{background: rgba(0,0,0,0);width: 88%;float: right;border: none;padding-left: 0;color: #333333;font-size: 1.4rem;height: 3.5rem;line-height: 3.5rem;margin: 0;}
.index-header .layui-form .layui-input::-webkit-input-placeholder{color: #999999;font-size: 1.4rem;}
.index-header .layui-form .layui-input:-moz-placeholder{color: #999999;font-size: 1.4rem;}
.index-header .layui-form .layui-input::-moz-placeholder{color: #999999;font-size: 1.4rem;}
.index-header .layui-form .layui-input:-ms-input-placeholder{color: #999999;font-size: 1.4rem;}
.index-header .layui-form .icon{float: left;width: 12%;height:3.5rem;}
.index-header .layui-form .icon-search{color: #666666;width: 1.6rem;display: block;margin:0.9rem auto;}
.index-header .hot_keywords{overflow: auto;margin: 1rem auto 0.5rem;}
.index-header .hot_keywords .title{float: left;width: 12%;font-size: 1.2rem;color: #666666;line-height: 2.4rem;}
.index-header .hot_keywords .keywords{float: right;width: 88%;overflow-x: auto;overflow-y: hidden;-ms-overflow-style: none;overflow: -moz-scrollbars-none;height: 2.4rem;display: flex;}
.index-header .hot_keywords .keywords::-webkit-scrollbar{display:none}
.index-header .hot_keywords .keywords .item{float: left;font-size: 1.2rem;color: #666666;line-height: 2.6rem;padding: 0 1rem;border-radius: 1.9rem;margin-right: 1rem;background: #ededed;flex-shrink:0;height: 2.4rem;}

/* 百变导航图标组 */
.mui-row.icon-group{padding: 0 1rem;}
.icon-group,.icon-group-slider{background-color: transparent;width: auto;position: relative;overflow: hidden;margin: 0 1rem;}
.icon-group-slider .icon-group{padding: 0;}
.icon-group-slider.icon-group-4{padding-left: 1rem;}
.icon-group-slider.icon-group-4 .icon-group{padding: 0;margin: 0;}
.icon-group-slider .icon-group,.icon-group .icon-group{margin: 0 0.5rem;}
.icon-group-slider.icon-group-4 .icon-item{float: none;display: block;margin: 0 auto;width: 100%;}
.icon-group.fixed,.icon-group-slider.fixed{position: fixed;top: 0;left: 0;z-index: 99;width: 100%;background: #FFFFFF;}
.icon-group .bg-image,.icon-group-slider .bg-image{position: absolute;width: 100%;height: 100%;object-fit: cover;left: 0;top: 0;}
.icon-group .icon-item{text-align: center;margin-bottom: 0.8rem;}
.icon-group .icon-item img{width: 4.5rem;border-radius:1.8rem;height: 4.5rem;object-fit: cover;}
.icon-group .icon-item img.icon-3{width: 100%;}
.icon-group .icon-item img.icon-4{width: 100%;}
.icon-group .icon-item img.icon-5{width: 100%;}
.icon-group .icon-item span{display: block;text-align: center;color:#333;font-size:1.2rem;line-height: 2rem;margin-top: 0.5rem;}
.icon-group-slider .mui-slider-group .mui-slider-item.slider-item-1{width: 90%;}
.icon-group-slider .mui-slider-group .mui-slider-item.slider-item-1 .icon-item .icon-3{width: 100%;}
.icon-group-slider .mui-slider-group .mui-slider-item.slider-item-1 .icon-item .icon-4{width: 100%;}
.icon-group-slider .mui-slider-group .mui-slider-item.slider-item-1 .icon-item .icon-5{width: 100%;}

/* 多图滚动样式1 */
.gallery-slider{}
.slider-type-2{background-color:transparent;}
.slider-type-2 .mui-slider-item{width: 86% !important;padding-left: 4%;}
.slider-type-3{width:92%;margin-left:4%}
.gallery-slider.show-type-2{border-radius:10px}
.gallery-slider.show-type-2 img{border-radius:10px;padding: 0 0.2rem;}


/* 团购滚动区域 */
.groupbuy-box{padding-bottom:0rem;background-color: transparent;}
/*.groupbuy-box .title-bar{background-color: #fff;}*/
.groupbuy-box .sub-title span{display: inline-block;font-style: normal;width:1.8rem;height:1.8rem;line-height:2rem;text-align: center;background-color:#DD2B2B;border-radius:0.4rem;color:#fff;margin:0 0.3rem}
.groupbuy-box .info{background-color: #FFFFFF;padding: 0.5rem;border-radius:0 0 0.2rem 0.2rem;}
.groupbuy-box .info .name{display: inline-block;font-size: 1.3rem;line-height: 1.8rem;margin: 0.8rem 0 0.2rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;   }

.groupbuy-box .info .price{color: #DD2B2B;font-style: normal;font-size: 1.6rem;}
.groupbuy-box .info .price .unit{font-size: 1.2rem;}
.groupbuy-box .info .price .market-price{font-size: 1.2rem;color: #999;text-decoration: line-through;margin-left: 0.5rem;}

/* 限时购 */
.secondbuy-box ul{padding: 0 1rem;}
.secondbuy-box li{padding: 0.5rem 0.5rem 0;}
.secondbuy-box li .secondbuy-img{width:10.8rem;height:10.8rem;border-radius: 0.3rem;}
/* 优惠券1 */
/*.home-coupon-1{width:100%;padding:1rem 1.5rem;background-color:transparent}*/
/*.home-coupon-1 ul{overflow:auto}*/
/*.home-coupon-1 li{width:100%;border:.1rem solid #dd2b2b;float:left;text-align:center;padding:1.5rem 0;border-radius:.3rem;margin:.5rem 0;background-color:#fff}*/
/*.home-coupon-1 li h3{display:inline-block;width:35%;color:#dd2b2b;font-size: 3.5rem;}*/
/*.home-coupon-1 li h3 span{font-size:1.4rem;}*/
/*.home-coupon-1 li h4{display:inline-block;width:35%;color:#dd2b2b;margin-top:1.6rem}*/
/*.home-coupon-1 li h5{padding:.9rem .8rem .5rem;background-color:#dd2b2b;color:#fff;border-radius:.3rem;margin:0.7rem 1.5rem 0 0}*/
/*.home-coupon-1.show-type-1 li{border:none;background-color:#dd2b2b}*/
/*.home-coupon-1.show-type-1 li h3{color:#fff}*/
/*.home-coupon-1.show-type-1 li h4{color:#fff}*/
/*.home-coupon-1.show-type-1 li h4 span{color:#fff;}*/
/*.home-coupon-1.show-type-1 li h5{color:#dd2b2b;background-color:#fff;padding: 0.8rem 1.2rem;}*/
/*.home-coupon-1.show-type-1 li h3 span,.home-coupon-1.show-type-1 li h3 i{color: #fff !important;}*/

/* 优惠券2 */
/*.home-coupon-2{width:100%;padding:1rem 1.5rem;background-color:transparent}*/
/*.home-coupon-2 ul{overflow:auto;margin:0 -1.5%}*/
/*.home-coupon-2 li{width:47%;border:.1rem solid #dd2b2b;float:left;text-align:center;padding:1rem 0;border-radius:.3rem;margin:.5rem 1.5%;background-color:#fff}*/
/*.home-coupon-2 li h3{display:inline-block;width:48%;color:#dd2b2b;margin-top:0.7rem;padding-left:.5rem;}*/
/*.home-coupon-2 li h3 span{font-size:3.6rem !important;font-weight:700}*/
/*.home-coupon-2 li h4{display:inline-block;width:52%;color:#dd2b2b;margin-top:0.3rem;font-size:1.3rem;line-height: 1.6rem;}*/
/*.home-coupon-2 li h5{display:inline-block;line-height:1.5rem;padding:.6rem 1.2rem .3rem;background-color:#dd2b2b;color:#fff;border-radius:3rem;margin:0 1rem 0 0;}*/
/*.home-coupon-2.show-type-1 li{border:none;background-color:#dd2b2b}*/
/*.home-coupon-2.show-type-1 li h3{color:#fff}*/
/*.home-coupon-2.show-type-1 li h4{color:#fff}*/
/*.home-coupon-2.show-type-1 li h5{color:#dd2b2b;background-color:#fff}*/
/*.home-coupon-2.show-type-1 li h3 span,.home-coupon-2.show-type-1 li h3 i{color: #fff !important;}*/

/* 优惠券3 */
/*.home-coupon-3{width:100%;padding:1rem 1.5rem;background-color:transparent}*/
/*.home-coupon-3 ul{overflow:auto;margin:0 -1.5%}*/
/*.home-coupon-3 li{width:30.3333%;float:left;text-align:center;padding:.6rem 0;border-radius:.1rem;margin:.5rem 1.5%;background-color:#fff;}*/
/*.home-coupon-3 li .box{background-color:transparent;border:.1rem solid #fff;width:90%;display:inline-block;border-radius:.1rem;padding-bottom: 1rem;}*/
/*.home-coupon-3 li p{color:#fff;margin-top:1rem}*/
/*.home-coupon-3 li p.click{background: #fff;border-radius: 0.3rem;padding:0.2rem 0.5rem;margin-bottom:2rem;display: inline;}*/
/*.home-coupon-3 li h3{font-size:2.6rem;display:block;color:#fff;margin:.1rem auto 0;font-weight:700}*/
/*.home-coupon-3 li h4{display:block;color:#fff;margin:.8rem auto}*/
/*.home-coupon-3 li h5{display:inline-block;padding:.5rem 1.2rem .5rem;background-color:#fff;color:#dd2b2b;border-radius:.1rem;margin:.2rem 0 1rem}*/
/*.home-coupon-3.show-type-1 li{border:.3rem solid #dd2b2b;background-color:#dd2b2b}*/
/*!*.home-coupon-3.show-type-1 li .box{border:none}*!*/
/*.home-coupon-3.show-type-1 li p{color:#fff;margin-top:.8rem}*/
/*.home-coupon-3.show-type-1 li h3{color:#fff}*/
/*.home-coupon-3.show-type-1 li h4{color:#fff}*/
/*.home-coupon-3.show-type-1 li h5{color:#fff;background-color:#dd2b2b;margin:.2rem 0 .8rem}*/
/*.home-coupon-3.show-type-1 li h3 span, .home-coupon-3.show-type-1 li h3 i{color: #fff !important;}*/

/* 商品列表1 */
.splb1{padding:0rem 0 0;}
.splb1 ul{padding:0 1.5rem;overflow:auto;-ms-overflow-style: none;overflow: -moz-scrollbars-none;}
.splb1 ul::-webkit-scrollbar{display:none}
.splb1 li{float:left;width:48%;text-align:center;margin-top:.5rem;}
.splb1 li:nth-child(2n){float: right;}
.splb1 li .box{width:100%;height:18rem;border:0.1rem solid #dd2b2b;position:relative;}
.splb1 li .box img{width:14.5rem;height:14.5rem;position: absolute;left:0;right:0;margin:1rem auto 2rem}
.splb1 li .box h3{background-color:#D1B771;color:#ffffff;position:absolute;left:9%;bottom:-1.4rem;width:82%;margin:0 auto;padding:0.5rem;height: 2.9rem; line-height: 2.1rem; font-size:1.3rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;z-index: 9;}
.splb1 li .box h4{display:inline-block;max-width:1.8rem;padding:.4rem 0;background-color:#dd2b2b;margin:0;position:absolute;right:0;color:#fff;line-height:1.3rem}
.splb1 li .box1{margin-top:1.7rem;display:inline-block}
.splb1 li .box1 h4{float:left;color:#dd2b2b;font-size: 1.6rem;}
.splb1 li .box1 h4 .unit{font-size: 1.2rem;}
.splb1 li .box1 h5{float:left;margin-right:.5rem;color:#dd2b2b;font-size: 1.3rem;}

/* 商品列表2 */
.splb2{padding:0rem 0 0;}
.splb2 ul{overflow:auto;padding:0 1.5rem;-ms-overflow-style: none;overflow: -moz-scrollbars-none;}
.splb2 ul::-webkit-scrollbar{display:none}
.splb2 li{float:left;width:100%;margin-bottom: 1rem;background-color: #fff;border-radius: 0.3rem;}
.splb2 li:last-child{margin-bottom: 0;}
.splb2 li img{width:12rem;height: 12rem;border-radius: 0.3rem 0 0 0.3rem;}
.splb2 li .box{position:relative;float:left;width:52%;height:12rem;padding-top:.3rem;margin-left: 3%;}
.splb2 li .box p{display:inline-block;margin: .5rem .4rem 0 0;padding:.4rem .7rem .2rem;border:.1rem solid #dd2b2b;border-radius:10rem;color:#dd2b2b;text-align:center;font-size:1.1rem;line-height:1.2rem}
.splb2 li .box h3{margin-top:.5rem;font-size:1.4rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.8rem;}
.splb2 li .box .box1{overflow:auto}
.splb2 li .box .box1 h4{float:left;margin-right:.3rem;color:#dd2b2b;font-size: 1.6rem;}
.splb2 li .box .box1 h4 .unit{font-size: 1.2rem;}
.splb2 li .box .box1 h5{margin-top:.6rem;text-decoration:line-through;line-height: 1.6rem;font-size: 1.2rem;}
.splb2 li .box .qg{position:absolute;bottom:.5rem;left:0;padding:.3rem 1.2rem .1rem;border-radius:30rem;background-color:#dd2b2b;color:#fff;font-size:1.3rem;line-height: 2rem;}
.splb2 li:nth-child(2n){}
.splb2 li:nth-child(2n) .box{}
.splb2 li:nth-child(2n) img{float:right !important;border-radius:0 0.3rem 0.3rem 0;}

/* 商品列表3 */

/* 商品列表 */
.goods-list{background-color:transparent;}
.goods-list ul{padding:0rem 1.5rem 0;overflow: hidden;}
.goods-list li{background-color: #fff;border-radius: 0.3rem;margin-bottom: 0.8rem;}
.goods-list li .goods-info{padding: 0 0.5rem 0.5rem;;}
.goods-list li .goods-image{display: inline-block;width:100%;margin-bottom: 1rem;}
.goods-list li .goods-image img{width:100%;border-radius: 0.3rem 0.3rem 0 0;}
.goods-list li .tags{width:100%;overflow:hidden;height: 0.1rem;;}
.goods-list li .tags span{font-size:1.1rem;border:0.1rem solid  #dd2b2b;color:#DD2B2B;margin-right:0.4rem;padding: 0.2rem 0.8rem 0.1rem;border-radius:20rem;text-align: center;line-height:2rem;}
.goods-list li .goods-name{line-height:1.8rem;overflow:hidden}
.goods-list li .goods-price{line-height: 1.5rem;font-style:normal;color:#DD2B2B;font-size:1.6rem;}
.goods-list li .goods-price .unit{font-size:1.2rem;}
.goods-list li .goods-price del{margin-left:0.4rem;color:#999;font-size:1.2rem;}
.goods-list li.list-type-1 .goods-name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height: 1.8rem;height:1.8rem;margin-bottom: 0.3rem;}
.goods-list li.list-type-2 .goods-name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-height: 1.8rem;height:1.8rem;margin-bottom: 0.3rem;}
.goods-list li.list-type-2{width: 47.96%;margin-bottom: 0.8rem;}
.goods-list li.list-type-2:nth-child(2n+1){margin-right: 2.04%;}
.goods-list li.list-type-2:nth-child(2n+2){margin-left: 2.04%;}
.goods-list li.list-type-3{width: 31.4%;margin-bottom: 0.8rem;}
.goods-list li.list-type-3:nth-child(3n+1){margin-right: 1.45%;}
.goods-list li.list-type-3:nth-child(3n+2){margin:0 1.45%}
.goods-list li.list-type-3:nth-child(3n+3){margin-left: 1.45%;}
.goods-list li.list-type-3 .goods-name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:1.3rem;line-height: 1.6rem;height:1.6rem;margin-bottom: 0.3rem;}
.goods-list li.list-type-3 .goods-price em{font-size:1.8rem;}
.goods-list li.list-type-3 .goods-price del{font-size:1.1rem;}
.goods-list li.list-type-4{display: inline-block;}
.goods-list li.list-type-4 .goods-name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height: 1.8rem;height:1.8rem;margin:0.5rem 0 0.3rem;}
.goods-list li.list-type-4 .goods-image{float:left;width:10.8rem;height:10.8rem;border-radius: 0.2rem;margin-bottom: 0;}
.goods-list li.list-type-4 .goods-info{float: left;margin-left:0.8rem;width:22rem;height:10.8rem;position: relative;}
.goods-list li.list-type-4 .goods-info .goods-name{line-height:1.8rem;}
.goods-list li.list-type-4 .goods-price{position: absolute;left: 0.5rem;bottom: 0.2rem;}
/* 辅助线 */
.line-bar{display: -webkit-box;display: -ms-flexbox;display: flex; justify-items: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.line-bar .line{width: 100%;border:none;border-top:0.1rem solid #000}

/* 公告 */
.notice-wrap{background-color:transparent;}
.notice-wrap .marquee{display: block;font-size:1.4rem;color:inherit;height:3rem;line-height:3.5rem}
/*商城公告1*/
.notice1{padding: 0.5rem 1.5rem;}
.notice1 .box{overflow: auto;line-height: 4rem;}
.notice1 .box .store{font-size: 1.4rem;color: #333333;font-weight: bold;position: relative;float: left;padding-right: 1rem;}
.notice1 .box .store .iconfont{color: #E92E1D;display: block;font-size: 2rem;position: absolute;right: 0.2rem;top: 0;}
.notice1 .box .store .tags{font-size: 1.4rem;color: #FFFFFF;font-weight: bold;position: relative;z-index: 9;left: 0.2rem;}
.notice1 .box .content{float: left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 1.4rem;color: #333333;max-width: 79%;}
/*商城公告2*/
.notice2{padding: 1rem 1.5rem;}
.notice2 .box{overflow: auto;}
.notice2 .box .image{width: 10rem;height:10rem;border-radius: 100%;float: left;}
.notice2 .box .notice-info{float: right;width: 65%;}
.notice2 .box .notice-info .title_box{position: relative;height: 3rem;margin: 0.5rem 0;}
.notice2 .box .notice-info .title_box .title{font-size: 1.8rem;color: #333333;font-weight: bold;line-height: 3rem;position: absolute;z-index: 9;width: 9rem;text-align:center;}
.notice2 .box .notice-info .title_box .iconfont{color: #C2D6F1;font-size: 1.6rem;position: absolute;bottom: 0;}
.notice2 .box .notice-info .content{font-size: 1.4rem;color: #333333;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height: 2rem;}
/*商城公告3*/
.notice3{padding: 0 1.5rem;}
.notice3 .content{background: #FFFFFF;overflow: auto;padding: 1rem 1.5rem;border-radius: 0.5rem;}
.notice3 .content .img{float: left;width: 5.5rem;height: 5.5rem;border-radius: 100%;}
.notice3 .content .info{float: left;margin-left: 1rem;max-width: 50%;}
.notice3 .content .info .title{font-size: 1.6rem;color: #333333;font-weight: bold;line-height: 2rem;margin: 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top: 0.8rem;}
.notice3 .content .info .sub_title{font-size: 1.4rem;color: #999999;line-height: 2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.notice3 .content .button{float: right;display: block;width: 5.5rem;height: 5.5rem;border-radius: 100%;background: #DD2B2B;font-size: 1.4rem;color: #FFFFFF;text-align: center;line-height: 1.8rem;padding: 1rem;}
/*商城公告4*/
.notice4{padding: 0 0.5rem;}
.notice4 .content{display: flex;padding: 1rem 0rem;border-radius: 0.5rem;}
.notice4 .content .item{flex: 1;line-height: 1.6rem;text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.notice4 .content .item .position{position: relative;width: 1.6rem;height: 1.6rem;display: inline-block;top: 0.3rem;margin-right: 0.5rem;}
.notice4 .content .item .position .icon{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.notice4 .content .item .text{font-size: 1.2rem;color: #666666;}

/* 新人有礼 */
.index-new-wrap{}
.index-new-wrap img{  margin: 0 1.5rem 0.5rem; width: 92%;}

.index-new{background: #2F8E0E;}
.index-new .head{margin: 0 1rem;overflow: auto;}
.index-new .head .title{font-size: 2.1rem;color: #FFFFFF;float: left;font-weight: bold;line-height: 4rem;}
.index-new .head .link{float: right;color: #2F8E0E;background: #FFFFFF;display: inline-block;width: 9.6rem;line-height: 2.4rem;border-radius: 2rem;text-align: center;margin: 0.8rem 0;font-size: 1.2rem;}
.index-new .new-content{background: #FFFFFF;border-radius: 0.5rem;padding: 1rem;margin: 0 1rem;}
.index-new .new-content .new-goods{}
.index-new .new-content .new-goods .li{width: 13.1rem;margin: 0 1rem 0 0;}
.index-new .new-content .new-goods .li .img{width: 13.1rem;height: 13.1rem;border-radius: 0.5rem;}
.index-new .new-content .new-goods .li .name{font-size: 1.4rem;color: #333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 3rem;}
.index-new .new-content .new-goods .li .box{overflow: auto;}
.index-new .new-content .new-goods .li .box .tags{width: 5.9rem;line-height: 1.9rem;text-align: center;background: rgba(47, 142, 14,0.2);border-radius: 0.2rem;color: #2F8E0E;float: left;font-size: 1.2rem;}
.index-new .new-content .new-goods .li .box .market-price{font-size: 1.2rem;color: #999999;float: right;text-decoration: line-through;line-height: 2rem;}
.index-new .new-content .new-goods .li .bottom{overflow: auto;line-height: 3rem;}
.index-new .new-content .new-goods .li .bottom .price{float: left;font-size: 1.6rem;color: #DD2B2B;font-weight: bold;}
.index-new .new-content .new-goods .li .bottom .price .unit{font-size: 1.2rem;}
.index-new .new-content .new-goods .li .bottom .iconfont{color: #DD2B2B;font-size: 2rem;float: right;}
.index-new .new-content .index-voucher{}
.index-new .new-content .index-voucher .title{font-size: 1.9rem;color: #333333;font-weight: bold;line-height: 4rem;}
.index-new .new-content .index-voucher .one-column,.index-new .new-content .index-voucher .two-column,.index-new .new-content .index-voucher .three-column{margin: 0;}
.index-new .new-content .index-voucher .one-column.style1 .li{background: #2F8E0E;}
.index-new .new-content .index-voucher .one-column.style1 .li .price{color: #2F8E0E;}
.index-new .new-content .index-voucher .one-column.style1 .li .desc{color: #2F8E0E;}
.index-new .new-content .index-voucher .one-column.style1 .li .text{color: #2F8E0E;}
.index-new .new-content .index-voucher .one-column.style1 .li .click-btn{color: #2F8E0E;}
.index-new .new-content .index-voucher .two-column.style6 .li{background: #2F8E0E;margin-bottom: 0;}
.index-new .new-content .index-voucher .three-column.style15{overflow: initial;}
.index-new .new-content .index-voucher .three-column.style15 .li{margin-bottom: 0;}
.index-new .new-content .index-voucher .three-column.style15 .li.mui-slider-item{float: none;}
.index-new .new-content .index-voucher .three-column.style15 .li .btn{background: #2F8E0E;}

/* 多阶拼图 */
.magic{position:relative;background-color:transparent;}
.magic .magic-item{position:absolute}
.magic .magic-item img{width:100%;height:100%;border-radius: 0.2rem;object-fit: cover;}
/* 图文组件1 */
.pic-type1{padding:1rem 1.5rem;background-color:transparent;}
.pic-type1 li{width:80% !important;margin-right:3%}
.pic-type1 li .box{width:75%}
.pic-type1 li .box h3{display:-webkit-box;overflow:hidden;margin:.8rem 0 .2rem;color:#333;font-size:1.5rem;line-height:1.8rem;height:1.8rem;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.pic-type1 li .box h4{display:-webkit-box;overflow:hidden;margin:0;color:#999;font-size:1.3rem;line-height:1.6rem;height:1.6rem;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.pic-type1 li img{height:12rem;border-radius:.8rem;object-fit: cover;}

/* 图文组件2 */
.pic-type2{padding:0.5rem 1.5rem;overflow:auto;position:relative;background-color:transparent;}
.pic-type2 img{width:17rem;height:17.1rem;float:left;border-radius:.3rem;margin: 0.2rem 0.2rem 0 0;object-fit: cover;}
.pic-type2 .box{position:absolute;top:12rem;left:14rem;background-color:#fff;z-index:99;width:10rem;height:10rem;border-radius:20rem;text-align:center}
.pic-type2 .box h3{display:block;width:8rem;font-size:1.6rem;color:#333;line-height:1.8rem;margin:3.2rem auto -.2rem}
.pic-type2 .box h4{display:inline-block;width:9rem;font-size:1.2rem;line-height:1.6rem;color:#999}

/* 图文组件3 */
.pic-type3{background-color: transparent;padding:0.5rem .8rem;overflow:auto;}
.pic-type3 .big{width:21rem;height:21rem;float:left;margin:0 .7rem;border-radius:.3rem;object-fit: cover;}
.pic-type3 .box{float:right;width:12rem;margin:0 .7rem;text-align:center}
.pic-type3 .box .small{width:100%;height:12rem;border-radius:.3rem;object-fit: cover;}
.pic-type3 .box .word h3{display:block;width:11rem;font-size:1.6rem;color:#333;line-height:1.8rem;margin:2.2rem auto -.2rem}
.pic-type3 .box .word h4{display:inline-block;width:11rem;font-size:1.2rem;line-height:1.6rem;color:#999}

/* 图文组件4 */
.pic-type4{padding: 0 1.5rem;border-radius: 0.5rem;overflow: hidden;}
.pic-type4 .center{background: #FFFFFF;border-radius: 0.5rem;}
.pic-type4 .image{width: 100%;height: 25rem;object-fit: cover;border-radius: 0.5rem;}
.pic-type4 .content{background: #FFFFFF;padding: 0.5rem 0.5rem 1rem;border-radius:0 0 0.5rem 0.5rem;}
.pic-type4 .content .title{font-size: 1.8rem;color: #333333;font-weight: bold;text-align: center;line-height: 4rem;}
.pic-type4 .content .text{font-size: 1.4rem;color: #666666;line-height: 2rem;text-align: center;padding: 0 1rem;}
.pic-type4 .content .absolute{text-align: center;margin: 1rem 0 0 0;}
.pic-type4 .content .link_url{display: inline-block;background: #333333;border-radius: 0.2rem;font-size: 1.4rem;color: #FFFFFF;margin: 0 auto;min-width: 5rem;line-height: 3.2rem;padding: 0 2.5rem;}

/* 商品组件1 */
.goods-type1{padding:0rem 0;margin: 0;}
.goods-type1 .mui-slider{background: none;}
.goods-type1 .layui-tab-title{overflow:hidden;padding:0 1.5rem;border:none;height:3.3rem;display: flex;}
.goods-type1 .layui-tab-title li{float:left;width: 10.3rem;height:3.3rem;line-height:3.3rem;text-align:center;background:rgba(162,2,2,0.6);color:#fff;margin: 0 auto;border-radius: 4rem;padding: 0;font-size: 1.4rem;}
.goods-type1 .layui-tab-title li.layui-this{background-color:#a20202;color:#fff;opacity: 1}
.goods-type1 .layui-tab-title li.layui-this:after{border:none}
.goods-type1 .layui-tab-content{padding:0}
.goods-type1 .goods-item {overflow:auto;padding:0 0.5rem 0 1.5rem;-ms-overflow-style: none;overflow: -moz-scrollbars-none;}
.goods-type1 .goods-item::-webkit-scrollbar{display:none}
.goods-type1 .goods-item .img{width:10.8rem !important;height:10.8rem;border-radius:0.3rem 0.3rem 0 0}
.goods-type1 .info .name{display: inline-block;font-size: 1.3rem;line-height: 1.8rem;height:1.8rem;margin: 1rem 0 0.2rem;padding-right: 1.2rem; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;   }
.goods-type1 ul li{width: 10.8rem;margin: 1.2rem 1rem 0 0;background: #fff;border-radius: 0.3rem;position: relative;}
.goods-type1 ul li .tags{font-size: 1.1rem;line-height: 2.1rem;padding: 0 0.6rem;color: #FFFFFF;background: #F58080;border-radius: 0.3rem 0 0.5rem 0;position: absolute;z-index: 2;left: 0;top: 0;}
.goods-type1 .info{padding-left: 0.5rem;}
.goods-type1 .info .price{color: #DD2B2B;font-style: normal;font-size: 1.6rem;}
.goods-type1 .info .price .unit{font-size: 1.2rem;}
.goods-type1 .info .price .market-price{font-size: 1.2rem;text-decoration: line-through;color: #8f8f94;margin-left: 0.2rem;}

/* 商品组件2 */
.goods-type2 .floor-banner{margin-bottom: 1rem;}
.goods-type2 .mui-slider{background: none;}
.goods-type2 .banner{width:100%;border-radius:.3rem;padding: 0 1.5rem;margin-top: 1rem;}
.goods-type2 ul{margin: 0 1.5rem;}
.goods-type2 ul li{width: 32%;height: 17.3rem;background-color: #fff;margin: 0 2% 1rem 0;border-radius:0.3rem;position: relative;}
.goods-type2 ul li:nth-child(3n){margin-right: 0;}
.goods-type2 ul li .img{width: 100%;height:11rem;border-radius:0.3rem 0.3rem 0 0;}
.goods-type2 ul li .name{font-size:1.3rem;line-height:1.6rem;padding-left: 0.5rem; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top: 0.7rem;color: #333333;}
.goods-type2 ul li .box{overflow:auto;margin:-.3rem 0;padding-left: 0.5rem;}
.goods-type2 ul li .box .price{float:left;color:#dd2b2b;font-size:1.6rem;margin-right:.3rem;line-height: 2.5rem;}
.goods-type2 ul li .box .price .unit{font-size: 1.2rem;}
.goods-type2 ul li .box .market-price{float:left;text-decoration:line-through;font-size:1.1rem;line-height: 2.5rem;}
.goods-type2 ul li .tags{font-size: 1.1rem;line-height: 2.1rem;padding: 0 0.6rem;color: #FFFFFF;background: #F58080;border-radius: 0.3rem 0 0.5rem 0;position: absolute;z-index: 2;left: 0;top: 0;}

/* 商品组件3 */
.goods-type3{overflow:auto;padding:0 1.5rem}
.goods-type3 .box1{float:left}
.goods-type3 .box1 img{width:25.6rem;height:25.6rem;border-radius:.3rem}
.goods-type3 .box2{float:right}
.goods-type3 .box2 img{width:8rem;height:8rem;display:block;margin-bottom:.8rem;border-radius:.3rem}
.goods-type3 .info{display:inline-block;width:100%;position:relative}
.goods-type3 .price{overflow:auto;margin:.4rem 0 -.1rem}
.goods-type3 .price h4{float:left;color:#dd2b2b;font-size:1.6rem;}
.goods-type3 .price h4 .unit{font-size: 1.2rem;}
.goods-type3 .price h5{float:left;text-decoration:line-through;margin:0.4rem 0.2rem;font-size:1.2rem;line-height: 2rem;}
.goods-type3 .price p{display:inline-block;padding:.4rem .8rem .2rem;border-radius:10rem;border:.1rem solid #dd2b2b;font-size:1.1rem;margin: .4rem .1rem 0 0.8rem;line-height:1rem;color:#dd2b2b;float:left}
.goods-type3 .name h3{font-size:1.4rem;color:#333;float:left;display:block;width:100%;padding-right:3.5rem;line-height:1.8rem;margin:0.2rem 0 0}
.goods-type3 .name h4{font-size:1.2rem;color:#999;display:block;width:100%;padding-right:1rem;line-height:1.6rem;margin:.2rem 0 0}
.goods-type3 .info img{position:absolute;right:0;bottom:.2rem;width:3rem}
/* 商品组件5 */
.goods-type5{
	display: inline-block;
	width: 100%;
	padding: 0rem 1.2rem;
	margin-bottom: -0.6rem;
}
.goods-type5 .word{
	width: 10rem;
	margin: 0 0.5rem;
	height: 18rem;
	position: relative;
}
.goods-type5 .word h3{
	font-size:1.6rem;
	color: #333;
	line-height: 2rem;
	overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
}
.goods-type5 .word i{
	display:block;
	height: 0.2rem;
	width: 2.5rem;
	margin: 1rem 0;
	background-color: #333;
}
.goods-type5 .word h4{
	font-size: 1.3rem;
	color: #666;
	line-height: 1.8rem;
	overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;
}
.goods-type5 .word .more{
	color: #666;
	border: 0.1rem solid #dbdbdb;
	display: block;
	width:7.6rem;
	padding: 0.5rem 0 0.2rem;
	font-size: 1.2rem;
	line-height: 1.5rem;
	text-align: center;
	border-radius: 0.3rem;
	position: absolute;
	left: 0;
	bottom: 1rem;
}
.goods-type5 .goods{width: 23.2rem;overflow: hidden;}
.goods-type5 .goods li{
	width: 11rem;
	height: 18rem;
	background-color: #fff;
	border-radius: 0.3rem;
	padding-bottom:0.5rem;
	float: left;
	margin: 0 0.3rem;
}
.goods-type5 .goods li .pic{
	width: 11rem;
	height: 11rem;
	border-radius: 0.3rem 0.3rem 0 0;
}
.goods-type5 .goods li h3{
	color: #333;
	margin: 0.6rem 0;
	font-size: 1.3rem;
	line-height: 1.8rem;
	overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
	padding:0 0.6rem;
}
.goods-type5 .goods li .price{
	font-size: 1.6rem;
	padding-left: 0.6rem;
}
.goods-type5 .goods li .price .unit{
	font-size: 1.2rem;
}
.goods-type5 .goods li .price .market-price{
	color: #999;
	font-size: 1.2rem;
	text-decoration:line-through;
	margin-left: 0.2rem;
}
/*diy标题公共css*/
.title-block{padding: 0 1.5rem;overflow: hidden;position: relative;}
.title-block.brief-title{border-radius: 0.5rem;margin: 0 1.5rem;padding: 0;}
.title-block .bg-image{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.title-block .bg-image .image{width: 100%;height: 100%;object-fit: cover;}
.title-block .bg-image .image-mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(163,163,163,0.2);}
.title-block .box{position: relative;}
/* 标题组件2 */
.title-type2{padding: 0;background-color: transparent;position: relative;}
.title-type2 .shape{width:28rem ;margin: 0 auto;position: absolute;left: 0;right: 0;}
.title-type2 .shape i{display: inline-block;width: 7rem;height: 0.1rem;line-height:1.5rem ;border: 0.1rem dashed #07700b;}
.title-type2 .shape span{display: inline-block;width: 14rem;height: 1.2rem;background-color: #07700b;opacity: 0.3;margin: 0 -0.4rem -0.5rem;}
.title-type2 .word{width: 100%;text-align: center;}
.title-type2 .word h3{font-size: 1.8rem;color: #333;margin: 0;line-height: 2rem;}
.title-type2 .word h4{font-size: 1.4rem;margin:0.3rem 0 0;color: #666;line-height: 2rem;}
/* 标题组件3 */
.title-type3{text-align: center;background-color: transparent;}
.title-type3 .main{display: inline-block;font-size: 1.8rem;width: 21rem;height: 3.5rem;line-height: 3.5rem;color: #fff;background-color: #f69629;margin: 0;position: relative;}
.title-type3 .second{font-size: 1.4rem;line-height: 1.5rem;margin: 1rem 0 -0.5rem;color: #666;position: relative;}
.title-type3 i{display: inline-block;margin-top: 1rem;width: 16rem;height: 0.1rem;background-color: #f69629;position: relative;}
/* 标题组件4 */
.title-type4{text-align: center;padding: 0;background-color: transparent;}
.title-type4 .box{display: inline-block;width: 100%;}
.title-type4 .box .main{font-size: 1.8rem;margin: 0 1.5rem;display: inline-block;color: #333;}
.title-type4 .box i{display: inline-block;width:4rem;height: 0.1rem;background-color: #999;position: relative;bottom: 0.5rem;}
.title-type4 .second{font-size: 1.4rem;color: #666;margin: 0;line-height: 2.5rem;position: relative;}
/* 标题组件5 */
.title-type5{text-align: center;min-height: 6rem;background-color: transparent;}
.title-type5 .box{width: 20rem;height: 6rem;margin: 0 auto;position: relative;}
.title-type5 .box h3{font-size: 1.8rem;line-height: 4rem;margin: 0;color: #a66ccc;border-top: 0.1rem solid #a66ccc;border-bottom: 0.1rem solid #a66ccc;top: 1rem;position: absolute;width: 100%;}
.title-type5 .box i{width: 18rem;height: 6rem;border-left: 0.1rem solid #a66ccc;border-right: 0.1rem solid #a66ccc;position: absolute;top: 0;left: 1rem;}
.title-type5 .second{font-size: 1.4rem;line-height: 2rem;margin: -0.5rem 0 0;color: #a66ccc;position: relative;}
/* 标题组件6 */
.title-type6{text-align: center;padding: 0;background-color: transparent;}
.title-type6 .box{width: 20rem;height: 4rem;margin: 0 auto;border: 0.1rem solid #fcc600;position: relative;}
.title-type6 .box h3{font-size: 1.8rem;line-height: 4rem;margin: 0;color: #fcc600;}
.title-type6 .box i{background-color: #fcc600;position: absolute;}
.title-type6 .box .fir{width:2.8rem;height:0.4rem;top: -0.2rem;left: -0.2rem;}
.title-type6 .box .sec{width:0.4rem;height:2.8rem;top: -0.2rem;left: -0.2rem;}
.title-type6 .box .thi{width:2.8rem;height:0.4rem;bottom: -0.2rem;right: -0.2rem;}
.title-type6 .box .fou{width:0.4rem;height:2.8rem;bottom: -0.2rem;right: -0.2rem;}
.title-type6 .second{font-size: 1.4rem;line-height: 3rem;margin: 0;color: #fcc600;position: relative;}
/* 标题组件7 */
.title-type7{background-color: transparent;}
.title-type7 .box{width: 100%;height: 5rem;display: inline-block;border-bottom: 0.1rem solid #dbdbdb;position: relative;}
.title-type7 .box .main{line-height: 5rem;font-size: 1.8rem;float: left;margin: 0;color: #333333;}
.title-type7 .box .second{font-size: 1.4rem;float: left;margin: 1.9rem 0 0 0.6rem;color: #999999;}
.title-type7 .box .more{float: right;font-size: 1.4rem;margin-top: 1.8rem;line-height: 1.5rem;color: #999999;}
.title-type7 .box .dec{display: inline-block;width:4.8rem;height:0.4rem;background-color: #a66ccc;position: absolute;bottom: -0.2rem;left: 0;}
/* 标题组件8 */
.title-type8{background-color: transparent;}
.title-type8 .box{width: 100%;height: 3rem;display: inline-block;position: relative;z-index: 0;}
.title-type8 .box .main{line-height: 3rem;font-size: 1.8rem;float: left;margin: 0;color: #333333;}
.title-type8 .box .second{font-size: 1.4rem;float: left;margin: 1.1rem 0 0 0.6rem;color: #999999;}
.title-type8 .box .more{float: right;font-size: 1.4rem;margin-top: 0.9rem;line-height: 1.5rem;color: #999999;}
.title-type8 .box .dec{display: inline-block;width:4.8rem;height:0.9rem;background-color: #2cd1c6;position: absolute;bottom:0.5rem;left: 0;opacity: 0.5;z-index: -1;}
/* 标题组件9 */
.title-type9{background-color: transparent;}
.title-type9 .box{width: 100%;height: 3rem;display: inline-block;}
.title-type9 .box .main{line-height: 3rem;font-size: 1.8rem;float: left;margin: 0;color: #333333;}
.title-type9 .box .second{font-size: 1.4rem;float: left;margin: 1rem 0 0 0.6rem;color: #999999;}
.title-type9 .box .more{float: right;font-size: 1.4rem;margin-top: 0.9rem;line-height: 1.5rem;color: #999999;}
.title-type9 .box .dec{display: inline-block;width:0.6rem;height:2.4rem;background-color: #fa82a3;float: left;margin: 0.2rem 0.8rem 0 0;}
/*DIY标题样式10*/
.title-type10{min-height: 3.3rem;}
.title-type10 .box{}
.title-type10 .box .title{font-size: 1.8rem;color: #333333;font-weight: bold;text-align: center;line-height: 3rem;margin: 0;}
.title-type10 .box .title-border{width: 16.5rem;height: 0.1rem;background: #333333;margin: 0 auto;position: relative;}
.title-type10 .box .title-border .dec{position: absolute;left: 0;right: 0;margin: 0 auto;display: block;height: 0.25rem;background: #333333;width: 3.4rem;}
.title-type10 .box .sub-title{font-size: 1.4rem;color: #666666;text-align: center;line-height: 3rem;}
/*DIY标题样式11*/
.title-type11{padding: 0;}
.title-type11 .box{position: relative;}
.title-type11 .box .absolute{position: relative;width: 17rem;margin: 0 auto;min-height: 4rem;}
.title-type11 .box .iconfont{font-size: 4rem;color: #f69629;position: absolute;left: 0;right: 0;text-align: center;top: 0;line-height: 4rem;}
.title-type11 .box .title{font-size: 1.8rem;color: #f69629;text-align: center;line-height: 3.4rem;position: absolute;left: 0;right: 0;margin: auto;}
.title-type11 .box .sub-title{font-size: 1.4rem;color: #f69629;text-align: center;line-height: 3rem;}
/*DIY标题样式12*/
.title-type12{padding: 0 1.5rem 0;}
.title-type12 .box{position: relative;width: 100%;min-height: 4rem;}
.title-type12 .box .iconfont{font-size: 4rem;color: #fa82a3;position: absolute;left: 0;right: 0;text-align: center;top: 0;line-height: 4rem;}
.title-type12 .box .title{font-size: 1.8rem;color: #FFFFFF;text-align: center;line-height: 3.5rem;position: absolute;width: 100%;z-index: 9;margin: 0;}
.title-type12 .sub-title{font-size: 1.4rem;color: #666666;text-align: center;line-height: 2.5rem;width: 100%;position: relative;}
/*DIY标题样式13*/
.title-type13{padding: 0;}
.title-type13 .box{position: relative;min-height: 3.5rem;}
.title-type13 .box .iconfont{font-size: 1rem;color: #d20007;position: absolute;left: 0;right: 0;text-align: center;top: 1.5rem;}
.title-type13 .box .title{font-size: 1.8rem;color: #333333;text-align: center;line-height: 2.5rem;position: relative;z-index: 9;font-weight: bold;margin: 0;}
.title-type13 .sub-title{font-size: 1.4rem;color: #666666;text-align: center;line-height: 1.5rem;position: relative;}
/*DIY标题样式14*/
.title-type14{padding: 1rem 1.5rem 0rem;}
.title-type14 .box{position: relative;min-height: 6.5rem;}
.title-type14 .box .welcome{font-size: 1rem;color: #07700b;text-align: center;position: absolute;left: 0;right: 0;top: -1.6rem;letter-spacing: 0.3rem;}
.title-type14 .box .iconfont{font-size: 6.5rem;color: #07700b;position: absolute;left: 0;right: 0;text-align: center;top: 0;line-height: 6.5rem}
.title-type14 .box .title{font-size: 2rem;color: #333333;text-align: center;line-height: 2.5rem;position: relative;top: 0.6rem;}
.title-type14 .box .sub-title{font-size: 1.4rem;color: #FFFFFF;text-align: center;line-height: 2.3rem;position: absolute;z-index: 9;bottom: 0;left: 0;right: 0;margin: auto;}
/*DIY标题样式15*/
.title-type15{padding: 0;min-height: 4rem;}
.title-type15 .box{position: relative;height: 4.5rem;}
.title-type15 .box .iconfont{font-size: 1rem;color: #2cd1c6;position: absolute;left: 0;right: 0;text-align: center;top: 1.5rem;}
.title-type15 .box .title{font-size: 1.8rem;color: #2cd1c6;text-align: center;line-height: 2.5rem;font-weight: bold;margin: 0;}
.title-type15 .box .sub-title{font-size: 1.4rem;color: #2cd1c6;text-align: center;line-height: 3rem;position: absolute;left: 0;right: 0;margin: 0 auto;top: 2rem;}

/*DIY标题样式*/
.diyTitle{}
.diyTitle .relative{position: relative;height: 5rem;background: green;width: 60%;left: 0;right: 0;margin: 0 auto;}
.diyTitle .relative .absolute{position: absolute;width: 100%;height: 100%;}
.diyTitle .relative .absolute .title_bg{position: absolute;width: 100%;height: 100%;top: 0;}
.diyTitle .relative .absolute .title{text-align: center;font-weight: bold;color: #FFFFFF;font-size: 1.7rem;line-height: 5rem;position: absolute;z-index: 9;left: 0;right: 0;margin: 0 auto;}
/*DIY标题样式16*/
.title-type16{}
.title-type16 .relative{border-radius: 10rem;height: 4rem;width: 20rem;background: #c57bf6;}
.title-type16 .relative .absolute{}
.title-type16 .relative .absolute .title_bg{}
.title-type16 .relative .absolute .title{line-height: 2rem;margin-top: 1.3rem;}
/*DIY标题样式17*/
.title-type17{}
.title-type17 .relative{border-radius: 0.5rem;height: 4rem;width: 20rem;background: #fdd647;}
.title-type17 .relative .absolute{}
.title-type17 .relative .absolute .title_bg{}
.title-type17 .relative .absolute .title{line-height: 4rem;color: #fdd647;}
/*DIY标题样式18*/
.title-type18{}
.title-type18 .relative{border-radius: 10rem;height: 4rem;width: 21rem;background: #fdd33b;}
.title-type18 .relative .absolute{}
.title-type18 .relative .absolute .title_bg{}
.title-type18 .relative .absolute .title{line-height: 4rem;color: #fdd33b;right: 5.5rem;}
/*DIY标题样式19*/
.title-type19{}
.title-type19 .relative{border-radius: 10rem;height: 3.6rem;width: 20rem;background: #75b7f8;}
.title-type19 .relative .absolute{}
.title-type19 .relative .absolute .title_bg{}
.title-type19 .relative .absolute .title{line-height: 3.6rem;}
/*DIY标题样式20*/
.title-type20{}
.title-type20 .relative{border-radius: 0.7rem;height: 4rem;width: 19.8rem;background: #eb4ef6;}
.title-type20 .relative .absolute{}
.title-type20 .relative .absolute .title_bg{}
.title-type20 .relative .absolute .title{line-height: 4rem;color: #eb4ef6;font-size: 1.7rem;}
/*DIY标题样式21*/
.title-type21{}
.title-type21 .relative{border-radius: 1.4rem;height: 4rem;width: 20rem;background: #ff9317;}
.title-type21 .relative .absolute{}
.title-type21 .relative .absolute .title_bg{}
.title-type21 .relative .absolute .title{line-height: 4rem;}
/*DIY标题样式22*/
.title-type22{}
.title-type22 .relative{border-radius: 0.2rem;height: 4rem;width: 20rem;background: #f76166;}
.title-type22 .relative .absolute{}
.title-type22 .relative .absolute .title_bg{}
.title-type22 .relative .absolute .title{line-height: 4rem;color: #f76166;}
/*DIY标题样式23*/
.title-type23{}
.title-type23 .relative{border-radius: 0.2rem;height: 5.8rem;width: 17.9rem;background: none;}
.title-type23 .relative .left-box{position: absolute;width: 1.3rem;height: 5.8rem;left: 0;top: 0;background: #f75c61}
.title-type23 .relative .center-box{position: absolute;width: 15.3rem;height: 4.5rem;left: 1.3rem;top: 0.65rem;background: #f75c61}
.title-type23 .relative .right-box{position: absolute;width: 1.3rem;height: 5.8rem;right: 0;top: 0;background: #f75c61}
.title-type23 .relative .absolute{}
.title-type23 .relative .absolute .title_bg{}
.title-type23 .relative .absolute .title{line-height: 5.8rem;font-size: 1.7rem;}
/*DIY标题样式24*/
.title-type24{}
.title-type24 .relative{border-radius: 0.9rem;height: 4rem;width: 20rem;background: #f76a6f;}
.title-type24 .relative .absolute{}
.title-type24 .relative .absolute .title_bg{}
.title-type24 .relative .absolute .title{line-height: 4.1rem;font-size: 1.7rem;}
/*DIY标题样式25*/
.title-type25{}
.title-type25 .relative{border-radius: 5rem 5rem 0.1rem 0.1rem;height: 4rem;width: 23rem;background: #25b75b;}
.title-type25 .relative .absolute{}
.title-type25 .relative .absolute .title_bg{}
.title-type25 .relative .absolute .title{line-height: 4rem;font-size: 1.7rem;}
/*DIY标题样式26*/
.title-type26{}
.title-type26 .relative{margin: 0 1.5rem;width: 92%;height: 3.9rem;background: initial;}
.title-type26 .relative .absolute{background: #D1E6F3;width: 26.6rem;left:0;overflow: hidden;}
.title-type26 .relative .absolute .title{font-size: 1.6rem;color: #333333;font-weight: bold;position: static;line-height: 4.1rem;padding: 0 0.8rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align: left;}
.title-type26 .relative .absolute .sub-title{font-size: 1.4rem;color: #333333;line-height: 1.6rem;border-left: 0.2rem solid #333333;margin:1.2rem 0; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left: 0.8rem;margin-left: 0.8rem;font-weight: normal;}
.title-type26 .relative .more{line-height: 2.6rem;text-align: right;font-size: 1.2rem;color: #666666;background: rgba(209, 230, 243, 0.5);position: absolute;width: 100%;bottom: 0;padding-right: 1rem;}
/*DIY标题样式27*/
.title-type27{}
.title-type27 .relative{background: initial;width: 19.8rem;height: auto;}
.title-type27 .relative .iconfont{text-align: center;color: #B4D489;font-size: 4.4rem;line-height: 4.4rem;}
.title-type27 .relative .title{width: 100%;position: absolute;line-height: 4.4rem;text-align: center;left: 0;right: 0;margin: auto;top: 0;font-size: 1.8rem;color: #F7F6FD;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*DIY标题样式28*/
.title-type28{}
.title-type28 .relative{background: initial;width: 18.4rem;height: 3.6rem;}
.title-type28 .relative .iconfont{text-align: center;color: #FFC501;font-size: 3.6rem;line-height: 3.6rem;}
.title-type28 .relative .title{width: 75%;position: absolute;line-height: 3.6rem;text-align: center;left: 0;right: 0;margin: auto;top: 0;font-size: 1.8rem;color: #F7F6FD;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*DIY标题样式29*/
.title-type29{}
.title-type29 .relative{background: #F9EBEA;height: 11rem;width: 100%;border-radius: 5.1rem 0 0 0;}
.title-type29 .relative .absolute{width: 70%;left: 2.5rem;top: 1.5rem;}
.title-type29 .relative .absolute .title{font-size: 2.6rem;color: #333333;text-align: left;line-height: 5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position: static;}
.title-type29 .relative .absolute .line{width: 3.6rem;border: none;height: 0.2rem;background: #333333;}
.title-type29 .relative .absolute .sub-title{font-size: 1.6rem;color: #333333;line-height: 2.1rem;margin-top: 0.8rem;}
.title-type29 .relative .more{position: absolute;width: 6.4rem;line-height: 2.4rem;background: #373737;color: #FFFFFF;text-align: center;right: 1.5rem;bottom: 1.5rem;}
.title-type29 .relative .icon{position: absolute;width: 3rem;right: 1.5rem;bottom: 1.5rem;}
/*简约线条 标题样式30*/
.title-type30{}
.title-type30 .box{text-align: center;}
.title-type30 .box .title{font-size: 1.8rem;color: #333333;text-align: center;line-height: 3.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.title-type30 .box .sub-title{display: inline-block;background: #B4D488;border-radius: 2.5rem;line-height: 2.6rem;padding: 0 1.5rem;font-size: 1.4rem; color: #FFFFFF;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height: 2.4rem;}
/*简约线条 标题样式31*/
.title-type31{}
.title-type31 .box{text-align: center;}
.title-type31 .box .title{font-size: 1.8rem;color: #333333;text-align: center;line-height: 3.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.title-type31 .box .sub-title{display: inline-block;border:0.1rem solid #B4D488;border-radius: 2.5rem;line-height: 2.4rem;padding: 0 1.5rem;font-size: 1.4rem; color: #B4D488;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height: 2.4rem;}
/*简约线条 标题样式32*/
.title-type32{}
.title-type32 .box{}
.title-type32 .box .sub-title{font-size: 1.4rem;color: #ADBA85;line-height: 1.9rem;text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.title-type32 .box .absolute{position: relative;text-align: center;height: 3.5rem;}
.title-type32 .box .absolute .iconfont{font-size: 3.5rem;line-height: 3.5rem;color: #ADBA85;text-align: center;}
.title-type32 .box .absolute .title{font-size: 1.8rem; color: #FFFFFF;position: absolute;text-align: center;width: 14rem;line-height: 3.5rem;top: 0;left: 0;right: 0;margin: auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*简约线条 标题样式33*/
.title-type33{}
.title-type33 .box{}
.title-type33 .box .sub-title{font-size: 2.1rem;color: #DBDBDB;line-height: 3.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align: center;position: relative;left: 0;right: 0;margin:-1rem auto;top: 0.5rem;}
.title-type33 .box .title{font-size: 1.8rem;color: #333333;line-height: 2.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align: center;position: relative;margin-bottom: 0.5rem;}
.title-type33 .box .line{width: 1.5rem;border: none;height: 0.2rem;background: #000000;margin: 0 auto;}
/*简约线条 标题样式34*/
.title-type34{}
.title-type34 .box{text-align: center;}
.title-type34 .box .title{font-size: 1.8rem;color: #333333;text-align: center;line-height: 3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.title-type34 .box .line-box{position: relative;width: 18rem;margin: 0 auto;}
.title-type34 .box .line-box .icon{display: inline-block;width: 0;height: 0;border-left: 0.6rem solid transparent;border-top: 0.6rem solid transparent;border-right: 1.2rem solid #999999;position: absolute;left: 0;bottom: 0;}
.title-type34 .box .line-box .icon.right{border-right: 0.6rem solid transparent;border-left: 1.2rem solid #999999;left: auto;right: 0;}
.title-type34 .box .line-box .line{width: 16rem;border: none;height: 0.1rem;background: #999999;margin: 0 auto;}
.title-type34 .box .sub-title{line-height: 2.5rem;font-size: 1.4rem;color: #999999;text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*DIY标题样式 35*/
.title-type35{}
.title-type35 .relative{background: initial;height: 3.9rem;}
.title-type35 .relative .absolute{width: 22rem;}
.title-type35 .relative .absolute .iconfont{font-size: 3.9rem;color: #92D573;position: absolute;left:0; top: 0;line-height: 3.9rem;}
.title-type35 .relative .absolute .title_bg{width: 100%;position: absolute;left: 0;top: 0;height: 100%;}
.title-type35 .relative .absolute .title{font-size: 1.8rem;color: #FFFFFF;line-height: 3.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position: absolute;font-weight: bold;text-align: center;width: 12rem;}
/*DIY标题样式 36*/
.title-type36{}
.title-type36 .relative{background: initial;height: 4rem;}
.title-type36 .relative .absolute{width: 22.9rem;}
.title-type36 .relative .absolute .iconfont{font-size: 4rem;color: #ECC389;position: absolute;left:0; top: 0;line-height: 4rem;}
.title-type36 .relative .absolute .title{font-size: 1.8rem;color: #FFFFFF;line-height: 4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position: absolute;font-weight: bold;text-align: center;width: 17rem;}


/* 限时抢购1 */
.time-type1{padding:0 1.5rem}
.time-type1 ul{margin:0 -.7rem;overflow:auto}
.time-type1 li{width:16.5rem;float:left;margin:.7rem}
.time-type1 li .info{padding-right:.5rem;overflow:auto}
.time-type1 li .tp{width:100%;height:16.5rem;border-radius:.3rem}
.time-type1 li .bt{font-size:1.4rem;line-height:1.8rem;height:1.8rem;margin:.8rem 0 .3rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.time-type1 li .price{overflow:auto}
.time-type1 li .price h3{float:left;font-size:1.6rem;color:#dd2b2b}
.time-type1 li .price h4{float:left;font-size:1.2rem;color:#999;text-decoration:line-through;margin:.9rem 0 0 .3rem}
.time-type1 li .out{width:70%;height:1.1rem;background-color:#ffbdbd;border-radius:20rem;position:relative;float:left;margin-top:.3rem}
.time-type1 li .out .in{height:1.1rem;background-color:#ff6e6e;border-radius:20rem}
.time-type1 li .out .num{font-size:.9rem;position:absolute;left:.8rem;top:-.3rem;color:#fff;font-weight:700;z-index:99}
.time-type1 li .car{float:right;width:2.4rem;margin-top:-.3rem}

/*限时抢购2*/
.seckill_type2{width: 100%;}
.seckill_type2 ul{overflow: auto;padding: 0 1.5rem;-ms-overflow-style: none;overflow: -moz-scrollbars-none;}
.seckill_type2 ul::-webkit-scrollbar{display:none}
.seckill_type2 ul li{float: left;width: 47.96%;margin-bottom:1rem; background-color: #FFFFFF;border-radius: 0.2rem;padding: 0;}
.seckill_type2 ul li:nth-child(2n){float: right;}
.seckill_type2 ul li .goods_img{width: 16.5rem;height: 16.5rem;border-radius: 0.3rem;}
.seckill_type2 ul li .info{width: 100%;margin-top: 0.8rem;}
.seckill_type2 ul li .info .discount{background: #E57B7B;color: #fff;border-radius: 1.0rem;font-size: 0.9rem;float: left;padding: 0 0.5rem;line-height: 1.6rem;margin-right: 0.5rem;}
.seckill_type2 ul li .info .goods_name{font-size: 1.4rem;line-height: 1.8rem;overflow:hidden;  text-overflow:ellipsis; white-space:nowrap;margin: 0 0 0.8rem;}
.seckill_type2 ul li .info .schedule{float: left;width: 60%;border: 0.1rem solid #F2ABAD;border-radius: 0.5rem;height: 1.2rem;position: relative;}
.seckill_type2 ul li .info .schedule .surplus{position: absolute;background: #F2ABAD;z-index: 9;height: 1rem;border-radius: 0.4rem;}
.seckill_type2 ul li .info .tips{float: right;width: 40%;text-align: right;font-size: 1.0rem;line-height: 1.2rem;}
.seckill_type2 ul li .info .tips .num{color: #AE3737;}
.seckill_type2 ul li .bottom{clear: both;overflow: auto;padding: 0 0.5rem;}
.seckill_type2 ul li .bottom .price{float: left;font-size: 1.6rem;color: #B8262C;line-height: 3rem;}
.seckill_type2 ul li .bottom .price .unit{font-size: 1.2rem;}
.seckill_type2 ul li .bottom .price .market_price{text-decoration: line-through;color: #8A8A8A;font-size: 1.2rem;margin-left: 0.2rem;}
.seckill_type2 ul li .bottom .buy{float: right;border: 0.1rem solid #AE3737;color: #AE3737;border-radius: 2.0rem;display: inline-block;font-size: 1.1rem;padding: 0 1.0rem;margin-top: 0.5rem;}

/**多人拼团组件1**/
.group-buy1{width: 100%;padding: 0;background: transparent;}
.group-buy1 ul{width: 95%;margin: 0 auto;}
.group-buy1 ul li{width: 47%;margin: 0 1.5% 0.3rem;display: inline-block;background: #fff;}
.group-buy1 ul li:nth-child(2n){float: right;}
.group-buy1 ul li .img-box{position: relative;}
.group-buy1 ul li .img-box .goods-img{width: 100%; }
.group-buy1 ul li .img-box .tags{position: absolute;bottom: 0;left: 0;}
.group-buy1 ul li .img-box .tags.hide_tags{display: none;}
.group-buy1 ul li .img-box .tags span{padding: 0.3rem 0.3rem;border-radius: 0.2rem;color: #fff;font-size: 1.2rem;line-height: 1.5rem;}
.group-buy1 ul li .img-box .tags .promote_num{background: #E1777A;}
.group-buy1 ul li .img-box .tags .shipping{background: #D79C48;margin-left: 0.8rem;}
.group-buy1 ul li .info{padding: 0 0.5rem;}
.group-buy1 ul li .info .name{font-size: 1.4rem;color: #333;margin-top: 0.8rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-height: 1.8rem;height: 1.8rem;}
.group-buy1 ul li .info .name.hide_name{display: none;}
.group-buy1 ul li .info .goods-price{margin-top: 0.6rem;}
.group-buy1 ul li .info .goods-price .price{display: inline-block;font-size: 1.8rem;color: #DD2B2B;}
.group-buy1 ul li .info .goods-price .price .unit{font-size: 1.2rem;}
.group-buy1 ul li .info .goods-price .price .market-price{text-decoration: line-through;font-size: 1.2rem;color: #999999;margin-left: 0.2rem; }
.group-buy1 ul li .info .goods-price .num{font-size: 1.2rem;color: #999999;float: right;}
.group-buy1 ul li .info .goods-price .num.hide_num{display: none;}
.group-buy1 ul li .info .join_num{position: relative;margin:0.3rem 0 0.5rem;height: 2.1rem;line-height: 2.1rem;}
.group-buy1 ul li .info .join_num.hide_join{display: none;}
.group-buy1 ul li .info .join_num .avatar{width: 1.8rem;height: 1.8rem;border-radius: 100%;position: absolute;left: 0;}
.group-buy1 ul li .info .join_num .avatar.second{left: 0.8rem;  }
.group-buy1 ul li .info .join_num .join_number{font-size: 1.3rem;color: #999999;margin-left: 2.5rem;}
/**多人拼团组件2**/
.group-buy2{width: 100%;padding: 0;background: transparent;}
.group-buy2 ul{width:100%;padding: 0 1.5rem;}
.group-buy2 ul li{background: #fff;width: 100%;overflow: auto;margin-bottom: 1.5rem;}
.group-buy2 ul li .goods-img{float:left;width: 10rem;height: 10rem;}
.group-buy2 ul li .info{float:right; width: 23.5rem;height: 10rem; position: relative;margin-left: 1rem;}
.group-buy2 ul li .info .name{font-size: 1.4rem;color: #101010;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height: 1.8rem;}
.group-buy2 ul li .info .name.hide_name{display: none;}
.group-buy2 ul li .info .tags{line-height: 2.5rem;float: left;margin-right: 0.5rem;}
.group-buy2 ul li .info .tags.hide_tags{display: none;}
.group-buy2 ul li .info .tags span{padding: 0.3rem 0.3rem;border-radius: 0.2rem;color: #fff;font-size: 1.2rem;line-height: 1.5rem;}
.group-buy2 ul li .info .tags .promote_num{background: #E1777A;}
.group-buy2 ul li .info .tags .shipping{background: #D79C48;margin-left: 0.8rem;}
.group-buy2 ul li .info .num{font-size: 1.3rem;color: #999999;line-height: 2.9rem;}
.group-buy2 ul li .info .num.hide_num{display: none;}
.group-buy2 ul li .info .price{font-size: 1.8rem;color: #DD2B2B;position: absolute;bottom: 0;}
.group-buy2 ul li .info .price .unit{font-size: 1.2rem;}
.group-buy2 ul li .info .price .market-price{text-decoration: line-through;font-size: 1.2rem;color: #999999;margin-left: 0.2rem; }
.group-buy2 ul li .info .join_num{position: absolute;right: 0;bottom: 0;}
.group-buy2 ul li .info .join_num.hide_join{display: none;}
.group-buy2 ul li .info .join_num .join_number{font-size: 1.3rem;color: #999999;margin-right: 3rem;}
.group-buy2 ul li .info .join_num .avatar{width: 1.8rem;height: 1.8rem;border-radius: 100%; position: absolute;right: 0.8rem;z-index: 9; }
.group-buy2 ul li .info .join_num .avatar.second{width: 1.8rem;height: 1.8rem;border-radius: 100%; position: absolute;right: 0.8rem;z-index: 1 ;}
/**多人拼团组件3**/
.group-buy3{width: 100%;padding: 0;background: transparent;}
.group-buy3 ul{width: 95%;margin: 0 auto;}
.group-buy3 ul li{width: 30.33%;float:left;margin: 0 1.5%;background: #fff;}
.group-buy3 ul li .goods-img{width: 100%;}
.group-buy3 ul li .name{font-size: 1.3rem;color: #101010;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-height: 1.8rem;padding: 0 0.5rem;}
.group-buy3 ul li .name.hide_name{display: none;}
.group-buy3 ul li .price{font-size: 1.8rem;color: #DD2B2B;float:left; line-height: 1.8rem; }
.group-buy3 ul li .price .unit{font-size: 1.2rem;}
.group-buy3 ul li .tags{padding: 0.3rem 0.3rem;border-radius: 0.2rem;color: #fff;font-size: 1.2rem;line-height: 1.2rem;background: #E1777A;margin-left: 0.5rem;display: inline-block;}
.group-buy3 ul li .tags.hide_tags{display: none;}
.group-buy3 ul li .market-price{font-size: 1.2rem;color: #999999;display: inline-block;padding-left: 0.5rem;line-height: 1.5rem;width: 100%; }

/**视频样式1**/
.video_1{width: 100%;padding: 1rem 0 0;}
.video_1 ul li{margin: 0 1.5rem 0.5rem;position: relative;height: 34.5rem;overflow: hidden;}
.video_1 ul li .video_box{width: 100%;height: 100%;}
.video_1 ul li .play_btn{width: 6rem;height: 6rem;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;z-index: 9;}
.video_1 ul li video{width: 100%; height: 100%; object-fit: cover;}
.video_1 ul li .poster_img{width: 100%;}
/*视频样式2*/
.video_2{width: 100%;padding: 1rem 0 0;}
.video_2 ul{margin: 0 1.5rem;overflow: auto;}
.video_2 ul li{width: 48%;margin:0 4% 0.5rem 0;position: relative;float: left;height: 16.5rem;overflow: hidden;}
.video_2 ul li:nth-child(2n){margin-right: 0;}
.video_2 ul li .video_box{width: 100%;height: 100%;}
.video_2 ul li .play_btn{width: 4rem;height: 4rem;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;z-index: 9;}
.video_2 ul li video{width: 100%; height: 100%; object-fit: cover;}
.video_2 ul li .poster_img{width: 100%;}
/*视频样式3*/
.video_3{width: 100%;padding: 1rem 0 0;}
.video_3 ul{margin: 0 1.5rem;overflow: auto;}
.video_3 ul li{width: 32%;margin:0 2% 0.5rem 0;position: relative;float: left;height: 11rem;overflow: hidden;}
.video_3 ul li:nth-child(3n){margin-right: 0;}
.video_3 ul li .video_box{width: 100%;height: 100%;}
.video_3 ul li .play_btn{width: 3rem;height: 3rem;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;z-index: 9;}
.video_3 ul li video{width: 100%; height: 100%; object-fit: cover;}
.video_3 ul li .poster_img{width: 100%;}

/**万能热区**/
.hot-zone{padding: 0;}
.hot-zone .image_box{margin: 0 1.5rem;position: relative;overflow:hidden;}
.hot-zone .image_box .hot-link{position: absolute;}
.hot-zone .image_box .hot-img{width: 100%;}

/**富文本**/
.rich-text{padding: 0.5rem 0;}
.rich-text .content{width: 95%;margin: 0 auto;overflow: hidden;}
.rich-text .content p{color: #333333;}

/*积分商城*/
/*样式1*/
.plugin-point{width: 100%;background: transparent;}
.plugin-point .point1{overflow: auto;width: 90%;margin: 0 auto;}
.plugin-point .point1 li{width: 48%;float: left;margin-bottom: 1rem;background: #FFFFFF;}
.plugin-point .point1 li:nth-child(2n){float: right;}
.plugin-point .point1 li .image{width: 100%;height: 16.2rem;}
.plugin-point .point1 li .name{ color: #333333;font-size: 1.4rem;line-height: 2rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;margin-top: 0.8rem; padding-left: 0.5rem;}
.plugin-point .point1 li .price{overflow: auto;width: 100%;line-height: 3rem;padding-left: 0.5rem;}
.plugin-point .point1 li .price .point_price{float: left;font-size: 1.6rem; color: #DD2B2B;}
.plugin-point .point1 li .price .product_price{float: left;font-size: 1.2rem;color: #999999;text-decoration: line-through;margin-left: 0.2rem;}
/*样式2*/
.plugin-point .point2{width: 90%;margin: 0 auto;}
.plugin-point .point2 li{margin-bottom: 1.5rem;overflow: auto;background: #FFFFFF;}
.plugin-point .point2 li:last-child{margin-bottom: 0;}
.plugin-point .point2 li .image{width: 12rem;height: 12rem;float: left;}
.plugin-point .point2 li .info{width: 60%;float:right;height: 12rem;position: relative;}
.plugin-point .point2 li .info .name{color: #333333;font-size: 1.4rem;line-height: 2rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;margin-top: 0.5rem;}
.plugin-point .point2 li .info .price{overflow: auto;width: 100%;line-height: 3rem;}
.plugin-point .point2 li .info .price .point_price{float: left;font-size: 1.6rem; color: #DD2B2B;}
.plugin-point .point2 li .info .price .product_price{float: left;font-size: 1.2rem;color: #999999;text-decoration: line-through;margin-left: 0.2rem;}
.plugin-point .point2 li .info .link{color: #DD2B2B;font-size: 1.2rem;display: block;width: 9rem;height: 2.8rem;line-height: 2.8rem;text-align: center;border-radius: 2rem;border: 0.1rem solid #DD2B2B;position: absolute;bottom: 0.5rem;}
/*样式3*/
.plugin-point .point3{width: 90%;margin: 0 auto;overflow: auto;}
.plugin-point .point3 li{width: 31%;margin-right: 3.5%;margin-bottom: 1rem;float: left;background: #FFFFFF;}
.plugin-point .point3 li:nth-child(3n){margin-right: 0;}
.plugin-point .point3 li .image{width: 100%;}
.plugin-point .point3 li .name{color: #333333;font-size: 1.4rem;line-height: 2rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;margin-top: 0.5rem;padding: 0 0.5rem;}
.plugin-point .point3 li .point_price{font-size: 1.6rem; color: #DD2B2B;line-height: 2.5rem;padding-left: 0.5rem;}
.plugin-point .point3 li .product_price{font-size: 1.2rem;color: #999999;line-height: 1.8rem;}

/*默认公共动画css*/
.animation{position: relative;animation-duration: 1.0s;-ms-overflow-style: none;overflow: -moz-scrollbars-none;animation-timing-function: ease-out;}
/*持续时间*/
.animation.animation-1{animation-duration: 1.05s;}
.animation.animation-2{animation-duration: 1.1s;}
.animation.animation-3{animation-duration: 1.15s;}
.animation.animation-4{animation-duration: 1.2s;}
.animation.animation-5{animation-duration: 1.25s;}
.animation.animation-6{animation-duration: 1.3s;}
.animation.animation-7{animation-duration: 1.35s;}
.animation.animation-8{animation-duration: 1.4s;}
.animation.animation-9{animation-duration: 1.45s;}
.animation.animation-10{animation-duration: 1.5s;}
.animation.animation-11{animation-duration: 1.55s;}
.animation.animation-12{animation-duration: 1.6s;}
.animation.animation-13{animation-duration: 1.65s;}
.animation.animation-14{animation-duration: 1.7s;}
.animation.animation-15{animation-duration: 1.75s;}
.animation.animation-16{animation-duration: 1.8s;}
.animation.animation-17{animation-duration: 1.85s;}
.animation.animation-18{animation-duration: 1.9s;}
.animation.animation-19{animation-duration: 1.95s;}
.animation.animation-20{animation-duration: 2.0s;}
/*等待时间，然后开始动画*/
/*.animation.animation-1{animation-delay:0.05s;-webkit-animation-delay:0.05s; !* Safari 和 Chrome *!}*/
/*.animation.animation-2{animation-delay:0.1s;-webkit-animation-delay:0.1s; !* Safari 和 Chrome *!}*/
/*.animation.animation-3{animation-delay:0.15s;-webkit-animation-delay:0.15s; !* Safari 和 Chrome *!}*/
/*.animation.animation-4{animation-delay:0.2s;-webkit-animation-delay:0.2s; !* Safari 和 Chrome *!}*/
/*.animation.animation-5{animation-delay:0.25s;-webkit-animation-delay:0.25s; !* Safari 和 Chrome *!}*/
/*.animation.animation-6{animation-delay:0.3s;-webkit-animation-delay:0.3s; !* Safari 和 Chrome *!}*/
/*.animation.animation-7{animation-delay:0.35s;-webkit-animation-delay:0.35s; !* Safari 和 Chrome *!}*/
/*.animation.animation-8{animation-delay:0.4s;-webkit-animation-delay:0.4s; !* Safari 和 Chrome *!}*/
/*.animation.animation-9{animation-delay:0.45s;-webkit-animation-delay:0.45s; !* Safari 和 Chrome *!}*/
/*.animation.animation-10{animation-delay:0.5s;-webkit-animation-delay:0.5s; !* Safari 和 Chrome *!}*/
/*.animation.animation-11{animation-delay:0.55s;-webkit-animation-delay:0.55s; !* Safari 和 Chrome *!}*/
/*.animation.animation-12{animation-delay:0.6s;-webkit-animation-delay:0.6s; !* Safari 和 Chrome *!}*/
/*.animation.animation-13{animation-delay:0.65s;-webkit-animation-delay:0.65s; !* Safari 和 Chrome *!}*/
/*.animation.animation-14{animation-delay:0.7s;-webkit-animation-delay:0.7s; !* Safari 和 Chrome *!}*/
/*.animation.animation-15{animation-delay:0.75s;-webkit-animation-delay:0.75s; !* Safari 和 Chrome *!}*/
/*.animation.animation-16{animation-delay:0.8s;-webkit-animation-delay:0.8s; !* Safari 和 Chrome *!}*/
/*.animation.animation-17{animation-delay:0.85s;-webkit-animation-delay:0.85s; !* Safari 和 Chrome *!}*/
/*.animation.animation-18{animation-delay:0.9s;-webkit-animation-delay:0.9s; !* Safari 和 Chrome *!}*/
/*.animation.animation-19{animation-delay:0.95s;-webkit-animation-delay:0.95s; !* Safari 和 Chrome *!}*/
/*.animation.animation-20{animation-delay:1s;-webkit-animation-delay:1s; !* Safari 和 Chrome *!}*/

.animation::-webkit-scrollbar {width: 0 !important;height: 0 !important }
/*从下往上*/
.animation.animation-up{animation-name: animation-up;}
@keyframes animation-up{
    from {left: 0px;top: 10rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
/*从左往右*/
.animation.animation-right{animation-name: animation-right;}
@keyframes animation-right{
    from {left: -25%;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
/*从上往下*/
.animation.animation-down{animation-name: animation-down;}
@keyframes animation-down{
    from {left: 0px;top: -10rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
/*从右往左*/
.animation.animation-left{animation-name: animation-left;}
@keyframes animation-left{
    from {left: 25%;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
/*从小到大*/
.animation.animation-scale{animation-name: animation-scale;}
@keyframes animation-scale{
    /*from {transform: scale(0, 0); opacity: 0;}*/
    /*to{transform: scale(1, 1);opacity: 1;}*/
    0% {transform: scale(0, 0); opacity: 0;}
    20% {transform: scale(0.25, 0.25); opacity: 0;}
    100%{transform: scale(1, 1);opacity: 1;}
}

/*一行一列 从右到左 定义每一个元素的初始位置*/
.one-column .animation.animation-left.animation-1{animation-name: animation-left-1;animation-duration: 0.9s;}
@keyframes animation-left-1{
    from {left: 6rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
.one-column .animation.animation-left.animation-2{animation-name: animation-left-2;animation-duration: 1.15s;}
@keyframes animation-left-2{
    from {left: 9rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
.one-column .animation.animation-left.animation-3{animation-name: animation-left-3;animation-duration: 1.39s;}
@keyframes animation-left-3{
    from {left: 10rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
.one-column .animation.animation-left.animation-4{animation-name: animation-left-4;animation-duration: 1.62s;}
@keyframes animation-left-4{
    from {left: 12rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
.one-column .animation.animation-left.animation-5{animation-name: animation-left-5;animation-duration: 1.84s;}
@keyframes animation-left-5{
    from {left: 14rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
.one-column .animation.animation-left.animation-6{animation-name: animation-left-6;animation-duration: 2.05s;}
@keyframes animation-left-6{
    from {left: 16rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
.one-column .animation.animation-left.animation-7{animation-name: animation-left-7;animation-duration: 2.25s;}
@keyframes animation-left-7{
    from {left: 18rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
.one-column .animation.animation-left.animation-8{animation-name: animation-left-8;animation-duration: 2.45s;}
@keyframes animation-left-8{
    from {left: 20rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
.one-column .animation.animation-left.animation-9{animation-name: animation-left-9;animation-duration: 2.65s;}
@keyframes animation-left-9{
    from {left: 22rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
.one-column .animation.animation-left.animation-10{animation-name: animation-left-10;animation-duration: 2.85s;}
@keyframes animation-left-10{
    from {left: 24rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
.one-column .animation.animation-left.animation-11{animation-name: animation-left-11;animation-duration: 3.05s;}
@keyframes animation-left-11{
    from {left: 26rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
.one-column .animation.animation-left.animation-12{animation-name: animation-left-12;animation-duration: 3.25s;}
@keyframes animation-left-12{
    from {left: 28rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
.one-column .animation.animation-left.animation-13{animation-name: animation-left-13;animation-duration: 3.45s;}
@keyframes animation-left-13{
    from {left: 30rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
.one-column .animation.animation-left.animation-14{animation-name: animation-left-14;animation-duration: 3.85s;}
@keyframes animation-left-14{
    from {left: 32rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
.one-column .animation.animation-left.animation-15{animation-name: animation-left-15;animation-duration: 4.05s;}
@keyframes animation-left-15{
    from {left: 34rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
.one-column .animation.animation-left.animation-16{animation-name: animation-left-16;animation-duration: 4.25s;}
@keyframes animation-left-16{
    from {left: 36rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
.one-column .animation.animation-left.animation-17{animation-name: animation-left-17;animation-duration: 4.45s;}
@keyframes animation-left-17{
    from {left: 38rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
.one-column .animation.animation-left.animation-18{animation-name: animation-left-18;animation-duration: 4.65s;}
@keyframes animation-left-18{
    from {left: 40rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
.one-column .animation.animation-left.animation-19{animation-name: animation-left-19;animation-duration: 4.85s;}
@keyframes animation-left-19{
    from {left: 42rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
.one-column .animation.animation-left.animation-20{animation-name: animation-left-20;animation-duration: 5.05s;}
@keyframes animation-left-20{
    from {left: 44rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}

/*一行一列 从下到上 定义每一个元素的初始位置*/
.one-column .animation.animation-up.animation-1{animation-name: animation-up-1;animation-duration: 0.8s;}
@keyframes animation-up-1{
    from {left: 0px;top: 6rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.one-column .animation.animation-up.animation-2{animation-name: animation-up-2;animation-duration: 0.93s;}
@keyframes animation-up-2{
    from {left: 0px;top: 7rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.one-column .animation.animation-up.animation-3{animation-name: animation-up-3;animation-duration: 1.04s;}
@keyframes animation-up-3{
    from {left: 0px;top: 8rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.one-column .animation.animation-up.animation-4{animation-name: animation-up-4;animation-duration:1.13s;}
@keyframes animation-up-4{
    from {left: 0px;top: 9rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.one-column .animation.animation-up.animation-5{animation-name: animation-up-5;animation-duration: 1.2s;}
@keyframes animation-up-5{
    from {left: 0px;top: 10rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.one-column .animation.animation-up.animation-6{animation-name: animation-up-6;animation-duration: 1.25s;}
@keyframes animation-up-6{
    from {left: 0px;top: 11rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.one-column .animation.animation-up.animation-7{animation-name: animation-up-7;animation-duration: 1.28s;}
@keyframes animation-up-7{
    from {left: 0px;top: 12rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.one-column .animation.animation-up.animation-8{animation-name: animation-up-8;animation-duration: 1.3s;}
@keyframes animation-up-8{
    from {left: 0px;top: 13rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.one-column .animation.animation-up.animation-9{animation-name: animation-up-9;animation-duration: 1.32s;}
@keyframes animation-up-9{
    from {left: 0px;top: 14rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.one-column .animation.animation-up.animation-10{animation-name: animation-up-10;animation-duration: 1.34s;}
@keyframes animation-up-10{
    from {left: 0px;top: 15rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.one-column .animation.animation-up.animation-11{animation-name: animation-up-11;animation-duration: 1.36s;}
@keyframes animation-up-11{
    from {left: 0px;top: 16rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.one-column .animation.animation-up.animation-12{animation-name: animation-up-12;animation-duration: 1.38s;}
@keyframes animation-up-12{
    from {left: 0px;top: 17rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.one-column .animation.animation-up.animation-13{animation-name: animation-up-13;animation-duration: 1.4s;}
@keyframes animation-up-13{
    from {left: 0px;top: 18rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.one-column .animation.animation-up.animation-14{animation-name: animation-up-14;animation-duration: 1.42s;}
@keyframes animation-up-14{
    from {left: 0px;top: 19rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.one-column .animation.animation-up.animation-15{animation-name: animation-up-15;animation-duration: 1.44s;}
@keyframes animation-up-15{
    from {left: 0px;top: 20rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.one-column .animation.animation-up.animation-16{animation-name: animation-up-16;animation-duration: 1.46s;}
@keyframes animation-up-16{
    from {left: 0px;top: 21rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.one-column .animation.animation-up.animation-17{animation-name: animation-up-17;animation-duration: 1.48s;}
@keyframes animation-up-17{
    from {left: 0px;top: 22rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.one-column .animation.animation-up.animation-18{animation-name: animation-up-18;animation-duration: 1.5s;}
@keyframes animation-up-18{
    from {left: 0px;top: 23rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.one-column .animation.animation-up.animation-19{animation-name: animation-up-19;animation-duration: 1.52s;}
@keyframes animation-up-19{
    from {left: 0px;top: 24rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.one-column .animation.animation-up.animation-20{animation-name: animation-up-20;animation-duration: 1.54s;}
@keyframes animation-up-20{
    from {left: 0px;top: 25rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}


/*一行两列 从下到上 定义每一个元素的初始位置*/
.two-column .animation.animation-up.animation-1{animation-name: animation-up-1;animation-duration: 0.9s;}
@keyframes animation-up-1{
    from {left: 0px;top: 6rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.two-column .animation.animation-up.animation-2{animation-name: animation-up-2;animation-duration: 1.02s;}
@keyframes animation-up-2{
    from {left: 0px;top: 7rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.two-column .animation.animation-up.animation-3{animation-name: animation-up-3;animation-duration: 1.13s;}
@keyframes animation-up-3{
    from {left: 0px;top: 8rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.two-column .animation.animation-up.animation-4{animation-name: animation-up-4;animation-duration: 1.23s;}
@keyframes animation-up-4{
    from {left: 0px;top: 9rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.two-column .animation.animation-up.animation-5{animation-name: animation-up-5;animation-duration: 1.32s;}
@keyframes animation-up-5{
    from {left: 0px;top: 10rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.two-column .animation.animation-up.animation-6{animation-name: animation-up-6;animation-duration: 1.4s;}
@keyframes animation-up-6{
    from {left: 0px;top: 11rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.two-column .animation.animation-up.animation-7{animation-name: animation-up-7;animation-duration: 1.47s;}
@keyframes animation-up-7{
    from {left: 0px;top: 12rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.two-column .animation.animation-up.animation-8{animation-name: animation-up-8;animation-duration: 1.53s;}
@keyframes animation-up-8{
    from {left: 0px;top: 13rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.two-column .animation.animation-up.animation-9{animation-name: animation-up-9;animation-duration: 1.58s;}
@keyframes animation-up-9{
    from {left: 0px;top: 14rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.two-column .animation.animation-up.animation-10{animation-name: animation-up-10;animation-duration: 1.62s;}
@keyframes animation-up-10{
    from {left: 0px;top: 15rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.two-column .animation.animation-up.animation-11{animation-name: animation-up-11;animation-duration: 1.65s;}
@keyframes animation-up-11{
    from {left: 0px;top: 16rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.two-column .animation.animation-up.animation-12{animation-name: animation-up-12;animation-duration: 1.67s;}
@keyframes animation-up-12{
    from {left: 0px;top: 17rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.two-column .animation.animation-up.animation-13{animation-name: animation-up-13;animation-duration: 1.69s;}
@keyframes animation-up-13{
    from {left: 0px;top: 18rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.two-column .animation.animation-up.animation-14{animation-name: animation-up-14;animation-duration: 1.71s;}
@keyframes animation-up-14{
    from {left: 0px;top: 19rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.two-column .animation.animation-up.animation-15{animation-name: animation-up-15;animation-duration: 1.73s;}
@keyframes animation-up-15{
    from {left: 0px;top: 20rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.two-column .animation.animation-up.animation-16{animation-name: animation-up-16;animation-duration: 1.75s;}
@keyframes animation-up-16{
    from {left: 0px;top: 21rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.two-column .animation.animation-up.animation-17{animation-name: animation-up-17;animation-duration: 1.77s;}
@keyframes animation-up-17{
    from {left: 0px;top: 22rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.two-column .animation.animation-up.animation-18{animation-name: animation-up-18;animation-duration: 1.79s;}
@keyframes animation-up-18{
    from {left: 0px;top: 23rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.two-column .animation.animation-up.animation-19{animation-name: animation-up-19;animation-duration: 1.81s;}
@keyframes animation-up-19{
    from {left: 0px;top: 24rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.two-column .animation.animation-up.animation-20{animation-name: animation-up-20;animation-duration: 1.83s;}
@keyframes animation-up-20{
    from {left: 0px;top: 25rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}

/*一行两列 从右到左 定义每一个元素的初始位置*/
.two-column .animation.animation-left.animation-1{animation-name: animation-left-1;animation-duration: 0.8s;}
@keyframes animation-left-1{
    from {left: 6rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
.two-column .animation.animation-left.animation-2{animation-name: animation-left-2;animation-duration: 0.92s;}
@keyframes animation-left-2{
    from {left: 6rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
.two-column .animation.animation-left.animation-3{animation-name: animation-left-3;animation-duration: 1.03s;}
@keyframes animation-left-3{
    from {left: 9rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
.two-column .animation.animation-left.animation-4{animation-name: animation-left-4;animation-duration: 1.13s;}
@keyframes animation-left-4{
    from {left: 9rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
.two-column .animation.animation-left.animation-5{animation-name: animation-left-5;animation-duration: 1.22s;}
@keyframes animation-left-5{
    from {left: 12rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
.two-column .animation.animation-left.animation-6{animation-name: animation-left-6;animation-duration: 1.3s;}
@keyframes animation-left-6{
    from {left: 12rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
.two-column .animation.animation-left.animation-7{animation-name: animation-left-7;animation-duration: 1.37s;}
@keyframes animation-left-7{
    from {left: 15rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
.two-column .animation.animation-left.animation-8{animation-name: animation-left-8;animation-duration: 1.43s;}
@keyframes animation-left-8{
    from {left: 15rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}

.two-column .animation.animation-left.animation-9{animation-name: animation-left-9;animation-duration: 1.2s;}
@keyframes animation-left-9{
    from {left: 18rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
.two-column .animation.animation-left.animation-10{animation-name: animation-left-10;animation-duration: 1.2s;}
@keyframes animation-left-10{
    from {left: 18rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
.two-column .animation.animation-left.animation-11{animation-name: animation-left-11;animation-duration: 1.3s;}
@keyframes animation-left-11{
    from {left: 21rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
.two-column .animation.animation-left.animation-12{animation-name: animation-left-12;animation-duration: 1.3s;}
@keyframes animation-left-12{
    from {left: 21rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
.two-column .animation.animation-left.animation-13{animation-name: animation-left-13;animation-duration:1.4s;}
@keyframes animation-left-13{
    from {left: 24rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
.two-column .animation.animation-left.animation-14{animation-name: animation-left-14;animation-duration: 1.4s;}
@keyframes animation-left-14{
    from {left: 24rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
.two-column .animation.animation-left.animation-15{animation-name: animation-left-15;animation-duration: 1.5s;}
@keyframes animation-left-15{
    from {left: 27rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
.two-column .animation.animation-left.animation-16{animation-name: animation-left-16;animation-duration: 1.5s;}
@keyframes animation-left-16{
    from {left: 27rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
.two-column .animation.animation-left.animation-17{animation-name: animation-left-17;animation-duration:1.6s;}
@keyframes animation-left-17{
    from {left: 30rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
.two-column .animation.animation-left.animation-18{animation-name: animation-left-18;animation-duration: 1.6s;}
@keyframes animation-left-18{
    from {left: 30rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
.two-column .animation.animation-left.animation-19{animation-name: animation-left-19;animation-duration: 1.7s;}
@keyframes animation-left-19{
    from {left: 33rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
.two-column .animation.animation-left.animation-20{animation-name: animation-left-20;animation-duration: 1.7s;}
@keyframes animation-left-20{
    from {left: 33rem;top: 0;opacity: 0;}
    to{left: 0;top: 0;opacity: 1;}
}
/*一行两列 从小到大 定义每一个元素的初始位置*/
.two-column .animation.animation-scale.animation-1{animation-name: two-column-animation-scale-1;animation-duration: 0.9s;}
@keyframes two-column-animation-scale-1{
    0% {transform: scale(0, 0); opacity: 0;}
    20% {transform: scale(0.25, 0.25); opacity: 0;}
    100%{transform: scale(1, 1);opacity: 1;}
}
.two-column .animation.animation-scale.animation-2{animation-name: two-column-animation-scale-2;animation-duration: 1.02s;}
@keyframes two-column-animation-scale-2{
    0% {transform: scale(0, 0); opacity: 0;}
    20% {transform: scale(0.25, 0.25); opacity: 0;}
    100%{transform: scale(1, 1);opacity: 1;}
}
.two-column .animation.animation-scale.animation-3{animation-name: two-column-animation-scale-3;animation-duration: 1.13s;}
@keyframes two-column-animation-scale-3{
    0% {transform: scale(0, 0); opacity: 0;}
    20% {transform: scale(0.25, 0.25); opacity: 0;}
    100%{transform: scale(1, 1);opacity: 1;}
}
.two-column .animation.animation-scale.animation-4{animation-name: two-column-animation-scale-4;animation-duration: 1.23s;}
@keyframes two-column-animation-scale-4{
    0% {transform: scale(0, 0); opacity: 0;}
    20% {transform: scale(0.25, 0.25); opacity: 0;}
    100%{transform: scale(1, 1);opacity: 1;}
}
.two-column .animation.animation-scale.animation-5{animation-name: two-column-animation-scale-5;animation-duration: 1.32s;}
@keyframes two-column-animation-scale-5{
    0% {transform: scale(0, 0); opacity: 0;}
    20% {transform: scale(0.25, 0.25); opacity: 0;}
    100%{transform: scale(1, 1);opacity: 1;}
}
.two-column .animation.animation-scale.animation-6{animation-name: two-column-animation-scale-6;animation-duration: 1.4s;}
@keyframes two-column-animation-scale-6{
    0% {transform: scale(0, 0); opacity: 0;}
    20% {transform: scale(0.25, 0.25); opacity: 0;}
    100%{transform: scale(1, 1);opacity: 1;}
}
.two-column .animation.animation-scale.animation-7{animation-name: two-column-animation-scale-7;animation-duration: 1.47s;}
@keyframes two-column-animation-scale-7{
    0% {transform: scale(0, 0); opacity: 0;}
    20% {transform: scale(0.25, 0.25); opacity: 0;}
    100%{transform: scale(1, 1);opacity: 1;}
}
.two-column .animation.animation-scale.animation-8{animation-name: two-column-animation-scale-8;animation-duration: 1.53s;}
@keyframes two-column-animation-scale-8{
    0% {transform: scale(0, 0); opacity: 0;}
    20% {transform: scale(0.25, 0.25); opacity: 0;}
    100%{transform: scale(1, 1);opacity: 1;}
}
.two-column .animation.animation-scale.animation-9{animation-name: two-column-animation-scale-9;animation-duration: 1.58s;}
@keyframes two-column-animation-scale-9{
    0% {transform: scale(0, 0); opacity: 0;}
    20% {transform: scale(0.25, 0.25); opacity: 0;}
    100%{transform: scale(1, 1);opacity: 1;}
}
.two-column .animation.animation-scale.animation-10{animation-name: two-column-animation-scale-10;animation-duration: 1.62s;}
@keyframes two-column-animation-scale-10{
    0% {transform: scale(0, 0); opacity: 0;}
    20% {transform: scale(0.25, 0.25); opacity: 0;}
    100%{transform: scale(1, 1);opacity: 1;}
}
.two-column .animation.animation-scale.animation-11{animation-name: two-column-animation-scale-11;animation-duration: 1.65s;}
@keyframes two-column-animation-scale-11{
    0% {transform: scale(0, 0); opacity: 0;}
    20% {transform: scale(0.25, 0.25); opacity: 0;}
    100%{transform: scale(1, 1);opacity: 1;}
}
.two-column .animation.animation-scale.animation-12{animation-name: two-column-animation-scale-12;animation-duration: 1.67s;}
@keyframes two-column-animation-scale-12{
    0% {transform: scale(0, 0); opacity: 0;}
    20% {transform: scale(0.25, 0.25); opacity: 0;}
    100%{transform: scale(1, 1);opacity: 1;}
}


/*一行三列 从下到上 定义每一个元素的初始位置*/
.three-column .animation.animation-up.animation-1{animation-name: three-column-animation-up-1;animation-duration: 0.9s;}
@keyframes three-column-animation-up-1{
    from {left: 0px;top: 4rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.three-column .animation.animation-up.animation-2{animation-name: three-column-animation-up-2;animation-duration: 1.02s;}
@keyframes three-column-animation-up-2{
    from {left: 0px;top: 5rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.three-column .animation.animation-up.animation-3{animation-name: three-column-animation-up-3;animation-duration: 1.13s;}
@keyframes three-column-animation-up-3{
    from {left: 0px;top: 6rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.three-column .animation.animation-up.animation-4{animation-name: three-column-animation-up-4;animation-duration: 1.23s;}
@keyframes three-column-animation-up-4{
    from {left: 0px;top: 7rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.three-column .animation.animation-up.animation-5{animation-name: three-column-animation-up-5;animation-duration: 1.32s;}
@keyframes three-column-animation-up-5{
    from {left: 0px;top: 8rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.three-column .animation.animation-up.animation-6{animation-name: three-column-animation-up-6;animation-duration: 1.4s;}
@keyframes three-column-animation-up-6{
    from {left: 0px;top: 9rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.three-column .animation.animation-up.animation-7{animation-name: three-column-animation-up-7;animation-duration: 1.47s;}
@keyframes three-column-animation-up-7{
    from {left: 0px;top: 10rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.three-column .animation.animation-up.animation-8{animation-name: three-column-animation-up-8;animation-duration: 1.53s;}
@keyframes three-column-animation-up-8{
    from {left: 0px;top: 11rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.three-column .animation.animation-up.animation-9{animation-name: three-column-animation-up-9;animation-duration: 1.58s;}
@keyframes three-column-animation-up-9{
    from {left: 0px;top: 12rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.three-column .animation.animation-up.animation-10{animation-name: three-column-animation-up-10;animation-duration: 1.62s;}
@keyframes three-column-animation-up-10{
    from {left: 0px;top: 13rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.three-column .animation.animation-up.animation-11{animation-name: three-column-animation-up-11;animation-duration: 1.65s;}
@keyframes three-column-animation-up-11{
    from {left: 0px;top: 14rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.three-column .animation.animation-up.animation-12{animation-name: three-column-animation-up-12;animation-duration: 1.67s;}
@keyframes three-column-animation-up-12{
    from {left: 0px;top: 15rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}

/*一行三列 从小到大 定义每一个元素的初始位置*/
.three-column .animation.animation-scale.animation-1{animation-name: three-column-animation-scale-1;animation-duration: 0.9s;}
@keyframes three-column-animation-scale-1{
    0% {transform: scale(0, 0); opacity: 0;}
    20% {transform: scale(0.25, 0.25); opacity: 0;}
    100%{transform: scale(1, 1);opacity: 1;}
}
.three-column .animation.animation-scale.animation-2{animation-name: three-column-animation-scale-2;animation-duration: 1.02s;}
@keyframes three-column-animation-scale-2{
    0% {transform: scale(0, 0); opacity: 0;}
    20% {transform: scale(0.25, 0.25); opacity: 0;}
    100%{transform: scale(1, 1);opacity: 1;}
}
.three-column .animation.animation-scale.animation-3{animation-name: three-column-animation-scale-3;animation-duration: 1.13s;}
@keyframes three-column-animation-scale-3{
    0% {transform: scale(0, 0); opacity: 0;}
    20% {transform: scale(0.25, 0.25); opacity: 0;}
    100%{transform: scale(1, 1);opacity: 1;}
}
.three-column .animation.animation-scale.animation-4{animation-name: three-column-animation-scale-4;animation-duration: 1.23s;}
@keyframes three-column-animation-scale-4{
    0% {transform: scale(0, 0); opacity: 0;}
    20% {transform: scale(0.25, 0.25); opacity: 0;}
    100%{transform: scale(1, 1);opacity: 1;}
}
.three-column .animation.animation-scale.animation-5{animation-name: three-column-animation-scale-5;animation-duration: 1.32s;}
@keyframes three-column-animation-scale-5{
    0% {transform: scale(0, 0); opacity: 0;}
    20% {transform: scale(0.25, 0.25); opacity: 0;}
    100%{transform: scale(1, 1);opacity: 1;}
}
.three-column .animation.animation-scale.animation-6{animation-name: three-column-animation-scale-6;animation-duration: 1.4s;}
@keyframes three-column-animation-scale-6{
    0% {transform: scale(0, 0); opacity: 0;}
    20% {transform: scale(0.25, 0.25); opacity: 0;}
    100%{transform: scale(1, 1);opacity: 1;}
}
.three-column .animation.animation-scale.animation-7{animation-name: three-column-animation-scale-7;animation-duration: 1.47s;}
@keyframes three-column-animation-scale-7{
    0% {transform: scale(0, 0); opacity: 0;}
    20% {transform: scale(0.25, 0.25); opacity: 0;}
    100%{transform: scale(1, 1);opacity: 1;}
}
.three-column .animation.animation-scale.animation-8{animation-name: three-column-animation-scale-8;animation-duration: 1.53s;}
@keyframes three-column-animation-scale-8{
    0% {transform: scale(0, 0); opacity: 0;}
    20% {transform: scale(0.25, 0.25); opacity: 0;}
    100%{transform: scale(1, 1);opacity: 1;}
}
.three-column .animation.animation-scale.animation-9{animation-name: three-column-animation-scale-9;animation-duration: 1.58s;}
@keyframes three-column-animation-scale-9{
    0% {transform: scale(0, 0); opacity: 0;}
    20% {transform: scale(0.25, 0.25); opacity: 0;}
    100%{transform: scale(1, 1);opacity: 1;}
}
.three-column .animation.animation-scale.animation-10{animation-name: three-column-animation-scale-10;animation-duration: 1.62s;}
@keyframes three-column-animation-scale-10{
    0% {transform: scale(0, 0); opacity: 0;}
    20% {transform: scale(0.25, 0.25); opacity: 0;}
    100%{transform: scale(1, 1);opacity: 1;}
}
.three-column .animation.animation-scale.animation-11{animation-name: three-column-animation-scale-11;animation-duration: 1.65s;}
@keyframes three-column-animation-scale-11{
    0% {transform: scale(0, 0); opacity: 0;}
    20% {transform: scale(0.25, 0.25); opacity: 0;}
    100%{transform: scale(1, 1);opacity: 1;}
}
.three-column .animation.animation-scale.animation-12{animation-name: three-column-animation-scale-12;animation-duration: 1.67s;}
@keyframes three-column-animation-scale-12{
    0% {transform: scale(0, 0); opacity: 0;}
    20% {transform: scale(0.25, 0.25); opacity: 0;}
    100%{transform: scale(1, 1);opacity: 1;}
}

/*一行四列 从下到上 定义每一个元素的初始位置*/
.four-column .animation.animation-up.animation-1{animation-name: four-column-animation-up-1;animation-duration: 0.56s;}
@keyframes four-column-animation-up-1{
    from {left: 0px;top: 4rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.four-column .animation.animation-up.animation-2{animation-name: four-column-animation-up-2;animation-duration: 0.68s;}
@keyframes four-column-animation-up-2{
    from {left: 0px;top: 5rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.four-column .animation.animation-up.animation-3{animation-name: four-column-animation-up-3;animation-duration: 0.79s;}
@keyframes four-column-animation-up-3{
    from {left: 0px;top: 6rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.four-column .animation.animation-up.animation-4{animation-name: four-column-animation-up-4;animation-duration: 0.89s;}
@keyframes four-column-animation-up-4{
    from {left: 0px;top: 7rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.four-column .animation.animation-up.animation-5{animation-name: four-column-animation-up-5;animation-duration: 0.98s;}
@keyframes four-column-animation-up-5{
    from {left: 0px;top: 8rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.four-column .animation.animation-up.animation-6{animation-name: four-column-animation-up-6;animation-duration: 1.06s;}
@keyframes four-column-animation-up-6{
    from {left: 0px;top: 9rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.four-column .animation.animation-up.animation-7{animation-name: four-column-animation-up-7;animation-duration: 1.13s;}
@keyframes four-column-animation-up-7{
    from {left: 0px;top: 10rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.four-column .animation.animation-up.animation-8{animation-name: four-column-animation-up-8;animation-duration: 1.19s;}
@keyframes four-column-animation-up-8{
    from {left: 0px;top: 11rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.four-column .animation.animation-up.animation-9{animation-name: four-column-animation-up-9;animation-duration: 1.24s;}
@keyframes four-column-animation-up-9{
    from {left: 0px;top: 12rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.four-column .animation.animation-up.animation-10{animation-name: four-column-animation-up-10;animation-duration: 1.28s;}
@keyframes four-column-animation-up-10{
    from {left: 0px;top: 13rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.four-column .animation.animation-up.animation-11{animation-name: four-column-animation-up-11;animation-duration: 1.31s;}
@keyframes four-column-animation-up-11{
    from {left: 0px;top: 14rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
.four-column .animation.animation-up.animation-12{animation-name: four-column-animation-up-12;animation-duration: 1.33s;}
@keyframes four-column-animation-up-12{
    from {left: 0px;top: 15rem;opacity: 0;}
    to{left: 0px;top: 0;opacity: 1;}
}
/*一行四列 从小到大 定义每一个元素的初始位置*/
.four-column .animation.animation-scale.animation-1{animation-name: four-column-animation-scale-1;animation-duration: 0.6s;}
@keyframes four-column-animation-scale-1{
    0% {transform: scale(0, 0); opacity: 0;}
    20% {transform: scale(0.25, 0.25); opacity: 0;}
    100%{transform: scale(1, 1);opacity: 1;}
}
.four-column .animation.animation-scale.animation-2{animation-name: four-column-animation-scale-2;animation-duration: 0.72s;}
@keyframes four-column-animation-scale-2{
    0% {transform: scale(0, 0); opacity: 0;}
    20% {transform: scale(0.25, 0.25); opacity: 0;}
    100%{transform: scale(1, 1);opacity: 1;}
}
.four-column .animation.animation-scale.animation-3{animation-name: four-column-animation-scale-3;animation-duration: 0.83s;}
@keyframes four-column-animation-scale-3{
    0% {transform: scale(0, 0); opacity: 0;}
    20% {transform: scale(0.25, 0.25); opacity: 0;}
    100%{transform: scale(1, 1);opacity: 1;}
}
.four-column .animation.animation-scale.animation-4{animation-name: four-column-animation-scale-4;animation-duration: 0.93s;}
@keyframes four-column-animation-scale-4{
    0% {transform: scale(0, 0); opacity: 0;}
    20% {transform: scale(0.25, 0.25); opacity: 0;}
    100%{transform: scale(1, 1);opacity: 1;}
}
.four-column .animation.animation-scale.animation-5{animation-name: four-column-animation-scale-5;animation-duration: 1.02s;}
@keyframes four-column-animation-scale-5{
    0% {transform: scale(0, 0); opacity: 0;}
    20% {transform: scale(0.25, 0.25); opacity: 0;}
    100%{transform: scale(1, 1);opacity: 1;}
}
.four-column .animation.animation-scale.animation-6{animation-name: four-column-animation-scale-6;animation-duration: 1.1s;}
@keyframes four-column-animation-scale-6{
    0% {transform: scale(0, 0); opacity: 0;}
    20% {transform: scale(0.25, 0.25); opacity: 0;}
    100%{transform: scale(1, 1);opacity: 1;}
}
.four-column .animation.animation-scale.animation-7{animation-name: four-column-animation-scale-7;animation-duration: 1.17s;}
@keyframes four-column-animation-scale-7{
    0% {transform: scale(0, 0); opacity: 0;}
    20% {transform: scale(0.25, 0.25); opacity: 0;}
    100%{transform: scale(1, 1);opacity: 1;}
}
.four-column .animation.animation-scale.animation-8{animation-name: four-column-animation-scale-8;animation-duration: 1.23s;}
@keyframes four-column-animation-scale-8{
    0% {transform: scale(0, 0); opacity: 0;}
    20% {transform: scale(0.25, 0.25); opacity: 0;}
    100%{transform: scale(1, 1);opacity: 1;}
}
.four-column .animation.animation-scale.animation-9{animation-name: four-column-animation-scale-9;animation-duration: 1.28s;}
@keyframes four-column-animation-scale-9{
    0% {transform: scale(0, 0); opacity: 0;}
    20% {transform: scale(0.25, 0.25); opacity: 0;}
    100%{transform: scale(1, 1);opacity: 1;}
}
.four-column .animation.animation-scale.animation-10{animation-name: four-column-animation-scale-10;animation-duration: 1.32s;}
@keyframes four-column-animation-scale-10{
    0% {transform: scale(0, 0); opacity: 0;}
    20% {transform: scale(0.25, 0.25); opacity: 0;}
    100%{transform: scale(1, 1);opacity: 1;}
}
.four-column .animation.animation-scale.animation-11{animation-name: four-column-animation-scale-11;animation-duration: 1.35s;}
@keyframes four-column-animation-scale-11{
    0% {transform: scale(0, 0); opacity: 0;}
    20% {transform: scale(0.25, 0.25); opacity: 0;}
    100%{transform: scale(1, 1);opacity: 1;}
}
.four-column .animation.animation-scale.animation-12{animation-name: four-column-animation-scale-12;animation-duration: 1.37s;}
@keyframes four-column-animation-scale-12{
    0% {transform: scale(0, 0); opacity: 0;}
    20% {transform: scale(0.25, 0.25); opacity: 0;}
    100%{transform: scale(1, 1);opacity: 1;}
}





/*商品分类*/
.classify{padding: 0rem 1.5rem;}
.classify .middle{overflow: hidden;}
.classify .middle .top{overflow: auto;width: 100%;-ms-overflow-style: none;overflow: -moz-scrollbars-none;}
.classify .middle .top::-webkit-scrollbar{display:none}
.classify .middle .item{width: 48%;float: left;margin-right: 4%;position: relative;margin-bottom: 1rem;}
.classify .middle .item:nth-child(2n){margin-right: 0;}
.classify .middle .item .image{width: 100%;border-radius: 0.2rem;height: 16.5rem;object-fit: cover;}
.classify .middle .item .name{position: absolute;background: rgba(255,255,255,0.8);width: 70%;line-height: 3rem;font-size: 1.6rem;color: #000000;text-align: center;bottom: 1.5rem;left: 0;right: 0;margin: 0 auto;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;padding: 0 1rem;}
.classify .middle .item_style1{overflow: auto;-ms-overflow-style: none;overflow: -moz-scrollbars-none;}
.classify .middle .item_style1::-webkit-scrollbar{display:none}
.classify .middle .item_style1 li{float: left;width: 22.5%;margin-right: 3.33%;position: relative;margin-bottom: 1rem;}
.classify .middle .item_style1 li:nth-child(4n){margin-right: 0;}
.classify .middle .item_style1 li .image{width: 100%;border-radius: 0.2rem;height: 7.7rem;object-fit: cover;}
.classify .middle .item_style1 li .name{position: absolute;bottom: 0;width: 100%;background: rgba(0,0,0,0.5);font-size: 1.2rem;color: #FFFFFF;text-align: center;line-height: 2rem;border-radius: 0 0 0.2rem 0.2rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;padding: 0 0.5rem;}
.classify .middle .item_style2{overflow: auto;-ms-overflow-style: none;overflow: -moz-scrollbars-none;}
.classify .middle .item_style2::-webkit-scrollbar{display:none}
.classify .middle .item_style2 li{float: left;width: 31%;margin-right: 3.33%;position: relative;margin-bottom: 1rem;}
.classify .middle .item_style2 li:nth-child(3n){margin-right: 0;}
.classify .middle .item_style2 li .image{width: 100%;border-radius: 0.2rem;height: 10.6rem;object-fit: cover;}
.classify .middle .item_style2 li .name{position: absolute;bottom: 1rem;left: 0;right: 0;margin: 0 auto;width: 85%;background: rgba(255,255,255,0.8);font-size: 1.3rem;color: #000000;text-align: center;line-height: 2.4rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;padding: 0 0.5rem;}
.classify .middle .item_style3 li{width: 100%;overflow: auto;border-bottom: 0.1rem solid #EDEDED;padding: 0.8rem 0;}
.classify .middle .item_style3 li .image{width: 3rem;border-radius: 100%;float: left;}
.classify .middle .item_style3 li .name{float: left;font-size: 1.4rem;color: #000000;line-height: 3rem;margin-left: 1rem;}
.classify .middle .item_style3 li .iconfont{float: right;color: #c1c1c1;font-size: 1.5rem;line-height: 3rem;}
.classify .middle .item_style4{overflow: auto;-ms-overflow-style: none;overflow: -moz-scrollbars-none;}
.classify .middle .item_style4::-webkit-scrollbar{display:none}
.classify .middle .item_style4 li{width: 31%;margin-right: 3.33%;line-height: 3rem;margin-bottom: 1rem;overflow: auto;float: left;}
.classify .middle .item_style4 li:nth-child(3n){margin-right: 0;}
.classify .middle .item_style4 li .iconfont{color: #333333;font-size: 1rem;float: left;margin-right: 0.3rem;}
.classify .middle .item_style4 li .name{font-size: 1.4rem;color: #000000;float: left;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;width: 80%;}
.classify .middle .item_style5{overflow: auto;}
.classify .middle .item_style5 li{float: left;width: 31%;margin-right: 3.33%;margin-bottom: 1rem;}
.classify .middle .item_style5 li:nth-child(3n){margin-right: 0;}
.classify .middle .item_style5 li .name{background: #fca847;font-size: 1.4rem;color: #FFFFFF;text-align: center;padding: 0 0.5rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 3rem;border-radius: 0.2rem;}
.classify .middle .item_style6{overflow: auto;}
.classify .middle .item_style6 li{float: left;width: 48%;margin-right: 4%;margin-bottom: 1rem;background: #FFFFFF;border-radius: 0.3rem;}
.classify .middle .item_style6 li:nth-child(2n){margin-right: 0;}
.classify .middle .item_style6 li .image{width:4rem;height: 4rem;border-radius: 0.2rem;float: left;margin: 0.5rem;object-fit: cover;}
.classify .middle .item_style6 li .name{font-size: 1.4rem;color: #333333;text-align: center;padding: 0 0.5rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 5rem;border-radius: 0.2rem;float: left;width: 68%;font-weight: bold;}
.classify .middle .item_style7{overflow: auto;}
.classify .middle .item_style7 li{float: left;width: 48%;margin-right: 4%;margin-bottom: 1rem;}
.classify .middle .item_style7 li:nth-child(2n){margin-right: 0;}
.classify .middle .item_style7 li .name{font-size: 1.3rem;color: #333333;text-align: left;padding: 0 1rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 3.8rem;border-radius: 0.3rem;background: #F1F1F1;height: 3.5rem;}
.classify .middle .item_style7 li .icon{font-size: 1.2rem;color: #999999;float: right;}
.classify .middle .item_style8{overflow: auto;-ms-overflow-style: none;overflow: -moz-scrollbars-none;}
.classify .middle .item_style8::-webkit-scrollbar { width: 0 !important }
.classify .middle .item_style8 li{float: left;width: 22.5%;margin-right: 3.33%;margin-bottom: 1rem;}
.classify .middle .item_style8 li:nth-child(4n){margin-right: 0;}
.classify .middle .item_style8 li .name{font-size: 1.3rem;color: #333333;text-align: center;padding: 0 0.8rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 2.8rem;border-radius: 0.3rem;background: #F1F1F1;}
.classify .middle .item_style9{overflow: auto;-ms-overflow-style: none;overflow: -moz-scrollbars-none;}
.classify .middle .item_style9::-webkit-scrollbar{display:none}
.classify .middle .item_style9 li{float: left;width: 32%;margin-right: 2%;margin-bottom: 1rem;}
.classify .middle .item_style9 li:nth-child(3n){margin-right: 0;}
.classify .middle .item_style9 li .name{font-size: 1.3rem;color: #333333;text-align: left;padding: 0 1rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 3.8rem;border-radius: 0.3rem;background: #F1F1F1;height: 3.5rem;}
.classify .middle .item_style9 li .icon{font-size:2rem;color: #999999;float: right;}
/*商品分类样式1*/
.classify1{padding-bottom: 0;}
/*商品分类样式2*/
.classify2{padding-bottom: 0;}
/*商品分类样式3*/
.classify3{}
/*商品分类样式4*/
.classify4{}
/*商品分类样式5*/
.classify5{padding-bottom: 0;}
/*商品分类样式6*/
.classify6{padding-bottom: 0;}
/*商品分类样式7*/
.classify7{padding-bottom: 0;}
/*商品分类样式8*/
.classify8{padding-bottom: 0;}
/*商品分类样式9*/
.classify9{padding-bottom: 0;}
/*商品分类样式10*/
.classify10{padding-bottom: 0;}
/*商品分类样式11*/
.classify11{padding-bottom: 0;background: #FCE2D3;}


/*商品列表 销售榜单样式1*/
.product-list{}
.product-list ul{margin: 0rem 1.5rem;overflow: hidden;}
.product-list ul.goods-sale1{overflow: hidden;}
.product-list ul li{position: relative;background: #FFFFFF;border-radius: 0.3rem;margin-bottom: 1rem;padding: 1rem 0;position: relative;}
.product-list ul li:last-child{margin-bottom: 0;}
.product-list ul li .tags{font-size: 1.1rem;line-height: 2.1rem;padding: 0 0.6rem;color: #FFFFFF;background: #F58080;border-radius: 0.3rem 0 0.5rem 0;position: absolute;z-index: 2;left: 0;top: 0;}
.product-list ul li .rank{position: absolute;z-index: 9;width: 3rem;left: 3%;}
.product-list ul li .rank .rank-bg{width: 100%;}
.product-list ul li .rank .top{font-size: 1.2rem;color: #FFFFFF;text-align: center;position: absolute;top: 0.2rem;width:100%;}
.product-list ul li .rank .number{font-size: 1.6rem;color: #FFFFFF;text-align: center;width:100%;position: absolute;top: 1.5rem;}
.product-list ul li .info{overflow: auto;width: 94%;margin: 0 auto 0rem;}
.product-list ul li .info .goods-img{width: 10rem;height: 10rem;float: left;border-radius: 0.3rem;margin-right: 1rem;}
.product-list ul li .info .goods-data{float: left;width: 65%;}
.product-list ul li .info .goods-data .name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size: 1.4rem;color: #333333;line-height: 2rem;}
.product-list ul.goods-sale1 li .info .goods-data .name{height: 4rem;}
.product-list ul li .info .goods-data .evaluate{font-size: 1.1rem;color: #999999;line-height: 3rem;height: 3rem;}
.product-list ul li .info .goods-data .btn-style1{width: 15rem;border: 0.1rem solid #FD3C4F;height: 3rem;border-radius: 5rem;}
.product-list ul li .info .goods-data .btn-style1 .price{float: left;text-align: center;font-size: 1.6rem;color: #FD3C4F;width: 50%;line-height: 2.8rem;border-radius: 5rem 0 0 5rem;border-right: none;}
.product-list ul li .info .goods-data .btn-style1 .price .unit{font-size: 1.2rem;}
.product-list ul li .info .goods-data .btn-style1 .buy{float: right;width: 50%;text-align: center;font-size: 1.4rem;color: #FFFFFF;background:#D80A13;border-radius: 0 5rem 5rem 0;line-height:3rem;position: relative;top:-0.1rem;right: -0.1rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.product-list ul li .info .goods-data .btn-style1 .buy .bg{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;border-radius: 0 5rem 5rem 0;background:linear-gradient(0deg,#ffffff00,#ffffff75);}
.product-list ul li .info .goods-data .btn-style2{background: #FD3C4F;border-radius: 5rem;overflow: auto;width: 15rem;}
.product-list ul li .info .goods-data .btn-style2 .price{background: rgba(255,255,255,0.9);border-radius: 5rem;font-size: 1.6rem; color: #FD3C4F;line-height: 2.5rem;float: left;width: 48%;margin: 0.3rem 0 0.3rem 2%;text-align: center;}
.product-list ul li .info .goods-data .btn-style2 .price .unit{font-size: 1.2rem;}
.product-list ul li .info .goods-data .btn-style2 .buy{text-align: center;font-size: 1.4rem;color: #FFFFFF;float: left;width: 50%;line-height: 3.2rem;}
.product-list ul li .info .goods-data .btn-style3{overflow: auto;width: 100%;}
.product-list ul li .info .goods-data .btn-style3 .price{font-size: 1.6rem; color: #FD3C4F;float: left;line-height: 3rem;}
.product-list ul li .info .goods-data .btn-style3 .price .unit{font-size: 1.2rem;}
.product-list ul li .info .goods-data .btn-style3 .price .market-price{font-size: 1.2rem; color: #999999;text-decoration: line-through;margin-left: 0.2rem;}
.product-list ul li .info .goods-data .btn-style3 .buy{text-align: center;font-size: 1.4rem;color: #FFFFFF;float: right;line-height: 3rem;background: #DD2B2B;padding:0 2rem;border-radius: 5rem;}
.product-list ul li .info .goods-data .btn-style4{overflow: auto;width: 100%;}
.product-list ul li .info .goods-data .btn-style4 .price{font-size: 1.6rem; color: #FD3C4F;float: left;line-height: 3rem;}
.product-list ul li .info .goods-data .btn-style4 .price .unit{font-size: 1.2rem;}
.product-list ul li .info .goods-data .btn-style4 .price .market-price{font-size: 1.2rem; color: #999999;text-decoration: line-through;margin-left: 0.2rem;}
.product-list ul li .info .goods-data .btn-style4 .buy{font-size: 3rem;color: #DD2B2B;float: right;line-height: 3rem;border-radius: 100%;}
.product-list ul li .info .goods-data .btn-style5{background: #FD3C4F;border-radius: 5rem;overflow: auto;width: 15rem;text-align: center;}
.product-list ul li .info .goods-data .btn-style5 .price{font-size: 1.6rem; color: #FFFFFF;line-height: 3rem;float: left;width: 50%;}
.product-list ul li .info .goods-data .btn-style5 .price .unit{font-size: 1.2rem;}
.product-list ul li .info .goods-data .btn-style5 .buy{font-size: 1.4rem;color: #FD3C4F;float: left;border-radius: 5rem;width: 48%;background: #FFFFFF;line-height: 2.5rem;margin: 0.3rem 0 0.2rem;text-align: center;}
.product-list ul li .evaluate-data{overflow: auto;background: #EDEDED;padding: 0.3rem 0.5rem;border-radius: 5rem;width: 94%;margin: 1rem auto 0;position: relative;}
.product-list ul li .evaluate-data .avatar{width: 2rem;height:2rem;border-radius: 100%;float: left;}
.product-list ul li .evaluate-data .content{float: left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 1.2rem;color: #999999;width: 90%;margin-left: 0.5rem;line-height: 2rem;}
/*商品列表 销售榜单样式2*/
.product-list .goods-sale2{background: transparent;overflow: hidden;}
.product-list .goods-sale2 li{background: transparent;border-radius: 0;padding: 0;}
.product-list .goods-sale2 li:last-child{margin-bottom: 0;}
.product-list .goods-sale2 li .rank{position: absolute;z-index: 9;width: 3rem;left: 0;}
.product-list .goods-sale2 li .info{margin: 0 0 0 4rem;width: 88%;}
.product-list .goods-sale2 li .info .goods-data{width: 61%;}
.product-list ul.goods-sale2 li .info .goods-data .name{height: 4rem;}
.product-list .goods-sale2 li .evaluate-data{background: rgba(0,0,0,0.1);margin-top: 1rem;}
/*商品列表 商品直降样式1*/
.product-list .descent1{overflow: auto;-ms-overflow-style: none;overflow: -moz-scrollbars-none;}
.product-list .descent1::-webkit-scrollbar{display:none}
.product-list .descent1 li{width: 48%;margin-right: 4%;float: left;background: #FFFFFF;padding:0 0 0.8rem 0;margin-bottom: 1rem;}
.product-list .descent1 li:nth-child(2n){margin-right: 0;}
.product-list .descent1 li:last-child{margin-bottom: 1rem;}
.product-list .descent1 li .img{width: 100%;height: 16.5rem;}
.product-list .descent1 li .name{font-size: 1.4rem;color: #333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 3.5rem;padding: 0 0.5rem;margin-bottom: 1rem;}
/*!*从下往上*!*/
/*.product-list .descent1 li.animation.animation-up{animation-name: descent1-animation-up !important;}*/
/*@keyframes descent1-animation-up{*/
/*    from {left: 0px;top: 6rem;opacity: 0;}*/
/*    to{left: 0px;top: 0;opacity: 1;}*/
/*}*/
.product-list ul li .data{position: relative;height: 6rem;}
.product-list ul li .data .iconfont{font-size: 5.5rem;color: #E53D3D;position: absolute;top: 1rem;left: 1rem;animation-duration: 1.5s;z-index: 0;}
.product-list ul li .data .market-price{position: absolute;right: 0.5rem;top: 2rem;line-height: 1.5rem;}
.product-list ul li .data .market-price .text{font-size: 1.2rem;color: #999999;}
.product-list ul li .data .market-price .price{font-size: 1.2rem;color: #999999;}
.product-list .descent1 li .btn-style1{position: relative;top: 0;overflow: auto;width: 94%;left: 0;right: 0;margin: auto;}
.product-list .descent1 li .btn-style1 .price{float: left;text-align: center;font-size: 1.6rem;color: #FD3C4F;width: 50%;border: 0.1rem solid #FD3C4F;line-height: 2.6rem;border-radius: 5rem 0 0 5rem;border-right: none;}
.product-list .descent1 li .btn-style1 .price .unit{font-size: 1.2rem;}
.product-list .descent1 li .btn-style1 .buy{float: right;width: 50%;text-align: center;font-size: 1.4rem;color: #FFFFFF;background:#D80A13;border-radius: 0 5rem 5rem 0;line-height: 2.9rem;position: relative;}
.product-list .descent1 li .btn-style1 .buy .bg{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;border-radius: 0 5rem 5rem 0;background:linear-gradient(0deg,#ffffff00,#ffffff75);}
.product-list .descent1 li .btn-style2{position: relative;top: 0;background: #FD3C4F;border-radius: 5rem;overflow: auto;width: 94%;left: 0;right: 0;margin: auto;}
.product-list .descent1 li .btn-style2 .price{background: #FFFFFF;border-radius: 5rem;font-size: 1.4rem; color: #FD3C4F;line-height: 2.5rem;float: left;width: 48%;margin: 0.3rem 0 0.3rem 2%;text-align: center;}
.product-list .descent1 li .btn-style2 .price .unit{font-size: 1.2rem;}
.product-list .descent1 li .btn-style2 .buy{text-align: center;font-size: 1.4rem;color: #FFFFFF;float: left;width: 50%;line-height: 3.2rem;}
.product-list .descent1 li .btn-style3{position: relative;top: 0;background: #FD3C4F;border-radius: 5rem;overflow: auto;width: 94%;left: 0;right: 0;margin: auto;}
.product-list .descent1 li .btn-style3 .price{font-size: 1.6rem; color: #FFFFFF;line-height: 3rem;float: left;width: 50%;text-align: center;}
.product-list .descent1 li .btn-style3 .price .unit{font-size: 1.2rem;}
.product-list .descent1 li .btn-style3 .buy{font-size: 1.4rem;color: #FD3C4F;float: left;border-radius: 5rem;width: 48%;background: #FFFFFF;line-height: 2.5rem;margin: 0.3rem 0;text-align: center;}
/*商品列表 商品直降样式2*/
.product-list .descent2{}
.product-list .descent2 li{}
.product-list .descent2 li .info .goods-img{width: 12rem;height: 12rem;}
.product-list .descent2 li .info .goods-data .name{-webkit-line-clamp:1;height: 2rem;}
.product-list .descent2 li .info .goods-data{width: 58%;}
.product-list .descent2 li .data{top: 1rem;}
.product-list .descent2 li .data .market-price{right: 3rem;}
.product-list .descent2 li .info .goods-data .btn-style1{width: 90%;margin-top: 1rem;}
.product-list .descent2 li .info .goods-data .btn-style2{width: 90%;margin-top: 1rem;}
.product-list .descent2 li .info .goods-data .btn-style5{width: 90%;margin-top: 1rem;}

/*商品列表 商品组件样式7*/
.goods-style7{padding: 0rem 1.5rem 0;}
.goods-style7 ul{overflow: auto;-ms-overflow-style: none;overflow: -moz-scrollbars-none;}
.goods-style7 ul::-webkit-scrollbar{display:none}
.goods-style7 ul li{float: left;width: 32%;margin-right: 2%;position: relative;margin-bottom: 1rem;}
.goods-style7 ul li:nth-child(3n){margin-right: 0;}
.goods-style7 ul li.more-url{background: #D7AC89;padding: 2.4rem 1rem;}
.goods-style7 ul li.more-url .text{font-size: 1.6rem;color: #FFFFFF;text-align: center;border-bottom: 0.1rem solid #FFFFFF;line-height: 3rem;}
.goods-style7 ul li.more-url .text:last-child{font-weight: bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.goods-style7 ul li .img{width: 11.1rem;height: 11.1rem;border-radius: 0.3rem;}
.goods-style7 ul li .price{position: absolute;bottom: 1.5rem;right: 0;background: #D7AC89;font-size: 1.4rem;color: #FFFFFF;padding: 0 0.5rem;line-height: 2rem;}
.goods-style7 ul li .price .unit{font-size: 1.2rem;}
/*商品列表 商品组件样式8*/
.goods-style8{background: #FE7042;padding: 0 1rem 0.3rem;overflow: auto;margin: 0 1.5rem;border-radius: 1rem;-ms-overflow-style: none;overflow: -moz-scrollbars-none;}
.goods-style8::-webkit-scrollbar{display:none}
.goods-style8 .title{font-size: 1.6rem;color: #FFFFFF;font-weight: bold;text-align: center;width:17rem; max-width: 90%;line-height: 3.2rem;background: rgba(255,255,255,0.3);margin: 0 auto 1rem;border-radius: 0 0 5rem 5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding: 0 1rem;}
.goods-style8 .left-info{float: left;width: 50%;margin-right: 3%;background: #FFFFFF;border-radius: 0.5rem;}
.goods-style8 .left-info .img-box{width: 90%;margin: 0.7rem auto 0;position: relative;}
.goods-style8 .left-info .img-box .img{width: 14.6rem;height:14.6rem;border-radius: 0.5rem;}
.goods-style8 .left-info .img-box .sale_num{position: absolute;background: #FE7042;border-radius: 0 3rem 3rem 0;top: 2rem;left: 0;font-size: 1.2rem;color: #FFFFFF;padding: 0 1rem 0 0.5rem;}
.goods-style8 .left-info .name{width: 90%;font-size: 1.4rem;color: #333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin: 0 auto;line-height: 3rem;}
.goods-style8 .left-info .bottom{width: 90%;margin: 0 auto 0.4rem;overflow: auto;float: none;}
.goods-style8 .left-info .bottom .price{font-size: 1.6rem;color: #FE7042;float: left;line-height: 2.5rem;margin-right: 0.5rem;}
.goods-style8 .left-info .bottom .price .unit{font-size: 1.2rem;}
.goods-style8 .left-info .bottom .market-price{font-size: 1.2rem;color: #999999;text-decoration: line-through;float: left;line-height: 2.5rem;}
.goods-style8 .left-info .bottom .iconfont{color: #FE7042;font-size: 2.5rem;float: right;line-height: 2.5rem;margin-right: 0.1rem;}
.goods-style8 ul{float: right;width: 47%;}
.goods-style8 ul li{width: 100%;border-radius: 0.5rem;overflow: auto;background: #FFFFFF;margin-bottom: 0.5rem;}
.goods-style8 ul li .img{display: block;width: 5.8rem;height:  5.8rem;float: left;margin: 0.5rem;border-radius: 0.3rem;}
.goods-style8 ul li .info{float: left;width: 53%;margin-top: 1rem;}
.goods-style8 ul li .info .name{font-size: 1.3rem;color: #333333; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height: 1.6rem;}
.goods-style8 ul li .info .price{font-size: 1.4rem;color: #FE7042;line-height: 2rem;}
.goods-style8 ul li .info .price .unit{font-size: 1.2rem;}
.goods-style8 ul li .info .market-price{font-size: 1.0rem;color: #999999;text-decoration: line-through;line-height: 1.8rem;font-weight: normal;margin-left: 0.2rem;}
/*商品列表 商品组件样式9*/
.goods-style9{padding: 0rem 1.5rem;position: relative;}
.goods-style9 .big-bg{width: 34.5rem;height: 34.5rem;border-radius: 0.5rem;}
.goods-style9 .info{position: absolute;z-index: 9;background: rgba(255,255,255,0.6);top: 0;bottom: 0;right: 3rem;margin: auto;border-radius: 0.8rem;width: 8rem;height: 22rem;}
.goods-style9 .info .title{font-size: 1.4rem;color: #333333;text-align: center;line-height: 2rem;margin-top: 1rem;}
.goods-style9 .info .item{width: 6rem;margin: 0 auto 0.5rem;}
.goods-style9 .info .item:last-child{margin-bottom: 0;}
.goods-style9 .info .item .img{width: 6rem;height: 6rem;border-radius: 100%;}
.goods-style9 .info .item .price{font-size: 1.4rem;color: #333333;line-height: 3rem;text-align: center;}
.goods-style9 .info .item .price .unit{font-size: 1.2rem;}
/*商品列表 商品组件样式10*/
.goods-style10{position: relative;padding-bottom: 7rem;}
.goods-style10 .head{background: none;padding: 1rem 1.5rem;height: 18rem;width: 100%;position: absolute;overflow: hidden;}
.goods-style10 .head .head-bg{position: absolute;width: 150%;height: 18rem;left: -50%;right: -50%;margin: 0 auto;top: -4rem;border-radius: 100%;background: #DD2B2B;overflow: hidden;}
.goods-style10 .head .content{position: absolute;z-index: 9;padding: 1rem 1.5rem;width: 100%;left: 0;top: 0;}
.goods-style10 .head .title{font-size: 2.2rem;color: #FFFFFF;font-weight: bold;}
.goods-style10 .head .sub-title{font-size: 1.6rem;color: #FFFFFF;float: left;line-height: 2.6rem;}
.goods-style10 .head .link{border: 0.1rem solid #FFFFFF;color: #FFFFFF;border-radius: 0.2rem;float: right;font-size: 1.2rem;padding: 0 0.2rem 0 0.6rem;line-height: 2.1rem;}
.goods-style10 ul{padding: 0 1.5rem 0.5rem;overflow: auto;position: relative;top: 8rem; -ms-overflow-style: none;overflow: -moz-scrollbars-none;}
.goods-style10 ul::-webkit-scrollbar{display:none}
.goods-style10 ul li{width: 48%;margin-right: 4%;float: left;margin-bottom: 1rem;background: #FFFFFF;border-radius: 0.3rem;position: relative;}
.goods-style10 ul li:nth-child(2n){margin-right: 0;}
.goods-style10 ul li .tags{font-size: 1.1rem;line-height: 2.1rem;padding: 0 0.6rem;color: #FFFFFF;background: #F58080;border-radius: 0.3rem 0 0.5rem 0;position: absolute;z-index: 2;left: 0;top: 0;}
.goods-style10 ul li .img{width: 100%;height: 16.5rem;border-radius: 0.3rem 0.3rem 0 0;object-fit: cover;}
.goods-style10 ul li .info{padding: 0 0.8rem 0.5rem;}
.goods-style10 ul li .info .name{font-size: 1.4rem;color: #333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 2rem;margin-top: 0.4rem;}
.goods-style10 ul li .info .price{overflow: auto;}
.goods-style10 ul li .info .price .sale-price{float: left;font-size: 1.6rem;color: #DD2B2B;line-height: 3rem;margin-right: 0.5rem;}
.goods-style10 ul li .info .price .sale-price .unit{font-size: 1.2rem;}
.goods-style10 ul li .info .price .market-price{font-size: 1.2rem;color: #999999;text-decoration: line-through;float: left;line-height: 2rem;margin-top: 0.6rem;}
.goods-style10 ul li .info .price .iconfont{float: right;color: #DD2B2B;font-size: 2.5rem;line-height: 2.5rem;margin:0.4rem 0 0 0.2rem;}
/*商品列表 商品组件样式11*/
.goods-style11{padding: 1rem 0 1rem 1rem;overflow: auto;background: #94AB77;margin: 0 1.5rem;border-radius: 0.6rem;}
.goods-style11 .sale-info{float: left;width: 10rem;border-radius: 1rem;padding-top: 2rem;}
.goods-style11 .sale-info .text{font-size: 3.2rem;color: #FFFFFF;font-weight: bold;line-height: 3.5rem;letter-spacing: 0.5rem;width: 8rem;text-align: center;}
.goods-style11 .sale-info .text-line{font-size: 1.5rem;color: #FFFFFF;line-height: 2.5rem;letter-spacing: 0.1rem;}
.goods-style11 .sale-info .link{color: #FFFFFF;border: 0.1rem solid #FFFFFF;line-height: 2.8rem;display: inline-block;padding: 0 1.2rem;border-radius: 0.2rem;}
.goods-style11 .sale-info .link em{display: inline-block;width: 1.4rem;height: 1.4rem;font-size: 1.2rem;color: #94AB77;background: #FFFFFF;text-align: center;line-height: 1.4rem;border-radius: 100%;margin-left: 0.5rem;}
.goods-style11 .mui-slider{float: left;width: 70%;}
.goods-style11 ul{}
.goods-style11 ul li{width: 9rem !important;height: 14.5rem !important;background: #FFFFFF;margin-right: 0.8rem;border-radius: 0.3rem;}
.goods-style11 ul li .img{width: 8rem !important;height: 8rem;margin:0.5rem;border-radius: 0.3rem;}
.goods-style11 ul li .price{font-size: 1.4rem;color: #64813F;line-height: 2.5rem;padding: 0 0.5rem;text-align: center}
.goods-style11 ul li .price .unit{font-size: 1.2rem;}
.goods-style11 ul li .buy{font-size: 1.2rem;color: #64813F;border: 0.1rem solid #64813F;width: 75%;margin: 0 auto;line-height: 2rem;text-align: center;border-radius: 5rem;}
.goods-style11 ul.style2 li{height: 15rem !important;}
.goods-style11 ul.style2 li .name{font-size: 1.3rem; color: #333333;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;padding: 0 0.5rem;margin: 0.6rem auto 0;line-height: 1.6rem;text-align: center;}
.goods-style11 ul.style2 li .price{font-weight: normal;line-height: 2rem;text-align: center;}
.goods-style11 ul.style2 li .price .unit{font-size: 1.2rem;}
/*商品列表 商品组件样式12*/
.goods-style12{padding: 0rem 1.5rem;overflow: auto;}
.goods-style12 .item{float: left;width: 49%;margin-right: 2%;padding: 1.5rem 1rem 0.5rem;position: relative;height: 16.6rem;}
.goods-style12 .item .item-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #FFFFFF;z-index: 0;border-radius: 0.5rem;}
.goods-style12 .item .item-content{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(8, 129, 8, 0.15);overflow: auto;z-index: 9;padding: 1.5rem 1rem 0.5rem;border-radius: 0.5rem;}
.goods-style12 .item:nth-child(2n){margin-right: 0;}
.goods-style12 .item .item-content .top{position: relative;}
.goods-style12 .item .title{color: #088108;font-size: 1.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: bold;line-height: 2rem;margin: 0;width: 85%;}
.goods-style12 .item .sub-title{color: #088108;font-size: 1.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 2rem;width: 85%;}
.goods-style12 .item .item-content .top .layui-icon{background: rgba(8,129,8,0.5);border-radius: 100%;width: 1.6rem;height: 1.6rem;position: absolute;right: 0;top: 0.2rem;color: #FFFFFF;font-size: 1.2rem;text-align: right;line-height: 1.6rem;padding-right: 0.1rem;}
.goods-style12 .item ul{overflow: auto;margin-top: 0.3rem;-ms-overflow-style: none;overflow: -moz-scrollbars-none;}
.goods-style12 .item ul::-webkit-scrollbar{display:none}
.goods-style12 .item ul li{float: left;width: 48%;margin-right: 4%;}
.goods-style12 .item ul li:nth-child(2n){margin-right: 0;}
.goods-style12 .item ul li .img{width: 7.1rem;height: 7.1rem;border-radius: 0.3rem;}
.goods-style12 .item ul li .price{font-size: 1.4rem;color: #DD2B2B;line-height: 3rem;text-align: center;}
.goods-style12 .item ul li .price .unit{font-size: 1.2rem;}
/*商品列表 商品组件样式13*/
.goods-style13{padding: 0rem 1.5rem;}
.goods-style13 .tab-bar{display: flex;margin-bottom: 1rem;}
.goods-style13 .tab-bar li{flex: 1;text-align: center;position: relative;}
.goods-style13 .tab-bar li .line{width: 1px;height: 3rem;background: #DBDBDB;position: absolute;right: 0;top: 0;bottom: 0;margin: auto;}
.goods-style13 .tab-bar li:last-child .line{display: none;}
.goods-style13 .tab-bar li .title{font-size: 1.4rem;color: #333333;font-weight: bold;line-height: 2rem;margin: 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.goods-style13 .tab-bar li .sub-title{font-size: 1.2rem;color: #999999;line-height: 2rem;display: inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.goods-style13 .tab-bar li.active .sub-title{color: #FFFFFF;background: #444444;padding: 0 1rem;border-radius: 3rem;}
.goods-style13 .list{overflow: auto;-ms-overflow-style: none; overflow: -moz-scrollbars-none;}
.goods-style13 .list::-webkit-scrollbar{display:none}
.goods-style13 .list li{float: left;width: 48%;margin-right: 4%;margin-bottom: 1rem;background: #FFFFFF;border-radius: 0.3rem;position: relative;}
.goods-style13 .list li:nth-child(2n){margin-right: 0;}
.goods-style13 .list li .img{width: 100%;height: 16.5rem;border-radius: 0.3rem 0.3rem 0 0;}
.goods-style13 .list li .name{font-size: 1.4rem;color: #333333;line-height: 2.5rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;padding: 0 0.5rem;}
.goods-style13 .list li .bottom{overflow: auto;padding: 0 0.5rem;}
.goods-style13 .list li .bottom .price{float: left;font-size: 1.6rem;color: #DD2B2B;line-height: 2.6rem;}
.goods-style13 .list li .bottom .price .unit{font-size: 1.2rem;}
.goods-style13 .list li .bottom .price .market-price{font-size: 1.2rem;color: #999999;text-decoration: line-through;margin-left: 0.2rem;}
.goods-style13 .list li .bottom .iconfont{font-size: 2.4rem;color: #DD2B2B;float: right;line-height: 2.6rem;margin-right: 0.5rem;}
.goods-style13 .list li .tags{font-size: 1.1rem;line-height: 2.1rem;padding: 0 0.6rem;color: #FFFFFF;background: #F58080;border-radius: 0.3rem 0 0.5rem 0;position: absolute;z-index: 2;left: 0;top: 0;}
.goods-style13 .list2 li{width: 32%;margin-right: 2%;height: 18.8rem;}
.goods-style13 .list2 li .name{-webkit-line-clamp:2;line-height: 1.8rem;margin: 0.5rem 0;}
.goods-style13 .list2 li:nth-child(2n){margin-right: 2%;}
.goods-style13 .list2 li:nth-child(3n){margin-right: 0;}
.goods-style13 .list2 li .img{width: 11rem;height: 11rem;border-radius: 0.3rem;}
.goods-style13 .more-url{display: block;width: 9rem;border: 0.1rem solid #DBDBDB;font-size: 1.4rem; color: #444444;line-height: 3rem;border-radius: 3rem;text-align: center;margin: 0.5rem auto 0;}
/*商品列表 商品组件样式14*/
.goods-style14{padding: 0rem 1.5rem;}
.goods-style14 ul{overflow: auto;-ms-overflow-style: none; overflow: -moz-scrollbars-none;}
.goods-style14 ul::-webkit-scrollbar{display:none}
.goods-style14 ul li{float: left;width: 48%;margin-right: 4%;margin-bottom: 1rem;background: #FFFFFF;border-radius: 0.3rem;position: relative;}
.goods-style14 ul li:nth-child(2n){margin-right: 0;}
.goods-style14 ul li .tags{font-size: 1.1rem;line-height: 2.1rem;padding: 0 0.6rem;color: #FFFFFF;background: #F58080;border-radius: 0.3rem 0 0.5rem 0;position: absolute;z-index: 2;left: 0;top: 0;}
.goods-style14 ul li .img{width: 100%;height: 16.5rem;border-radius: 0.3rem 0.3rem 0 0;object-fit: cover;}
.goods-style14 ul li .name{font-size: 1.4rem;color: #333333;line-height: 3.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding: 0 0.8rem;}
.goods-style14 ul li .bottom{overflow: auto;background: #DD2B2B;padding: 0.5rem 0.8rem 0.4rem;width: 90%;margin: 0 auto 0.8rem;float: none;border-radius: 0.3rem;}
.goods-style14 ul li .bottom .price{float: left;font-size: 1.6rem;color: #FFFFFF;line-height: 2.6rem;}
.goods-style14 ul li .bottom .price .unit{font-size: 1.2rem;}
.goods-style14 ul li .bottom .price .market-price{font-size: 1.2rem;color: #FFFFFF;text-decoration: line-through;margin-left: 0.2rem;}
.goods-style14 ul li .bottom .iconfont{font-size: 1.6rem;color: #FFFFFF;float: right;margin-top: 0.2rem;}
.goods-style14 ul li .bottom .sale-num{font-size: 1.2rem;color: #FFFFFF;float: right;line-height: 2.6rem;}
/*商品列表 商品组件样式19*/
.goods-style19{margin: 0 1.5rem;height: 34.5rem;border-radius: 0.5rem;overflow: hidden;position: relative;}
.goods-style19 .bg-img{width: 100%;object-fit: cover;height: 100%;}
.goods-style19 .title-box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;    background: linear-gradient(180deg,#00000015,#00000000);}
.goods-style19 .title-box .title{font-size: 2.2rem;color: #FFFFFF;font-weight: bold;margin: 4rem 0 0 2rem;width: 60%;overflow: hidden;line-height: 3rem;height: 3rem;}
.goods-style19 .title-box .sub-title{font-size: 1.6rem;color: #FFFFFF;margin: 0 0 0 2rem;line-height: 2.6rem;height: 2.6rem;overflow: hidden;width: 60%;}
.goods-style19 .title-box .link_url{font-size: 1.2rem;color: #FFFFFF;display: inline-block;border: 0.1rem solid #FFFFFF;padding: 0 0.5rem;line-height: 2.4rem;border-radius: 0.2rem;position: absolute;right: 1.5rem;top: 6.5rem;}
.goods-style19 .list{position: absolute;bottom: 1rem;left: 2rem;z-index: 9;height: 16rem;}
.goods-style19 .mui-slider ul{}
.goods-style19 .mui-slider li{width: 10rem !important;height: 16.3rem !important;margin-right: 1rem;border-radius: 0.5rem;overflow: hidden;background: #FFFFFF;margin-bottom: 1rem;position: relative;}
.goods-style19 .mui-slider li .img{width: 100%;height: 10rem;object-fit: cover;}
.goods-style19 .mui-slider li .style1{margin: 0.5rem 0.5rem 0;overflow: auto;}
.goods-style19 .mui-slider li .style1 .name{font-size: 1.3rem;color: #333333;line-height: 1.6rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.goods-style19 .mui-slider li .style1 .price{float: left;font-size: 1.6rem;color: #DD2B2B;line-height: 2.3rem;}
.goods-style19 .mui-slider li .style1 .price .unit{font-size: 1.2rem;}
.goods-style19 .mui-slider li .style1 .price .val{}
.goods-style19 .mui-slider li .style1 .iconfont{float: right;color: #DD2B2B;font-size: 1.9rem;line-height: 1.9rem;}
.goods-style19 .mui-slider li .style2{margin: 0;padding: 0;}
.goods-style19 .mui-slider li .style2 .price{font-size: 1.6rem;color: #DD2B2B;line-height: 3rem;text-align: center;}
.goods-style19 .mui-slider li .style2 .price .unit{font-size: 1.2rem;}
.goods-style19 .mui-slider li .style2 .price .val{}
.goods-style19 .mui-slider li .style2 .btn{border: 0.1rem solid #DD2B2B;font-size: 1.2rem;color: #DD2B2B;width: 75%;margin: 0 auto;padding: 0 1rem;border-radius: 2rem;line-height: 2rem;}
.goods-style19 .mui-slider li .tags{position: absolute;left: 0;top: 0;line-height: 2.1rem;border-radius: 0.5rem 0 0.5rem 0;font-size: 1.1rem;color: #FFFFFF;padding: 0 0.5rem;background: #F58080;z-index: 2;}
.goods-style19 .list.list-3{height: auto;}
.goods-style19 .mui-slider li.item-3{width: 28.6rem !important;height:13rem !important;overflow: auto;bottom: 0;border-radius: 0.5rem;}
.goods-style19 .mui-slider li.item-3 .img{width: 13rem;height: 13rem;float: left;border-radius: 0.5rem;}
.goods-style19 .mui-slider li.item-3 .info{float: left;width: 48%;margin-left: 1rem;position: relative;height: 13rem;}
.goods-style19 .mui-slider li.item-3 .info .name{font-size: 1.4rem;color: #333333;line-height: 2rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin: 0.5rem 0;}
.goods-style19 .mui-slider li.item-3 .info .tags{color: #FE8686;background: none;border: 0.1rem solid #FE8686;border-radius: 0.2rem;position: static;display: inline-block;}
.goods-style19 .mui-slider li.item-3 .info .price{position: absolute;bottom: 0.8rem;font-size: 1.8rem;color: #DD2B2B;line-height: 2rem}
.goods-style19 .mui-slider li.item-3 .info .price .unit{font-size: 1.2rem;}
.goods-style19 .mui-slider li.item-3 .info .price .market-price{font-size: 1.2rem;color: #999999;margin-left: 0.5rem;text-decoration: line-through;}
.goods-style19 .mui-slider li.item-3 .info .iconfont{position: absolute;bottom: 1.3rem;right: 0rem;font-size: 2.7rem;color: #DD2B2B;}

/*商品列表 商品组件样式20*/
.goods-style20{overflow: auto;margin: 0 1.5rem;}
.goods-style20 ul{float: left;width: 60%;overflow: hidden;-ms-overflow-style: none;overflow: -moz-scrollbars-none;}
.goods-style20 ul.location_1{float: right;}
.goods-style20 ul::-webkit-scrollbar{display:none}
.goods-style20 ul li{float: left;width: 48.5%;margin: 0 3% 0.6rem 0;position: relative;border-radius: 0.5rem;overflow: hidden;background: #FFFFFF;}
.goods-style20 ul li:nth-child(2n){margin-right: 0;}
.goods-style20 ul li:nth-last-child(1),.goods-style20 ul li:nth-last-child(2){margin-bottom: 0;}
.goods-style20 ul li .img{width: 100%;height: 10rem;object-fit: cover;border-radius: 0.5rem;}
.goods-style20 ul li .style1{margin: 0.5rem 0.5rem 0.2rem;overflow: auto;}
.goods-style20 ul li .style1 .name{font-size: 1.3rem;color: #333333;line-height: 2rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.goods-style20 ul li .style1 .price{float: left;font-size: 1.6rem;color: #DD2B2B;line-height: 2.3rem;}
.goods-style20 ul li .style1 .price .unit{font-size: 1.2rem;}
.goods-style20 ul li .style1 .price .val{}
.goods-style20 ul li .style1 .iconfont{float: right;color: #DD2B2B;font-size: 1.9rem;line-height: 1.9rem;}
.goods-style20 ul li .style2{}
.goods-style20 ul li .style2 .price{font-size: 1.6rem;color: #DD2B2B;line-height: 2rem;text-align: center;margin-top: 0.4rem;}
.goods-style20 ul li .style2 .price .unit{font-size: 1.2rem;}
.goods-style20 ul li .style2 .price .val{}
.goods-style20 ul li .style2 .btn{border: 0.1rem solid #DD2B2B;font-size: 1.2rem;color: #DD2B2B;width: 7.5rem;margin: 0 auto 0.5rem;padding: 0 1rem;border-radius: 2rem;line-height: 2rem;}
.goods-style20 ul li .tags{position: absolute;left: 0;top: 0;line-height: 2.1rem;border-radius: 0.5rem 0 0.5rem 0;font-size: 1.1rem;color: #FFFFFF;padding: 0 0.5rem;background: #F58080;}
.goods-style20 .right{float: right;width: 38%;height: 31rem;overflow: hidden;border-radius: 0.5rem;position: relative;}
.goods-style20 .right.location_1{float: left !important;}
.goods-style20 .right .bg-img{width: 100%;height: 100%;object-fit: cover;}
.goods-style20 .right .mask-box{position: absolute;left:-150%; top: -10%;width: 100%;height: 60%;}
.goods-style20 .right .mask-box.not_link{height: 50%;}
.goods-style20 .right .mask-box .mask1{background: #ffb800;height: 80%;filter: blur(17px);width: 300%;opacity: 0.6;}
.goods-style20 .right .title-box{position: absolute;left:0; top: 0;width: 100%;}
.goods-style20 .right .title-box .title{font-size: 1.6rem;color: #FFFFFF;font-weight: bold;line-height: 3rem;margin: 1.5rem 0 0 1rem;}
.goods-style20 .right .title-box .sub-title{font-size: 1.4rem;color: #FFFFFF;line-height: 1.5rem;margin: 0 0 0 1rem;}
.goods-style20 .right .title-box .link_url{font-size: 1.2rem;color: #FFFFFF;border: 0.1rem solid #FFFFFF;border-radius: 0.2rem;line-height: 2.4rem;padding: 0 0.5rem;margin: 1rem 0 0 1rem;display: inline-block;}
/*商品列表 商品组件样式21*/
.goods-style21{margin: 0 1.5rem;}
.goods-style21 ul{overflow: auto; -ms-overflow-style: none;overflow: -moz-scrollbars-none;}
.goods-style21 ul::-webkit-scrollbar{display:none}
.goods-style21 ul li{width: 48%;height: 24rem;float: left;background: #FFFFFF;border-radius: 0.5rem;overflow: hidden;margin-bottom: 1rem;position: relative;}
.goods-style21 ul li:nth-child(2n){float: right;}
.goods-style21 ul li .tags{position: absolute;left: 0;top: 0;background: #F58080;border-radius: 0.5rem 0 0.5rem 0;font-size: 1.1rem;color: #FFFFFF;line-height: 2.1rem;padding: 0 0.5rem;}
.goods-style21 ul li.title-box{height: 9.7rem;position: relative;background: #51BACE;}
.goods-style21 ul.style2 li.title-box{height: 24rem;}
.goods-style21 ul li.title-box .bg-img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}
.goods-style21 ul li.title-box .bg-mask{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,0.3);}
.goods-style21 ul li.title-box .mask-img{}
.goods-style21 ul li.title-box .title{font-size: 1.8rem;color: #FFFFFF;position: absolute;text-align: center;line-height: 10rem;width: 100%;}
.goods-style21 ul.style2 li.title-box .title{font-size: 2.2rem;line-height: 3rem;width: 3rem;position: relative;display: flex;align-items: center;justify-content: center;margin: 10% auto;height: 85%;overflow: hidden;}
.goods-style21 ul li .img{width: 100%;border-radius: 0.5rem;}
.goods-style21 ul li .name{margin: 1rem 0.5rem 0;font-size: 1.4rem;color: #333333;line-height: 1.6rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height: 3.2rem;}
.goods-style21 ul li .li_bottom{margin: 0 0.5rem;overflow: auto;}
.goods-style21 ul li .li_bottom .price{float: left;font-size: 1.8rem;color: #DD2B2B;line-height: 3rem;text-align: center;margin-top: 0.1rem;}
.goods-style21 ul li .li_bottom .price .unit{font-size: 1.4rem;}
.goods-style21 ul li .li_bottom .price .val{}
.goods-style21 ul li .li_bottom .market-price{float: left;text-decoration: line-through;font-size: 1.2rem;color: #999999;line-height: 2rem;margin-top: 0.6rem;margin-left: 0.2rem;}
.goods-style21 ul li .li_bottom .iconfont{float: right;font-size: 2.4rem;line-height: 2.4rem;color: #DD2B2B;margin-top: 0.4rem;}
.goods-style21 ul li.link-box{height: 9.7rem;position: relative;background: #6FC6D6;}
.goods-style21 ul li.link-box .bg-img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}
.goods-style21 ul li.link-box .bg-mask{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,0.2);}
.goods-style21 ul li.link-box .text{position: absolute;margin: 1rem auto;text-align: center;width: 100%;}
.goods-style21 ul li.link-box .text .text1{font-size: 1.4rem;color: #FFFFFF;line-height: 3rem;}
.goods-style21 ul li.link-box .text .text2{font-size: 1.4rem;color: #FFFFFF;border-top: 0.1rem solid #FFFFFF;border-bottom: 0.1rem solid #FFFFFF;display: inline-block;padding: 0 1rem;line-height: 3.5rem;}
/*商品列表 商品组件样式22*/
.goods-style22{margin: 0 1.5rem;width: auto !important;}
.goods-style22 .tab-list{}
.goods-style22 .tab-list .list{padding: 1rem;position: relative;background: #FFFFFF;width: 80% !important;margin-right: 1rem;border-radius: 0.8rem;overflow: hidden;height: 36.7rem;}
.goods-style22 .tab-list .list .list-mask{position: absolute;width: 100%;left: 0;top: 0;height: 100%;background: linear-gradient(180deg,#8cdcd7,#8cdcd799);}
.goods-style22 .tab-list .list .bg-box{position: absolute;width: 100%;left: 0;top: 0;height: 100%;}
.goods-style22 .tab-list .list .item-bg{position: absolute;width: 100%;left: 0;top: 0;height: 100%;object-fit: cover;}
.goods-style22 .tab-list .list .bg-mask{position: absolute;background: rgba(221, 43, 43, 0.4);width: 100%;left: 0;top: 0;height: 100%;}
.goods-style22 .tab-list .list .title-box{position: relative;margin-top: 0.5rem;}
.goods-style22 .tab-list .list .title-box .title{font-size: 2.2rem;color: #FFFFFF;font-weight: bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 3rem;height: 3rem;}
.goods-style22 .tab-list .list .title-box .sub-title{font-size: 1.6rem;color: #FFFFFF;line-height: 2rem;height: 2rem;}
.goods-style22 .tab-list .list .title-box .iconfont{font-size: 1.2rem;display: inline-block;width: 1.8rem;height: 1.8rem;line-height: 1.8rem;color: #FE6A03;text-align: right;background: #FFFFFF;border-radius: 100%;position: absolute;right: 0;top: 1rem;padding-right: 0.2rem;}
.goods-style22 .tab-list .list ul{background: #FFFFFF;padding: 1rem;border-radius: 0.8rem;position: relative;margin-top: 2.4rem;height: 26.7rem;overflow: hidden;}
.goods-style22 .tab-list .list ul li{overflow: auto;margin-bottom: 1rem;}
.goods-style22 .tab-list .list ul li:last-child{margin-bottom: 0;}
.goods-style22 .tab-list .list ul li .img{width: 7.5rem;height: 7.5rem;border-radius: 0.5rem;float: left;}
.goods-style22 .tab-list .list ul li .info{float: right;width: 66%;position: relative;height: 7.5rem;}
.goods-style22 .tab-list .list ul li .info .name{font-size: 1.4rem;color: #333333;line-height: 1.8rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.goods-style22 .tab-list .list ul li .info .tags{font-size: 1.2rem;color: #FE8686;padding: 0 0.6rem;line-height: 1.8rem;border: 0.1rem solid #FE8686;border-radius: 0.2rem;display: inline-block;}
.goods-style22 .tab-list .list ul li .info .price{position: absolute;left: 0;bottom: 0;font-size: 1.6rem;color: #DD2B2B;line-height: 1.6rem;}
.goods-style22 .tab-list .list ul li .info .price .unit{font-size: 1.2rem;}
.goods-style22 .tab-list .list ul li .info .price .market-price{font-size: 1rem;color: #999999;text-decoration: line-through;margin-left: 0.2rem;}
.goods-style22 .tab-list .list ul li .info .iconfont{font-size: 1.9rem;color: #DD2B2B;position: absolute;right: 0;bottom: 0;line-height: 1.9rem;}
/*商品列表 商品组件样式23*/
.goods-style23{margin: 0 1.5rem;}
.product-list .goods-style23 li{width: 100%;overflow: auto;position: relative;background: none !important;padding: 0 !important;margin-bottom: 1.5rem;}
.goods-style23 li .img{width: 12rem;height: 12rem;border-radius: 100%;position: absolute;left: 0;top: 0;z-index: 1;}
.goods-style23 li .info{width: 100% !important;}
.goods-style23 li .goods-data{width: 80% !important;float: right !important;height: 10rem;margin: 1rem auto;background: #FFFFFF;border-radius: 0.5rem;padding:0 1rem 0 18%;position: relative;}
.goods-style23 li .goods-data .name{margin-top: 0.5rem;}
.goods-style23 li .goods-data .tags{font-size: 1.2rem;color: #FE8686;border: 0.1rem solid #FE8686;border-radius: 0.2rem;line-height: 2rem;padding: 0 0.5rem;display: inline-block;position: static;background: none;}
.goods-style23 li .goods-data .btn-style1{position: absolute;bottom: 1rem;}
.goods-style23 li .goods-data .btn-style2{position: absolute;bottom: 1rem;}
.goods-style23 li .goods-data .btn-style3{position: absolute;bottom: 0.5rem;width: 74% !important;}
.goods-style23 li .goods-data .btn-style3 .price{line-height: 2rem !important;padding-top: 1rem;}
.goods-style23 li .goods-data .btn-style4{position: absolute;bottom: 0.5rem;width: 74% !important;}
.goods-style23 li .goods-data .btn-style4 .price{line-height: 2rem !important;padding-top: 1rem;}
.goods-style23 li .goods-data .btn-style5{position: absolute;bottom: 1rem;}
/*商品列表 商品组件样式24*/
.goods-style24{margin: 0 1.5rem;overflow: hidden;}
.goods-style24 .image-box{width: 22.78rem;height: 22.8rem;position: relative;float: left;border-radius: 0.5rem;overflow: hidden;}
.goods-style24 .image-box .image{width: 100%;height: 100%;}
.goods-style24 .image-box .title-box{position: absolute;left:0;top: 0;width: 100%;height: 80%;background: linear-gradient(180deg,#00000015,#00000000)}
.goods-style24 .image-box .title-box .title{font-size: 2.2rem;color: #FFFFFF;font-weight: bold;margin: 2rem 1rem 0;line-height: 2.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.goods-style24 .image-box .title-box .title .go{font-size: 	1.2rem;background: #FFFFFF;color: #AAAAAA;border-radius: 1rem;line-height: 1.6rem;width: 3.6rem;display: inline-block;text-align: center;float: right;}
.goods-style24 .image-box .title-box .sub-title{font-size: 1.6rem;color: #FFFFFF;line-height: 3rem;margin: 0 1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.goods-style24 .item{width: 10.9rem;height: 10.98rem;float: left;margin:0 0 0.8rem 0.8rem;position: relative;border-radius: 0.5rem;overflow: hidden;}
.goods-style24 .item:nth-child(4){margin-left: 0;}
.goods-style24 .item .img{width: 100%;height: 100%;}
.goods-style24 .item .price{position: absolute;background: #D7AC89;bottom: 0.8rem;right: 0;font-size: 1.4rem;color: #FFFFFF;line-height: 2rem;padding: 0 0.5rem;}
.goods-style24 .item .price .unit{font-size: 1.2rem;}
/*商品列表 商品组件样式25*/
.goods-style25{margin: 0 1.5rem;overflow: hidden;}
.goods-style25 li{width: 32%;margin:0 2% 0.8rem 0;position: relative;float: left;height: 17rem;border-radius: 0.5rem;overflow: hidden;background: #FFFFFF;}
.goods-style25 li:nth-child(3n){margin-right: 0;}
.goods-style25 li .image{width: 100%;height: 100%;object-fit: cover;}
.goods-style25 li .title-box{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(245, 206, 99, 0.6);}
.goods-style25 li .title-box .title{font-size: 2rem;color: #FFFFFF;text-align: center;padding: 0.5rem 0;position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 2.5rem;height: 89%;align-items: center;justify-content: center;margin: 10% auto;display: flex;overflow: hidden;line-height: 2.4rem;}
.goods-style25 li .title-box .sub-title{font-size: 1.1rem;color: #FFFFFFad;text-align: center;position: absolute;left: -5rem;top: 0;right: 0;bottom: 0;width: 17rem;height: 2rem;align-items: center;justify-content: center;margin: auto;display: flex;overflow: hidden;line-height: 1.5rem;transform: rotate(90deg);}
.goods-style25 li .img{width: 100%;height: 11rem;border-radius: 0.5rem;}
.goods-style25 li .tags{position: absolute;left: 0;top: 0;background: #F58080;border-radius: 0.5rem 0 0.5rem 0;font-size: 1.1rem;color: #FFFFFF;line-height: 2.1rem;padding: 0 0.5rem;}
.goods-style25 li .style1{padding: 0.3rem 0.5rem 0;}
.goods-style25 li .style1 .name{font-size: 1.3rem;color: #333333;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height: 1.6rem;height: 3rem;}
.goods-style25 li .style1 .price{font-size: 1.6rem;color: #DD2B2B;line-height: 3rem;}
.goods-style25 li .style1 .price .unit{font-size: 1.2rem;}
.goods-style25 li .style1 .iconfont{font-size: 1.9rem;color: #DD2B2B;line-height: 1.9rem;position: absolute;bottom: 0.5rem;right: 0.5rem;}
.goods-style25 li .style2{text-align: center;padding: 0.3rem 0.5rem 0;}
.goods-style25 li .style2 .price{font-size: 1.6rem;color: #DD2B2B;line-height: 2.5rem;}
.goods-style25 li .style2 .price .unit{font-size: 1.2rem;}
.goods-style25 li .style2 .buy{font-size: 1.2rem;color: #DD2B2B;border: 0.1rem solid #DD2B2B;display: inline-block;border-radius: 2rem;line-height: 2rem;padding: 0 1rem;}
/*商品列表 商品组件样式26*/
.goods-style26{margin: 0 1.5rem;width: auto !important;}
.goods-style26 .mui-slider-group{}
.goods-style26 .mui-slider-group .mui-slider-item{width: 80%;margin-right: 1rem;position: relative;overflow: hidden;border-radius: 0.8rem;height: 36.2rem;}
.goods-style26 .image{width: 100%;height: 100%;object-fit: cover;}
.goods-style26 .title-box{position: absolute;top: 2rem;left: 1.5rem;}
.goods-style26 .title-box .title{font-size: 2.2rem;color: #FFFFFF;font-weight: bold;text-shadow: 0.2rem 0.2rem 0 #00000010;line-height: 3rem;}
.goods-style26 .title-box .sub-title{font-size: 1.6rem;color: #FFFFFF;text-shadow: 0.2rem 0.2rem 0 #00000010;line-height: 2rem;}
.goods-style26 .list{position: absolute;padding:  0 1.5rem;bottom: 1rem;height: 17.5rem;width: 100%;}
.goods-style26 .list-mask{position: absolute;width: 200%;height: 31rem;filter: blur(2rem);background: rgba(140,220,215, 0.8);left: -50%;bottom: -10rem;}
.goods-style26 .list ul{overflow: hidden;}
.goods-style26 .list ul li{overflow: auto;margin-bottom: 1rem;}
.goods-style26 .list ul li:last-child{margin-bottom: 0;}
.goods-style26 .list ul li .img{width: 5rem;height: 5rem;float: left;border-radius: 0.5rem;}
.goods-style26 .list ul li .info{float: right;width: 78%;}
.goods-style26 .list ul li .info .name{font-size: 1.4rem;color: #FFFFFF;line-height: 2.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.goods-style26 .list ul li .info .price{font-size: 1.6rem;color: #FFFFFF;line-height: 2rem;}
.goods-style26 .list ul li .info .price .unit{font-size: 1.2rem;}
.goods-style26 .list ul li .info .price .market-price{font-size: 1rem;color: #FFFFFF;text-decoration: line-through;margin-left: 0.2rem;}
/*商品列表 商品组件样式27*/
.goods-style27{margin: 0 1.5rem;overflow: auto;}
.goods-style27 .left{width: 14.7rem;height: 23.9rem;float: left;position: relative;border-radius: 0.5rem;overflow: hidden;}
.goods-style27 .left .image{width: 100%;height: 100%;object-fit: cover;}
.goods-style27 .left .title-box{position: absolute;width: 100%;text-align: center;bottom: 0;background: rgba(235, 119, 119, 0.6);height: 4rem;}
.goods-style27 .left .title-box .title{font-size: 1.6rem;line-height: 2.4rem;padding: 0 0.8rem;color: #FFFFFF;border-top: 0.1rem solid #FFFFFF;border-bottom: 0.1rem solid #FFFFFF;display: inline-block;margin: 0.8rem 0;}
.goods-style27 ul{width: 55%;float: right;overflow: hidden;}
.goods-style27 ul li{overflow: hidden;margin-bottom: 0.7rem;border-radius: 0.5rem;background: #FFFFFF;}
.goods-style27 ul li:last-child{margin-bottom: 0;}
.goods-style27 ul li .img{width: 7.5rem;height: 7.5rem;float: left;border-radius: 0.5rem;}
.goods-style27 ul li .info{width: 58%;float: right;position: relative;height: 7.5rem;}
.goods-style27 ul li .info .name{font-size: 1.3rem;color: #333333;line-height: 1.6rem;margin-top: 0.5rem;width: 96%;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.goods-style27 ul li .info .price{position: absolute;bottom: 0;font-size: 1.6rem;color: #DD2B2B;line-height: 2.5rem;}
.goods-style27 ul li .info .price .unit{font-size: 1.2rem;}
.goods-style27 ul li .info .price .market-price{font-size: 1rem;color: #999999;text-decoration: line-through;margin-left: 0.2rem;}
.goods-style27 ul li .info .iconfont{position: absolute;font-size: 1.9rem;line-height: 1.9rem;right: 0.5rem;bottom: 0.5rem;color: #DD2B2B;}
/*商品列表 商品组件样式28*/
.goods-style28{margin: 0 1.5rem; width: auto !important;}
.goods-style28 ul{}
.goods-style28 ul li{width: 33.7% !important;height: 18.6rem !important;margin-right: 1rem;position: relative;overflow: hidden;border-radius: 0.5rem;background: #FFFFFF;}
.goods-style28 ul li .image{width: 100%;height: 100%;object-fit: cover;}
.goods-style28 ul li .title-box{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(245, 206, 99, 0.6);}
.goods-style28 ul li .title-box .title{font-size: 2rem;color: #FFFFFF;text-align: center;padding: 0.5rem 0;position: absolute;left: 1rem;top: 0;right: 0;bottom: 0;width: 2.5rem;height: 89%;align-items: center;justify-content: center;margin: 10% auto;display: flex;overflow: hidden;line-height: 2.4rem;}
.goods-style28 ul li .title-box .sub-title{font-size: 1.1rem;color: #FFFFFFad;text-align: center;position: absolute;left: -4.5rem;top: 0;right: 0;bottom: 0;width: 17rem;height: 2rem;align-items: center;justify-content: center;margin: auto;display: flex;overflow: hidden;line-height: 1.5rem;transform: rotate(90deg);}
.goods-style28 ul li .img{width: 100%;height: 12.6rem;border-radius: 0.5rem;}
.goods-style28 ul li .tags{position: absolute;left: 0;top: 0;background: #F58080;border-radius: 0.5rem 0 0.5rem 0;font-size: 1.1rem;color: #FFFFFF;line-height: 2.1rem;padding: 0 0.5rem;z-index: 2;}
.goods-style28 ul li .info{padding: 0.3rem 0.5rem 0;}
.goods-style28 ul li .info .name{font-size: 1.3rem;color: #333333;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height: 1.6rem;height: 3.2rem;}
.goods-style28 ul li .info .price{font-size: 1.6rem;color: #DD2B2B;line-height: 2rem;}
.goods-style28 ul li .info .price .unit{font-size: 1.2rem;}
.goods-style28 ul li .info .iconfont{font-size: 1.9rem;color: #DD2B2B;line-height: 1.9rem;position: absolute;bottom: 0.5rem;right: 0.5rem;}
.goods-style28 ul li .style2{text-align: center;padding: 0.3rem 0.5rem 0;}
.goods-style28 ul li .style2 .price{font-size: 1.6rem;color: #DD2B2B;line-height: 2.5rem;}
.goods-style28 ul li .style2 .price .unit{font-size: 1.2rem;}
.goods-style28 ul li .style2 .buy{font-size: 1.2rem;color: #DD2B2B;border: 0.1rem solid #DD2B2B;display: inline-block;border-radius: 2rem;line-height: 2rem;padding: 0 1rem;}

/*地图组件*/
.map_box{position: relative;z-index: 1;}
.map_box .bottom{background: linear-gradient(180deg,#f5f5f525,#00000025);position: absolute;bottom: 0.5rem;width: 92%;z-index: 1000;}
.map_box .bottom .redirect{background: red;padding: 0.3rem 1rem;font-size: 1.4rem;color: #FFFFFF;border-radius: 2rem;float: right;margin: 0 1rem 0.5rem 0;}

/*限时抢购样式1*/
.seckill{}
.seckill>.content{margin: 0 1.5rem;background: #4ea2f6;border-radius: 0.5rem;position: relative;}
.seckill>.content .content-mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:linear-gradient(180deg,#ffffff35,#ffffff00);}
.seckill .content ul li{border: none;padding: 0;margin-left: 0;}
.seckill1 .content{padding-bottom: 1.5rem;}
.seckill1 .content .title{background: rgba(255,255,255,0.5);width: 20rem;margin: 0 auto;border-radius: 0 0 10rem 10rem;text-align: center;line-height: 3rem;position: relative;z-index: 9;}
.seckill1 .content .title span{font-size: 2rem;color: #FFFFFF;}
.seckill1 .content .title i{font-size: 1.4rem;color: #FFFFFF;}
.seckill1 .content .big_goods{margin: 1rem 1.5rem;position: relative;z-index: 9}
.seckill1 .content .big_goods .img{width: 31.5rem;height: 31.5rem;border-radius: 0.5rem;}
.seckill1 .content .big_goods .info{position: absolute;width: 85%;left: 0;right: 0;bottom: 1rem;margin: auto;border-radius: 0.5rem;background: #FFFFFF;padding: 1rem;}
.seckill1 .content .big_goods .info .name{font-size: 1.4rem;color: #333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 2rem;}
.seckill1 .content .big_goods .info .price{font-size: 1.8rem;color: #4ea2f6;line-height: 1.8rem;margin-top: 0.8rem;}
.seckill1 .content .big_goods .info .price .unit{font-size: 1.4rem;}
.seckill1 .content .big_goods .info .price .market_price{text-decoration: line-through;font-size: 1.2rem;color: #999999;margin-left: 0.2rem;}
.seckill1 .content .big_goods .info .progress_box{position: absolute;bottom: 1rem;right: 1rem;}
.seckill1 .content .big_goods .info .progress_box .surplus{font-size: 1.1rem;color: #999999;line-height: 1.5rem;text-align: right;}
.seckill1 .content .big_goods .info .progress_box .progress{position: relative;border: 0.1rem solid #4ea2f6;border-radius: 1rem;width: 10rem;height: 1rem;}
.seckill1 .content .big_goods .info .progress_box .progress .surplus_progress{position: absolute;top: 0;left: 0;height: 0.8rem;background: #4ea2f6;border-radius: 1rem;}
.seckill1 .content ul{overflow: hidden;margin: 0 auto;width: 92%;position: relative;z-index: 9;}
.seckill1 .content ul li{width: 32%;float: left;margin-right: 2%;background: #FFFFFF;padding: 0;border: none;margin-left: 0;border-radius: 0.5rem;margin-bottom: 1rem;}
.seckill1 .content ul li:nth-child(3n){margin-right: 0;}
.seckill1 .content ul li .info{width: 90%;margin: 0.5rem auto;}
.seckill1 .content ul li .info .img{width: 9rem;height:9rem;border-radius: 0.5rem;}
.seckill1 .content ul li .info .name{font-size: 1.2rem;color: #333333;line-height: 2rem;text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top: 0.3rem;}
.seckill1 .content ul li .info .price{font-size: 1.6rem;color: #4ea2f6;line-height: 2rem;text-align: center;}
.seckill1 .content ul li .info .price .unit{font-size: 1.2rem;}
.seckill1 .content ul li .info .market_price{font-size: 1.2rem;color: #999999;text-decoration: line-through;text-align: center;line-height: 1.5rem;}
.seckill1 .content .link{font-size: 1.2rem;color: #4ea2f6;display: block;width: 8rem;text-align: center;border-radius: 3rem;background: #FFFFFF;margin: 0 auto;line-height: 2.2rem;position: relative;z-index: 9;}
/*限时抢购样式2*/
.seckill2{background: transparent;}
.seckill2 .content{padding: 0;margin: 0 1.5rem;border-radius: 1rem;background: #FFFFFF;overflow: hidden;}
.seckill2 .content .top{background: #f69629;overflow: auto;line-height: 4rem;border-radius: 1rem 1rem 0 0;padding: 0 1.2rem;position: relative;z-index: 9;}
.seckill2 .content .top .top-mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:linear-gradient(90deg,#ffffff35,#ffffff00);}
.seckill2 .content .top .title{float: left;font-size: 1.6rem;color: #FFFFFF;margin-right: 1rem;font-weight: bold;}
.seckill2 .content .top .countDown{float: left;color: #f69629;}
.seckill2 .content .top .countDown span{font-size: 1.4rem;background: #FFFFFF !important;width: 2.3rem;height: 2.3rem;text-align: center;line-height: 2.3rem;border-radius: 0.3rem;display: inline-block;font-weight: bold;}
.seckill2 .content .top .countDown i{font-size: 1.4rem;color: #FFFFFF;font-weight: bold;}
.seckill2 .content .top .link{font-size: 1.2rem;float: right; color: #f69629;width: 8rem;line-height: 2.2rem;display: block;text-align: center;background: #FFFFFF;border-radius: 3rem;margin: 0.9rem 0;position: relative;z-index: 9;}
.seckill2 .content ul{padding: 1.2rem;background: #FFFFFF;border-radius: 0 0 1rem 1rem;overflow: auto;-ms-overflow-style: none;overflow: -moz-scrollbars-none;}
.seckill2 .content ul::-webkit-scrollbar{display:none}
.seckill2 .content ul li{float: left;margin-left: 0;border: none;padding: 0;width: 22%;margin-right: 4%}
.seckill2 .content ul li:nth-child(4n){margin-right: 0;}
.seckill2 .content ul li .img{width: 7rem;height: 7rem;}
.seckill2 .content ul li .price{font-size: 1.4rem;color: #FFFFFF;background: #f69629;border-radius: 1.2rem;width: 90%;margin: 0.5rem auto;text-align: center;line-height: 2.2rem;}
.seckill2 .content ul li .price .unit{font-size: 1.2rem;}
.seckill2 .content ul li .market_price{font-size: 1.2rem;color: #999999;text-decoration: line-through;text-align: center;line-height: 1.5rem;}
/*限时抢购样式3*/
.seckill3{}
.seckill3 .content{background: #a66ccc;position: relative;overflow: hidden;padding-bottom: 4rem;}
.seckill3 .content .top{margin: 0 1.5rem 1rem;overflow: auto;padding-top: 1.5rem;position: relative;z-index: 9;}
.seckill3 .content .top .title{font-size: 1.6rem;color: #FFFFFF;font-weight: bold;float: left;}
.seckill3 .content .top .link{font-size: 1.2rem;color: #a66ccc;width: 7.3rem;display: block;text-align: center;line-height: 2.2rem;border-radius: 3rem;float: right;background: #FFFFFF;}
.seckill3 .content .iconfont{position: absolute;font-size: 8.7rem;color: #a66ccc;bottom: 3rem;-webkit-text-stroke: 0.2rem #FFFFFF;left: -0.2rem;z-index: 9;}
.seckill3 .content .list{overflow: auto;width: 94%;margin: 0 auto;position: relative;z-index: 9;}
.seckill3 .content .list .item{width: 32%;float: left;margin-right: 2%;background: #FFFFFF;padding: 0.5rem 0.5rem 4rem;border-radius: 0.5rem;}
.seckill3 .content .list .item:nth-child(3n){margin-right: 0;}
.seckill3 .content .list .item .img{width: 9.4rem;height: 9.4rem;border-radius: 0.5rem;}
.seckill3 .content .list .item .name{font-size: 1.2rem;color: #333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 2rem;margin-top: 0.3rem;text-align: center;}
.seckill3 .content .list .item .price{font-size: 1.6rem;color: #a66ccc;text-align: center;line-height: 2rem;}
.seckill3 .content .list .item .price .unit{font-size: 1.2rem;}
.seckill3 .content .list .item .market_price{font-size: 1.2rem;color: #999999;text-decoration: line-through;text-align: center;line-height: 1.5rem;}
.seckill3 .content .absolute{position: absolute;bottom: 2rem;width: 23rem;height: 6rem;border: 0.2rem solid #FFFFFF;border-radius: 10rem;z-index: 10;left: 0;right: 0;margin: auto;background: #a66ccc;}
.seckill3 .content .absolute .text{font-size: 1.2rem;color: #FFFFFF;text-align: center;line-height: 2rem;margin-top: 0.5rem;}
.seckill3 .content .absolute .countDown{text-align: center;line-height: 2rem;}
.seckill3 .content .absolute .countDown span{font-size: 1.8rem;color: #FFFFFF;}
.seckill3 .content .absolute .countDown i{font-size: 1.2rem;color: #FFFFFF;}
/*限时抢购样式4*/
.seckill4{}
.seckill4 .content{background: #2cd1c6;padding: 1.5rem 0 1.2rem 1.5rem;overflow: auto;}
.seckill4 .content .left-item{float: left;width: 11rem;margin-right: 1rem;position: relative;z-index: 9;}
.seckill4 .content .left-item .info{background: rgba(255,255,255,0.3);border-radius: 0.2rem;padding: 1rem 0.8rem;width: 100%;}
.seckill4 .content .left-item .info .text{font-size: 1.4rem;color: #FFFFFF;font-weight: bold;line-height: 2rem;}
.seckill4 .content .left-item .info .countDown{margin-top: 0.5rem;}
.seckill4 .content .left-item .info .countDown span{font-size: 1.4rem;color: #2cd1c6;background: #FFFFFF;width: 2.3rem;height: 2.3rem;text-align: center;line-height: 2.3rem;border-radius: 0.3rem;display: inline-block;font-weight: bold;}
.seckill4 .content .left-item .info .countDown i{font-size: 1.4rem;color: #FFFFFF;font-weight: bold;}
.seckill4 .content .left-item .link{font-size: 1.2rem;color: #2cd1c6;width: 7.3rem;display: block;text-align: center;line-height: 2.2rem;border-radius: 3rem;background: #FFFFFF;margin: 1.5rem auto 0;}
.seckill4 .content .mui-slider{float: left;width: 63.5%;}
.seckill4 .content ul{}
.seckill4 .content ul li{width: 7rem !important;margin-right: 1rem;}
.seckill4 .content ul li .img{width: 7rem;height: 7rem;border-radius: 0.3rem;}
.seckill4 .content ul li .price{font-size: 1.6rem;color: #FFFFFF;text-align: center;line-height: 2.5rem;}
.seckill4 .content ul li .price .unit{font-size: 1.2rem;}
.seckill4 .content ul li .discount{background: #FFFFFF;border-radius: 0.8rem 0.8rem 0.1rem 0.8rem;font-size: 1.1rem;color: #2cd1c6;line-height: 1.5rem;width:3.8rem;text-align: center;margin: 0 auto;}
/*限时抢购样式5*/
.seckill5{}
.seckill5 .content{padding: 1.5rem;background: #FFB228;}
.seckill5 .content .top{overflow: auto;position: relative;z-index: 9;}
.seckill5 .content .top .text{float: left;font-size: 1.2rem;color: #FFFFFF;margin-right: 0.5rem;line-height: 2.3rem;}
.seckill5 .content .top .countDown{float: left;}
.seckill5 .content .top .countDown span{font-size: 1.4rem;color: #E1B380;background: #FFFFFF;width: 2.3rem;height: 2.3rem;text-align: center;line-height: 2.3rem;border-radius: 0.3rem;display: inline-block;font-weight: bold;}
.seckill5 .content .top .countDown i{font-size: 1.4rem;color: #FFFFFF;font-weight: bold;}
.seckill5 .content .top .link{font-size: 1.2rem;color: #E1B380;width: 7.3rem;display: block;text-align: center;line-height: 2.2rem;border-radius: 3rem;background: #FFFFFF;float: right;}
.seckill5 .content ul{margin-top: 1rem;position: relative;z-index: 9;overflow: hidden;}
.seckill5 .content ul li{overflow: auto;background: #FFFFFF;border-radius: 0.2rem;padding: 1rem;margin-bottom: 1rem;}
.seckill5 .content ul li:last-child{margin-bottom: 0;}
.seckill5 .content ul li .info{width: 60%;float: left;}
.seckill5 .content ul li .info .name{font-size: 1.6rem;color: #333;font-weight: bold;line-height: 2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.seckill5 .content ul li .info .progress_box{overflow: auto;margin: 0.4rem 0;}
.seckill5 .content ul li .info .progress_box .progress{width: 10rem;float: left;border: 0.1rem solid #FFB228;height: 1rem;border-radius: 1rem;position: relative;margin: 0.5rem 0;}
.seckill5 .content ul li .info .progress_box .progress .surplus_progress{position: absolute;left: 0;top: 0;height: 0.8rem;border-radius: 1rem;background: #FFB228;}
.seckill5 .content ul li .info .progress_box .surplus{float:left;font-size: 1.1rem;color: #999999;margin-left: 0.5rem;line-height: 2rem;}
.seckill5 .content ul li .info .price_box{background: #FFB228;border-radius: 0.2rem;padding: 1rem;width: 100%;position: relative;}
.seckill5 .content ul li .info .price_box .price-mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.2);}
.seckill5 .content ul li .info .price_box .market_price{font-size: 1.4rem;color:#FFFFFF;text-decoration: line-through;line-height: 2rem;}
.seckill5 .content ul li .info .price_box .price{font-size: 2rem;color: #FFFFFF;line-height: 2rem;}
.seckill5 .content ul li .info .price_box .price .text{font-size: 1.4rem;}
.seckill5 .content ul li .info .price_box .price .unit{font-size: 1.4rem;}
.seckill5 .content ul li .img{width: 11rem;height: 11rem;float: right;border-radius: 0.3rem;}
/*限时抢购样式6*/
.seckill6{}
.seckill6 .tab-bar{overflow: auto;position: relative;height: 6rem;}
.seckill6 .tab-bar .bg{position: absolute;background: #FFFFFF;left: 0;top: 0;width: 100%;height: 100%;}
.seckill6 .tab-bar .title-bar{position: absolute;background: rgba(221, 43, 43, 0.1);left: 0;top: 0;width: 100%;height: 100%;padding: 0;}
.seckill6 .tab-bar .title{width: 15%;float: left;}
.seckill6 .tab-bar .title .text{font-size: 1.6rem;color: #333333;font-weight: bold;width: 4rem;text-align: center;margin: 1rem auto;line-height: 2rem;}
.seckill6 .tab-bar .time-list{width: 85%;display: flex;margin-top: 1rem;}
.seckill6 .tab-bar .time-list .item{flex: 1;text-align: center;}
.seckill6 .tab-bar .time-list .item .time{font-size: 1.6rem;color: #333333;font-weight: bold;line-height: 2rem;}
.seckill6 .tab-bar .time-list .item .state{font-size: 1.2rem;color: #333333;line-height: 2rem;}
.seckill6 .tab-bar .time-list .item.active .state{font-size: 1.1rem;color: #FFFFFF;background: #DD2B2B;width: 5.5rem;margin: 0 auto;border-radius: 5rem;}
.seckill6 .product-list ul{padding: 0.8rem 0 0;}
.seckill6 .product-list ul li{background: transparent;padding: 0;margin-bottom: 2rem;}
.seckill6 .product-list ul li .info{margin: 0;width: 100%;}
.seckill6 .product-list ul li .info .goods-data{width: 68%;}
.seckill6 .product-list ul li .info .goods-data .name{height: 4rem;}
.seckill6 .link{border: 0.1rem solid #DD2B2B;margin: 0 auto;line-height: 3rem;text-align: center;display: block;border-radius: 5rem;color: #DD2B2B;width: 9rem;}

/*单品大图样式1*/
.single-product1{overflow: auto;width: 100%;}
.single-product1 .layui-icon{float: left;color: #C1C1C1;font-size: 2.5rem;width: 10%;text-align: center;line-height: 28rem;}
.single-product1 .goods-slider{margin: 0 auto;width: 80%;float: left;}
.single-product1 ul{}
.single-product1 ul li{overflow: auto;}
.single-product1 ul li .layui-icon.layui-icon-left{}
.single-product1 ul li .info{width: 100%;}
.single-product1 ul li .info .img{width: 28rem;height: 28rem;border-radius: 100%;display: block;margin: 0 auto;}
.single-product1 ul li .info .btn1 .price{background: rgba(0,0,0,0.5);font-size: 1.6rem;color: #FFFFFF;line-height: 3rem;padding: 0 0.8rem;border-radius: 0.3rem;display: inline-block;position: absolute;right: 1rem;bottom: 3.5rem;min-width: 10rem;}
.single-product1 ul li .info .btn1 .price .unit{font-size: 1.2rem;}
.single-product1 ul li .info .btn1 .price .iconfont{font-size: 1.6rem;margin-left: 0.5rem;float: right;}
.single-product1 ul li .info .btn1 .name{background: rgba(0,0,0,0.5);font-size: 1.4rem;color: #FFFFFF;line-height: 3rem;padding: 0 1rem;border-radius: 0.3rem;position: absolute;right: 1rem;bottom: 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width: 50%;}
.single-product1 ul li .info .btn2{margin-top: 1rem;}
.single-product1 ul li .info .btn2 .name{font-size: 1.4rem;color: #333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align: center;line-height: 2rem;}
.single-product1 ul li .info .btn2 .price{font-size: 1.8rem;color: #DD2B2B;line-height: 3rem;text-align: center;}
.single-product1 ul li .info .btn2 .price .unit{font-size: 1.2rem;}
.single-product1 ul li .info .btn2 .price .market-price{font-size: 1.2rem;color: #999999;text-decoration: line-through;margin-left: 0.2rem;}
.single-product1 ul li .info .btn2 .buy{font-size: 1.5rem;color: #FFFFFF;background: #E00D0D;display: block;width: 16rem;line-height: 3.7rem;margin: 0 auto;text-align: center;}

/*单品大图样式2 风格1*/
.single-product2{overflow: auto;}
.single-product2 .icon{width: 10%;float: left;}
.single-product2 .icon .layui-icon{font-size: 2rem;width: 2.5rem;line-height: 4.8rem;color: #FFFFFF;background: rgba(0,0,0,0.2);display: block;margin: 11rem auto;}
.single-product2 .icon .layui-icon.layui-icon-right{text-align: right;}
.single-product2 .content{float: left;width: 80%;position: relative;}
.single-product2 .content .mui-slider{width: 100%;}
.single-product2 .content ul li{padding: 0;margin-left: 0;border: none;}
.single-product2 .content .info{position: relative;width: 29.5rem; margin: 0 auto;}
.single-product2 .content .info .sale{position: absolute;top: 2rem;left: 0;padding: 0 1rem 0 0.5rem;line-height: 2.4rem;border-radius: 0 3rem 3rem 0;font-size: 1.2rem;color: #FFFFFF;background: #DD2B2B;}
.single-product2 .content .info .img{width: 29.5rem;height: 29.5rem;display: block;margin: 0 auto;border-radius: 0.5rem 0.5rem 0 0;}
.single-product2 .content .style1{overflow: auto;width: 29.5rem;background: #FFFFFF;margin: 0 auto;padding: 0.5rem;border-radius:  0 0 0.5rem 0.5rem;}
.single-product2 .content .style1 .goods-info{float: left;width: 75%;}
.single-product2 .content .style1 .goods-info .name{font-size: 1.4rem;color: #333333;line-height: 2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.single-product2 .content .style1 .goods-info .price{font-size: 1.8rem;color: #DD2B2B;line-height: 2.7rem;}
.single-product2 .content .style1 .goods-info .price .unit{font-size: 1.2rem;}
.single-product2 .content .style1 .goods-info .price .market-price{font-size: 1.2rem;color: #999999;text-decoration: line-through;margin-left: 0.2rem;}
.single-product2 .content .style1 .buy{float: right;width: 5rem;font-size: 1.4rem;color: #FFFFFF;background: #DD2B2B;border-radius: 0.2rem;padding: 0.5rem 0.8rem;text-align: center;line-height: 2rem;}
/*单品大图样式2 风格2*/
.single-product2 .content .style1 .iconfont{font-size: 2.7rem;float: right;color: #DD2B2B;margin: 2.3rem 0.5rem 0 0;}
/*单品大图样式2 风格3*/
.single-product2 .content .style3{width: 29.5rem;background: #FFFFFF;margin: 0 auto;padding: 0.5rem;border-radius: 0 0 0.5rem 0.5rem;}
.single-product2 .content .style3 .name{font-size: 1.4rem;color: #333333;line-height: 2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align: center;}
.single-product2 .content .style3 .price{font-size: 1.8rem;color: #DD2B2B;line-height: 3rem;text-align: center;}
.single-product2 .content .style3 .price .unit{font-size: 1.2rem;}
.single-product2 .content .style3 .price .market-price{font-size: 1.2rem;color: #999999;text-decoration: line-through;margin-left: 0.2rem;}
.single-product2 .content .style3 .buy{font-size: 1.5rem;color: #FFFFFF;background: #DD2B2B;border-radius: 0.2rem;text-align: center;line-height: 3.7rem;width: 16rem;display: block;margin: 0 auto 0.5rem;}
/*单品大图样式2 风格4*/
.single-product2 .content .style4{position: absolute;width: 29.5rem;bottom: 0;left: 0;right: 0;margin: auto;z-index: 1;}
.single-product2 .content .style4 .price{position: absolute;background: rgba(255,255,255,0.9);line-height: 3.2rem;float: right;right: 1rem;bottom: 4rem;padding: 0 0.5rem 0 1rem;border-radius: 5rem;font-size: 1.6rem;color: #DD2B2B;min-width: 12rem;}
.single-product2 .content .style4 .price .unit{font-size: 1.2rem;}
.single-product2 .content .style4 .price .market-price{font-size: 1.2rem;color: #999999;text-decoration: line-through;margin-left: 0.2rem;}
.single-product2 .content .style4 .price .iconfont{font-size: 2.4rem;color: #DD2B2B;float: right;margin-left: 0.8rem;line-height: 3.2rem;}
.single-product2 .content .style4 .name{background: rgba(0,0,0,0.3);padding: 0 1rem;font-size: 1.4rem;color: #FFFFFF;line-height: 3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius: 0 0 0.5rem 0.5rem;}
/*单品大图样式2 风格5*/
.single-product2 .content .style-bg{background: #FFFFFF;height: 3.8rem;width: 29.5rem;margin: 0 auto;border-radius: 0 0 0.5rem 0.5rem;}
.single-product2 .content .style5{background: rgba(221, 43, 43, 0.4);width: 29.5rem;margin: 0 auto;height: 3.8rem;border-radius: 0 0 0.5rem 0.5rem;}
.single-product2 .content .style5 .name{font-size: 1.4rem;color: #FFFFFF;width: 60%;float: left;line-height: 3.8rem;padding: 0 1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height: 3.8rem;}
.single-product2 .content .style5 .buy{float: right;width: 30%;height: 0px;border-top: 0px;border-bottom: 3.5rem solid #DD2B2B;border-left: 0.5rem solid transparent;color: #FFFFFF;font-size: 1.5rem;line-height: 3.5rem;text-align: center;border-radius: 0 0 0.5rem 0;}
.single-product2 .content .style5 .buy .iconfont{font-size: 1.8rem;}
.single-product2 .content .style5 .buy .unit{font-size: 1.2rem;margin-left: 0.2rem;}
.single-product2 .content .style5 .buy .val{font-size: 1.6rem;}
/*单品大图样式2 风格6*/
.single-product2 .content .info.style6 .name{position: absolute;bottom: 0;background: rgba(0,0,0,0.3);padding: 0 1rem;font-size: 1.4rem;color: #FFFFFF;line-height: 3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width: 100%;border-radius: 0 0 0.5rem 0.5rem;}
.single-product2 .content .style5 .price{float: left;width: 60%;font-size: 1.8rem;color: #FFFFFF;line-height: 3.8rem;padding: 0 1rem;}
.single-product2 .content .style5 .price .unit{font-size: 1.2rem;}
.single-product2 .content .style5 .price .market-price{font-size: 1.2rem;text-decoration: line-through;margin-left: 0.2rem;}
.single-product2 .content .style6 .buy{line-height: 3.8rem;border-bottom: 4rem solid #DD2B2B;border-radius: 0 0 0.5rem 0;}
/*单品大图样式2 风格7*/
.single-product2 .content .style7{position: absolute;bottom: 1rem;width: 25.5rem;left: 1rem;right: 1rem;background: rgba(255, 255, 255, 0.9);padding: 0.8rem;margin: auto;border-radius: 0.2rem;}
.single-product2 .content .style7 .name{font-size: 1.4rem;color: #333333;line-height: 2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width: 80%;}
.single-product2 .content .style7 .price{font-size: 1.8rem;color: #DD2B2B;line-height: 3rem;max-width: 80%;}
.single-product2 .content .style7 .price .unit{font-size: 1.2rem;}
.single-product2 .content .style7 .price .market-price{font-size: 1.2rem;color: #999999;text-decoration: line-through;margin-left: 0.2rem;}
.single-product2 .content .style7 .iconfont{font-size: 2.7rem;position: absolute;right: 1rem;bottom: 1.5rem;color: #DD2B2B;}
/*单品大图样式2 风格8*/
.single-product2 .content .style8{position: relative;width: 28.5rem;margin-top: 0.5rem;}
.single-product2 .content .style8 .price{font-size: 2rem;color: #DD2B2B;line-height: 3rem;max-width: 80%;}
.single-product2 .content .style8 .price .text{font-size: 1.4rem;color: #333333;	}
.single-product2 .content .style8 .price .unit{font-size: 1.2rem;}
.single-product2 .content .style8 .price .market-price{font-size: 1.2rem;color: #999999;text-decoration: line-through;}
.single-product2 .content .style8 .buyBtn{width: 3.8rem;height: 5.4rem;background: #DD2B2B;position: absolute;bottom: 0;right: 0;border-radius: 0.2rem;}
.single-product2 .content .style8 .buyBtn .iconfont{font-size: 1.8rem;color: #FFFFFF;text-align: center;line-height: 2.7rem;width: 100%;display: inline-block;}
.single-product2 .content .style8 .buyBtn .text{font-size: 1.2rem;color: #FFFFFF;text-align: center;line-height: 2.7rem;width: 100%;display: inline-block;border-top: 0.1rem solid #FFFFFF;}

/*单品大图样式3 风格1*/
.single-product3{padding: 0 1.5rem;}
.single-product3 .info{width: 34.5rem;margin: 0 auto;position: relative;border-radius: 0.5rem;}
.single-product3 .info .sale{position: absolute;top: 2rem;left: 0;padding: 0 1rem 0 0.5rem;line-height: 2.4rem;border-radius: 0 3rem 3rem 0;font-size: 1.2rem;color: #FFFFFF;background: #DD2B2B;z-index: 9;}
.single-product3 .info .img{width: 34.5rem;height: 34.5rem;border-radius: 0.5rem;}
.single-product3 .info .style1{position: absolute;bottom: 1rem;left: 1rem;right: 1rem;width: 32.5rem;margin: auto;background: rgba(255,255,255,0.9);padding: 1rem;border-radius: 0.3rem;}
.single-product3 .info .style1 .name{font-size: 1.4rem;color: #333333;line-height: 2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width: 80%;}
.single-product3 .info .style1 .price{font-size: 1.8rem;color: #DD2B2B;line-height: 2rem;max-width: 80%;}
.single-product3 .info .style1 .price .unit{font-size: 1.2rem;}
.single-product3 .info .style1 .price .market-price{font-size: 1.2rem;color: #999999;text-decoration: line-through;margin-left: 0.2rem;}
.single-product3 .info .style1 .iconfont{color: #DD2B2B;font-size: 2.8rem;position: absolute;bottom: 1.5rem;right: 1rem;}
.single-product3 .mui-slider{margin-top: 1rem;}
.single-product3 ul{}
.single-product3 ul li{width: 8rem !important;height: 8rem !important;margin-right: 1.2rem;position: relative;}
.single-product3 ul li .active_mask{position: absolute;z-index: 9;background: rgba(0,0,0,0.5);width: 100%;height: 100%;display: none;border-radius: 0.5rem;}
.single-product3 ul li.active .active_mask{display: block;}
.single-product3 ul li .item-img{width: 100%;height: 100%;border-radius: 0.5rem;}
/*单品大图样式6 风格2*/
.single-product3 .info .name.style2{position: absolute;width: 100%;padding: 0 1rem;font-size: 1.4rem;color: #FFFFFF;background: rgba(0,0,0,0.3);line-height: 3rem;left: 0;bottom: 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.single-product3 .info-bg{background: #FFFFFF;border-radius: 0 0 0.5rem 0.5rem;width: 100%;height: 4rem;}
.single-product3 .style2{overflow: hidden;background: rgba(221, 43, 43, 0.4);width: 100%;margin: 0 auto;border-radius: 0 0 0.5rem 0.5rem;}
.single-product3 .style2 .price{float: left;width: 60%;font-size: 1.8rem;color: #FFFFFF;line-height: 4rem;padding: 0 1rem;height: 4rem;}
.single-product3 .style2 .price .unit{font-size: 1.2rem;}
.single-product3 .style2 .price .market-price{font-size: 1.2rem;text-decoration: line-through;margin-left: 0.2rem;}
.single-product3 .style2 .buy{line-height: 4rem;float: right;width: 30%;height: 0px;border-top: 0px;border-bottom: 4rem solid #DD2B2B;border-left: 0.5rem solid transparent;color: #FFFFFF;font-size: 1.5rem;text-align: center;}
.single-product3 .style2 .buy .val{font-size: 1.6rem;}
.single-product3 .style2 .name{float: left;width: 60%;font-size: 1.4rem;color: #FFFFFF;line-height: 4rem;padding: 0 1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height: 4rem;}
.single-product3 .style2 .buy .iconfont{font-size: 1.8rem;}
.single-product3 .style2 .buy .unit{margin-left: 0.2rem;font-size: 1.2rem;}
/*单品大图样式6 风格3*/
.single-product3 .info .style3{overflow: auto;background: rgba(221, 43, 43, 0.4);width: 100%;position: absolute;bottom: 0;left: 0;border-radius: 0 0 0.5rem 0.5rem;}
.single-product3 .info .style3 .name{font-size: 1.4rem;color: #FFFFFF;width: 60%;float: left;line-height: 4rem;padding: 0 0.5rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.single-product3 .info .style3 .buy{line-height: 4rem;float: right;width: 40%;height: 0px;border-top: 0px;border-bottom: 4rem solid #DD2B2B;border-left: 1rem solid transparent;color: #FFFFFF;font-size: 1.6rem;text-align: center}
.single-product3 .info .style3 .buy .iconfont{font-size: 1.8rem;}
.single-product3 .info .style3 .buy .unit{margin-left: 0.5rem;font-size: 1.2rem;}
/*单品大图样式6 风格4*/
.single-product3 .info .style4{position: absolute;width:100%;bottom: 0;left: 0;right: 0;margin: auto;z-index: 1;border-radius: 0 0 0.5rem 0.5rem;}
.single-product3 .info .style4 .price{position: absolute;background: rgba(255,255,255,0.9);line-height: 3.2rem;float: right;right: 1rem;bottom: 4rem;padding: 0 0.5rem 0 1rem;border-radius: 5rem;font-size: 1.6rem;color: #DD2B2B;min-width: 12rem;}
.single-product3 .info .style4 .price .unit{font-size: 1.2rem;}
.single-product3 .info .style4 .price .market-price{font-size: 1.2rem;color: #999999;text-decoration: line-through;margin-left: 0.2rem;}
.single-product3 .info .style4 .price .iconfont{font-size: 2.6rem;color: #DD2B2B;float: right;margin-left: 0.8rem;line-height: 3.2rem;}
.single-product3 .info .style4 .name{background: rgba(0,0,0,0.3);padding: 0 1rem;font-size: 1.4rem;color: #FFFFFF;line-height: 3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius: 0 0 0.5rem 0.5rem;}

/*单品大图样式4 风格1*/
.single-product4{overflow: auto;}
.single-product4 .info .img{border-radius: 0.5rem 0.5rem 0 0;}
.single-product4 .info .mui-slider{position: absolute;bottom: 1rem;left: 1rem;width: 33.5rem;}
.single-product4 .info .mui-slider ul{}
.single-product4 .info .mui-slider ul li{width: 6rem !important;height: 6rem !important;border: 0.2rem solid #FFFFFF00;border-radius: 0.5rem;}
.single-product4 .info .mui-slider ul li.active{border-color: #DD2B2B;}
.single-product4 .info .mui-slider ul li .item-img{width: 100%;height: 100%;}
.single-product4 .bottom{width: 100%;background: #FFFFFF;padding: 1rem;position: relative;overflow: auto;border-radius: 0 0 0.5rem 0.5rem;}
.single-product4 .bottom .goods-info{float: left;width: 65%;}
.single-product4 .bottom .name{font-size: 1.4rem;color: #333333;line-height: 2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: auto;width: 100%;padding: 0;}
.single-product4 .bottom .price{font-size: 1.8rem;color: #DD2B2B;line-height: 2rem;height: auto;}
.single-product4 .bottom .price .unit{font-size: 1.2rem;}
.single-product4 .bottom .price .market-price{font-size: 1.2rem;color: #999999;text-decoration: line-through;margin-left: 0.2rem;}
.single-product4 .bottom .buy{width: 9rem;line-height: 3rem;text-align: center;background: #DD2B2B;color: #FFFFFF;border-radius: 2rem;position: absolute;right: 1rem;bottom: 1.5rem;font-size: 1.4rem;}
/*单品大图样式4 风格2*/
.single-product4 .style2 .goods-info{width: 75%;}
.single-product4 .style2 .price{padding:0;}
.single-product4 .style2 .buy{float: right;width: 5rem;font-size: 1.4rem;color: #FFFFFF;background: #DD2B2B;border-radius: 0.2rem;padding: 0.5rem 0.8rem;text-align: center;line-height: 2rem;position: static;height: auto;border: none;}
/*单品大图样式4 风格3*/
.single-product4 .style3 .iconfont{font-size: 2.7rem;float: right;color: #DD2B2B;margin-top: 1.5rem;}
/*单品大图样式4 风格4*/
.single-product4 .style4{border-radius: 0 0 0.5rem 0.5rem;}
.single-product4 .style4 .name{font-size: 1.4rem;color: #333333;line-height: 2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align: center;}
.single-product4 .style4 .price{font-size: 1.8rem;color: #DD2B2B;line-height: 3rem;text-align: center;}
.single-product4 .style4 .price .unit{font-size: 1.2rem;}
.single-product4 .style4 .price .market-price{font-size: 1.2rem;color: #999999;text-decoration: line-through;margin-left: 0.2rem;}
.single-product4 .style4 .buy{font-size: 1.5rem;color: #FFFFFF;background: #DD2B2B;border-radius: 0.2rem;text-align: center;line-height: 3.7rem;width: 16rem;display: block;margin: 0 auto 0.5rem;position: static;}
/*单品大图样式4 风格5*/
.single-product4 .style-bg{width: 100%;height: 4rem;background: #FFFFFF;border-radius: 0 0 0.5rem 0.5rem;}
.single-product4 .style5{overflow: hidden;background: rgba(221, 43, 43, 0.4);width: 100%;position: static;padding: 0;border-radius: 0 0 0.5rem 0.5rem;}
.single-product4 .style5 .name{font-size: 1.4rem;color: #FFFFFF;width: 60%;float: left;line-height: 4rem;padding: 0 0.5rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 4rem;}
.single-product4 .style5 .buy{line-height: 4rem;float: right;width: 30%;height: 0px;border-top: 0px;border-bottom: 4rem solid #DD2B2B;border-left: 0.5rem solid transparent;color: #FFFFFF;font-size: 1.6rem;text-align: center;position: static;border-radius: 0;background: none;}
.single-product4 .style5 .buy .unit{margin-left: 0.2rem;font-size: 1.2rem;}
.single-product4 .style5 .buy .val{font-size: 1.6rem;}
/*单品大图样式5 风格1*/
.single-product5{padding: 0 1.5rem;overflow: auto;}
.single-product5 .info{width: 34.5rem;margin: 0 auto;position: relative;}
.single-product5 .info .img{width: 34.5rem;height: 34.5rem;border-radius: 0.5rem 0.5rem 0 0;}
.single-product5 .info ul{position: absolute;left: 1rem;bottom: 0;width: 6.4rem;}
.single-product5 .info ul li{width: 6rem;height: 6rem;border: 0.2rem solid #FFFFFF00;border-radius: 0.3rem;position: relative;margin-bottom: 1rem;}
.single-product5 .info ul li.active{border-color: #DD2B2B;}
.single-product5 .info ul li .item-img{width: 100%;height: 100%;}
.single-product5 .info ul li .price{position: absolute;bottom: 0;width: 100%;left: 0;background: rgba(0,0,0,0.5);font-size: 1.2rem;color: #FFFFFF;text-align: center;}
.single-product5 .bottom{width: 100%;padding: 1rem;overflow: auto;background: #FFFFFF;border-radius: 0 0 0.5rem 0.5rem;}
.single-product5 .bottom .goods-info{float: left;width: 75%;}
.single-product5 .bottom .name{font-size: 1.4rem;color: #333333;line-height: 2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.single-product5 .bottom .price{font-size: 1.8rem;color: #DD2B2B;line-height: 2rem;}
.single-product5 .bottom .price .unit{font-size: 1.2rem;}
.single-product5 .bottom .price .market-price{font-size: 1.2rem;color: #999999;text-decoration: line-through;margin-left: 0.2rem;}
.single-product5 .bottom .iconfont{font-size: 2.7rem;color: #DD2B2B;float: right;margin-top: 1.5rem;}
/*单品大图样式5 风格2*/
.single-product5 .bottom.style2 .buy{float: right;width: 5rem;font-size: 1.4rem;color: #FFFFFF;background: #DD2B2B;border-radius: 0.2rem;padding: 0.5rem 0.8rem;text-align: center;line-height: 2rem;}
/*单品大图样式5 风格3*/
.single-product5 .bottom.style3 .name{text-align: center;}
.single-product5 .bottom.style3 .price{text-align: center;line-height: 3rem;}
.single-product5 .bottom.style3 .buy{font-size: 1.5rem;color: #FFFFFF;background: #DD2B2B;border-radius: 0.2rem;text-align: center;line-height: 3.7rem;width: 16rem;display: block;margin: 0 auto 0.5rem;}
/*单品大图样式5 风格4*/
.single-product5 .style-bg{width: 100%;height: 4rem;background: #FFFFFF;border-radius: 0 0 0.5rem 0.5rem;}
.single-product5 .bottom.style4{overflow: hidden;background: rgba(221, 43, 43, 0.4);width: 100%;position: static;padding: 0;}
.single-product5 .bottom.style4 .name{font-size: 1.4rem;color: #FFFFFF;width: 60%;float: left;line-height: 4rem;padding: 0 0.5rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 4rem;}
.single-product5 .bottom.style4 .buy{line-height: 4rem;float: right;width: 30%;height: 0px;border-top: 0px;border-bottom: 4rem solid #DD2B2B;border-left: 0.5rem solid transparent;color: #FFFFFF;font-size: 1.6rem;text-align: center;}
.single-product5 .bottom.style4 .buy .unit{margin-left: 0.2rem;font-size: 1.2rem;}
.single-product5 .bottom.style4 .buy .iconfont{font-size: 1.6rem;float: none;margin: 0;color: #ffffff;}
.single-product5 .bottom.style4 .buy .val{font-size: 1.6rem;}

/*单品大图样式6 风格1*/
.single-product6{position: relative;}
.single-product6 .icon{width: 10%;position: absolute;left: 2%;top: 0;bottom: 6rem;margin: auto;z-index: 99;}
.single-product6 .icon .layui-icon{font-size: 2rem;width: 2.5rem;line-height: 4.8rem;color: #FFFFFF;background: rgba(0,0,0,0.2);display: block;margin: 13.5rem auto;}
.single-product6 .icon .layui-icon.layui-icon-right{text-align: right;}
.single-product6 .icon.right{left: auto;right: 2%;}
.single-product6 .content{width: 96%;margin: 0 auto;float: inherit;}
.single-product6 .content .border{width: 30.8rem;height: 31.2rem;border: 0.1rem solid #666666;position: absolute;right: 1.5%;}
.single-product6 .content ul li{min-height: 32rem;border:none;padding: 0;margin: 0;}
.single-product6 .content ul li .info{width: 28.5rem;height: 28.5rem;margin: 0 0.5rem;position: absolute;left: 3.3rem;top: 1.5rem;}
.single-product6 .content ul li .info .sale{position: absolute;top: 2rem;left: 0;padding: 0 1rem 0 0.5rem;line-height: 2.4rem;border-radius: 0 3rem 3rem 0;font-size: 1.2rem;color: #FFFFFF;background: #DD2B2B;z-index: 9;}
.single-product6 .content ul li .info .img{width: 100%;height: 100%;border-radius: 0;}
.single-product6 .content ul li .info .name{position: absolute;bottom: 0;background: rgba(0,0,0,0.3);font-size: 1.4rem;color: #FFFFFF;line-height: 3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding: 0 3rem 0 1rem;width: 100%;}
.single-product6 .content ul li .bottom{width: 29rem;overflow: auto;padding: 0.5rem 0 0rem 1.5rem;left:3.3rem;bottom: 0;background: none;position: absolute;}
.single-product6 .content ul li .bottom .goods{float: left; width: 75%;margin-top: 0.5rem;}
.single-product6 .content ul li .bottom .name{font-size: 1.4rem;color: #333333;line-height: 2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.single-product6 .content ul li .bottom .price{font-size: 1.8rem;color: #DD2B2B;line-height: 2rem;}
.single-product6 .content ul li .bottom .price .unit{font-size: 1.2rem;}
.single-product6 .content ul li .bottom .price .market-price{font-size: 1.2rem;color: #999999;text-decoration: line-through;margin-left: 0.2rem;}
.single-product6 .content ul li .bottom .buy{float: right;width: 5rem;font-size: 1.4rem;color: #FFFFFF;background: #DD2B2B;border-radius: 0.2rem;padding: 0.5rem 0.8rem;text-align: center;line-height: 2rem;}
.single-product6 .content ul li.style1{height: 36rem;}
.single-product6 .content ul li.style1 .bottom{width: 30.4rem;padding: 1rem 0 1rem 0;left: 3.8rem;}
.single-product6 .content ul li.style1 .bottom .price{font-size: 2rem;color: #DD2B2B;float: left;margin: 3rem 0 0 1rem;}
.single-product6 .content ul li.style1 .bottom .price .text{font-size: 1.4rem;color: #333333;}
.single-product6 .content ul li.style1 .bottom .price .unit{font-size: 1.2rem;}
.single-product6 .content ul li.style1 .bottom .buy{width: 3.8rem;height: 5.7rem;text-align: center;padding: 0;position: absolute;bottom: 1rem;right: 0;}
.single-product6 .content ul li.style1 .bottom .buy .iconfont{font-size: 1.8rem;color: #FFFFFF;display: inline-block;line-height: 3rem;}
.single-product6 .content ul li.style1 .bottom .buy .text{font-size: 1.2rem;color: #FFFFFF;text-align: center;display: inline-block;border-top:0.1rem solid #ffffff;width: 100%;line-height: 2.7rem;}
/*单品大图样式6 风格2*/
.single-product6 .content ul li.style2{height: 38rem;}
.single-product6 .content ul li.style2 .bottom{width: 32rem;}
/*单品大图样式6 风格3*/
.single-product6 .content ul li.style3{height: 37rem;}
.single-product6 .content ul li.style3 .bottom{width: 32.5rem;}
.single-product6 .content ul li.style3 .bottom .iconfont{font-size: 2.7rem;color: #DD2B2B;margin-left: 0.8rem;position: absolute;right: 0;bottom: 1rem;z-index: 99;}
/*单品大图样式6 风格4*/
.single-product6 .content ul li.style4{height: 42rem;}
.single-product6 .content ul li.style4 .bottom{}
.single-product6 .content ul li.style4 .bottom .goods{width: 100%;text-align: center;float: none;}
.single-product6 .content ul li.style4 .bottom .price{line-height: 3rem;}
.single-product6 .content ul li.style4 .bottom .buy{float: none;width: 15.9rem;height: 3.7rem;text-align: center;font-size: 1.5rem;color: #FFFFFF;background: #DD2B2B;margin: 0 auto;padding: 0;line-height: 3.7rem;}
/*单品大图样式6 风格5*/
.single-product6 .content ul li.style5{height: 32rem;}
.single-product6 .content ul li.style5 .absolute{position: absolute;bottom: 4rem;right: 1rem;background: #FFFFFF;border-radius: 5rem;display: inline-block;width: auto;overflow: auto;padding: 0 0.5rem 0 1rem; min-width: 12rem;}
.single-product6 .content ul li.style5 .absolute .price{float: left;font-size: 1.6rem;color: #DD2B2B;line-height: 3.2rem;}
.single-product6 .content ul li.style5 .absolute .price .unit{font-size: 1.2rem;}
.single-product6 .content ul li.style5 .absolute .price .market-price{font-size: 1.2rem;color: #999999;text-decoration: line-through;margin-left: 0.2rem;}
.single-product6 .content ul li.style5 .absolute .iconfont{float: right;font-size: 2.4rem;color: #DD2B2B;margin-left: 0.8rem;line-height: 3.4rem;}

/*楼层横幅 样式 1*/
.floor-banner{padding: 0 1.5rem;}
.floor-banner .content{width: 100%;position: relative;height: 10rem;background: #6FC6D6;border-radius: 0.5rem;overflow: hidden;}
.floor-banner .content .floor-mask{position: absolute;width: 100%;height: 100%;}
.floor-banner .content .absolute{position: relative;z-index: 9;width: 100%;height: 100%;}
.floor-banner .content .absolute .title{font-size: 2.4rem;color: #FFFFFF;font-weight: bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.floor-banner .content .absolute .sub_title{font-size: 1.6rem;color: #53BBCF;display: inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.floor-banner .content .absolute .image{}
/*楼层横幅 样式 1*/
.floor-banner1{}
.floor-banner1 .content{}
.floor-banner1 .content .floor-mask{}
.floor-banner1 .content .absolute{}
.floor-banner1 .content .absolute .title{position: absolute;left: 2rem;top: 1rem;line-height: 4rem;text-shadow: 0rem 0.3rem 0.6rem #00000017;max-width: 68%;}
.floor-banner1 .content .absolute .sub_title{padding: 0 1rem;position: absolute;top: 5rem;left: 2rem;line-height: 2.5rem;border-radius: 5rem;background: #FFFFFF;max-width: 65%;}
.floor-banner1 .content .absolute .image{width: 8rem;height: 8rem;position: absolute;right: 1rem;top: 0;bottom: 0;margin: auto;border-radius: 2rem;border: 0.2rem solid #FFFFFF;}
/*楼层横幅 样式 2*/
.floor-banner2{}
.floor-banner2 .content{}
.floor-banner2 .content .floor-mask{}
.floor-banner2 .content .absolute{}
.floor-banner2 .content .absolute .title{position: absolute;left: 2rem;top: 1rem;line-height: 4rem;text-shadow: 0rem 0.3rem 0.6rem #00000017;max-width: 68%;}
.floor-banner2 .content .absolute .sub_title{padding: 0 1rem;position: absolute;top: 5rem;right: 8rem;line-height: 2.5rem;background: #FFFFFF;max-width: 65%;}
.floor-banner2 .content .absolute .image{width: 8rem;height: 8rem;position: absolute;right: 0rem;top: 0;bottom: 0;margin: auto;border-radius: 2rem 0 0 0;}
/*楼层横幅 样式 3*/
.floor-banner3{}
.floor-banner3 .content{}
.floor-banner3 .content .floor-mask{}
.floor-banner3 .content .absolute{}
.floor-banner3 .content .absolute .title{position: absolute;left: 2rem;right: 9.6rem;margin: auto;top: 2rem;line-height: 4rem;text-align: center;}
.floor-banner3 .content .absolute .sub_title{position: absolute;top: 5.5rem;left: 2rem;right: 9.6rem;margin: auto;line-height: 2.5rem;text-align: center;color: #FFFFFF;}
.floor-banner3 .content .absolute .image{width: 7.6rem;height: 7.6rem;position: absolute;right: 1rem;top: 0;bottom: 0;margin: auto;border-radius: 2rem;border: 0.2rem solid #FFFFFF;}
/*楼层横幅 样式 4*/
.floor-banner4{}
.floor-banner4 .content{}
.floor-banner4 .content .image{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.floor-banner4 .content .floor-mask{}
.floor-banner4 .content .absolute{}
.floor-banner4 .content .absolute .title{position: absolute;left: 8rem;right: 8em;margin: auto;top: 3rem;line-height: 4rem;text-align: center;color: #333333;width: 18.5rem;}
/*楼层横幅 样式 5*/
.floor-banner5{}
.floor-banner5 .content{}
.floor-banner5 .content .floor-mask{}
.floor-banner5 .content .absolute{}
.floor-banner5 .content .absolute .title{position: absolute;left: 5rem;right: 5rem;margin: auto;top: 3rem;line-height: 4rem;text-align: center;width: 24rem; }
/*楼层横幅 样式 6*/
.floor-banner6{}
.floor-banner6 .content{}
.floor-banner6 .content .image{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.floor-banner6 .content .title-box{position: absolute;left:0;right: 0;width: 33%;border-left: 0.3rem solid #ffffff;border-right: 0.3rem solid #FFFFFF;height: 10rem;margin: auto;background: #FBD246;}
.floor-banner6 .content .title-box .title{margin: 2rem auto;text-align: center;color: #FFFFFF;font-size: 2.4rem;height: 6rem;line-height: 3rem;font-weight: bold;padding: 0 2rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
/*楼层横幅 样式 7*/
.floor-banner7{}
.floor-banner7 .content{background: #97C8CF;}
.floor-banner7 .content .title-box{width: 45%;overflow: hidden;float: left;padding-left: 1rem;}
.floor-banner7 .content .title-box .title{font-size: 2rem;color: #FFFFFF;line-height: 2.5rem;margin-top: 1.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.floor-banner7 .content .title-box .sub-title{font-size: 1.4rem;color: #FFFFFF;line-height: 2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.floor-banner7 .content .title-box .icon{display: inline-block;width: 2.5rem;line-height: 1.4rem;border-radius: 0.6rem 0.6rem 0.1rem 0.6rem;background: #FFFFFF;text-align: center;color: #97C8CF;font-size: 1.2rem;margin-top: 1.5rem;}
.floor-banner7 .content .image{float: right;width: 55%;height: 100%;object-fit: cover;border-radius: 5rem 0 0 5rem;}
/*楼层横幅 样式 8*/
.floor-banner8{}
.floor-banner8 .content{}
.floor-banner8 .content .image{width: 70%;float: right;height: 100%;object-fit: cover;}
.floor-banner8 .content .right{width: 30%;float: left;position: relative;height: 100%;}
.floor-banner8 .content .right .image-bg{width: 100%;height: 100%;object-fit: cover;}
.floor-banner8 .content .right .title-box{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(181, 19, 63, 0.6);}
.floor-banner8 .content .right .title-box .title{font-size: 1.8rem;color: #FFFFFF;text-align: center;line-height: 4rem;margin-top: 1.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.floor-banner8 .content .right .title-box .sub-title{background: rgba(255, 255, 255, 0.8);width: 6.5rem;line-height: 2.2rem;text-align: center;margin: 0 auto;font-size: 1.2rem;color: #B5133F;border-radius: 2rem;}
/*楼层横幅 样式 9*/
.floor-banner9{}
.floor-banner9 .content{}
.floor-banner9 .content .image{width: 70%;float: right;height: 100%;object-fit: cover;}
.floor-banner9 .content .right{width: 30%;float: left;position: relative;height: 100%;}
.floor-banner9 .content .right .title-box{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: #6A88A0;}
.floor-banner9 .content .right .title-box .title{font-size: 1.8rem;color: #FFFFFF;text-align: center;line-height: 4rem;margin-top: 1.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.floor-banner9 .content .right .title-box .sub-title{background: rgba(255, 255, 255, 0.8);width: 6.5rem;line-height: 2.2rem;text-align: center;margin: 0 auto;font-size: 1.2rem;color:#6A88A0;border-radius: 2rem;}
/*楼层横幅 样式 10*/
.floor-banner10{}
.floor-banner10 .content{position: relative;}
.floor-banner10 .content .image{width: 100%;height: 100%;object-fit: cover;}
.floor-banner10 .content .title-bg{position: absolute;height: 16rem;width: 85%;left: -40%;filter: blur(2rem);background: rgba(235, 156, 156, 0.8);top: -3rem;}
.floor-banner10 .content .title-box{position: absolute;left: 1rem;width: 50%;height: 100%;top: 0;}
.floor-banner10 .content .title-box .title{font-size: 2rem;color: #FFFFFF;line-height: 2.5rem;margin-top: 1.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.floor-banner10 .content .title-box .sub-title{font-size: 1.4rem;color: #FFFFFF;line-height: 2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.floor-banner10 .content .title-box .icon{display: inline-block;width: 2.5rem;line-height: 1.4rem;border-radius: 0.6rem 0.6rem 0.1rem 0.6rem;background: #FFFFFF;text-align: center;color: #EB9C9C;font-size: 1.2rem;margin-top: 1.5rem;}
/*楼层横幅 样式 11*/
.floor-banner11{}
.floor-banner11 .content{height: 12rem;background: initial;position: relative;}
.floor-banner11 .content .bottom{height: 10rem;margin-top: 2rem;background: #A5CEAC;border-radius: 2rem 2rem 0.2rem 0.2rem;position: relative;}
.floor-banner11 .content .title-box{height: 100%;position: absolute;width: 40%;}
.floor-banner11 .content .title-box .title{font-size: 2.1rem;color: #FFFFFF;text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 4rem;margin-top: 1.5rem;}
.floor-banner11 .content .title-box .sub-title{background: rgba(255, 255, 255, 0.8);width: 6.5rem;line-height: 2.2rem;text-align: center;margin: 0 auto;font-size: 1.2rem;color:#A5CEAC;border-radius: 2rem;}
.floor-banner11 .content .image{position: absolute;width: 19.3rem;height: 10.8rem;object-fit: cover;right: 1.5rem;bottom: 1.2rem;border-radius: 0.8rem;}
/*楼层横幅 样式 12*/
.floor-banner12{}
.floor-banner12 .content{position: relative;}
.floor-banner12 .content .image{width: 100%;height: 100%;object-fit: cover;}
.floor-banner12 .content .content-mask{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(195, 29, 31, 0.6);}
.floor-banner12 .content .title-box{width: 95%;height: 80%;border: 0.1rem solid #FFFFFF99;position: absolute;left: 0;top: 0;margin: auto;right: 0;bottom: 0;text-align: center;overflow: hidden;}
.floor-banner12 .content .title-box .title{display: inline-block;padding: 0 1rem;font-size: 2.1rem;color: #FFFFFF;line-height: 3rem;position: relative;margin-top: 1.5rem;text-overflow:ellipsis;white-space:nowrap;max-width: 100%;}
.floor-banner12 .content .title-box .title.not-sub-title{line-height: 8rem;margin: 0;}
.floor-banner12 .content .title-box .title .line{position: absolute;display: inline-block;width: 1.6rem;height: 0.1rem;background: #FFFFFF;left: -1.6rem;border: none;top: 1.5rem;}
.floor-banner12 .content .title-box .title.not-sub-title .line{top: 4rem;}
.floor-banner12 .content .title-box .title .line.right{right: -1.6rem;left: auto;}
.floor-banner12 .content .title-box .sub-title{font-size: 1.4rem;color: #FFFFFF;line-height: 2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*楼层横幅 样式 13*/
.floor-banner13{}
.floor-banner13 .content{background: initial;}
.floor-banner13 .content .image{float: left;width: 10rem;height: 100%;object-fit: cover;}
.floor-banner13 .content .image-box{width: 24.5rem;float: left;position: relative;height: 100%;}
.floor-banner13 .content .image-box .image-bg{width: 100%;height: 100%;object-fit: cover;}
.floor-banner13 .content .image-box .title-box{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0, 132, 4, 0.7);text-align: center;overflow: hidden;}
.floor-banner13 .content .title-box .title{display: inline-block;padding: 0 1rem;font-size: 2.1rem;color: #FFFFFF;line-height: 3rem;position: relative;margin-top: 3rem;text-overflow:ellipsis;white-space:nowrap;max-width: 85%;}
.floor-banner13 .content .title-box .title.not-sub-title{line-height: 10rem;margin: 0;}
.floor-banner13 .content .title-box .title .line{position: absolute;display: inline-block;width: 1.6rem;height: 0.1rem;background: #FFFFFF;left: -1.6rem;border: none;top: 1.5rem;}
.floor-banner13 .content .title-box .title.not-sub-title .line{top: 5rem;}
.floor-banner13 .content .title-box .title .line.right{right: -1.6rem;left: auto;}
.floor-banner13 .content .title-box .sub-title{font-size: 1.4rem;color: #FFFFFF;line-height: 2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*楼层横幅 样式 14*/
.floor-banner14{}
.floor-banner14 .content{height: 8.5rem;background: initial;position: relative;}
.floor-banner14 .content .bottom{height: 5rem;margin-top: 3.5rem;}
.floor-banner14 .content .bottom .title-box{background: #F1F1F1;width: 100%;height: 100%;border-radius: 0.3rem;position: relative;}
.floor-banner14 .content .bottom .title-box .sale{font-size: 1.8rem;color: #C1C1C1;position: absolute;left: 1rem;top: 0.5rem;line-height: 2.5rem;}
.floor-banner14 .content .bottom .title-box .title{font-size: 1.8rem;color: #333333;position: absolute;left: 6.5rem;top: 0.5rem;line-height: 2.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: bold;width: 13rem;}
.floor-banner14 .content .bottom .title-box .sub-title{font-size: 1.2rem;color: #C1C1C1;position: absolute;left: 1rem;bottom: 0.5rem;line-height: 1.5rem;}
.floor-banner14 .content .image{width: 13.4rem;height: 100%;position: absolute;right: 1.5rem;bottom: 0;border-radius: 0.3rem;object-fit: cover;}

/*简单横幅*/
.simple-banner.style1{}
.simple-banner.middle{margin: 0 1.5rem;}
.simple-banner .content{background: #f8a2b6;position: relative;}
.simple-banner.middle .content{border-radius: 0.5rem;}
.simple-banner .content .simple-mask{width: 100%;}
.simple-banner .content .title{font-size: 3rem;color: #FFFFFF;font-weight: bold;text-shadow:0 0.5rem 0.6rem #00000025;position: absolute;left: 0;right: 0;bottom: 6.2rem;margin: auto;max-width: 80%;white-space:nowrap;text-align: center;line-height: initial;letter-spacing: 0.2rem;}
.simple-banner .content .simple-show{width: 90%;position: absolute;bottom: 2rem;left: 0;right: 0;margin: auto;}
.simple-banner.style1 .content{background: #f8a2b6;}
.simple-banner.style2 .content{background: #f8a2b6;}
.simple-banner.style3 .content{background: #f8a2b6;}
.simple-banner.style4 .content{background: #f8a2b6;}
.simple-banner.style5 .content{background: #f8a2b6;}
.simple-banner.style6 .content{background: #f8a2b6;}

/*胶囊横幅*/
.capsule-banner{padding: 0 1.5rem;}
.capsule-banner .content{border-radius: 1rem;position: relative;background: #a66ccc;}
.capsule-banner .content .capsule-mask{width: 100%;}
.capsule-banner .content .image-box{position: absolute;width: 9rem;height: 9rem;}
.capsule-banner .content .title{position: absolute;overflow: hidden;text-align: center;line-height: initial;white-space:nowrap;font-size: 3rem;letter-spacing: 0.1rem;}
.capsule-banner .content .sub-title{position: absolute;overflow: hidden;text-align: center;line-height: initial;white-space:nowrap;}
/*胶囊横幅样式1*/
.capsule-banner .content.style1{margin-top: 1rem;}
.capsule-banner .content.style1 .image-box{border: 0.2rem solid #a66ccc;border-radius: 1rem 1rem 0 0;left: 1.7rem;top: -1rem;	background: #FFFFFF;}
.capsule-banner .content.style1 .image-box .image{width: 7.6rem;height: 7.6rem;border-radius: 0.8rem 0.8rem 0 0;display: block;margin: 0.5rem auto;}
.capsule-banner .content.style1 .title{color: #FFFFFF;top: 2.2rem;font-weight: bold;right: 2rem;width: 20rem;}
/*胶囊横幅样式2*/
.capsule-banner .content.style2{height: 9rem;background: none;}
.capsule-banner .content.style2 .image-box{border-radius: 1rem;background: #2cd1c6;border: none;left: 0;position: absolute;z-index: 9;}
.capsule-banner .content.style2 .image-box .image{width: 8rem;height: 8rem;border-radius: 0.8rem;border: 0.2rem solid #FFFFFF;display: block;margin: auto;position: absolute;top: 0;bottom: 0;right: 0;left: 0;}
.capsule-banner .content.style2 .mask-bok{width: 70%;height:7.5rem;right: 5%;position: absolute;background: #2cd1c6;top: 0.7rem;border-radius: 0 10rem 10rem 0;}
.capsule-banner .content.style2 .mask-bok .capsule-mask{width: 100%;height: 100%;}
.capsule-banner .content.style2 .mask-bok2{width: 6rem;height: 6rem;position: absolute;right: 0;background: #2cd1c6;border-radius: 100%;top: 1.5rem;}
.capsule-banner .content.style2 .mask-bok2 .capsule-mask2{width: 100%;height: 100%;}
.capsule-banner .content.style2 .title{font-size: 3rem;color: #FFFFFF;top: 3rem;font-weight: bold;right: 6.5rem;width: 18.5rem;}
.capsule-banner .content.style2 .sub-title{font-size: 1.6rem;color: #2cd1c6;top:0.9rem;font-weight: bold;right:11rem;width: 9rem;}
/*胶囊横幅样式3*/
.capsule-banner .content.style3{height: 9rem;background: none;}
.capsule-banner .content.style3 .image-box{border-radius: 1rem;background: #fcc600;border: none;left: 0;position: absolute;z-index: 9;}
.capsule-banner .content.style3 .image-box .image{width: 8rem;height: 8rem;border-radius: 0.8rem;border: 0.2rem solid #FFFFFF;display: block;margin: auto;position: absolute;top: 0;bottom: 0;right: 0;left: 0;}
.capsule-banner .content.style3 .mask-bok{width: 100%;height:8rem;left: 0;position: absolute;background: #fcc600;top: 0.5rem;border-radius: 10rem;}
.capsule-banner .content.style3 .mask-bok .capsule-mask{width: 100%;}
.capsule-banner .content.style3 .title{font-size: 3.2rem;color: #FFFFFF;top: 0.7rem;font-weight: bold;left: 9.5rem;width: 17rem;}
.capsule-banner .content.style3 .sub-title-box{position: absolute;bottom:1.2rem;right:0;left:1.5rem;margin: auto;width: 17rem;text-align: center;height: 2.7rem;}
.capsule-banner .content.style3 .sub-title{font-size: 1.6rem;color: #FFFFFF;margin: auto;line-height: 2.5rem;background: #fcc600;border-radius: 5rem;border: 0.1rem solid #FFFFFF;padding: 0 1rem;max-width: 100%;display: inline-block;position: static;}
/*胶囊横幅样式4*/
.capsule-banner .content.style4{height: 10rem;background: none;}
.capsule-banner .content.style4 .image-box{border-radius: 1rem;background: #f69629;border: none;left: 0;position: absolute;z-index: 9;}
.capsule-banner .content.style4 .image-box .image{width: 8rem;height: 8rem;border-radius: 0.8rem;border: 0.2rem dashed #FFFFFF;display: block;margin: auto;position: absolute;top: 0;bottom: 0;right: 0;left: 0;}
.capsule-banner .content.style4 .mask-bok{width: 100%;height:8rem;left: 0;position: absolute;background: #f69629;top: 0.5rem;border-radius: 10rem 8rem 1rem 10rem;}
.capsule-banner .content.style4 .mask-bok .capsule-mask{width: 100%;}
.capsule-banner .content.style4 .title{font-size: 3.2rem;color: #FFFFFF;top: 2rem;font-weight: bold;left: 9.5rem;width: 22rem;}
.capsule-banner .content.style4 .sub-title-box{position: absolute;bottom:0;right:0;left:4rem;margin: auto;width: 19rem;text-align: center;}
.capsule-banner .content.style4 .sub-title{font-size: 1.6rem;color: #FFFFFF;margin: auto;line-height: 2.5rem;background: #f69629;border-radius: 5rem;border: 0.2rem solid #FFFFFF;padding: 0 1rem;max-width: 100%;position: static;display: inline-block;}
/*胶囊横幅样式5*/
.capsule-banner .content.style5{height: 7.5rem;background: none;}
.capsule-banner .content.style5 .mask-bok{width: 100%;height:100%;left: 0;position: absolute;background: #07700b;top: 0;border-radius: 10rem;}
.capsule-banner .content.style5 .mask-bok .capsule-mask{width: 100%;}
.capsule-banner .content.style5 .title{font-size: 3rem;color: #FFFFFF;top: 2.5rem;font-weight: bold;left: 9.5rem;width: 22rem;}
.capsule-banner .content.style5 .sub-title-box{top:0;right:0;left:7rem;margin: auto;height: 2.5rem;width: 15.8rem;position: absolute;text-align: center;}
.capsule-banner .content.style5 .sub-title{font-size: 1.6rem;color: #07700b;margin: auto;min-width: 6rem;line-height: 2.5rem;background: #FFFFFF75;border-radius: 0 0 1.5rem 1.5rem;padding: 0 1rem;max-width: 100%;position: static;display: inline-block;}
/*胶囊横幅样式6*/
.capsule-banner .content.style6{height: 7.5rem;background: none;}
.capsule-banner .content.style6 .image{width: 5.7rem;height: 5.7rem;border-radius: 0.8rem;border: 0.2rem solid #FFFFFF;display: block;margin: auto;position: absolute;left: 2rem;z-index: 9;top: 0;bottom: 0;}
.capsule-banner .content.style6 .mask-bok{width: 100%;height:100%;left: 0;position: absolute;background: #fa82a3;top: 0;border-radius: 10rem;}
.capsule-banner .content.style6 .mask-bok .capsule-mask{width: 100%;}
.capsule-banner .content.style6 .title{font-size: 2.8rem;color: #FFFFFF;top: 2.8rem;font-weight: bold;left: 9.5rem;width: 22rem;}
.capsule-banner .content.style6 .sub-title-box{right:0;left:10rem;margin: auto;width: 15.8rem;position: absolute;top: 0.5rem;height: 2.5rem;text-align: center;}
.capsule-banner .content.style6 .sub-title{font-size: 1.6rem;color: #FFFFFF;margin: auto;line-height: 2.5rem;background: #fa82a3;border-radius: 0 0 1.5rem 1.5rem;padding: 0 1rem;max-width: 100%;position: static;display: inline-block;overflow: hidden;}

/*瓷片区*/
.porcelain-area{padding: 0 1.5rem;}
.porcelain-area .content{overflow: auto;width: 100%;}
.porcelain-area .content .item{border-radius: 0.5rem;background: #d59df5;float: left;position: relative;overflow: hidden;}
.porcelain-area .content .item .area-mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.porcelain-area .content .item .image{position: absolute;}
/*瓷片区样式1 一行两个*/
.porcelain-area .content.style1{}
.porcelain-area .content.style1 .item{width: 48%;height: 9.7rem;margin-right: 4%;}
.porcelain-area .content.style1 .item:nth-child(2n){margin-right: 0;background: #f99fe4;}
.porcelain-area .content.style1 .item .area-mask{}
.porcelain-area .content.style1 .item .title{font-size: 2rem;color: #FFFFFF;text-align: center;overflow: hidden;line-height: 9.7rem;white-space:nowrap;width: 80%;margin: 0 auto;}
/*瓷片区样式2 一行两个*/
.porcelain-area .content.style2{}
.porcelain-area .content.style2 .item{width: 48%;height: 9.7rem;margin-right: 4%;background: linear-gradient(180deg,#f99fe480,#f99fe401);}
.porcelain-area .content.style2 .item:nth-child(2n){margin-right: 0;background: linear-gradient(180deg,#fcba6480,#fcba6401);}
.porcelain-area .content.style2 .item .title-box{position: absolute;height: 5rem;left: 1rem;top: 2rem;width: 8.5rem;overflow: hidden;}
.porcelain-area .content.style2 .item .title-box .title{font-size: 1.6rem;color: #333333;text-align: left;overflow: hidden;line-height: 2.5rem;white-space:nowrap;}
.porcelain-area .content.style2 .item .title-box .sub-title{font-size: 1.4rem;color: #f99fe4;line-height: initial;white-space:nowrap;}
.porcelain-area .content.style2 .item:nth-child(2n) .title-box .sub-title{color: #fcba64;}
.porcelain-area .content.style2 .item .image{width: 5.5rem;height: 5.5rem;border: 0.1rem solid #FFFFFF;border-radius: 40%;top: 1.5rem;right: 0.8rem;object-fit: cover;}
/*瓷片区样式3 一行两个*/
.porcelain-area .content.style3{}
.porcelain-area .content.style3 .item{width: 48%;height: 10rem;margin-right: 4%;background: #FCA943;overflow: hidden;}
.porcelain-area .content.style3 .item:nth-child(2n){margin-right: 0;}
.porcelain-area .content.style3 .item .trapezoid{position:relative;width: 48%;height: 0;border-top: 10rem solid #ff8888;border-right: 1.5rem solid transparent;}
.porcelain-area .content.style3 .item .area-mask{z-index: 2;}
.porcelain-area .content.style3 .item .title{position: absolute;font-size: 1.8rem;color: #FFFFFF;text-align: center;overflow: hidden;width: 5rem;height:5rem;top: 1.3rem;left: 1rem;line-height: 2.5rem;}
.porcelain-area .content.style3 .item .icon{display: inline-block;background: #FFFFFF;color: #ff8888;position: absolute;bottom: 1rem;left: 1.5rem;border-radius: 5rem;font-size: 1.2rem;width: 3.5rem;height: 1.6rem;line-height: 1.6rem;text-align: center;font-weight: bold;}
.porcelain-area .content.style3 .item+.item .icon{color: #fcd84d;}
.porcelain-area .content.style3 .item .image{width:61%;height: 10rem;top: 0;right: 0;object-fit: cover;}
/*瓷片区样式4 一行两个*/
.porcelain-area .content.style4{}
.porcelain-area .content.style4 .item{width: 48%;height: 9.5rem;margin-right: 4%;background: #ff8888;overflow: hidden;}
.porcelain-area .content.style4 .item:nth-child(2n){margin-right: 0;background: #d59df5;}
.porcelain-area .content.style4 .item .area-mask{}
.porcelain-area .content.style4 .item .title{float: left;font-size: 1.8rem;color: #FFFFFF;width: 5rem;height: 5rem;text-align: center;line-height: 2.5rem;position: absolute;top: 0;bottom:0;left: 1rem;margin: auto;}
.porcelain-area .content.style4 .item .image{width: 8.3rem;height: 8.3rem;position: absolute;top: 0.6rem;right: 0.5rem;border-radius: 0.5rem;object-fit: cover;}
/*瓷片区样式5 一行三个*/
.porcelain-area .content.style5{overflow: auto;}
.porcelain-area .content.style5 .left{width: 46%;float: left;height: 23rem;background: #d59df5;position: relative;border-radius: 0.5rem;}
.porcelain-area .content.style5 .left .area-mask{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.porcelain-area .content.style5 .left .title{font-size: 2.2rem;color: #FFFFFF;text-align: center;left: 0;right: 0;line-height: 2.5rem;top: 0;bottom: 0;width: 3rem;position: relative;display: flex;align-items: center;justify-content: center;margin: 10% auto;height: 85%;overflow: hidden;}
.porcelain-area .content.style5 .right{float: right;width: 51%;}
.porcelain-area .content.style5 .right .item{width: 100%;height: 11rem;margin-bottom: 1rem;background: #f99fe4;}
.porcelain-area .content.style5 .right .item:last-child{margin-bottom: 0;background: #fcba64;}
.porcelain-area .content.style5 .right .item .area-mask{}
.porcelain-area .content.style5 .right .item .title{font-size: 2rem;color: #FFFFFF;text-align: center;width: 80%;margin: 0 auto;line-height: 11rem;overflow: hidden;white-space:nowrap;}
/*瓷片区样式6 一行三个*/
.porcelain-area .content.style6{overflow: auto;}
.porcelain-area .content.style6 .left{width: 46%;float: left;height: 21rem;background: #d59df5;position: relative;border-radius: 0.5rem;overflow: hidden;}
.porcelain-area .content.style6 .left .area-mask{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.porcelain-area .content.style6 .left .image{width: 14rem;height: 14rem;position: absolute;top: 1rem;left: 0;right: 0;margin: auto;border-radius: 1rem;object-fit: cover;}
.porcelain-area .content.style6 .left .title{font-size: 1.8rem;color: #FFFFFF;text-align: center;width: 80%;position: absolute;left: 0;right: 0;margin: auto;line-height: 2.5rem;bottom: 3rem;overflow: hidden;white-space:nowrap;}
.porcelain-area .content.style6 .right{float: right;width: 51%;}
.porcelain-area .content.style6 .right .item{width: 100%;height: 10rem;margin-bottom: 1rem;background: #72d9cf;}
.porcelain-area .content.style6 .right .item:last-child{margin-bottom: 0;background: #f99fe4;}
.porcelain-area .content.style6 .right .item .area-mask{}
.porcelain-area .content.style6 .right .item .title{font-size: 2rem;color: #FFFFFF;text-align: center;width: 5rem;height:5rem;margin: auto;overflow: hidden;position:absolute;top:0; bottom: 0;left: 1rem;line-height: 2.5rem;}
.porcelain-area .content.style6 .right .item .image{width: 9rem;height: 9rem;position: absolute;top: 0;bottom:0;right: 0.5rem;margin: auto;border-radius: 0.5rem;object-fit: cover;}
/*瓷片区样式7 一行三个*/
.porcelain-area .content.style7{overflow: auto;}
.porcelain-area .content.style7 .left{width: 46%;float: left;height: 28.8rem;background: #ff8888;position: relative;border-radius: 0.5rem;overflow: hidden;}
.porcelain-area .content.style7 .left .image{width: 100%;height: 25.8rem;position: absolute;top: 0;left: 0;object-fit: cover;}
.porcelain-area .content.style7 .left .title{font-size: 1.5rem;color: #FFFFFF;text-align: center;width: 80%;position: absolute;left: 0;right: 0;margin: auto;line-height: 3rem;bottom: 0;overflow: hidden;white-space:nowrap;}
.porcelain-area .content.style7 .right{float: right;width: 51%;}
.porcelain-area .content.style7 .right .item{width: 100%;height: 14rem;margin-bottom: 0.8rem;background: #ff8888;}
.porcelain-area .content.style7 .right .item:last-child{margin-bottom: 0;}
.porcelain-area .content.style7 .right .item .title{font-size: 1.5rem;color: #FFFFFF;text-align: center;width:80%;overflow: hidden;white-space:nowrap;position:absolute;bottom: 0;line-height: 3rem;margin: auto;left: 0;right: 0;}
.porcelain-area .content.style7 .right .item .image{width: 100%;height: 11rem;position: absolute;top: 0;left:0;object-fit: cover;}
/*瓷片区样式8 一行三个*/
.porcelain-area .content.style8{overflow: auto;}
.porcelain-area .content.style8 .item{width: 32%;float:left;height: 14.5rem;margin-right: 2%;background: #ff8888;}
.porcelain-area .content.style8 .item+.item{background: #fcba64;}
.porcelain-area .content.style8 .item:last-child{margin-right: 0;background: #d59df5;}
.porcelain-area .content.style8 .item .area-mask{}
.porcelain-area .content.style8 .item .title{font-size: 1.6rem;color: #FFFFFF;text-align: center;width:80%;overflow: hidden;white-space:nowrap;position:absolute;top: 0.5rem;line-height: 3rem;margin: auto;left: 0;right: 0;}
.porcelain-area .content.style8 .item .sub-title{font-size: 1rem;color: #333333;text-align: center;width:80%;overflow: hidden;white-space:nowrap;position:absolute;top: 3.3rem;line-height: 1.8rem;margin: auto;left: 0;right: 0;background: #FBF22F;border-radius: 2rem;z-index: 2;padding: 0 0.5rem;}
.porcelain-area .content.style8 .item .image{width: 9.9rem;height: 9.9rem;position: absolute;bottom: 0.5rem;left:0;right:0;margin: auto;border-radius: 0.5rem;object-fit: cover;}
/*瓷片区样式9 一行三个*/
.porcelain-area .content.style9{overflow: auto;}
.porcelain-area .content.style9 .item{width: 32%;float:left;height: 15.2rem;margin-right: 2%;background: #fcba64;}
.porcelain-area .content.style9 .item+.item{background: #d59df5;}
.porcelain-area .content.style9 .item:last-child{margin-right: 0;background: #ff8888;}
.porcelain-area .content.style9 .item .area-mask{}
.porcelain-area .content.style9 .item .title{font-size: 1.6rem;color: #FFFFFF;text-align: center;width:80%;overflow: hidden;white-space:nowrap;position:absolute;bottom: 2rem;line-height: 3rem;margin: auto;left: 0;right: 0;}
.porcelain-area .content.style9 .item .image{width: 9.7rem;height: 9.7rem;position: absolute;top: 0.5rem;left:0;right:0;margin: auto;border-radius: 0.5rem;object-fit: cover;}
/*瓷片区样式10 一行三个*/
.porcelain-area .content.style10{overflow: auto;}
.porcelain-area .content.style10 .left{width: 45%;float: left;height: 22rem;background: #f99fe4;position: relative;border-radius: 0.5rem;overflow: hidden;}
.porcelain-area .content.style10 .left .image{width: 100%;height: 15.5rem;position: absolute;top: 0;left: 0;object-fit: cover;}
.porcelain-area .content.style10 .left .bottom{position: absolute;bottom: 	0;left: 0;width: 100%;height: 6.5rem;}
.porcelain-area .content.style10 .left .bottom .area-mask{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.porcelain-area .content.style10 .left .bottom .title{font-size: 1.6rem;color: #FFFFFF;width: 80%;position: absolute;left: 1rem;line-height: 2rem;overflow: hidden;white-space:nowrap;font-weight: bold;top: 1.5rem;}
.porcelain-area .content.style10 .left .bottom .sub-title{font-size: 1.4rem;color: #FFFFFF;width: 80%;position: absolute;left: 1rem;line-height: 2rem;overflow: hidden;white-space:nowrap;top: 3.5rem;}
.porcelain-area .content.style10 .right{float: right;width: 53%;}
.porcelain-area .content.style10 .right .item{width: 100%;height: 10.6rem;margin-bottom: 0.8rem;background: linear-gradient(180deg,#fcba6480,#fcba6401);}
.porcelain-area .content.style10 .right .item:last-child{margin-bottom: 0;background: linear-gradient(180deg,#77d3e680,#77d3e601);}
.porcelain-area .content.style10 .right .item .title{font-size: 1.6rem;color: #333333;width:50%;overflow: hidden;white-space:nowrap;position:absolute;left: 1rem;top: 2rem;line-height: 2.5rem;}
.porcelain-area .content.style10 .right .item .sub-title{font-size: 1.4rem;color: #fcba64;width: 50%;position: absolute;left: 1rem;line-height: 2rem;overflow: hidden;white-space:nowrap;top: 4.5rem;}
.porcelain-area .content.style10 .right .item:last-child .sub-title{color: #77d3e6;}
.porcelain-area .content.style10 .right .item .image{width: 6rem;height:6rem;position: absolute;top: 1.2rem;right:0.8rem;border-radius: 40%;border: 0.1rem solid #ffffff;object-fit: cover;}
/*瓷片区样式11 一行两个*/
.porcelain-area .content.style11{}
.porcelain-area .content.style11 .item{width: 48%;height: 7.5rem;position: relative;overflow: auto;background: #FFFFFF;}
.porcelain-area .content.style11 .item:nth-child(2n){float: right;}
.porcelain-area .content.style11 .item .title{font-size: 1.6rem;color: #333333;width: 50%;text-align: center;float: left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 3rem;margin-top: 1rem;}
.porcelain-area .content.style11 .item:nth-child(2n) .title{float: right;}
.porcelain-area .content.style11 .item .link_url{position: absolute;top: 4rem;width: 4.8rem;text-align: center;border-radius: 2rem;background: #C7AF79;color: #FFFFFF;font-size: 1.2rem;left: 1rem;line-height: 2rem;}
.porcelain-area .content.style11 .item:nth-child(2n) .link_url{left: auto;right: 1rem;}
.porcelain-area .content.style11 .item .image-box{float: left;width: 50%;margin: 1rem 0;height: 5.5rem;overflow: auto;position: relative;}
.porcelain-area .content.style11 .item .image-box .layui-icon{font-size: 2.5rem;color: #C7AF79;line-height: 5.5rem;position: absolute;top: 0;bottom: 0;left: 0;margin: auto;z-index: 1;transform:rotatey(180deg);}
.porcelain-area .content.style11 .item:nth-child(2n) .image-box .layui-icon{transform:rotatey(0deg);right: 0;left: auto;}
.porcelain-area .content.style11 .item .image-box .image{width: 5.5rem;height: 5.5rem;border-radius: 100%;object-fit: cover;float: left;margin: 0 0 0 2.2rem;}
.porcelain-area .content.style11 .item:nth-child(2n) .image-box .image{margin: 0 2.2rem 0 0;position: absolute;right: 0;}
/*瓷片区样式12 一行两个*/
.porcelain-area .content.style12{}
.porcelain-area .content.style12 .item{width: 48%;float: left;overflow: hidden;height: 7.6rem;border: 0.1rem solid #666666;background: #FFFFFF;}
.porcelain-area .content.style12 .item:nth-child(2n){float: right;}
.porcelain-area .content.style12 .item .left{float: left;width: 55%;}
.porcelain-area .content.style12 .item .title{font-size: 1.6rem;color: #333333;line-height: 2rem;margin: 0.8rem 0 0 0.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.porcelain-area .content.style12 .item .sub-title{font-size: 1.2rem;color: #999999;line-height: 2rem;margin-left: 0.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.porcelain-area .content.style12 .item .icon{display: block;width: 2.5rem;height: 1.4rem;line-height: 1.4rem;border-radius: 0.6rem 0.6rem 0.1rem 0.6rem;font-size: 1.2rem;color: #FFFFFF;background: #6FC6D6;text-align: center;margin: 0.5rem 0 0 0.5rem;}
.porcelain-area .content.style12 .item .image{width: 7.4rem;height: 100%;float: right;}
/*瓷片区样式13 一行两个*/
.porcelain-area .content.style13{}
.porcelain-area .content.style13 .item{width: 48.8%;float: left;position: static;background: initial;}
.porcelain-area .content.style13 .item:nth-child(2n){float: right;}
.porcelain-area .content.style13 .item .text-box{width: 100%;height: 7.9rem;overflow: hidden;border-radius: 0.5rem;position: relative;}
.porcelain-area .content.style13 .item .text-box .image-bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;transform: rotateY(180deg);}
.porcelain-area .content.style13 .item .text-box .image-mask{background: rgba(221, 43, 43, 0.6);position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.porcelain-area .content.style13 .item .text-box .image-mask .title{font-size: 1.8rem;color: #FFFFFF;text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 3rem;margin-top: 1rem;}
.porcelain-area .content.style13 .item .text-box .image-mask .sub-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width: 8rem;height: 2.2rem;text-align: center;line-height: 2.2rem;background: #000000;border-radius: 2rem;font-size: 1.2rem;color: #FFFFFF;margin: 0 auto;}
.porcelain-area .content.style13 .item .image{width: 100%;height: 22rem;object-fit: cover;position: static;border-radius: 0.5rem;margin-top: 1rem;}
.porcelain-area .content.style13 .item:nth-child(2n) .image{margin: 0 0 1rem 0;height: 19.2rem;}
.porcelain-area .content.style13 .item:nth-child(2n) .text-box{height: 10.7rem;}
.porcelain-area .content.style13 .item:nth-child(2n) .text-box .image-mask .title{margin-top: 2.8rem;}
.porcelain-area .content.style13 .item:nth-child(2n) .text-box .image-mask .sub-title{}
/*瓷片区样式14 一行三个*/
.porcelain-area .content.style14{}
.porcelain-area .content.style14 .item{width: 33.3%;float:left;background: initial;}
.porcelain-area .content.style14 .item:last-child{}
.porcelain-area .content.style14 .item .rhombus{width: 8.2rem;   height: 8.2rem; transform:rotate(45deg);   -ms-transform:rotate(45deg); /* Internet Explorer */   -moz-transform:rotate(45deg); /* Firefox */   -webkit-transform:rotate(45deg); /* Safari 和 Chrome */   -o-transform:rotate(45deg); /* Opera */   margin:2rem auto;overflow: hidden;position: relative;}
.porcelain-area .content.style14 .item .image{position: absolute;width: 140%;height: 140%;transform:rotate(-45deg);   -ms-transform:rotate(-45deg); /* Internet Explorer */   -moz-transform:rotate(-45deg); /* Firefox */   -webkit-transform:rotate(-45deg); /* Safari 和 Chrome */   -o-transform:rotate(-45deg); /* Opera */ left: -20%;top: -20%;object-fit: cover;}
.porcelain-area .content.style14 .item .title{font-size: 1.6rem;color: #333333;text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 2.5rem;}
.porcelain-area .content.style14 .item .sub-title{border: 0.1rem solid #707070;width: 7rem;height: 2.4rem;line-height: 2.4rem;text-align: center;margin: 0 auto;font-size: 1.2rem;color: #333333;}
/*瓷片区样式15 一行三个*/
.porcelain-area .content.style15{display: flex;--s: 10rem;/* size*/--m: 0 1.6rem 0 0; /* margin */}
.porcelain-area .content.style15 .item{background: initial;position: relative;width: 30%;height: 18.4rem;margin-right: 5%;}
.porcelain-area .content.style15 .item:last-child{--m: 0; /* margin */ margin-right: 0;}
.porcelain-area .content.style15 .item .rhombus{width: 100%;height: 100%;display: inline-block;font-size: initial;clip-path: polygon(0% 14%, 0% 86%, 50% 100%, 100% 86%, 100% 14%, 50% 0%);position: relative;}
.porcelain-area .content.style15 .item .image{position: absolute;width: 100%;height: 100%;object-fit: cover;}
.porcelain-area .content.style15 .item .title{font-size: 1.6rem;color: #333333;text-align: center;padding: 0.5rem 1rem;background: rgba(255,255,255,0.9);border-radius: 0.6rem;position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 3.6rem;height: 50%;align-items: center;justify-content: center;margin: 43% auto;display: flex;overflow: hidden;line-height: 2rem;}
/*瓷片区样式16 一行三个*/
.porcelain-area .content.style16{}
.porcelain-area .content.style16 .item{background: initial;position: relative;width: 30%;margin-right: 5%;}
.porcelain-area .content.style16 .item:last-child{margin-right: 0;}
.porcelain-area .content.style16 .item .image-box{width: 100%;height: 18rem;border-radius: 10rem;overflow: hidden;position: relative;}
.porcelain-area .content.style16 .item .image{position: absolute;width: 100%;height: 100%;object-fit: cover;}
.porcelain-area .content.style16 .item .text{position: absolute;width: 100%;line-height: 2.2rem;text-align: center;font-size: 1.3rem;color: #FFFFFF;background: rgba(215, 156, 72, 0.6);bottom: 3.8rem;}
.porcelain-area .content.style16 .item .title{font-size: 1.4rem;color: #333333;text-align: center;height: 2.8rem;line-height: 2.8rem;border: 0.1rem solid #707070;width: 7.5rem;overflow: hidden;margin: 0.8rem auto 0;}
/*瓷片区样式17 一行三个*/
.porcelain-area .content.style17{}
.porcelain-area .content.style17 .item{background: initial;width: 35%;margin-right: 2%;position: relative;height: 17.8rem;}
.porcelain-area .content.style17 .item+.item{width: 32%;}
.porcelain-area .content.style17 .item:last-child{width: 29%;margin-right: 0;}
.porcelain-area .content.style17 .item .title-box{}
.porcelain-area .content.style17 .item .title-box .title-mask{}
.porcelain-area .content.style17 .item .title-box .title{}
.porcelain-area .content.style17 .item .title-box .sub-title{}
.porcelain-area .content.style17 .item .image{}
.porcelain-area .content.style17 .item:first-child .title-box{width: 11rem;height: 15.5rem;background: #C31D1F;border-radius: 0.5rem;position: relative;left: 0;top: 0;}
.porcelain-area .content.style17 .item:first-child .title-box .title-mask{position: absolute;width: 100%;height: 100%;background:linear-gradient(180deg,#FFFFFF00,#FFFFFF60);}
.porcelain-area .content.style17 .item:first-child .title-box .title{font-size: 1.6rem;color: #FFFFFF;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 2.4rem;margin-left: 0.5rem;padding-top: 0.5rem;}
.porcelain-area .content.style17 .item:first-child .title-box .sub-title{font-size: 1rem;color: #FFFFFF60;margin-left: 0.5rem;line-height: 1.5rem;letter-spacing: 0.1rem;}
.porcelain-area .content.style17 .item:first-child .image{width: 11.5rem;height: 12.7rem;object-fit: cover;position: absolute;bottom: 0;right: 0;border-radius: 0.5rem;}
.porcelain-area .content.style17 .item+.item{background: #C31D1F;}
.porcelain-area .content.style17 .item+.item .item-mask{position: absolute;width: 100%;height: 100%;background:linear-gradient(90deg,#FFFFFF00,#FFFFFF60);}
.porcelain-area .content.style17 .item+.item .title-box{position: absolute;bottom: 0.5rem;left: 0.5rem;}
.porcelain-area .content.style17 .item+.item .title-box .title{font-size: 1.5rem;color: #FFFFFF;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 2.5rem;}
.porcelain-area .content.style17 .item+.item .title-box .sub-title{font-size: 1.1rem;color: #FFFFFF60;line-height: 1.5rem;}
.porcelain-area .content.style17 .item+.item .image{position: absolute;width: 10rem;height: 12.5rem;left: 0;right: 0;top: 0.5rem;margin: auto;border-radius: 0.5rem;object-fit: cover;}
.porcelain-area .content.style17 .item:last-child .item-mask{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(221, 43, 43, 0.6);}
.porcelain-area .content.style17 .item:last-child .title{font-size: 1.8rem;color: #FFFFFF;text-align: center;padding: 0.5rem 0;position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 2.5rem;height: 89%;align-items: center;justify-content: center;margin: 10% auto;display: flex;overflow: hidden;line-height: 2rem;}
.porcelain-area .content.style17 .item:last-child .sub-title{font-size: 1.1rem;color: #FFFFFF60;text-align: center;position: absolute;left: -5.5rem;top: 0;right: 0;bottom: 0;width: 17rem;height: 2rem;align-items: center;justify-content: center;margin: auto;display: flex;overflow: hidden;line-height: 1.5rem;transform: rotate(90deg)}
.porcelain-area .content.style17 .item:last-child .image{position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover;}
/*瓷片区样式18 一行三个*/
.porcelain-area .content.style18{}
.porcelain-area .content.style18 .item{width: 32%;margin-right: 2%;background: initial;}
.porcelain-area .content.style18 .item:last-child{margin-right: 0;}
.porcelain-area .content.style18 .item .text-box{width: 100%;height: 11rem;background: #FE7C62;border-radius: 0.5rem;overflow: auto;}
.porcelain-area .content.style18 .item .text-box .title{font-size: 1.6rem;color: #FFFFFF;text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 3rem;margin-top: 2.8rem;}
.porcelain-area .content.style18 .item .text-box .line{width: 1.7rem;height: 0.2rem;margin: 0 auto;border: none;background: #FFFFFF;}
.porcelain-area .content.style18 .item .text-box .sub-title{font-size: 1rem;color: #FFFFFF;text-align: center;line-height: 2.5rem;letter-spacing: 0.1rem;}
.porcelain-area .content.style18 .item .image{width: 100%;height: 11rem;object-fit: cover;position: static;border-radius: 0.5rem;}
.porcelain-area .content.style18 .item .top{margin-bottom: 0.8rem;}
.porcelain-area .content.style18 .item .bottom{}
/*瓷片区样式19 一行三个*/
.porcelain-area .content.style19{}
.porcelain-area .content.style19 .item{width: 32%;margin-right: 2%;background: initial;height: 11rem;}
.porcelain-area .content.style19 .item:last-child{margin-right: 0;}
.porcelain-area .content.style19 .item .image{left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.porcelain-area .content.style19 .item .item-mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(195, 29, 31, 0.6);}
.porcelain-area .content.style19 .item .title-box{width: 10rem;height: 10rem;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;border: 0.1rem solid #FFFFFF60;}
.porcelain-area .content.style19 .item .title-box .title{font-size: 1.6rem;color: #FFFFFF;text-align: center;line-height: 3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top: 3rem;}
.porcelain-area .content.style19 .item .title-box .icon{width: 1.6rem;display: block;margin: 0 auto;}
/*瓷片区样式20 一行三个*/
.porcelain-area .content.style20{}
.porcelain-area .content.style20 .item{width: 27%;margin-right: 2%;height: 21.2rem;background: initial;	}
.porcelain-area .content.style20 .item:first-child{width: 42%;}
.porcelain-area .content.style20 .item:last-child{margin-right: 0;}
.porcelain-area .content.style20 .item .image{width: 100%;height: 100%;left: 0;top: 0;object-fit: cover;}
.porcelain-area .content.style20 .item+.item .image{width: 100%;height: 13.6rem;position: static;border-radius: 0.5rem;}
.porcelain-area .content.style20 .item .title{position: absolute;width: 100%;line-height: 2.9rem;background: #FFFFFF70;font-size: 1.6rem;color: #333333;font-weight: bold;text-align: center;bottom: 2rem;}
.porcelain-area .content.style20 .item .top{margin-bottom: 0.7rem;}
.porcelain-area .content.style20 .item .title-box{width: 100%;height: 7rem;background: #F1A4A7;border-radius: 0.5rem;overflow: auto;}
.porcelain-area .content.style20 .item .title-box .title{position: static;font-size: 1.6rem;color: #FFFFFF;background: none;margin-top: 1rem;font-weight: normal;}
.porcelain-area .content.style20 .item .title-box .icon{display: block;width: 2.6rem;height: 1.4rem;background: #FFFFFF;border-radius: 0.6rem 0.6rem 0.1rem 0.6rem;color: #F1A4A7;font-size: 1.2rem;text-align: center;line-height: 1.4rem;margin: 0 auto;}
/*瓷片区样式21 一行三个*/
.porcelain-area .content.style21{}
.porcelain-area .content.style21 .item{width: 48.8%;margin-right: 2.4%;background: #FFFFFF;}
.porcelain-area .content.style21 .item.left{height: 30.2rem;}
.porcelain-area .content.style21 .item .image{width: 100%;height: 26.7rem;object-fit: cover;position: static;}
.porcelain-area .content.style21 .item .title-box{height: 3.5rem;overflow: auto;padding: 0 0.8rem;}
.porcelain-area .content.style21 .item .title-box .title{float: left;font-size: 1.6rem;color: #333333;line-height: 3.5rem;}
.porcelain-area .content.style21 .item .title-box .text{float: right;width: 4.7rem;height: 2.2rem;border-radius: 2rem;color: #FFFFFF;text-align: center;line-height: 2.2rem;font-size: 1.2rem;background: rgba(241, 164, 167, 0.8);margin-top: 0.7rem;}
.porcelain-area .content.style21 .item.right{margin-right: 0;height: 14.6rem;}
.porcelain-area .content.style21 .item.right{margin-bottom: 1rem;}
.porcelain-area .content.style21 .item:last-child{margin-bottom: 0;}
.porcelain-area .content.style21 .item.right .image{height: 11rem;}
/*瓷片区样式22 一行三个*/
.porcelain-area .content.style22{}
.porcelain-area .content.style22 .item{}
.porcelain-area .content.style22 .item.left{width: 50%;margin-right: 2.5%;height: 17.2rem;}
.porcelain-area .content.style22 .item.right{width: 47.5%;background: #F1A4A7;height: 8.2rem;margin-bottom: 0.8rem;}
.porcelain-area .content.style22 .item.right+.item{background: #FFFFFF;margin-bottom: 0;}
.porcelain-area .content.style22 .item.left .image{width: 100%;height: 100%;left: 0;top: 0;object-fit: cover;}
.porcelain-area .content.style22 .item.left .title{position: absolute;bottom: 0;width: 100%;left: 0;text-align: center;background: rgba(235, 119, 119, 0.6);color: #FFFFFF;font-size: 1.6rem;line-height: 3.2rem;}
.porcelain-area .content.style22 .item.right .image{width: 8.2rem;height: 8.2rem;object-fit: cover;}
.porcelain-area .content.style22 .item.right .title-box{float: right;width: 8rem;}
.porcelain-area .content.style22 .item.right .title-box .title{color: #FFFFFF;font-size: 1.56rem;text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 3rem;margin-top: 1.5rem;}
.porcelain-area .content.style22 .item.right .title-box .line{width: 1.6rem;height: 0.2rem;background: #FFFFFF;border: none;margin: 0 auto;}
.porcelain-area .content.style22 .item.right .title-box .sub-title{font-size: 1rem;color: #FFFFFFd9;text-align: center;line-height: 2.5rem;letter-spacing: 0.1rem;}
.porcelain-area .content.style22 .item.right+.item .title{color: #333333;}
.porcelain-area .content.style22 .item.right+.item .line{background: #333333;}
.porcelain-area .content.style22 .item.right+.item .sub-title{color: #999999;}
/*瓷片区样式23 一行三个*/
.porcelain-area .content.style23{}
.porcelain-area .content.style23 .item{width: 32%;margin-right: 2%;height: 7.5rem;text-align: center;}
.porcelain-area .content.style23 .item:last-child{margin-right: 0;}
.porcelain-area .content.style23 .item .title{font-size: 1.6rem;color: #FFFFFF;line-height: 3.5rem;border-top: 0.1rem solid #FFFFFF50;border-bottom: 0.1rem solid #FFFFFF50;padding: 0 0.8rem;display: inline-block;margin: 2rem auto;}
/*瓷片区样式24 一行三个*/
.porcelain-area .content.style24{}
.porcelain-area .content.style24 .item{width: 32%;margin-right: 2%;height: 13.9rem;border-radius: 0;background: initial;}
.porcelain-area .content.style24 .item:last-child{margin-right: 0;}
.porcelain-area .content.style24 .item .item-box{border: 0.4rem solid #FDBDCD;height: 100%;width: 100%;text-align: center;}
.porcelain-area .content.style24 .item .head{font-size: 2.4rem;color: #FDC0D0;line-height: 5rem;}
.porcelain-area .content.style24 .item .title{font-size: 1.6rem;color: #333333;font-weight: bold;line-height: 2rem;}
.porcelain-area .content.style24 .item .sub-title{font-size: 1rem;color: #333333;line-height: 3rem;letter-spacing: 0.1rem;}
.porcelain-area .content.style24 .item .text{display: block;width: 8.2rem;background: #FDC0D0;line-height: 2rem;text-align: center;margin: 0 auto;color: #FFFFFF;font-size: 1.1rem;}
/*瓷片区样式25 一行三个*/
.porcelain-area .content.style25{border-radius: 0.5rem;overflow: hidden;}
.porcelain-area .content.style25 .item{border-radius: 0;background: #FFFFFF;}
.porcelain-area .content.style25 .item .image{width: 100%;position: static;}
.porcelain-area .content.style25 .item .title-box{height: 8.3rem;overflow: auto;}
.porcelain-area .content.style25 .item .title-box .title{font-size: 1.6rem;color: #333333;text-align: center;line-height: 3rem;margin-top: 1.5rem;}
.porcelain-area .content.style25 .item .title-box .line{width: 1.6rem;height: 0.2rem;background: #333333;border: none;margin: 0 auto;}
.porcelain-area .content.style25 .item .title-box .sub-title{font-size: 1rem;letter-spacing: 0.1rem;color: #999999;text-align: center;line-height: 2.5rem}
.porcelain-area .content.style25 .item.left{width: 25%;}
.porcelain-area .content.style25 .item.left+.item.left{background: #F1A4A7;}
.porcelain-area .content.style25 .item.left+.item.left .title{color: #FFFFFF;}
.porcelain-area .content.style25 .item.left+.item.left .line{background: #FFFFFF;}
.porcelain-area .content.style25 .item.left+.item.left .sub-title{color: #FFFFFFD9;}
.porcelain-area .content.style25 .item.left .image{height: 8.3rem;object-fit: cover;}
.porcelain-area .content.style25 .item.right{width: 50%;height: 16.6rem;}
.porcelain-area .content.style25 .item.right .image{height: 11.7rem;object-fit: cover;}
.porcelain-area .content.style25 .item.right .title-box{height: 4.7rem;}
.porcelain-area .content.style25 .item.right .title-box .title{margin-top:0;line-height: 2.5rem;}
.porcelain-area .content.style25 .item.right .title-box .sub-title{line-height: 2rem;}
/*瓷片区样式26 一行多列*/
.porcelain-area .content.style26{}
.porcelain-area .content.style26 .item{width: 24.25%;height: 24rem;margin-right: 1%;}
.porcelain-area .content.style26 .item:nth-child(2n+1){margin-top: 3rem;}
.porcelain-area .content.style26 .item:last-child{margin-right: 0;}
.porcelain-area .content.style26 .item .image{width: 100%;height: 100%;left: 0;top: 0;object-fit: cover;}
.porcelain-area .content.style26 .item .title-box{position: absolute;width: 7.1rem;height: 11.5rem;left: 0;top: 0;right: 0;bottom: 0;margin: auto;background: rgba(187, 164, 131, 0.9);border-radius: 0.3rem;}
.porcelain-area .content.style26 .item .title-box .title{font-size: 1.8rem;color: #FFFFFF;text-align: center;padding: 0.5rem 0;position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 3rem;height: 80%;align-items: center;justify-content: center;margin: 20% 0 20% 3rem;display: flex;overflow: hidden;line-height: 2rem;border-left: 0.1rem solid #FFFFFF80;border-right: 0.1rem solid #FFFFFF80;}
.porcelain-area .content.style26 .item .title-box .sub-title{font-size: 1rem;color: #FFFFFF80;text-align: center;position: absolute;left: -7rem;top: 0;right: 0;bottom: 0;width: 17rem;height: 2rem;align-items: center;justify-content: center;margin: auto;display: flex;overflow: hidden;line-height: 1.5rem;transform: rotate(90deg)}
/*瓷片区样式27 一行多列*/
.porcelain-area .content.style27{}
.porcelain-area .content.style27 .item{width: 24.25%;height:19.3rem;margin-right: 1%;background: #FFFFFF;}
.porcelain-area .content.style27 .item:nth-child(2n){margin-top: 3rem;}
.porcelain-area .content.style27 .item:nth-child(3n){margin-top: 1.4rem;height:17.9rem;}
.porcelain-area .content.style27 .item:last-child{margin-right: 0;}
.porcelain-area .content.style27 .item .image{width: 100%;height: 15.2rem;object-fit: cover;position: static;}
.porcelain-area .content.style27 .item:nth-child(3n) .image{height: 13.8rem;}
.porcelain-area .content.style27 .item .title-box{text-align: center;}
.porcelain-area .content.style27 .item .title-box .title{line-height: 2.6rem;font-size: 1.4rem;color: #DD2B2B;padding: 0 0.5rem;display: inline-block;border-top: 0.1rem solid #DD2B2B;border-bottom: 0.1rem solid #DD2B2B;margin: 0.6rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width: 100%;}
/*瓷片区样式28 一行多列*/
.porcelain-area .content.style28{}
.porcelain-area .content.style28 .item{}

/*首页横幅*/
.index-banner{width: 100%;position: relative;overflow: hidden;}
.index-banner .head{background: none;padding: 1rem 1.5rem;height: 18rem;width: 100%;position: absolute;overflow: hidden;display: none;top: 0;}
.index-banner .head.middle{display: block;}
.index-banner .head-bg{position: absolute;width: 150%;height: 18rem;left: -50%;right: -50%;margin: 0 auto;top: -4.5rem;border-radius: 100%;background: transparent;overflow: hidden;}
.index-banner .content{position: relative;}
.index-banner .content.middle{margin: 0 1.5rem;border-radius: 0.8rem;overflow: hidden;}
.index-banner .content .trapezoid{position: absolute}
.index-banner .content .banner-mask{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.index-banner .content .title{position: absolute;}
.index-banner .content .sub-title{position: absolute;}
.index-banner .content .image{position: absolute;}
/*首页横幅 样式1*/
.index-banner .head-bg.style1{height: 16.5rem;}
.index-banner .content.style1{height: 20rem;}
.index-banner .content.middle.style1{height: 18.4rem;}
.index-banner .content.style1 .trapezoid{width: 55%;border-top: 20rem solid #f69629;border-right: 3.6rem solid transparent;z-index: 1;bottom: 0;left: 0;}
.index-banner .content.middle.style1 .trapezoid{width: 56%;}
.index-banner .content.style1 .banner-mask{z-index: 1;}
.index-banner .content.style1 .title{font-size: 2.8rem;color: #FFFFFF;top: 15%;left: 5%;z-index: 1;font-weight: bold;line-height: initial;overflow:hidden;white-space:nowrap;width: 48%;}
.index-banner .content.style1 .sub-title{font-size: 1.6rem;color: #FFFFFF;top: 37%;left: 5%;z-index: 1;line-height: initial;overflow:hidden;white-space:nowrap;width: 45%;}
.index-banner .content.style1 .image{height: 100%;width: 54%;right: 0;object-fit: cover;}
/*首页横幅 样式2*/
.index-banner .head.style2{}
.index-banner .head-bg.style2{}
.index-banner .content.style2{height: 17.8rem;}
.index-banner .content.middle.style2{height: 16.1rem;}
.index-banner .content.style2 .image{width: 100%;height: 100%;right: 0;object-fit: cover;}
.index-banner .content.style2 .trapezoid{width: 50%;border-top: 17.8rem solid #07700b;border-right: 1.9rem solid transparent;border-left: 1.9rem solid transparent;z-index: 1;bottom: 0;left: 0;right: 0;margin: auto;}
.index-banner .content.style2 .banner-mask{z-index: 1;}
.index-banner .content.style2 .absolute{width: 47%;height: 100%;position: absolute;left: 0;right: 0;margin: auto;z-index: 1;text-align: center;}
.index-banner .content.style2 .absolute .title{font-size: 4rem;color: #FFFFFF;margin: 10% auto 0;font-weight: bold;line-height: 4.8rem;overflow:hidden;width: 10rem;height: 9.6rem;text-align: center;position: static;letter-spacing: 0.3rem;}
.index-banner .content.style2 .absolute .sub-title{font-size: 1.4rem;color: #07700b;background: #FFFFFF;padding: 0 1rem;border-radius: 5rem;display: inline-block;margin:5% auto 0;line-height: 2.8rem;text-align: center;max-width: 85%;position: static;display: inline-block;overflow: hidden;white-space:nowrap;}
/*首页横幅 样式3*/
.index-banner .head.style3{}
.index-banner .head-bg.style3{}
.index-banner .content.style3{height: 20rem;background: #fcc600;}
.index-banner .content.middle.style3{height: 18.4rem;}
.index-banner .content.style3 .border{width: 15.7rem;height: 0.1rem;background: #fcc600;position: absolute;left: 0;right: 0;margin: auto;top: 25%;}
.index-banner .content.style3 .text{font-size: 1.2rem;color: #fcc600;background: #FFFFFF;position: absolute;left: 0;right: 0;top: 21%;line-height: 2rem;margin: auto;width: 12rem;text-align: center;}
.index-banner .content.style3 .banner-mask{}
.index-banner .content.style3 .absolute{width: 70%;position: absolute;left: 0;right: 0;margin: auto;text-align: center;top: 30%;}
.index-banner .content.style3 .title{font-size: 3.2rem;color: #fcc600;font-weight: bold;line-height: 6rem;margin: auto;max-width: 100%;text-align: center;overflow: hidden;white-space:nowrap;position: static;}
.index-banner .content.style3 .sub-title{background: #fcc600;font-size: 1.4rem;color: #FFFFFF;max-width: 100%;text-align: center;position: static;display: inline-block;margin: auto;line-height: 2.6rem;border-radius: 3rem;overflow: hidden;white-space:nowrap;padding: 0 1rem;}
/*首页横幅 样式4*/
.index-banner .head.style4{}
.index-banner .head-bg.style4{}
.index-banner .content.style4{height: 18rem;background: #2cd1c6;}
.index-banner .content.middle.style4{height: 16.6rem;}
.index-banner .content.style4 .left{width: 30%;height: 100%;background: rgba(255,255,255,0.6);position: absolute;left: 0;top: 0;}
.index-banner .content.style4 .image{width: 43%;height: 89.5%;left: 0.9rem; top: 0;bottom: 0;margin: auto;border-radius: 0 2rem 2rem 0;border: 0.2rem solid #FFFFFF;object-fit: cover;}
.index-banner .content.style4 .right{position: absolute;width: 47%;height:100%;right: 3%;top: 0;overflow: hidden;}
.index-banner .content.style4 .right .title{font-size: 2.6rem;color: #FFFFFF;font-weight: bold;position: static;margin: 25% 0 5%;line-height:3rem;overflow: hidden;white-space:nowrap;}
.index-banner .content.style4 .right .sub-title{font-size: 1.6rem;background: #FFFFFF;color: #2cd1c6;line-height: 2.5rem;padding: 0 1rem;overflow: hidden;white-space:nowrap;border-radius: 0.2rem;}
.index-banner .content.style4 .right .text{font-size: 1.3rem;color: #FFFFFF;position: absolute;bottom: 10%;}
/*首页横幅 样式5*/
.index-banner .head.style5{}
.index-banner .head-bg.style5{}
.index-banner .content.style5{height: 18rem;background: #a66ccc;}
.index-banner .content.middle.style5{height:16.5rem;}
.index-banner .content.style5 .banner-mask{}
.index-banner .content.style5 .title{font-size: 2.4rem;color: #FFFFFF;left: 8%;top: 15%;line-height: 4rem;font-weight: bold;width: 15rem;overflow: hidden;white-space:nowrap;}
.index-banner .content.style5 .sub-title{font-size: 1.6rem;color: #FFFFFF;top: 38%;left: 8%;line-height: 2rem;width: 15rem;overflow: hidden;white-space:nowrap;	}
.index-banner .content.style5 .list{overflow: auto;position: absolute;left: 5%;bottom: 10%;width: 47%;height: 29.4%;}
.index-banner .content.style5 .list .item-img{width: 30%;height: 100%;float: left;object-fit: cover;margin-right: 5%;border-radius: 0.5rem;}
.index-banner .content.style5 .list .item-img:last-child{margin-right: 0;}
.index-banner .content.style5 .image{width: 37.5%;height: 78.2%;border: 0.2rem solid #FFFFFF;border-radius: 0.5rem;right: 5%;top: 0;bottom: 0;margin: auto;object-fit: cover;}
/*首页横幅 样式6*/
.index-banner .head.style6{}
.index-banner .head-bg.style6{}
.index-banner .content.style6{height: 20rem;background:#fcc600;}
.index-banner .content.middle.style6{height: 18.4rem;}
.index-banner .content.style6 .banner-mask{}
.index-banner .content.style6 .title{font-size: 2.8rem;color: #FFFFFF;left: 48%;top: 12%;line-height: 3rem;font-weight: bold;width: 15rem;white-space:nowrap;text-shadow: 0 0.2rem 0.4rem #00000016;}
.index-banner .content.style6 .sub-title{font-size: 1.6rem;color: #FFFFFF;top: 32%;left: 48%;line-height: 2rem;width: 15rem;overflow: hidden;white-space:nowrap;	}
.index-banner .content.style6 .image1{width: 32.6%;height: 79.5%;border: 0.3rem solid #FFFFFF;object-fit: cover;transform:rotate(-4deg);left: 3.5rem;top: 2rem;box-shadow: 0.6rem 0.7rem 0 #00000025;}
.index-banner .content.style6 .image2{width: 37.3%;height: 41%;border: 0.3rem solid #FFFFFF;object-fit: cover;transform: rotate(3deg);right: 4.5rem;bottom: 1.5rem;box-shadow: 0.5rem 0.6rem 0 #00000025;}
/*首页横幅 样式7*/
.index-banner .head.style7{}
.index-banner .head-bg.style7{}
.index-banner .content.style7{height: 37.5rem;}
.index-banner .content.middle.style7{height: 34.5rem;}
.index-banner .content.style7 .image{width: 100%;height: 100%;object-fit: cover;}
.index-banner .content.style7 .title{width: 10rem;height: 10rem;text-align: center;right: 2rem;top: 2rem;font-size: 3.2rem;color: #FFFFFF;font-weight: bold;background: rgba(78, 162, 246, 0.9);padding: 1.2rem 1.5rem 1.2rem;line-height: 4rem; overflow: hidden;}
.index-banner .content.style7 .sub-title{font-size: 2rem;color: #FFFFFF;width: 100%;bottom: 0;text-align: center;background: rgba(78, 162, 246, 0.9);line-height: 4rem;}
/*首页横幅 样式8*/
.index-banner .head.style8{}
.index-banner .head-bg.style8{}
.index-banner .content.style8{height: 37.5rem;}
.index-banner .content.middle.style8{height: 34.5rem;}
.index-banner .content.style8 .image-bg{width: 100%;height: 100%;object-fit: cover;display: block;margin: 0 auto;}
.index-banner .content.style8 .center{width: 100%;height: 100%;background: rgba(166, 108, 204, 0.9);position: absolute;left: 0;top: 0;}
.index-banner .content.style8 .title{font-size: 3.2rem;color: #FFFFFF;font-weight: bold;top: 6%;left: 7%;padding: 0 0.5rem;line-height: 5rem;text-shadow: 0 0.3rem 0.6rem #00000025;overflow: hidden;white-space:nowrap;}
.index-banner .content.style8 .title .title-bg{display: inline-block;width: 100%;height: 2.5rem;position: absolute;bottom: 0;left: 0;background: rgba(255,255,255,0.5);}
.index-banner .content.style8 .image1{width: 22.5%;height: 22.5%;object-fit: cover;border: 0.2rem solid #FFFFFF;top: 31.5%;left: 15%;border-radius: 0.3rem;z-index: 1;transform: rotate(-4deg);}
.index-banner .content.style8 .image2{width: 35%;height: 35%;bottom: 10%;left: 6%;border: 0.2rem solid #FFFFFF;transform: rotate(6deg);border-radius: 0.5rem;z-index: 2;object-fit: cover;}
.index-banner .content.style8 .image3{width: 66.7%;height: 66.7%;right: 0;bottom: 6%;object-fit: cover;}
.index-banner .content.style8 .sub-title{font-size: 1.6rem;color: #FFFFFF;border: 0.2rem solid #FFFFFF;bottom: 6%;right: 0;background: #a66ccc;border-radius: 4rem 0 0 0;padding: 0 0.5rem 0 1.5rem;max-width: 20rem;overflow: hidden;white-space:nowrap;line-height: 3rem;height: 2.8rem;}
/*首页横幅 样式9*/
.index-banner .head.style9{}
.index-banner .head-bg.style9{}
.index-banner .content.style9{height: 37.5rem;}
.index-banner .content.middle.style9{height: 34.5rem;}
.index-banner .content.style9 .image{left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.index-banner .content.style9 .banner-mask{}
.index-banner .content.style9 .title{font-size: 3.4rem;color: #2cd1c6;width: 4rem;text-align: center;left: 4%;top: 13%;font-weight: bold;line-height: 4rem;height: 65%;overflow: hidden;position: relative;display: flex;align-items: center;justify-content: center;}
.index-banner .content.style9 .sub-title{font-size: 1.8rem;color: #FFFFFF;background: #2cd1c6;line-height: 3rem;padding: 0 1rem;left: 4%;bottom: 10%;max-width: 90%;overflow: hidden;white-space:nowrap;border-radius: 0.2rem;}
/*首页横幅 样式10*/
.index-banner .head.style10{}
.index-banner .head-bg.style10{}
.index-banner .content.style10{height: 37.5rem;background: #a66ccc;}
.index-banner .content.middle.style10{height: 34.5rem;}
.index-banner .content.style10 .image-bg{position: absolute;width: 100%;height: 100%;object-fit: cover;left: 0;top: 0;}
.index-banner .content.style10 .center{width: 100%;height: 100%;background: rgba(166, 108, 204, 0.9);position: absolute;left: 0;top: 0;}
.index-banner .content.style10 .banner-mask{opacity: 0.2;}
.index-banner .content.style10 .image-box{right: 5%;bottom: 5%;width: 80%;height: 80%;border: 0.3rem solid #FFFFFF;border-radius: 0.3rem;position: absolute;}
.index-banner .content.style10 .image{width: 100%;height: 100%;object-fit: cover;border-radius: 0.3rem;}
.index-banner .content.style10 .title{font-size: 2.6rem;color: #FFFFFF;text-align: center;left: 5%;top: 6%;font-weight: bold;line-height: 4.1rem;overflow: hidden;white-space:nowrap;max-width: 80%;padding: 0 0.8rem;background: #a66ccc;border-radius: 0.2rem;box-shadow: 0 0.3rem 0.6rem #00000020;}
.index-banner .content.style10 .sub-title{font-size: 1.6rem;color: #FFFFFF;background: #a66ccc;line-height: 3.2rem;height: 3rem;padding: 0 0.5rem 0 1.5rem;max-width: 90%;overflow: hidden;white-space:nowrap;border-radius: 4rem 0 0 0;right: 0;bottom: 0;}
/*首页横幅 样式11*/
.index-banner .head.style11{}
.index-banner .head-bg.style11{}
.index-banner .content.style11{height: 21.7rem;background: #a66ccc;}
.index-banner .content.middle.style11{height: 20rem;}
.index-banner .content.style11 .banner-mask{}
.index-banner .content.style11 .absolute{position: absolute;width: 41%;left: 0;top: 15%;text-align: center;}
.index-banner .content.style11 .absolute2{position: absolute;width: 41%;left: 0;top: 72%;text-align: center;}
.index-banner .content.style11 .title{font-size: 4rem;color: #FFFFFF;line-height: 4.8rem;width: 9rem;font-weight: bold;height: 9.6rem;overflow: hidden;position: static;display: inline-block;}
.index-banner .content.style11 .sub-title{font-size: 1.6rem;color: #a66ccc;line-height: 2.8rem;border-radius: 0.2rem;padding: 0 0.5rem;background: #FFFFFF;max-width: 90%;overflow: hidden;white-space:nowrap;position: static;display: inline-block;}
.index-banner .content.style11 .image{width: 59%;height: 100%;right: 0;top: 0;object-fit: cover;}
/*首页横幅 样式12*/
.index-banner .head.style12{}
.index-banner .head-bg.style12{}
.index-banner .content.style12{height: 37.5rem;background: #FFC613;}
.index-banner .content.middle.style12{height: 34.5rem;}
.index-banner .content.style12 .image{left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.index-banner .content.style12 .absolute{position: absolute;left: 0;right: 0;bottom: 3%;width: 84%;height: 24%;background: rgba(166, 108, 204, 0.9);border-radius: 0.2rem;margin: auto;}
.index-banner .content.style12 .absolute .title{font-size: 3rem;color: #FFFFFF;font-weight: bold;text-align: center;line-height: 4rem;overflow: hidden;white-space:nowrap;width: 100%;top: 10%;}
.index-banner .content.style12 .absolute .sub-title{font-size: 1.8rem;color: #FFFFFF;text-align: center;line-height: 2.5rem;overflow: hidden;white-space:nowrap;width: 100%;bottom: 9%;}
/*首页横幅 样式13*/
.index-banner .head.style13{}
.index-banner .head-bg.style13{}
.index-banner .content.style13{height: 46rem;background: #fa82a3;}
.index-banner .content.middle.style13{height: 42.3rem;border-radius: 1rem;}
.index-banner .content.style13 .banner-mask{}
.index-banner .content.style13 .center{width: 83.2%;height: 83.9%;left: 0;top: 0;bottom: 0;right: 0;margin: auto;border-radius: 3rem 0.2rem 3rem 0.2rem;position: absolute;background: #FFFFFF;}
.index-banner .content.style13 .title{font-size: 3rem;color: #fa82a3;font-weight: bold;left: 8%;top: 2%;width: 84%;overflow: hidden;white-space:nowrap;line-height: 5rem;text-align: center;}
.index-banner .content.style13 .image{width: 88.8%;height: 71.8%;border-radius: 0 0.2rem 0 0;left: 0;right: 0; margin: auto;top: 5%;bottom: 0;object-fit: cover;z-index: 1;}
.index-banner .content.style13 .sub-title{font-size: 1.6rem;color: #FFFFFF;background: #fa82a3;border-radius: 0 0 1.7rem 0;padding: 0 1.5rem 0 0.5rem;line-height: 3.2rem;left: 5.6%;max-width: 80%;overflow: hidden;white-space:nowrap;bottom: 4%;}
/*首页横幅 样式14*/
.index-banner .head.style14{}
.index-banner .head-bg.style14{width: 200%;top: -10rem;}
.index-banner .content.style14{height: 48.9rem;background: #2cd1c6;}
.index-banner .content.middle.style14{height: 45rem;}
.index-banner .content.style14 .banner-mask{}
.index-banner .content.style14 .absolute{position: absolute;width: 80%;left: 0;right: 0;text-align: center;top: 10%;margin: auto;}
.index-banner .content.style14 .absolute2{top: 24%;}
.index-banner .content.style14 .title{font-size: 3.2rem;text-align: center;color:#FFFFFF;line-height: 5.5rem;border-top: 0.1rem solid #FFFFFF;border-bottom: 0.1rem solid #FFFFFF;padding: 0 3%;max-width: 100%;overflow: hidden;white-space:nowrap;position: static;display: inline-block;}
.index-banner .content.style14 .sub-title-box{display: inline-block;position: relative;margin-top: 0.5rem;z-index: 3;}
.index-banner .content.style14 .sub-title{font-size: 1.6rem;color: #2cd1c6;padding: 0 0.5rem;line-height: 2.4rem;background: #FFFFFF;max-width: 100%;text-align: center;overflow: hidden;white-space:nowrap;position: static;display: inline-block;}
.index-banner .content.style14 .border{position: absolute;width: 100%;height: 2.4rem;left:0.3rem;top:0.3rem;border: 0.1rem solid #FFFFFF;display: inline-block;z-index: -1;}
.index-banner .content.style14 .image{width: 80%;height: 61.3%;left: 0;right: 0;bottom: 5%;margin: auto;border: 0.5rem solid #2cd1c6;border-radius: 1rem;object-fit: cover;}
/*首页横幅 样式15*/
.index-banner .head.style15{}
.index-banner .head-bg.style15{}
.index-banner .content.style15{height: 49.3rem;}
.index-banner .content.middle.style15{height: 45.4rem;}
.index-banner .content.style15 .banner-mask{}
.index-banner .content.style15 .iconfont{font-size: 52rem;position: absolute;top: -2.7rem;left: -7rem;color: #fcc600;line-height: 52rem;}
.index-banner .content.middle.style15 .iconfont{font-size: 48rem;position: absolute;top: -2.5rem;left: -7rem;color: #fcc600;line-height: 48rem;}
.index-banner .content.style15 .iconfont2{color: #FFFFFF;-webkit-mask: linear-gradient(to bottom, #ffffff30, #ffffff00);}
.index-banner .content.middle.style15 .iconfont2{color: #FFFFFF;-webkit-mask: linear-gradient(to bottom, #ffffff30, #ffffff00);}
.index-banner .content.style15 .border{width: 30%;height: 0.1rem;background: #fcc600;position: absolute;left: 0;right: 0;top: 15%;margin: auto;}
.index-banner .content.style15 .text{font-size: 1.4rem;color: #fcc600;background: #FFFFFF;position: absolute;width: 20%;left: 0;right: 0;top: 13%;margin: auto;text-align: center;line-height: 2rem;}
.index-banner .content.style15 .absolute{width: 52%;position: absolute;left: 0;right: 0;top: 20%;text-align: center;margin: auto;}
.index-banner .content.style15 .title{font-size: 3.2rem;color: #fcc600;font-weight: bold;max-width: 100%;text-align: center;margin: auto;overflow: hidden;white-space:nowrap;line-height: 4rem;position: static;}
.index-banner .content.style15 .sub-title{font-size: 1.6rem;color: #FFFFFF;background: #fcc600;border-radius: 0.2rem;line-height: 2.6rem;max-width: 100%;text-align: center;overflow: hidden;white-space:nowrap;display: inline-block;position: static;padding: 0 0.5rem;margin-top: 1rem;}
.index-banner .content.style15 .image{width: 73.6%;height: 56%;left: 0;right: 0;bottom: 5%;margin: auto;border: 0.3rem solid #FFFFFF;border-radius: 100%;object-fit: cover;}
/*首页横幅 样式16*/
.index-banner .head.style16{}
.index-banner .head-bg.style16{}
.index-banner .content.style16{height: 48.5rem;}
.index-banner .content.middle.style16{height: 44.6rem;}
.index-banner .content.style16 .bg-image{width: 100%;height: 100%;left: 0;top: 0;object-fit: cover;}
.index-banner .content.style16 .banner-mask{}
.index-banner .content.style16 .image{width:68%;height: 68%;left: 0;right: 0;bottom: 24%;margin: auto;object-fit: cover;}
.index-banner .content.style16 .tips{bottom: 24%;left: 18%;position: absolute;width: 3.8rem;height: 5.1rem;}
.index-banner .content.style16 .text{font-size: 1.4rem;color: #FFFFFF;background: #000000;width: 3.8rem;height: 5.1rem;text-align: center;padding-top: 1.5rem;line-height: 1.5rem;font-weight: bold;position: absolute;}
.index-banner .content.style16 .icon{position: absolute;left: 0.5rem;top: 0;color: #FFFFFF;font-size: 1rem;z-index: 1;}
.index-banner .content.style16 .border{border: 0.1rem solid #FFFFFF;position: absolute;left: -0.5rem;top: -0.5rem;width: 3.8rem;height: 5.1rem;display: inline-block;}
.index-banner .content.style16 .absolute{position: absolute;width: 68%;margin: auto;left: 0;right: 0;bottom: 7%;text-align: center;overflow: hidden;}
.index-banner .content.style16 .title{font-size: 3rem;color: #333333;width: 100%;text-align: center;margin: auto;font-weight: bold;line-height: 4rem;overflow: hidden;white-space:nowrap;position: static;display: inline-block;}
.index-banner .content.style16 .sub-title{max-width: 100%;font-size: 1.4rem;color: #333333;border: 0.1rem solid #707070;line-height: 1.7rem;border-radius: 2rem;position: static;text-align: center;overflow: hidden;white-space:nowrap;display: inline-block;padding: 0 1rem;}
/*首页横幅 样式17*/
.index-banner .head.style17{}
.index-banner .head-bg.style17{}
.index-banner .content.style17{height: 43.5rem;background: #a66ccc;}
.index-banner .content.middle.style17{height: 40rem;}
.index-banner .content.style17 .banner-mask{}
.index-banner .content.style17 .image{width: 78.6%;height: 67.8%;border: 0.3rem solid #FFFFFF;border-radius: 100%;left: 0;right: 0;top: 8%;margin: auto;object-fit: cover;}
.index-banner .content.style17 .absolute{position: absolute;width: 78.6%;text-align: center;overflow: hidden;background: rgba(255,255,255,0.9);height: 25%;border-radius: 0.5rem;left: 0;right: 0;bottom: 6%;margin: auto;padding: 4% 0;}
.index-banner .content.style17 .absolute .title{font-size: 3.2rem;color: #a66ccc;text-align: center;line-height: 4.5rem;font-weight: bold;position: static;}
.index-banner .content.style17 .absolute .sub-title{position: static;font-size: 1.6rem;color: #FFFFFF;background: #a66ccc;padding: 0 1rem;line-height: 3rem;display: inline-block;border-radius: 3rem;}
/*首页横幅 样式18*/
.index-banner .head.style18{}
.index-banner .head-bg.style18{}
.index-banner .content.style18{height: 49rem;background: #d20007;}
.index-banner .content.middle.style18{height: 45rem;}
.index-banner .content.style18 .banner-mask{}
.index-banner .content.style18 .image{width: 92%;height: 70.7%;right: 0.2rem;top: 0;object-fit: cover;}
.index-banner .content.style18 .absolute{position: absolute;width: 92%;text-align: center;overflow: hidden;height: 26%;right: 3%;bottom: 0;margin: auto;}
.index-banner .content.style18 .absolute .title{font-size: 3.6rem;color: #d20007;text-align: center;line-height: 4.5rem;font-weight: bold;position: static;}
.index-banner .content.style18 .absolute .sub-title{position: static;font-size: 1.8rem;color: #FFFFFF;background: #d20007;padding: 0 1.5rem;line-height: 3.2rem;display: inline-block;border-radius: 5rem;margin-top: 3%;}
/*首页横幅 样式19*/
.index-banner .head.style19{}
.index-banner .head-bg.style19{}
.index-banner .content.style19{height: 20rem;background: #d20007;}
.index-banner .content.middle.style19{height: 18.4rem;}
.index-banner .content.style19 .banner-mask{}
.index-banner .content.style19 .title-box{font-size: 2.8rem;color: #FFFFFF;font-weight: bold;left: 5%;top: 28%;width: 44%;position: absolute;height: 3rem;}
.index-banner .content.style19 .title-box .title{font-size: 2.8rem;color: #FFFFFF;font-weight: bold;line-height: 3rem;overflow: hidden;white-space:nowrap;max-width: 100%;}
.index-banner .content.style19 .title-box .title-bg{display: inline-block;position: absolute;left: 0;bottom: -0.5rem;width: 5.4rem;height: 1rem;background: rgba(255,255,255,0.3);}
.index-banner .content.style19 .sub-title{font-size: 1.6rem;color: #FFFFFF;left: 5%;top:48%;line-height: 3rem;max-width: 50%;overflow: hidden;white-space:nowrap;}
.index-banner .content.style19 .image-box{width: 48%;height: 90%;border-radius: 100%;position: absolute;verflow: hidden;right: 3%;top: 0;bottom: 0;margin: auto;	}
.index-banner .content.style19 .image-box .image-mask{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.index-banner .content.style19 .image-box .image{width: 100%;height: 100%;border-radius: 100%;object-fit: cover;}
/*首页横幅 样式20*/
.index-banner .head.style20{}
.index-banner .head-bg.style20{}
.index-banner .content.style20{height: 20rem;background: #a66ccc;}
.index-banner .content.middle.style20{height: 18.4rem;}
.index-banner .content.style20 .banner-mask{}
.index-banner .content.style20 .absolute{position: absolute;text-align: center;width: 49%;left: 5%;top: 30%;}
.index-banner .content.style20 .title{font-size: 2.6rem;color: #000000;line-height: 4rem;max-width: 100%;overflow: hidden;white-space:nowrap;position: static;text-align: center;}
.index-banner .content.style20 .sub-title{font-size: 1.4rem;color: #FFFFFF;background: #000000;line-height: 2.8rem;border-radius: 3rem;padding: 0 1rem;max-width: 100%;overflow: hidden;white-space:nowrap;position: static;display: inline-block;}
.index-banner .content.style20 .image-box{width: 42.7%;height: 80%;border-radius: 100%;background: #FFFFFF;top: -0.2rem;bottom: 0;right: 5.7%; margin: auto;position: absolute;}
.index-banner .content.style20 .image{width: 88%;height: 88%;border-radius: 100%;border: 0.1rem solid #000000;object-fit: cover;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
/*首页横幅 样式21*/
.index-banner .head.style21{}
.index-banner .head-bg.style21{}
.index-banner .content.style21{height: 20rem;background: #fa82a3;}
.index-banner .content.middle.style21{height: 18.4rem;border-radius: 0;}
.index-banner .content.style21 .banner-mask{}
.index-banner .content.style21 .image{width: 49.9%;height: 74.9%;left: 5.5%;top: 0;bottom: 0;margin: auto;object-fit: cover;}
.index-banner .content.style21 .absolute{position: absolute;left: 57%;top: 20%;width: 37%;overflow: hidden;}
.index-banner .content.style21 .absolute .title{font-size: 2.4rem;color: #FFFFFF;font-weight: bold;max-width: 100%;position: static;overflow: hidden;white-space:nowrap;line-height: 4rem;}
.index-banner .content.style21 .absolute .border{width: 3rem;height: 0.3rem;background: #FFFFFF;}
.index-banner .content.style21 .absolute .sub-title{position: static;font-size: 1.4rem;color: #FFFFFF;max-width: 100%;overflow: hidden;white-space:nowrap;line-height: 3rem;}
/*首页横幅 样式22*/
.index-banner .head.style22{}
.index-banner .head-bg.style22{}
.index-banner .content.style22{height: 20rem;background: #f69629;}
.index-banner .content.middle.style22{height: 18.4rem;}
.index-banner .content.style22 .banner-mask{}
.index-banner .content.style22 .image1{width: 44%;height: 93%;top: 0;bottom: 0;left: 0;right: 0;margin: auto;object-fit: cover;}
.index-banner .content.style22 .sub-title-box{position: absolute;bottom: 5%;height: 77%;left: 7%;width: 2rem;text-align: center;}
.index-banner .content.style22 .sub-title{font-size: 1.6rem;color: #FFFFFF;width: 100%;text-align: center;max-height: 100%;overflow: hidden;bottom: 0%;left: 7%;line-height: 1.7rem;}
.index-banner .content.style22 .title{font-size: 2.8rem;color: #FFFFFF;font-weight: bold;width: 3rem;height: 82%;top: 8%;bottom: 0;left: 14%;text-align: center;line-height: 3rem;overflow: hidden;}
.index-banner .content.style22 .absolute{position: absolute;background: #FFFFFF;width: 16%;height: 87%;right: 15%;top:0; bottom: 0;margin: auto;}
.index-banner .content.style22 .absolute .image{width: 83.3%;height: 28.7%;position: static;display: block;margin: 0.6rem auto;object-fit: cover;}
/*首页横幅 样式23*/
.index-banner .head.style23{}
.index-banner .head-bg.style23{}
.index-banner .content.style23{height: 20rem;}
.index-banner .content.middle.style23{height: 18.4rem;}
.index-banner .content.style23 .image{width: 53%;height: 100%;right: 0;top: 0;object-fit: cover;}
.index-banner .content.style23 .trapezoid-box{position: absolute;left: 0;top: 0;height: 100%;overflow: hidden;width:63%;}
.index-banner .content.middle.style23 .trapezoid-box{width:64%;}
.index-banner .content.style23 .trapezoid-box .trapezoid1{border-top: 10.9rem solid #fa82a3;border-right: 6rem solid transparent;width: 100%;position: absolute;bottom: 48%;}
.index-banner .content.style23 .trapezoid-box .trapezoid2{border-bottom: 17rem solid #fa82a3;border-right: 6rem solid transparent;width: 100%;position: absolute;top: 51%;}
.index-banner .content.style23 .banner-mask{}
.index-banner .content.style23 .title{font-size: 2.6rem;color: #FFFFFF;font-weight: bold;left: 5%;top: 17%;overflow: hidden;white-space:nowrap;max-width: 40%;line-height: 3rem;}
.index-banner .content.style23 .sub-title{font-size: 1.6rem;color: #fa82a3;background: #FFFFFF;border-radius: 0.2rem;line-height: 2.8rem;padding: 0 0.5rem;overflow: hidden;white-space:nowrap;left: 5%;top: 37%;max-width: 40%;}
.index-banner .content.style23 .text{font-size: 1.3rem;color: #FFFFFF;line-height: 2rem;left: 5%;top: 70%;position: absolute;}
/*首页横幅 样式24*/
.index-banner .head.style24{}
.index-banner .head-bg.style24{}
.index-banner .content.style24{height: 37.5rem;background: #07700b;}
.index-banner .content.middle.style24{height: 34.5rem;border-radius: 0;}
.index-banner .content.style24 .banner-mask{}
.index-banner .content.style24 .sub-title{font-size: 1.8rem;color: #000000;width: 2rem;text-align: center;left: 5%;top: 7.5%;max-height: 60%;overflow: hidden;line-height: 2rem;}
.index-banner .content.style24 .title{font-size: 2.4rem;color: #FFFFFF;background: #07700b;width: 13.4%;text-align: center;max-height: 60%;overflow: hidden;padding: 1rem 2%;line-height: 2.8rem;top: 7.5%;left: 13%;}
.index-banner .content.style24 .image{width: 65%;height: 85.3%;right: 7%;top: 0;bottom: 0;margin: auto;object-fit: cover;}
/*首页横幅 样式25*/
.index-banner .head.style25{}
.index-banner .head-bg.style25{}
.index-banner .content.style25{height: 55.2rem;background: #f69629;}
.index-banner .content.middle.style25{height: 50.8rem;}
.index-banner .content.style25 .title{font-size: 3.8rem;color: #FFFFFF;font-weight: bold;text-align: center;position: static;line-height: 8rem;overflow: hidden;white-space:nowrap;}
.index-banner .content.style25 .image-box{position: absolute;width: 88.3%;height: 77.2%;border-radius: 20rem 20rem 1rem 1rem;overflow: hidden;left: 0;right: 0;bottom: 2rem;margin: auto;}
.index-banner .content.style25 .image-box .image{width: 100%;height: 100%;object-fit: cover;left: 0;top: 0;}
.index-banner .content.style25 .image-box .sub-title-box{text-align: center;position: absolute;width: 100%;left: 0;right: 0;bottom: 2rem;}
.index-banner .content.style25 .image-box .sub-title{font-size: 1.9rem;color: #FFFFFF;line-height: 3.7rem;background: #f69629;position: static;display: inline-block;padding: 0 1rem;overflow: hidden;white-space:nowrap;}
/*首页横幅 样式26*/
.index-banner .head.style26{}
.index-banner .head-bg.style26{}
.index-banner .content.style26{height: 55.2rem;background: #4ea2f6;overflow: hidden;}
.index-banner .content.middle.style26{height: 50.8rem;}
.index-banner .content.style26 .banner-mask{}
.index-banner .content.style26 .image{width: 85.3%;height: 63.5%;left: 0;top: 5.3rem;right: 0;margin: auto;object-fit: cover;}
.index-banner .content.style26 .iconfont{font-size: 23rem;color: #4ea2f6;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;line-height: 23rem;}
.index-banner .content.middle.style26 .iconfont{font-size: 21rem;line-height: 21rem;}
.index-banner .content.style26 .title{font-size: 3.9rem;color: #FFFFFF;width: 100%;overflow: hidden;white-space:nowrap;font-weight: bold;text-align: center;bottom: 8rem;line-height: 4rem;}
.index-banner .content.style26 .sub-title{overflow: hidden;white-space:nowrap;font-size: 1.8rem;color: #FFFFFF;width: 100%;text-align: center;bottom: 1.5rem;line-height: 2rem;}
/*首页横幅 样式27*/
.index-banner .head.style27{}
.index-banner .head-bg.style27{}
.index-banner .content.style27{height: 52.5rem;background: #07700b;overflow: hidden;}
.index-banner .content.middle.style27{height: 48.3rem;}
.index-banner .content.style27 .image{width: 100%;height: 37%;bottom: 0;object-fit: cover;}
.index-banner .content.style27 .banner-mask{}
.index-banner .content.style27 .iconfont{font-size: 37rem;color: #07700b;position: absolute;bottom: 0;line-height: 37rem;margin: 0 auto 31%;}
.index-banner .content.middle.style27 .iconfont{font-size: 34rem;line-height: 34rem;}
.index-banner .content.style27 .iconfont2{color: #FFFFFF;opacity: 0.8;}
.index-banner .content.style27 .title{font-size: 4.6rem;color: #FFFFFF;font-weight: bold;text-align: center;line-height: 6rem;left: 0;right: 0;top: 18%;margin: auto;letter-spacing: 0.1rem;}
.index-banner .content.style27 .sub-title-box{position: absolute;width: 90%;left: 0;right: 0;bottom: 0;text-align: center;margin:0 auto 46%;}
.index-banner .content.style27 .sub-title{position: static;display: inline-block;font-size: 1.8rem;color: #FFFFFF;padding: 0 1rem;background: #07700b;line-height: 3.4rem;}
/*首页横幅 样式28*/
.index-banner .head.style28{}
.index-banner .head-bg.style28{}
.index-banner .content.style28{height: 37.5rem;overflow: hidden;}
.index-banner .content.middle.style28{height: 34.5rem;}
.index-banner .content.style28 .image1{width: 100%;height: 100%;left: 0;top: 0;object-fit: cover;}
.index-banner .content.style28 .absolute{position: absolute;width: 10rem;right: 1.5rem;top: 0;bottom: 0;margin: auto;height: 32rem;}
.index-banner .content.style28 .absolute .image{position: static;width: 10rem;height: 10rem;margin-bottom: 1rem;border-radius: 0.5rem;object-fit: cover;}
.index-banner .content.middle.style28 .absolute{width: 9.2rem;height: 29.4rem;right: 1.2rem;}
.index-banner .content.middle.style28 .absolute .image{width: 9.2rem;height: 9.2rem;margin-bottom: 0.8rem;border-radius: 0.5rem;}
.index-banner .content.style28 .absolute .image:last-child{margin-bottom: 0;}
.index-banner .content.style28 .absolute .image2{}
.index-banner .content.style28 .absolute .image3{}
.index-banner .content.style28 .absolute .image4{}

/*优惠券*/
.index-voucher{}
/*一行一个*/
.index-voucher .one-column{margin: 0 1.5rem;overflow: hidden;}
.index-voucher .one-column .li{width: 100%;height: 8rem;border-radius: 0.5rem;background: #77A258;position: relative;margin-bottom: 0.8rem;overflow: hidden;}
.index-voucher .one-column .li:last-child{margin-bottom: 0;}
.index-voucher .one-column .li .voucher-mask{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.index-voucher .one-column .li .info{position: absolute;left: 8%;overflow: auto;top: 0;height: 100%;width: 70%;}
.index-voucher .one-column .li .info .price{font-size: 3.6rem;color: #FFFFFF;float: left;line-height: 4rem;width: 30%;margin-top: 2.2rem;}
.index-voucher .one-column .li .info .price .unit{font-size: 1.4rem;}
.index-voucher .one-column .li .info .data{float: left;width: 60%;text-align: center;margin-top: 2.3rem;}
.index-voucher .one-column .li .info .desc{font-size: 1.8rem;color: #FFFFFF;line-height: 2rem;overflow:hidden;white-space:nowrap;}
.index-voucher .one-column .li .info .text{font-size: 1.2rem;color: #FFFFFF;line-height: 2rem;}
.index-voucher .one-column .li .click-btn{width: 5.6rem;height: 5.6rem;text-align: center;font-size: 1.4rem;color: #77A258;line-height: 1.8rem;background: #FFFFFF;border-radius: 100%;position: absolute;right: 5%;top: 0;bottom: 0;margin: auto;padding: 1rem;}
/*优惠券一行一个 样式1*/
.index-voucher .one-column.style1{}
.index-voucher .one-column.style1 .li{}
.index-voucher .one-column.style1 .li .voucher-mask{}
.index-voucher .one-column.style1 .li .info{}
.index-voucher .one-column.style1 .li .info .price{color: #77A258;}
.index-voucher .one-column.style1 .li .info .price.mail-free{font-size: 2.4rem;}
.index-voucher .one-column.style1 .li .info .price .unit{}
.index-voucher .one-column.style1 .li .info .desc{color: #77A258;}
.index-voucher .one-column.style1 .li .info .text{color: #77A258;letter-spacing: 0.1rem;}
.index-voucher .one-column.style1 .li .click-btn{}
/*优惠券一行一个 样式2*/
.index-voucher .one-column.style2{}
.index-voucher .one-column.style2 .li{background: #2cd1c6;}
.index-voucher .one-column.style2 .li .voucher-mask{}
.index-voucher .one-column.style2 .li .info{left: 5%;width: 80%;}
.index-voucher .one-column.style2 .li .info .price{overflow: auto;padding-left: 2.5rem;line-height: 4.2rem;width: 40%;}
.index-voucher .one-column.style2 .li .info .price.mail-free{font-size: 2.4rem;margin-top: 1.8rem;padding: 0;text-align: center;}
.index-voucher .one-column.style2 .li .info .price .unit{font-size: 1rem;display: inline-block;transform: rotate(90deg);-ms-transform: rotate(90deg); /* Internet Explorer 9*/-moz-transform: rotate(90deg); /* Firefox */-webkit-transform: rotate(90deg); /* Safari 和 Chrome */-o-transform: rotate(90deg);height: 1.5rem;line-height: 1.5rem;position: absolute;left: 0;top: 3.5rem;}
.index-voucher .one-column.style2 .li .info .slant{float: left;width: 0.1rem;height: 2.2rem;background: #FFFFFF;transform: rotate(15deg);margin-top: 3rem;}
.index-voucher .one-column.style2 .li .info .data{width: 50%;margin-top: 2.4rem;}
.index-voucher .one-column.style2 .li .info .desc{}
.index-voucher .one-column.style2 .li .info .text{letter-spacing: 0.1rem;}
.index-voucher .one-column.style2 .li .click-btn{color: #2cd1c6;}
/*优惠券一行一个 样式3*/
.index-voucher .one-column.style3{}
.index-voucher .one-column.style3 .li{background: #d20007;}
.index-voucher .one-column.style3 .li .voucher-mask{}
.index-voucher .one-column.style3 .li .info{left: 23%;width: 60%;}
.index-voucher .one-column.style3 .li .info .price{text-align: center;}
.index-voucher .one-column.style3 .li .info .price.mail-free{font-size: 2.2rem;width: 35%;}
.index-voucher .one-column.style3 .li .info .price .unit{}
.index-voucher .one-column.style3 .li .info .data{text-align: center;}
.index-voucher .one-column.style3 .li .info .desc{}
.index-voucher .one-column.style3 .li .info .text{width: 6.3rem;height: 2rem;text-align: center;display: inline-block;background: #FFFFFF;border-radius: 2rem;color: #d20007;}
.index-voucher .one-column.style3 .li .click-btn{color: #d20007;}
/*优惠券一行一个 样式4*/
.index-voucher .one-column.style4{}
.index-voucher .one-column.style4 .li{background: #FFD344;}
.index-voucher .one-column.style4 .li .voucher-mask{}
.index-voucher .one-column.style4 .li .info{left: 34%;width: 64%;}
.index-voucher .one-column.style4 .li .info .price{color: #FFD344;width: 40%;}
.index-voucher .one-column.style4 .li .info .price.mail-free{font-size: 2.5rem;-webkit-text-stroke: 0.1rem #333333;font-weight: bold;text-shadow: 0.1rem 0.1rem 0 #666666;letter-spacing: 0.1rem;}
.index-voucher .one-column.style4 .li .info .price .unit{color: #333333;margin-right: 0.3rem;}
.index-voucher .one-column.style4 .li .info .price .val{-webkit-text-stroke: 0.1rem #333333;font-weight: bold;text-shadow: 0.2rem 0.2rem 0 #666666;}
.index-voucher .one-column.style4 .li .info .desc{font-size: 1.8rem;color: #333333;float: left;width: 60%;line-height: 2rem;margin-top: 3.2rem;}
/*一行二个*/
.index-voucher .two-column{overflow: auto;margin: 0 1.5rem;-ms-overflow-style: none;overflow: -moz-scrollbars-none;}
.index-voucher .two-column::-webkit-scrollbar{display:none}
.index-voucher .two-column .li{width: 48%;margin-right: 4%;position: relative;margin-bottom: 1rem;float: left;overflow: hidden;}
.index-voucher .two-column .li:nth-child(2n){margin-right: 0;}
.index-voucher .two-column .li .voucher-mask{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
/*优惠券一行二个 样式5*/
.index-voucher .two-column.style5{}
.index-voucher .two-column.style5 .li{background: #08ae45;height: 7.5rem;border-radius: 0.5rem;}
.index-voucher .two-column.style5 .li .voucher-mask{}
.index-voucher .two-column.style5 .li .info{margin: 1rem 0 0 1rem;width: 50%;}
.index-voucher .two-column.style5 .li .info .price{font-size: 2.6rem;color: #FFFFFF;line-height: 3rem;}
.index-voucher .two-column.style5 .li .info .price.mail-free{font-size: 2.2rem;line-height: 3.4rem;}
.index-voucher .two-column.style5 .li .info .price .unit{font-size: 1.4rem;}
.index-voucher .two-column.style5 .li .desc{font-size: 1.4rem;color: #FFFFFF;overflow:hidden;white-space:nowrap;}
.index-voucher .two-column.style5 .li .click-btn{width: 6.3rem;height: 2.8rem;border-radius: 3rem;text-align: center;font-size: 1.4rem;color: #08ae45;line-height: 2.8rem;background: #FFFFFF;position: absolute;right: 3%;top: 0;bottom: 0;margin: auto;}
/*优惠券一行二个 样式6*/
.index-voucher .two-column.style6{}
.index-voucher .two-column.style6 .li{background: #f64e54;height: 7.5rem;border-radius: 0.5rem;}
.index-voucher .two-column.style6 .li .voucher-mask{}
.index-voucher .two-column.style6 .li .info{margin: 1rem 0 0 1rem;width: 65%;}
.index-voucher .two-column.style6 .li .info .price{font-size: 2.6rem;color: #FFFFFF;line-height: 3rem;}
.index-voucher .two-column.style6 .li .info .price.mail-free{font-size: 2.2rem;line-height: 3.4rem;}
.index-voucher .two-column.style6 .li .info .price .unit{font-size: 1.4rem;}
.index-voucher .two-column.style6 .li .desc{font-size: 1.4rem;color: #FFFFFF;overflow:hidden;white-space:nowrap;}
.index-voucher .two-column.style6 .li .click-btn{width:2rem;height: 4rem;text-align: center;font-size: 1.6rem;color: #FFFFFF;line-height: 2rem;position: absolute;right: 4%;top: 0;bottom: 0;margin: auto;}
/*优惠券一行二个 样式7*/
.index-voucher .two-column.style7{}
.index-voucher .two-column.style7 .li{background: #16cfc3;height: 7.5rem;border-radius: 4rem;}
.index-voucher .two-column.style7 .li .voucher-mask{}
.index-voucher .two-column.style7 .li .price{font-size: 2.6rem;color: #FFFFFF;line-height: 7rem;position: absolute;left: 5%;}
.index-voucher .two-column.style7 .li .price.mail-free{font-size: 2rem;line-height: 7.5rem;}
.index-voucher .two-column.style7 .li .price .unit{font-size: 1.4rem;}
.index-voucher .two-column.style7 .li .absolute{position: absolute;width: 60%;text-align: center;right: 2%;top: 0;bottom: 0;margin: auto;height: 4.2rem;}
.index-voucher .two-column.style7 .li .desc{font-size: 1.4rem;color: #FFFFFF;text-align: center;overflow:hidden;white-space:nowrap;max-width: 100%;line-height: 2rem;}
.index-voucher .two-column.style7 .li .click-btn{width:6.3rem;height: 2rem;text-align: center;font-size: 1.2rem;color: #16cfc3;line-height: 2rem;background: #FFFFFF;border-radius: 2rem;display: inline-block;}
/*优惠券一行二个 样式8*/
.index-voucher .two-column.style8{position: relative;height: 12.5rem;}
.index-voucher .two-column.style8 .iconfont{position: absolute;font-size: 12.5rem;text-align: center;line-height: 12.5rem;display: inline-block;color: #a66ccc;}
.index-voucher .two-column.style8 .iconfont2{color: #FFFFFF;-webkit-mask: linear-gradient(to bottom, #ffffff30, #ffffff00);}
.index-voucher .two-column.style8 .border{width: 0.1rem;height: 5rem;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;z-index: 1;background: #FFFFFF;}
.index-voucher .two-column.style8 .li{margin: 2.5rem 0 0;width: 50%;}
.index-voucher .two-column.style8 .li .price{font-size: 2.6rem;color: #FFFFFF;text-align: center;overflow:hidden;white-space:nowrap;line-height: 2.8rem;}
.index-voucher .two-column.style8 .li .price.mail-free{font-size: 2rem;line-height: 3.2rem;}
.index-voucher .two-column.style8 .li .price .unit{font-size: 1.4rem;}
.index-voucher .two-column.style8 .li .desc{font-size: 1.4rem;color: #FFFFFF;text-align: center;overflow:hidden;white-space:nowrap;line-height: inherit;}
.index-voucher .two-column.style8 .li .click-btn{font-size: 1.2rem;color: #a66ccc;text-align: center;line-height: 2rem;width: 5rem;height: 2rem;background: #FFFFFF;margin: 0.5rem auto 0;border-radius: 2rem;}
/*优惠券一行二个 样式9*/
.index-voucher .two-column.style9{position: relative;margin: 0;}
.index-voucher .two-column.style9 .bottom{height: 6.4rem;margin: 1.6rem 0;background: #fcc600;}
.index-voucher .two-column.style9 .bottom .icon{width: 2.7rem;margin: 1rem 0 0 3.2rem;}
.index-voucher .two-column.style9 .bottom .text{font-size: 1.4rem;color: #FFFFFF;margin-left: 3%;line-height: 2rem;}
.index-voucher .two-column.style9 .top{position: absolute;right: 3.5%;top: 0;overflow: auto;width:69%;-ms-overflow-style: none;overflow: -moz-scrollbars-none;}
.index-voucher .two-column.style9 .top::-webkit-scrollbar{display:none}
.index-voucher .two-column.style9 .top .li{border: 0.1rem solid #fcc600;background: #FFFFFF;border-radius: 2.2rem;width: 48%;float: left;height: 9.6rem;margin-bottom: 0;margin-right: 0;}
.index-voucher .two-column.style9 .top .li:last-child{float: right;}
.index-voucher .two-column.style9 .top .li .price{font-size: 2.6rem;color: #fcc600;text-align: center;line-height: 2.6rem;margin-top: 1rem;}
.index-voucher .two-column.style9 .top .li .price.mail-free{font-size: 2rem;line-height: 3rem;}
.index-voucher .two-column.style9 .top .li .price .unit{font-size: 1.4rem;}
.index-voucher .two-column.style9 .top .li .desc{font-size: 1.4rem;color: #666666;text-align: center;line-height: 1.5rem;margin-bottom: 0.6rem;}
.index-voucher .two-column.style9 .top .li .click-btn{font-size: 1.2rem;color: #FFFFFF;background: #fcc600;width: 7.1rem;height: 2.2rem;line-height: 2.2rem;border-radius: 3rem;text-align: center;margin: 0 auto;}
/*优惠券一行二个 样式10*/
.index-voucher .two-column.style10{margin: 0;overflow: auto;background: #fa82a3;height: 15.7rem;padding: 1.2rem;}
.index-voucher .two-column.style10 .left{float: left;width: 30%;padding-left: 3%;}
.index-voucher .two-column.style10 .left .title{font-size: 2.2rem;color: #FFFFFF;font-weight: bold;line-height: 3rem;margin-top: 2.5rem;}
.index-voucher .two-column.style10 .left .text{font-size: 1.4rem;color: #FFFFFF;line-height: 3rem;}
.index-voucher .two-column.style10 .left .border1{width: 2.8rem;height: 0.3rem;background: #FFFFFF;margin: 0.5rem 0;}
.index-voucher .two-column.style10 .left .border2{width: 1.8rem;height: 0.3rem;background: #FFFFFF;margin: 0.5rem 0;}
.index-voucher .two-column.style10 .right{float: right;overflow: auto;width: 65%;-ms-overflow-style: none;overflow: -moz-scrollbars-none;}
.index-voucher .two-column.style10 .right::-webkit-scrollbar{display:none}
.index-voucher .two-column.style10 .right .li{width: 10.9rem;height: 13.3rem;background: rgba(255,255,255,0.6);border-radius: 1rem;position: relative;float: left;margin: 0;}
.index-voucher .two-column.style10 .right .li:last-child{float: right;}
.index-voucher .two-column.style10 .right .li .content{width: 10.1rem;height: 12.5rem;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;background: #FFFFFF;border-radius: 0.8rem;}
.index-voucher .two-column.style10 .right .li .price{font-size: 2.6rem;color: #fa82a3;line-height: 3rem;text-align: center;margin-top: 1.5rem;}
.index-voucher .two-column.style10 .right .li .price.mail-free{font-size: 2.2rem;line-height: 3.4rem;}
.index-voucher .two-column.style10 .right .li .price .unit{font-size: 1.4rem;font-weight: normal;}
.index-voucher .two-column.style10 .right .li .desc{font-size: 1.4rem;color: #333333;line-height: 2rem;text-align: center;}
.index-voucher .two-column.style10 .right .li .click-btn{width: 6.3rem;height: 2.8rem;line-height: 2.8rem;border-radius: 3rem;background: #fa82a3;font-size: 1.4rem;text-align: center;color: #FFFFFF;margin: 1.5rem auto 0;}

/*优惠券一行三个*/
.index-voucher .three-column{margin: 0 1.5rem;overflow: auto;-ms-overflow-style: none;overflow: -moz-scrollbars-none; }
.index-voucher .three-column::-webkit-scrollbar{display:none}
.index-voucher .three-column .li{float: left;width: 31%;margin-right: 3.5%;position: relative;height: 10.8rem;margin-bottom: 0.8rem;overflow: hidden;}
.index-voucher .three-column .li:nth-child(3n){margin-right: 0;}
.index-voucher .three-column .li .voucher-mask{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.index-voucher .three-column .li .content{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.index-voucher .three-column .li .price{font-size: 2.6rem;color: #333333;line-height: 3rem;text-align: center;}
.index-voucher .three-column .li .price.mail-free{font-size: 2.2rem !important;line-height: 3.4rem;}
.index-voucher .three-column .li .price .unit{font-size: 1.4rem;}
.index-voucher .three-column .li .desc{font-size: 1.4rem;color: #333333;text-align: center;line-height: 3rem;}
.index-voucher .three-column .li .click-btn{font-size: 1.2rem;color: #FFFFFF;text-align: center;}
/*优惠券一行三个 样式11*/
.index-voucher .three-column.style11{}
.index-voucher .three-column.style11 .li{height: 12.7rem;}
.index-voucher .three-column.style11 .li .bg{width: 9.9rem;height: 11.4rem;background: #8FE4EE;position: absolute;right: 0.1rem;bottom: 0;}
.index-voucher .three-column.style11 .li .voucher-mask{}
.index-voucher .three-column.style11 .li .content{left: 0;right: 1rem;width: 92%;}
.index-voucher .three-column.style11 .li .price{font-size: 2.8rem;color: #000000;margin-top: 1.5rem;}
.index-voucher .three-column.style11 .li .price .unit{font-size: 1.5rem;}
.index-voucher .three-column.style11 .li .desc{margin-bottom: 0.7rem;line-height: 2.2rem;}
.index-voucher .three-column.style11 .li .click-btn{width: 7.8rem;height: 2.4rem;line-height: 2.4rem;margin: 0 auto;background: #000000;border-radius: 2rem;}
/*优惠券一行三个 样式12*/
.index-voucher .three-column.style12{}
.index-voucher .three-column.style12 .li{border: 0.1rem solid #DBDBDB;}
.index-voucher .three-column.style12 .li .price{margin-top:1.2rem;line-height: 2rem;}
.index-voucher .three-column.style12 .li .price.mail-free{font-size: 2rem !important;line-height: 2.4rem;}
.index-voucher .three-column.style12 .li .price .unit{}
.index-voucher .three-column.style12 .li .icon{font-size: 2rem;color: #000000;text-align: center;line-height: 1.5rem;}
.index-voucher .three-column.style12 .li .desc{line-height: 2rem;}
.index-voucher .three-column.style12 .li .click-btn{width: 8.6rem;height: 2.4rem;text-align: center;margin: 0 auto;border-radius: 0.2rem;background: #01B02F;line-height: 2.4rem;}
/*优惠券一行三个 样式13*/
.index-voucher .three-column.style13{}
.index-voucher .three-column.style13 .li{background: #4ea2f6;border-radius: 0.8rem 0.8rem 0.2rem 0.2rem;overflow: hidden;}
.index-voucher .three-column.style13 .li .voucher-mask{}
.index-voucher .three-column.style13 .li .price{color: #4ea2f6;margin-top: 1.5rem;line-height: 2.6rem;}
.index-voucher .three-column.style13 .li .price.mail-free{line-height: 3rem;}
.index-voucher .three-column.style13 .li .price .unit{}
.index-voucher .three-column.style13 .li .desc{color: #4ea2f6;line-height: 2rem;}
.index-voucher .three-column.style13 .li .click-btn{color: #4ea2f6;width: 7.2rem;height: 2.2rem;line-height: 2.2rem;text-align: center;margin: 0 auto;border-radius: 2rem;background: #FFFFFF;margin-top: 1.4rem;}
/*优惠券一行三个 样式14*/
.index-voucher .three-column.style14{}
.index-voucher .three-column.style14 .li{background: #f69629;border-radius: 1.5rem;}
.index-voucher .three-column.style14 .li .voucher-mask{}
.index-voucher .three-column.style14 .li .price{color: #f69629;margin-top: 1.5rem;line-height: 2.6rem;}
.index-voucher .three-column.style14 .li .price.mail-free{line-height: 3rem;}
.index-voucher .three-column.style14 .li .price .unit{}
.index-voucher .three-column.style14 .li .desc{color: #f69629;font-size: 1.4rem;line-height: 1.5rem;}
.index-voucher .three-column.style14 .li .click-btn{color: #ffffff;width: 7.2rem;line-height: 3.4rem;text-align: center;margin: 1.3rem auto 0;font-size: 1.4rem;}
/*优惠券一行三个 样式15*/
.index-voucher .three-column.style15{}
.index-voucher .three-column.style15 .li{height: 13.3rem;width: 32%;margin-right: 2%;}
.index-voucher .three-column.style15 .li:nth-child(3n){margin-right: 0;}
.index-voucher .three-column.style15 .li .voucher-mask{}
.index-voucher .three-column.style15 .li .title{font-size: 1.2rem;color: #333333;text-align: center;margin-top: 0.8rem;line-height: 3rem;}
.index-voucher .three-column.style15 .li .price{color: #333333;}
.index-voucher .three-column.style15 .li .price.mail-free{line-height: 3.4rem;}
.index-voucher .three-column.style15 .li .price .unit{font-weight: normal;}
.index-voucher .three-column.style15 .li .desc{color: #333333;}
.index-voucher .three-column.style15 .li .btn{position: relative;background: #fcc600;border-radius: 1.9rem 0.2rem 1.9rem 0.2rem;overflow: hidden;width: 9.3rem;height: 2.2rem;margin: 0 auto;}
.index-voucher .three-column.style15 .li .btn .voucher-mask{}
.index-voucher .three-column.style15 .li .click-btn{color: #ffffff;height: 2.2rem;line-height: 2.3rem;text-align: center;}
/*优惠券一行三个 样式16*/
.index-voucher .three-column.style16{}
.index-voucher .three-column.style16 .li{background: #fa82a3;border-radius: 100%;}
.index-voucher .three-column.style16 .li .voucher-mask{}
.index-voucher .three-column.style16 .li .price{color: #ffffff;margin-top: 1.8rem;line-height: 2rem;}
.index-voucher .three-column.style16 .li .price.mail-free{line-height: 2.4rem;font-size: 2rem !important;}
.index-voucher .three-column.style16 .li .price .unit{}
.index-voucher .three-column.style16 .li .desc{color: #ffffff;line-height: 2.5rem;}
.index-voucher .three-column.style16 .li .click-btn{color: #fa82a3;width: 5rem;height: 2.2rem;line-height: 2.2rem;text-align: center;margin: 0 auto;background: #FFFFFF;border-radius: 2rem;}
/*优惠券一行三个 样式17*/
.index-voucher .three-column.style17{}
.index-voucher .three-column.style17 .li{background: #D83935;height: 14.6rem;border-radius: 0.5rem;}
.index-voucher .three-column.style17 .li .voucher-mask{}
.index-voucher .three-column.style17 .li .price{color: #FFFFFF;line-height: 2.6rem;margin-top: 2.5rem;}
.index-voucher .three-column.style17 .li .price.mail-free{line-height: 3rem;font-size: 2rem !important;}
.index-voucher .three-column.style17 .li .price .unit{}
.index-voucher .three-column.style17 .li .desc{color: #FFFFFF;}
/*优惠券一行三个 样式18*/
.index-voucher .three-column.style18{background: #a66ccc;height: 10rem;position: relative;border-radius: 0.5rem;}
.index-voucher .three-column.style18 .voucher-mask{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.index-voucher .three-column.style18 .border{position: absolute;z-index: 2;width: 0.1rem;height: 6.2rem;left: 33%;top: 0;bottom: 0;margin: auto;background: #FFFFFF;}
.index-voucher .three-column.style18 .border2{left: 66%;}
.index-voucher .three-column.style18 .content{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;-ms-overflow-style: none;overflow: -moz-scrollbars-none;}
.index-voucher .three-column.style18 .content::-webkit-scrollbar{display:none}
.index-voucher .three-column.style18 .li{width: 33.33%;float: left;margin: 0;height: 100%;}
.index-voucher .three-column.style18 .li .price{color: #FFFFFF;line-height: 2.6rem;margin-top: 1.5rem;}
.index-voucher .three-column.style18 .li .price.mail-free{line-height: 3rem;font-size: 2rem !important;}
.index-voucher .three-column.style18 .li .price .unit{}
.index-voucher .three-column.style18 .li .desc{color: #FFFFFF;line-height: 2.5rem;}
.index-voucher .three-column.style18 .li .click-btn{color: #a66ccc;width: 5rem;height: 2rem;text-align: center;margin: 0 auto;line-height: 2rem;background: #FFFFFF;border-radius: 2rem;}
/*优惠券一行三个 样式19*/
.index-voucher .three-column.style19{}
.index-voucher .three-column.style19 .li{height: 10.6rem;}
.index-voucher .three-column.style19 .li .iconfont{position: absolute;font-size: 10.6rem;color: #01B02F;line-height: 10.6rem;}
.index-voucher .three-column.style19 .li .iconfont2{color: #FFFFFF;-webkit-mask: linear-gradient(to bottom, #ffffff30, #ffffff00);}
.index-voucher .three-column.style19 .li .content{position: absolute;}
.index-voucher .three-column.style19 .li .price{color: #FFFFFF;line-height: 2rem;margin-top: 2.5rem;}
.index-voucher .three-column.style19 .li .price.mail-free{line-height: 2.4rem;font-size: 2rem !important;}
.index-voucher .three-column.style19 .li .price .unit{}
.index-voucher .three-column.style19 .li .desc{color: #FFFFFF;line-height: 2.5rem;}
.index-voucher .three-column.style19 .li .click-btn{color: #01B02F;width: 4.6rem;height: 2rem;text-align: center;margin: 0 auto;line-height: 2.2rem;background: #FFFFFF;border-radius: 2rem;}
/*优惠券一行三个 样式20*/
.index-voucher .three-column.style20{}
.index-voucher .three-column.style20 .li{height: 11.8rem;width: 33.33%;margin-right: 0;}
.index-voucher .three-column.style20 .li .border{transform: rotate(45deg);border: 0.1rem solid #DD2B2B;width: 7.8rem;height: 7.8rem;position: relative;top: 1.8rem;left: 0;right: 0;bottom: 0;margin: auto;z-index: 1;}
.index-voucher .three-column.style20 .li .border .content-bg{width: 7rem;height: 7rem;background: #DD2B2B;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.index-voucher .three-column.style20 .li .content{position: absolute;z-index: 1;}
.index-voucher .three-column.style20 .li .price{color: #FFFFFF;margin-top: 3rem;line-height: 2.1rem;font-size: 2.1rem;}
.index-voucher .three-column.style20 .li .price.mail-free{font-size: 1.5rem !important;line-height: 2.5rem;}
.index-voucher .three-column.style20 .li .price .unit{font-size: 1.1rem;}
.index-voucher .three-column.style20 .li .desc{color: #FFFFFF;line-height: 1.8rem;font-size: 1.2rem;}
.index-voucher .three-column.style20 .li .click-btn{width: 3.3rem;height: 1.6rem;line-height: 1.6rem;background: #FFFFFF;text-align: center;border-radius: 2rem;margin: 0 auto;font-size: 1.1rem;color: #D83935;}
.index-voucher .three-column.style20 .li .shadow{position: absolute;bottom: 0;left: 0;right: 0;background: rgba(51, 51, 51, 0.2);width: 2rem;height: 0.7rem;border-radius: 100%;margin: auto;}