|
|
@@ -224,8 +224,10 @@
|
|
|
|
|
|
// 商品所属分类 ，联系客服，关注店铺 start
|
|
|
.goods_about_con {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
width: 100%;
|
|
|
- min-height: 40px;
|
|
|
+ min-height: 60px;
|
|
|
background: #f8f8f8;
|
|
|
|
|
|
.goods_about {
|
|
|
@@ -234,15 +236,16 @@
|
|
|
margin: 0 auto;
|
|
|
|
|
|
.goods_classify {
|
|
|
- font-size: 12px;
|
|
|
- //font-family: Microsoft YaHei;
|
|
|
font-weight: 400;
|
|
|
- color: #999999;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #282E30;
|
|
|
|
|
|
a,
|
|
|
a:visited {
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #282E30;
|
|
|
text-decoration: none;
|
|
|
- color: #999999;
|
|
|
}
|
|
|
|
|
|
a:hover {
|
|
|
@@ -253,10 +256,9 @@
|
|
|
.goods_about_right {
|
|
|
.goods_about_store {
|
|
|
span:nth-child(1) {
|
|
|
- font-size: 14px;
|
|
|
- //font-family: Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- color: #666666;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #282E30;
|
|
|
line-height: 14px;
|
|
|
|
|
|
&:hover {
|
|
|
@@ -267,15 +269,17 @@
|
|
|
span:nth-child(2) {
|
|
|
font-size: 12px;
|
|
|
//font-family: Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- color: #fefefe;
|
|
|
- line-height: 14px;
|
|
|
- width: 31px;
|
|
|
- height: 16px;
|
|
|
- background: $colorMain;
|
|
|
+ font-weight: bold;
|
|
|
+ color: $colorMain;
|
|
|
+ line-height: 20px;
|
|
|
+ width: 55px;
|
|
|
+ height: 20px;
|
|
|
+ // background: $colorMain;
|
|
|
border-radius: 2px;
|
|
|
text-align: center;
|
|
|
margin-left: 10px;
|
|
|
+ border: 1px solid $colorMain;
|
|
|
+ // padding: 2px 5px;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -311,10 +315,13 @@
|
|
|
text-align: right;
|
|
|
|
|
|
span {
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #282E30;
|
|
|
line-height: 20px;
|
|
|
text-align: center;
|
|
|
float: right;
|
|
|
- margin-right: 8px;
|
|
|
+ margin-left: 8px;
|
|
|
}
|
|
|
|
|
|
img {
|
|
|
@@ -519,133 +526,6 @@
|
|
|
color: #dddddd;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
- // 分享 收藏 start
|
|
|
- .collection_share_btn {
|
|
|
- padding-left: 10px;
|
|
|
-
|
|
|
- .collection_btn {
|
|
|
- margin-top: 25px;
|
|
|
-
|
|
|
- img {
|
|
|
- width: 24px;
|
|
|
- height: 24px;
|
|
|
- }
|
|
|
-
|
|
|
- span {
|
|
|
- display: inline-block;
|
|
|
- width: 36px;
|
|
|
- font-size: 12px;
|
|
|
- //font-family: Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- color: #666666;
|
|
|
- margin-left: 3px;
|
|
|
- margin-right: 2px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .share_btn {
|
|
|
- position: relative;
|
|
|
- margin-left: 18px;
|
|
|
- margin-top: 25px;
|
|
|
-
|
|
|
- .share_btn_con {
|
|
|
- padding-left: 10px;
|
|
|
-
|
|
|
- img {
|
|
|
- width: 24px;
|
|
|
- height: 24px;
|
|
|
- }
|
|
|
-
|
|
|
- span {
|
|
|
- font-size: 12px;
|
|
|
- //font-family: Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- color: #666666;
|
|
|
- margin-left: 8px;
|
|
|
- }
|
|
|
-
|
|
|
- &:hover span {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .share_list {
|
|
|
- margin-left: -1px;
|
|
|
- width: 80px;
|
|
|
- height: 140px;
|
|
|
- border: 1px solid #dfdfdf;
|
|
|
- border-radius: 2px;
|
|
|
- padding: 10px 0 10px 10px;
|
|
|
- position: absolute;
|
|
|
- top: -12px;
|
|
|
- display: none;
|
|
|
- z-index: 999;
|
|
|
- background: #fff;
|
|
|
-
|
|
|
- .share_btn_pre {
|
|
|
- margin-top: 1px;
|
|
|
- margin-bottom: 8px;
|
|
|
-
|
|
|
- &:nth-last-of-type(1) {
|
|
|
- margin-bottom: 0;
|
|
|
- }
|
|
|
-
|
|
|
- img {
|
|
|
- width: 24px;
|
|
|
- height: 24px;
|
|
|
- }
|
|
|
-
|
|
|
- span {
|
|
|
- font-size: 12px;
|
|
|
- //font-family: Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- color: #666666;
|
|
|
- margin-left: 8px;
|
|
|
- }
|
|
|
-
|
|
|
- &:hover span {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .wx_share_code {
|
|
|
- position: absolute;
|
|
|
- right: -135px;
|
|
|
- bottom: 0px;
|
|
|
- width: 130px;
|
|
|
- height: 135px;
|
|
|
- background: #ffffff;
|
|
|
- border: 1px solid #d9d9d9;
|
|
|
-
|
|
|
- .wx_share_code_img {
|
|
|
- canvas {
|
|
|
- width: 90px !important;
|
|
|
- height: 90px !important;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .wx_share_code_title {
|
|
|
- font-size: 10px;
|
|
|
- //font-family: Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- color: #333333;
|
|
|
- margin-top: 6px;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- &:hover .share_btn_con {
|
|
|
- display: none;
|
|
|
- }
|
|
|
-
|
|
|
- &:hover .share_list {
|
|
|
- display: block;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- // 分享 收藏 end
|
|
|
}
|
|
|
|
|
|
.m_item_inner {
|
|
|
@@ -658,10 +538,9 @@
|
|
|
}
|
|
|
|
|
|
.detaile_name {
|
|
|
- font-size: 16px;
|
|
|
- //font-family: Microsoft YaHei;
|
|
|
font-weight: bold;
|
|
|
- color: #333333;
|
|
|
+ font-size: 24px;
|
|
|
+ color: #282E30;
|
|
|
margin-bottom: 6px;
|
|
|
text-overflow: -o-ellipsis-lastline;
|
|
|
overflow: hidden;
|
|
|
@@ -671,6 +550,8 @@
|
|
|
line-clamp: 2;
|
|
|
-webkit-box-orient: vertical;
|
|
|
line-height: 25px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ margin-top: 24px;
|
|
|
|
|
|
&.skeleton_detaile_name {
|
|
|
background: $colorSkeleton;
|
|
|
@@ -700,7 +581,7 @@
|
|
|
.summary {
|
|
|
width: 630px;
|
|
|
// min-height: 160px;
|
|
|
- background: url(/goods/goods_detail_bg.png) 100% 100%;
|
|
|
+ background: rgb(3, 110, 184, 0.1);
|
|
|
padding: 20px 20px 20px;
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
@@ -904,10 +785,10 @@
|
|
|
.price_title {
|
|
|
margin-right: 20px;
|
|
|
text-transform: uppercase;
|
|
|
- font-size: 14px;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #282E30;
|
|
|
font-family: Microsoft YaHei;
|
|
|
font-weight: 400;
|
|
|
- color: #666666;
|
|
|
|
|
|
&.activity_title {
|
|
|
letter-spacing: 1px !important;
|
|
|
@@ -916,6 +797,7 @@
|
|
|
|
|
|
.p_price {
|
|
|
color: $colorMain;
|
|
|
+ font-weight: bold;
|
|
|
font-size: 16px;
|
|
|
font-weight: 600;
|
|
|
margin-left: -6px;
|
|
|
@@ -1625,17 +1507,157 @@
|
|
|
}
|
|
|
|
|
|
.buy_now {
|
|
|
- padding: 5px;
|
|
|
- height: 30px;
|
|
|
+ width: 260px;
|
|
|
+ height: 48px;
|
|
|
border: 1px solid $colorMain;
|
|
|
- border-radius: 5px;
|
|
|
+ // border-radius: 5px;
|
|
|
+ font-weight: bold;
|
|
|
font-size: 16px;
|
|
|
- color: $colorMain;
|
|
|
- line-height: 30px;
|
|
|
+ color: #FFFFFF;
|
|
|
+ line-height: 48px;
|
|
|
+ background-color: $colorMain;
|
|
|
cursor: pointer;
|
|
|
- font-weight: 700;
|
|
|
}
|
|
|
|
|
|
+ // 分享 收藏 start
|
|
|
+ .collection_share_btn {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ width: 138px;
|
|
|
+ height: 48px;
|
|
|
+ line-height: 48px;
|
|
|
+ text-align: center;
|
|
|
+ // padding-left: 10px;
|
|
|
+ background: #F6F8FA;
|
|
|
+ border: 1px solid #ECF0F3;
|
|
|
+ margin-left: 20px;
|
|
|
+
|
|
|
+ .collection_btn {
|
|
|
+ width: 100%;
|
|
|
+ justify-content: center;
|
|
|
+ // margin-top: 25px;
|
|
|
+
|
|
|
+ img {
|
|
|
+ width: 24px;
|
|
|
+ height: 24px;
|
|
|
+ }
|
|
|
+
|
|
|
+ span {
|
|
|
+ display: inline-block;
|
|
|
+ // width: 36px;
|
|
|
+ font-size: 12px;
|
|
|
+ //font-family: Microsoft YaHei;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #666666;
|
|
|
+ margin-left: 3px;
|
|
|
+ margin-right: 2px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .share_btn {
|
|
|
+ position: relative;
|
|
|
+ margin-left: 18px;
|
|
|
+ margin-top: 25px;
|
|
|
+
|
|
|
+ .share_btn_con {
|
|
|
+ padding-left: 10px;
|
|
|
+
|
|
|
+ img {
|
|
|
+ width: 24px;
|
|
|
+ height: 24px;
|
|
|
+ }
|
|
|
+
|
|
|
+ span {
|
|
|
+ font-size: 12px;
|
|
|
+ //font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #666666;
|
|
|
+ margin-left: 8px;
|
|
|
+ }
|
|
|
+
|
|
|
+ &:hover span {
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .share_list {
|
|
|
+ margin-left: -1px;
|
|
|
+ width: 80px;
|
|
|
+ height: 140px;
|
|
|
+ border: 1px solid #dfdfdf;
|
|
|
+ border-radius: 2px;
|
|
|
+ padding: 10px 0 10px 10px;
|
|
|
+ position: absolute;
|
|
|
+ top: -12px;
|
|
|
+ display: none;
|
|
|
+ z-index: 999;
|
|
|
+ background: #fff;
|
|
|
+
|
|
|
+ .share_btn_pre {
|
|
|
+ margin-top: 1px;
|
|
|
+ margin-bottom: 8px;
|
|
|
+
|
|
|
+ &:nth-last-of-type(1) {
|
|
|
+ margin-bottom: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ img {
|
|
|
+ width: 24px;
|
|
|
+ height: 24px;
|
|
|
+ }
|
|
|
+
|
|
|
+ span {
|
|
|
+ font-size: 12px;
|
|
|
+ //font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #666666;
|
|
|
+ margin-left: 8px;
|
|
|
+ }
|
|
|
+
|
|
|
+ &:hover span {
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .wx_share_code {
|
|
|
+ position: absolute;
|
|
|
+ right: -135px;
|
|
|
+ bottom: 0px;
|
|
|
+ width: 130px;
|
|
|
+ height: 135px;
|
|
|
+ background: #ffffff;
|
|
|
+ border: 1px solid #d9d9d9;
|
|
|
+
|
|
|
+ .wx_share_code_img {
|
|
|
+ canvas {
|
|
|
+ width: 90px !important;
|
|
|
+ height: 90px !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .wx_share_code_title {
|
|
|
+ font-size: 10px;
|
|
|
+ //font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #333333;
|
|
|
+ margin-top: 6px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &:hover .share_btn_con {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ &:hover .share_list {
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 分享 收藏 end
|
|
|
+
|
|
|
.add_cart {
|
|
|
width: 175px;
|
|
|
height: 50px;
|
|
|
@@ -1687,12 +1709,12 @@
|
|
|
margin-left: 24px;
|
|
|
|
|
|
.more_goods_title {
|
|
|
- font-size: 14px;
|
|
|
- //font-family: Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- color: #333333;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #282E30;
|
|
|
line-height: 30px;
|
|
|
text-align: center;
|
|
|
+ margin-bottom: 10px;
|
|
|
}
|
|
|
|
|
|
.more_goods_list {
|
|
|
@@ -1788,15 +1810,15 @@
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
.store_type {
|
|
|
- width: 31px;
|
|
|
- height: 16px;
|
|
|
+ width: 55px;
|
|
|
+ height: 20px;
|
|
|
background: $colorMain;
|
|
|
border-radius: 3px;
|
|
|
font-size: 12px;
|
|
|
//font-family: Microsoft YaHei;
|
|
|
font-weight: 400;
|
|
|
color: #ffffff;
|
|
|
- line-height: 16px;
|
|
|
+ line-height: 20px;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
@@ -1867,6 +1889,8 @@
|
|
|
}
|
|
|
|
|
|
.store_btn {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-around;
|
|
|
margin-top: 14px;
|
|
|
|
|
|
.store_btn_pre {
|
|
|
@@ -1877,10 +1901,12 @@
|
|
|
-ms-user-select: none;
|
|
|
/*IE10*/
|
|
|
user-select: none;
|
|
|
- width: 114px;
|
|
|
- height: 29px;
|
|
|
- background: #ffffff;
|
|
|
- border-radius: 3px;
|
|
|
+ width: max-content;
|
|
|
+ // height: 40px;
|
|
|
+ // padding: 2px 15px;
|
|
|
+ // background: #ffffff;
|
|
|
+ height: 40px;
|
|
|
+ // border-radius: 3px;
|
|
|
margin-right: 4px;
|
|
|
cursor: pointer;
|
|
|
border: 1px solid #dfdfdf;
|
|
|
@@ -1891,13 +1917,19 @@
|
|
|
margin-right: 5px;
|
|
|
}
|
|
|
|
|
|
- .go_store_btn {
|
|
|
- font-size: 12px;
|
|
|
- //font-family: Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- color: #333333;
|
|
|
- line-height: 39px;
|
|
|
- margin-top: 3px;
|
|
|
+ &.go_store_btn {
|
|
|
+ width: 120px;
|
|
|
+ background-color: $colorMain;
|
|
|
+ color: #fff;
|
|
|
+ // margin-top: 3px;
|
|
|
+
|
|
|
+ a {
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &.follow_btn {
|
|
|
+ width: 80px;
|
|
|
}
|
|
|
|
|
|
.btn_pre_img {
|
|
|
@@ -2049,19 +2081,19 @@
|
|
|
min-width: 120px;
|
|
|
height: 40px;
|
|
|
display: block;
|
|
|
+ font-weight: bold;
|
|
|
font-size: 14px;
|
|
|
- //font-family: Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- color: #333333;
|
|
|
+ color: #282E30;
|
|
|
text-align: center;
|
|
|
line-height: 39px;
|
|
|
flex: 0 0 25%;
|
|
|
+ background: #ECF0F3;
|
|
|
}
|
|
|
|
|
|
.description_active {
|
|
|
- background: #ffffff;
|
|
|
+ background: $colorMain;
|
|
|
border-top: 2px solid $colorMain;
|
|
|
- color: $colorMain;
|
|
|
+ color: #fff;
|
|
|
}
|
|
|
}
|
|
|
|
周玉环