h2,
.type_description>h2 p{
display: inline-block;
font-size: 18px;
font-family: HarmonyOS Sans SC-Bold, HarmonyOS Sans SC;
font-weight: bold;
color: #111417;
line-height: 24px;
-webkit-background-clip: text;
}
.type_description>a{
display: inline-block;
position: absolute;
right: 18px;
}
.type_description>a>img{
height: 8px;
width: 14px;
}
.description p {
display: grid;
align-items: center;
grid-template-columns: repeat(2, auto);
column-gap: 20px;
text-align: justify;
font-size: 14px;
font-family: inherit;
font-weight: 400;
color: #111417;
line-height: 40px;
-webkit-background-clip: text;
}
.description p img{
display: inline-block;
height: 100%;
}
.frequently-bought-together h1{
margin: 0 0 50px;
font-size: 30px;
font-family: HarmonyOS Sans SC-Bold, HarmonyOS Sans SC;
font-weight: bold;
color: #111417;
line-height: 40px;
-webkit-background-clip: text;
}
.frequently-bought-together>div.product-price{
display: grid;
grid-template-columns: 3fr 7fr;
column-gap: 60px;
}
.frequently-bought-together .left{
display: grid;
column-gap: 10px;
align-items: center;
align-content: center;
grid-template-columns: 5fr 1fr 5fr;
}
.frequently-bought-together .left.all-3{
grid-template-columns: 5fr 1fr 5fr 1fr 5fr;
}
.frequently-bought-together .left.all-4{
grid-template-columns: 5fr 1fr 5fr 1fr 5fr 1fr 5fr;
}
.frequently-bought-together .left.all-5{
grid-template-columns: 5fr 1fr 5fr 1fr 5fr 1fr 5fr 1fr 5fr;
}
.frequently-bought-together .right h2 {
font-size: 18px;
font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
font-weight: 500;
color: #111417;
line-height: 24px;
-webkit-background-clip: text;
}
.frequently-bought-together .right .total-price h1{
margin: 0;
display: inline-block;
font-size: 28px;
font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
font-weight: 500;
color: #F26C4F;
line-height: 38px;
-webkit-background-clip: text;
}
.frequently-bought-together .right .total-price p{
padding: 0;
display: inline-block;
margin-left: 10px;
text-decoration: line-through;
font-size: 18px;
font-family: inherit;
font-weight: 400;
color: rgba(17, 20, 23, .5);
line-height: 24px;
-webkit-background-clip: text;
}
.frequently-bought-together .right button,
.product_form>button{
padding: 18px 64px;
background: #111417;
border-radius: 0px 0px 0px 0px;
opacity: 1;
}
.frequently-bought-together .right button span,
.product_form>button span{
font-size: 18px;
font-family: inherit;
font-weight: 400;
color: #FFFFFF;
line-height: 24px;
-webkit-background-clip: text;
}
.frequently-bought-together .product-size{
margin: 50px auto;
}
.frequently-bought-together .product-size>div{
position: relative;
}
.frequently-bought-together .product-size>div>div{
display: grid;
grid-template-columns: 5% 40% 40% 15%;
align-items: center;
border-bottom: 1px solid #000000;
}
.frequently-bought-together .product-size>div>div:last-child{
border-bottom: 0px;
}
.frequently-bought-together div p{
padding: 30px;
min-width: 150px;
}
.frequently-bought-together div p.number{
min-width: auto;
font-size: 28px;
font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
font-weight: 500;
color: #111417;
line-height: 38px;
-webkit-background-clip: text;
}
div p.product-title{
font-size: 18px;
font-family: inherit;
font-weight: 400;
color: #111417;
line-height: 24px;
max-width: 100%;
overflow: hidden; /*超出隐藏*/
text-overflow: ellipsis;/*隐藏后添加省略号*/
white-space: nowrap;/*强制不换行*/
-webkit-background-clip: text;
}
div p.product-price{
font-size: 18px;
font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
font-weight: 500;
color: #111417;
line-height: 24px;
-webkit-background-clip: text;
}
.customer-reviews .reviews{
width: 100%;
border-radius: 0px 0px 0px 0px;
opacity: 1;
border: 1px solid #E1E1E1;
}
.modal.coupon_plugin__success{
z-index: 10000;
background: rgba(0,0,0,.7);
padding-right:0 !important;
}
@media (max-width: 960px) {
.frequently-bought-together .left img.plus{
width: 14px;
height: 14px;
}
.frequently-bought-together .product-size>div>div{
grid-template-columns: 10% 60% 30%;
grid-template-rows: repeat(2, 1fr);
}
.frequently-bought-together .product-size>div>div>div:nth-child(3){
width: 100%;
grid-row: 2 / 3;
grid-column: span 3;
justify-self: flex-start;
padding: 15px;
}
.frequently-bought-together .product-size>div>div:last-child{
border-bottom: 0px;
}
.frequently-bought-together .product-size>div>div::before{
position: absolute;
content: "";
width: 100%;
height: 1px;
border-top: 1px solid #000000;
}
}
@media (max-width: 768px) {
.description p{
font-size: 16px;
grid-template-columns: repeat(1, auto);
grid-template-rows: repeat(auto-fill, auto);
}
.description p img{
width: 100%;
}
.frequently-bought-together>div.product-price{
grid-template-columns:auto;
grid-template-rows: repeat(2, auto);
}
.frequently-bought-together>div.product-price .right{
width: 100%;
margin-top: 20px;
display: grid;
grid-template-rows: repeat(2 ,auto);
grid-template-columns: repeat(2, auto);
justify-content: center;
align-items: center;
}
.frequently-bought-together>div.product-price .right button{
grid-column: 1/3;
}
.frequently-bought-together .right .total-price{
margin: 0;
}
.product-attribute select:first-child{
margin-bottom: 10px;
}
.frequently-bought-together .left {
display: flex;
flex-wrap: wrap;
column-gap: 10px;
row-gap: 10px;
}
.bundle-plugin__product-img{
flex: 0 0 26%;
/*width: 100px;*/
}
}
@media (max-width: 500px) {
.frequently-bought-together div p{
padding: 30px 10px 30px 5px;
}
}
