/** * 导航搜索、内容区域 */ .nav-search { padding: 10px; } .category-content { height: calc(100vh - 50px); box-sizing: border-box; } .bg-white { background-color: #fff !important; } .pr{ position: relative; } .pa{ position: absolute; } .oh{ overflow: hidden; } .dis-inline-block { display: inline-block !important; } .tc{ text-align: center; } .bs{ box-sizing: border-box; } /** * 左侧导航 */ .left-content-actual { padding-bottom: 40rpx; } .left-nav { width: 200rpx; height:calc(100% - 150rpx ); background-color: #F9F9F9; } .left-nav .item { height: 40px; line-height: 40px; padding: 0 10rpx; border-left: 3px solid transparent; font-size: 13px ; color: #333333 ; } .left-nav .item:not(:last-child) { /* background-color: #F9F9F9 ; */ } .nav-active { background: #ffffff; border-width: 0 0 0 3px; color: #3DA7E7; } /** * 右侧内容 */ .right-container { width: calc(100% - 200rpx); height: 100%; top: 0; right: 0; background: #f5f5f5; } /** * 商品列表模式 */ .scroll-view-horizontal { white-space: nowrap; box-sizing: border-box; width: 100%; } .top-nav { height: 150rpx; top: 0; left: 0; z-index: 2; } .top-nav .icon-content { width: 80rpx; height: 80rpx; padding: 2rpx; /* margin: 0 auto; */ margin: 0 0 10rpx; } .circle { border-radius: 50% !important; } .top-nav .item { height: 100%; padding: 0 15rpx; font-size: 26rpx; color: #333333; text-align: center; } .active-class { color: #3DA7E7 !important; /* font-weight: bold; */ } .active-border { border-color: #3DA7E7 !important; } .br { border: 1px solid #ffffff ; } .icon-content-img { width: 100% !important; height: 100% !important; display: block !important; } .goods-right-content { width: calc(100% - 200rpx); height: calc(100% - 150rpx); top: 150rpx; right: 0; background: #ffffff; /* padding-left: 20rpx; padding-right: 20rpx; */ box-sizing: border-box; /* overflow: auto; */ } .right-content-actual { height: calc(100% - 150rpx); } .goods-right-ms{ /* height: calc(100% - 60rpx); */ height: 100%; padding-top: 60rpx; box-sizing: border-box; } .goods-right-content .sort-contain{ position: fixed; /* top:150rpx; */ width: calc(100% - 240rpx); z-index: 100; background-color: #ffffff; /* background-color: #333333; */ } .goods-right-content .sort-cla { width: 100%; display: flex; justify-content: flex-end; align-items: center; height: 50rpx; line-height: 50rpx; padding-top: 10rpx; } .sort-cla .sort { box-sizing: content-box; padding-right: 40rpx; /* text-align: center; */ color: #CCCCCC; font-size: 26rpx; } .sort-cla .px{ display: flex; align-items: center; } .px .pri-px{ display: flex; flex-direction: column; align-items: center; margin-left: 10rpx; } .px .pri-px .ic-pri{ font-size: 20rpx !important; width: 25rpx; height: 25rpx; line-height: 25rpx; } .sort-active { color: #3DA7E7 !important; } /* .goods-list .goods-item{ display: flex; align-items: center; width: 100%; height: 240rpx; color: #333333; padding: 0 20rpx 10rpx; border-bottom: 1px solid #F6F6F6; } .goods-list .goods-img { height: 190rpx !important; width: 190rpx; } .goods-list .goods-detail { width: calc(100% - 190rpx); height: 100%; } .goods-title { width: 100%; padding: 0 10rpx 0 0; height: 140rpx; } .goods-title .goods-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 50rpx; line-height: 50rpx; font-size: 30rpx; padding: 20rpx 0 10rpx; } .goods-title .goods-desc { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 40rpx; line-height: 40rpx; font-size: 24rpx; color: #999999; } .goods-item-bottom{ display: flex; justify-content: space-between; align-items: flex-end; } .goods-item-bottom .goods-price{ font-family: Arial; padding-left: 20rpx; } .goods-item-bottom .new-price{ color: #3DA7E7; font-weight: bold; } .goods-item-bottom .old-price{ font-size: 24rpx; color: #D6D6D6; font-weight: bold; text-decoration:line-through; } .goods-item-bottom .goods-num{ height: 80rpx; } .goods-item-bottom .cart-class{ width: 80rpx; height: 80rpx; line-height: 80rpx; color: #3DA7E7; text-align: center; font-size: 40rpx; } */ /* .goods-right-content .word-list { position: sticky; top: 0; right: 0; background: #f5f5f5; z-index: 1; padding: 0px 1px 20rpx 1px; } .goods-list .goods-img { width: 190rpx; height: 190rpx !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; float: left; } .goods-list .goods-base { width: calc(100% - 220rpx); padding-top: 10rpx; padding-right: 10rpx; } .goods-list .goods-base-content { min-height: 100rpx; } .goods-list .goods-base .simple-desc { line-height: 30rpx; min-height: 30rpx; max-height: 58rpx; } .goods-list .goods-base .sales-price { width: calc(100% - 320rpx); left: 210rpx; bottom: 10rpx; } .goods-list .goods-base .buy-opt { right: 10rpx; bottom: 6rpx; } .goods-list .goods-base .buy-number { min-width: 32rpx; } */ /** * 底部导航 */ /* .botton-nav { width: calc(100% - 40rpx); left: auto; bottom: 20rpx; line-height: 80rpx; z-index: 6; max-width: calc(800px - 40rpx); margin-left: 20rpx; } .botton-nav .cart .badge-icon { top: -20rpx; right: -2rpx; } .botton-nav .cart-total-price { width: calc(100% - 260rpx); } .botton-nav button { top: 0; right: 0; line-height: 88rpx; height: 88rpx; border: 0; } */ /** * 购物车 */ /* .cart-mask { left: 0; top: 0; background: rgb(0, 0, 0, 0.6); z-index: 5; } .cart-content { left: auto; bottom: 130rpx; width: calc(100% - 40rpx); z-index: 6; max-width: calc(800px - 40rpx); margin-left: 20rpx; } .cart-content .cart-list { max-height: 60vh; } .cart-content .cart-list .goods-img { width: 120rpx; height: 120rpx !important; } .cart-content .cart-list .goods-base { width: calc(100% - 140rpx); } .cart-content .cart-list .goods-base-content { min-height: 60rpx; } */ /** * 规格选择弹窗 */ /* .goods-spec-popup .close { position: absolute; top: 20rpx; right: 20rpx; z-index: 2; } .goods-spec-popup-base { height: 180rpx; } .goods-spec-popup-base image { width: 150rpx; height: 150rpx; position: absolute; left: 0; top: 0; } .goods-spec-popup-base-content { position: absolute; left: 170rpx; top: 0; } .goods-spec-popup-base-content .goods-price { margin-bottom: 10rpx; } .goods-spec-popup-content { max-height: 50vh; overflow-y: scroll; overflow-x: hidden; margin-top: 20rpx; } .goods-spec-choose .item { margin-bottom: 30rpx; padding-bottom: 30rpx; } .goods-spec-choose .item .spec button { margin-right: 25rpx; padding: 0 30rpx; background-color: #f5f5f5; color:#333333; height: 60rpx; line-height: 50rpx !important; border: 1px solid #ccc; } .goods-spec-choose .item .spec button image { width: 40rpx; height: 40rpx !important; } .spec-dont-choose { color: #b4b3b3 !important; background-color: #ffffff !important; border: 1px solid #ebeaea !important; } .spec-dont-choose image { opacity: 0.5; } .spec-items-disabled { color: #d2cfcf !important; background-color: #ffffff !important; border: 1px dashed #d5d5d5 !important; } .spec-items-disabled image { opacity: 0.3; } .goods-spec-choose .item .spec button, .goods-spec-popup-submit { border-radius: 50rpx; } .goods-spec-popup-submit { height: 85rpx; line-height: 85rpx; font-size: 36rpx; margin-top: 20rpx; border: 0; } */