*{
margin: 0;
}
html{
font-size:100px;
background:#fff;
}
.container{
width: 100vw;
}
.shop_top{
padding:5vw 0 0;
width: 100vw;
height: 33.33vw;
background:url("../img/shop_bg.png") no-repeat;
background-size: 100% 100%;
}
.search {
width: 90vw;
box-sizing: border-box;
padding: 0 4vw;
margin: 0 auto 3vw;
height: 9vw;
line-height: 9vw;
border-radius: 9vw;
align-items: center;
background: #ffffff;
}
.search_icon {
width: 4vw;
height: 4vw;
margin-right: 1vw;
}
.input {
outline: none;
color: #969696;
font-size: 0.36rem;
background: none;
border: 0;
height: 4vw;
line-height: 4vw;
}
/*轮播图轮播图轮播图轮播图轮播图轮播图轮播图轮播图轮播图*/
.swiper-container {
border-radius: 0.2rem;
}
.swiper-wapper {
width: 100%;
height: 100%;
overflow: hidden;
}
.images {
width: 94vw;
height: 24.4245vw;
display: block;
margin:0 auto;
border-radius: 16px;
}
/* 激活未激活状态 */
.swiper-pagination-bullet {
width: 12px;
height: 12px;
border-radius: 12px;
display: inline-block;
background: #fff;
opacity: .8;
}
.swiper-pagination-bullet-active {
opacity: 1;
width: 3vw;
height: 12px;
border-radius: 12px;
background: #fff;
}
/* tab */
.tab_list {
width: 97.1vw;/* new */
margin: 3vw 0 1vw 2.9vw;
padding: 4vw 0 2vw;
white-space: nowrap;
overflow-x: scroll;
z-index:900;
}
.tab_item {
padding:0 .5vw 0 2vw;/* new */
z-index:900;
}
.tab_title {
color: #050505;
font-size: 0.4rem;
font-weight: bold;
margin-bottom: 1vw;
}
.tab_title1 {
font-size: 0.28rem;
color: #696969;
display: block;
height: 4vw;
line-height: 4vw;
border-radius: 4vw;
padding: 0 2vw;
text-align: center;
}
.tab_sel .tab_title{
color:#FD0E5A;
}
.tab_sel .tab_title1 {
background: #FB0966;
color: #fff;
}
.tab_list::-webkit-scrollbar {
display: none;
}
/*.nav_list{*/
/*padding:2vw 0.5vw 0;*/
/*flex-wrap: wrap;*/
/*}*/
.nav_item{
width:19.8vw;
margin-bottom:2vw;
}
.nav_img{
width:11vw;
height: 11vw;
/* border-radius: 14vw; */
margin-bottom:1vw;
}
.nav_title{
font-weight: bold;
font-size: .35rem;
color:#333333;
}
.img_position{
width:100vw;
height: 45.866vw;
display: block;
margin: 0 auto;
}
.rec_goods{
width:94vw;
padding:16vw 0 4vw;
margin:-16vw auto 0;
background:#E41B13;
border-radius: 50px 50px 12px 12px;
}
.rec_list{
width:88vw;
margin:0 auto;
flex-wrap: wrap;
}
.rec_list>div{
width:28vw;
height: 36.01vw;
margin-right:2vw;
margin-bottom:2vw;
box-sizing: border-box;
border-radius: 3vw;
overflow: hidden;
}
.rec_list>div .rec_item{
width: 100%;
height: 100%;
}
.rec_list>div:nth-child(3n){
margin-right:0;
}
.nav_banner_list{
width:94vw;
margin:0 auto;
flex-wrap: wrap;
padding-top:2vw;
}
.nav_banner_item{
width:45.5vw;
margin-right:3vw;
margin-bottom:1vw;
}
.goods_top{
padding:2vw 3vw ;
}
.goods_rec{
font-size:.4rem;
color:#000000;
font-weight: bold;
}
.more_title{
font-size:.38rem;
color:#8E8E8E;
}
.right_icon{
width:2vw;
margin-left:2vw;
display: block;
}
.goods_list{
width:94vw;
margin:0 auto;
flex-wrap: wrap;
padding-top: 1.5vw;
}
.goods_all{
padding-bottom:14vw;
}
.goods_item{
width:45.2vw;
margin-right: 3vw;
margin-bottom:3vw;
}
.nav_banner_item:nth-child(2n),.goods_item:nth-child(2n){
margin-right:0;
}
/* 商品列表 */
.goods_img{
width:45.2vw;
height: 45.2vw;
display: block;
border-radius: 12px;
}
.goods_name{
color:#2E2E2E;
font-size:.35rem;
font-weight: bold;
overflow: hidden;
width:100%;
word-break: break-all;
display: -webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp: 1;
margin:2vw 0;
}
.goods_detail{
margin-top:2vw;
align-items: flex-start;
}
.vip_status{
font-size:.28rem;
height: 5vw;
line-height: 5vw;
border-radius: 5vw;
color:#fff;
background:#1E1E1E;
display: block;
padding: 0 2vw;
}
.price_fuck{
margin-bottom:3vw;
}
.goods_price{
font-size:.42rem;
color:#fe0657;
font-weight: bold;
}
.ori_price{
font-size:.3rem;
color:#656565;
margin:0 0 1vw;
text-decoration: line-through;
}
.btn_list{
width:100%;
height: 5vw;
line-height: 5vw;
color:#fff;
font-size:.28rem;
box-sizing: border-box;
margin-bottom:1vw;
}
.btn_item{
width:48%;
height: 5vw;
line-height: 5vw;
text-align: center;
}
.btn_item:nth-child(1){
border-radius: 8px;
color:#fe0657;
border:1px solid #fe0657;
}
.btn_item:nth-child(2){
border-radius: 8px;
color:#fff;
background:linear-gradient(top,#fe0657,#fe0c85);
background:-webkit-linear-gradient(top,#fe0657,#fe0c85);
}
/* 加载更多数据 */
.loading{
font-size:.38rem;
color:#A6A6A6;
text-align: center;
height: 12vw;
justify-content: center;
}
.more_icon{
width: 4vw;
margin-right:2vw;
animation: circle 1s linear infinite;
-webkit-animation: circle 1s linear infinite;
}
@keyframes circle
{
from {transform: rotateZ(0deg);}
to {transform: rotateZ(360deg);}
}
@-webkit-keyframes circle
{
from {transform: rotateZ(0deg);}
to {transform: rotateZ(360deg);}
}
.more_title{
font-size:.35rem;
color:#838383;
}
/* lingqung */
.get_coupon {
position: fixed;
top: 0;
width: 100vw;
height: 100vh;
display: none;
z-index: 3;
background: rgba(0, 0, 0, .7);
}
.get_coupon1 {
position: fixed;
top: 0;
width: 100vw;
height: 100vh;
display: none;
z-index: 3;
background: rgba(0, 0, 0, .7);
}
.get_coupondiv {
width: 100vw;
height: 100vh;
justify-content: center;
}
.get_code {
width: 84vw;
height: 71.3vw;
}
.close_coupon {
width: 7vw;
margin-top: 8vw;
}
.coupon_name1 {
font-size: 0.75rem;
font-weight: bold;
color: #7A492F;
margin: 5vw 0 3vw;
}
.coupon_name2 {
font-size: 0.35rem;
font-weight: bold;
color: #7A492F;
margin: 5vw 0 3vw;
}
.coupon_code {
margin: 0 auto;
font-size: 0.35rem;
}
.code_name {
color: #7A492F;
}
.code_num {
background: #fff;
width: 39vw;
height: 8vw;
line-height: 8vw;
padding: 0 3vw;
margin-left: 3vw;
color: #7A492F;
outline: none;
border: 0;
outline: none;
}
.copy_main {
margin-top: 16vw;
justify-content: center;
}
.copy_btn {
width: 50vw;
height: 11vw;
line-height: 11vw;
border-radius: 6vw;
text-align: center;
color: #794930;
font-size: 0.4rem;
margin-bottom: 5vw;
background: linear-gradient(left, #DBB293, #F8DEC3);
background: -webkit-linear-gradient(left, #DBB293, #F8DEC3);
}
.copy_notice {
color: #fff;
font-size: 0.38rem;
}
.copy_notice>img {
width: 6vw;
margin-right: 3vw;
}
.last_copy{
font-size:.3rem;
}
.goods_list>.content-block-merch{
height: auto !important;
border-radius: 0 !important;
}
.goods_list>.content-block-merch>.item-view{
padding: 0;
}
.goods_list>.content-block-merch>.item-view img{
border-radius: 0 !important;
}
/* 自营商店 */
.goods_item {
width: 45.5vw;
margin-right: 3vw;
margin-bottom: 3vw;
background:#fff;
align-items: flex-start;
/*box-shadow: 0 0 10px rgba(0,0,0,.2);*/
}
.goods_img {
width: 45.5vw;
height:45.5vw;
position: relative;
}
.goods_item:nth-child(2n+2) {
margin-right: 0;
}
.goods_icon {
width: 45.5vw;
height: 45.5vw;
}
.goods_main {
padding: 0;
width:41.5vw;
padding: 0 2vw;
align-items: flex-end;
}
.goods_title {
color: #252021;
width:100%;
text-align:left;
font-size: 0.4rem;
font-weight: bold;
word-break: break-all;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.goods_titless{
font-size: .35rem;
}
.address_container{
color:#fff;
background:rgb(0,0,0);
opacity: 0.8;
padding:0 3vw;
position: absolute;
left:50%;
transform:translateX(-50%);
bottom:3vw;
font-size:.35rem;
height:7vw;
line-height: 7vw;
border-radius: 8vw;
}
.line{
width:1px ;
background:#fff;
height:4vw;
margin:1.5vw 1vw;
}
.address_icon {
width: 3vw;
margin-right: 1vw;
}
.address_title {
max-width: 20vw;
font-size: 0.3rem;
color: #fff;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.btn {
width: 23vw;
text-align: center;
height: 7vw;
line-height: 7vw;
border-radius: 7vw;
margin: 4vw 0 3vw;
color: #CCB38D;
font-size: 0.38rem;
border:1px solid #CCB38D;
}
.unit{
font-size:.32rem;
color:#FF1313;
}
.now_price_num{
font-size:.45rem;
font-weight: bold;
color:#FF1313;
}
.price_list{
align-items: baseline;
}
.old_price_num{
font-size:.32rem;
color:#8E8E8E;
text-decoration: line-through;
}
.goods_price_list{
width:100%;
margin:2vw 0 1.5vw;
justify-content: flex-start;
align-items: baseline;
}
.goods_discount{
width:100%;
font-size:.32rem;
margin-bottom:2vw;
}
.discount_num{
display: block;
padding: 0 2vw;
height:4vw;
line-height: 4vw;
border-radius: 8px;
color:#FF3A3A;
font-size:.3rem;
background:#FFEBEC;
}
.sale_num{
font-size:.32rem;
color:#8E8E8E;
}
.specs_name{
font-size:.3rem;
color:#30292B;
width: 100%;
text-align: left;
/* margin-top:2vw;.goods_main */
}
.goods_title {
margin: 2vw 0;
}
/* ////////////////////// */
.vip_goods {
display: none;
}
.vip_goods_icon {
width: 94vw;
margin: 3vw auto;
display: block;
}
.vip_goods_cate {
color: #000000;
font-size: .38rem;
font-weight: bold;
margin-right: 4vw;
}
.vip_cate {
align-items: baseline;
}
.vip_goods_cate_sel {
color: #fe0657;
font-size: .42rem;
}
.btn_list1 {
width: 96%;
height: 6vw;
line-height: 6vw;
border-radius: 6vw;
color: #fff;
font-size: .28rem;
background: #ffffff;
box-sizing: border-box;
margin-bottom: 3vw;
}
/* .layui-layer{
left:50%!important;
} */
.search {
background: {$page_diy['shop_search_bgcolor']}
;
}
.shop_top {
background: url({php echo tomedia($page_diy['shop_search_bgimg'])}) no-repeat;
background-size: 100% 100%;
}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
text-align: right;
width: fit-content;
height: 6vw;
line-height: 3vw;
bottom: 1.5vw;
right: 6vw;
}
.tab_title {
color: {$page_diy['shop_rollcate_title_color']};
}
.tab_title1 {
color: {$page_diy['shop_rollcate_title2_color']};
}
.tab_sel .tab_title {
color: {$page_diy['shop_rollcate_title_sel_color']};
}
.tab_sel .tab_title1 {
background: {$page_diy['shop_rollcate_title2_sel_color']};
}
.nav_title {
color: {$page_diy['shop_nav_text_color']};
}
.vip_goods_cate {
color: {$page_diy['shop_rollcate_title_color']};
}
.vip_goods_cate_sel {
color: {$page_diy['shop_rollcate_title_sel_color']};
}
.goods_rec {
color: {$page_diy['shop_rollcate_title_color']};
}
.goods_name {
color: {$page_diy['shop_goods_name_color']};
}
.btn_item:nth-child(1) {
color: {$page_diy['shop_left_text_color']};
border: 1px solid {$page_diy['shop_left_border_color']};
}
.btn_item:nth-child(2) {
color: {$page_diy['shop_right_text_color']};
background: linear-gradient(top, {$page_diy['shop_right_bg_color'][0]}, {$page_diy['shop_right_bg_color'][1]});
background: -webkit-linear-gradient(top, {$page_diy['shop_right_bg_color'][0]}, {$page_diy['shop_right_bg_color'][1]});
}
.ori_price {
color: {$page_diy['shop_cankao_price_color']};
}
.vip_status {
color: {$page_diy['shop_vip_text_color']};
background: {$page_diy['shop_vip_bg_color']};
}
.goods_price {
color: {$page_diy['shop_money_color']};
}
.price-view .privilege {
font-size: 0.28rem;
color: {$page_diy['shop_vip_text_color']};
background-image: none;
/*background-size: 100% 100%;*/
/*background-repeat: no-repeat;*/
background-color: {$page_diy['shop_vip_bg_color']};
border-radius: 0.2rem;
padding: 1px 1.5vw 1px 1.5vw;
/* height: 3.5vw; */
/* line-height: 3vw; */
margin-left: 2px;
margin-top: 2px;
}
.column-one>.goods-text .price-row .privilege {
font-size: 0.28rem;
color: {$page_diy['shop_vip_text_color']};
background-image: none;
background-color: {$page_diy['shop_vip_bg_color']};
border-radius: 0.1rem;
/*background-size: 100% 100%;*/
/*background-repeat: no-repeat;*/
padding: 1px 1.5vw 1px 4vw;
/* height: 3.5vw; */
/* line-height: 3vw; */
margin-left: 2px;
margin-top: 2px;
}
.newShopContent{
width: 94.6vw;
padding: 0 2.7vw;
position: relative;
display: flex;
flex-direction: column;
overflow-x: hidden;
}
.indexBg{
width: 100vw;
position: absolute;
z-index: 1;
top: 0;
left: 0;
}
.shopPosition{
position: relative;
z-index: 2;
}
.shopSearchSub{
width: 93.6vw;
height: 6.67vw;
padding: 0.53vw;
border-radius: 3.87vw;
background: #fff;
display: flex;
align-items: center;
margin-top: 2.7vw;
}
.ssIcon{
width: 4.53vw;
height: 4.53vw;
margin: 0 1.33vw 0 1.6vw;
}
.ssSwiper{
width: 66.4vw;
height: 3.47vw;
overflow: hidden;
position: relative;
}
.ssTextBox{
width: 66.4vw;
position: absolute;
left: 0;
top: 0;
}
.ssText{
width: 63.73vw;
font: 3.47vw/3.47vw simhei;
color: #AEAEAE;
padding: 0 1.33vw;
border-left: 0.27vw solid #eee;
}
.ssBtn{
width: 19.73vw;
height: 6.67vw;
border-radius: 3.33vw;
background: #FE3B30;
font: bold 2.93vw/6.67vw simhei;
color: #fff;
text-align: center;
}
.shopBannerSwiper{
width: 94.6vw;
height: 32.8vw;
border-radius: 2.7vw;
overflow: hidden;
margin-top: 2.13vw;
}
.shopBannerImg{
width: 94.6vw;
height: 32.8vw;
}
.tab_list{
width: 97.33vw;
padding: 2.7vw 0 1.07vw 0;
/* display: -webkit-box; */
overflow-x: scroll;
white-space: nowrap;
display: flex;
position: relative;
margin: 0 !important;
}
.tab_list::-webkit-scrollbar {
display: none;
}
.tab_item{
font: 4vw/6.13vw simhei;
color: #4D4D4D;
padding: 0 4vw 0 1.07vw;
display: flex;
flex-direction: column;
align-items: center;
}
.tab_sel{
font-weight: bold;
color: #161616 !important;
}
.shopTabIcon{
width: 4vw;
height: 0.8vw;
border-radius: 0.4vw;
}
.tab_sel .shopTabIcon{
background: #FF0028;
}
.nav_list{
display: flex;
flex-wrap: wrap;
}
.nav_item{
width: 15.72vw;
display: flex;
flex-direction: column;
align-items: center;
margin: 0 4vw 0.4vw 0;
}
.nav_item:nth-child(5n){
margin-right: 0;
}
.shopSortImgBox{
width: 12vw;
height: 12vw;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.nav_img{
width: 12vw;
height: 12vw;
}
.nav_title{
font: 3.2vw/6.4vw simhei;
color: #626262;
}