Stabilizing 清洁面膜

<风格> .nb-eff-extra .container-b { 最大宽度：1100px； 保证金：0 自我； 顶部内边距：60px； 网格间隙：20px； 下边距：4rem； } .nb-eff-extra .colum { 网格间隙：20px； } .nb-eff-extra .row-b { 显示：网格； 网格模板列：重复（3，1fr）； 下边距：20px； } .nb-eff-extra .col-0-b { 网格列：1 / 跨度 3； 背景颜色：#f6f6f6； 内边距：20px； } .nb-eff-额外 .col-1-b .nb-eff-extra .col-4-b { 网格列：1； } .nb-eff-额外 .col-2-b .nb-eff-extra .col-5-b { 网格列：2； } .nb-eff-额外 .col-3-b .nb-eff-extra .col-6-b { 网格列：3； } .nb-eff-extra .efficay-img { 最大宽度：100%； 高度：294 像素； } .nb-eff-extra .container { 最大宽度：1100px； 保证金：0 自我； 显示：柔性； 网格间隙：20px； 下边距：4rem； } .nb-eff-extra .col-1 { 背景颜色：#F5F2F0； 内边距：40px； } .nb-eff-extra .col-3 { 弹性方向：行； 网格行间隙：20px； } .nb-eff-extra .col-66 { 宽度：计算（100% - 80px）； 内边距：40px； } .nb-eff-extra .row-1 { 背景颜色：#F5F2F0； 内边距：40px； } .nb-eff-extra .row-2 { 背景颜色：#F5F2F0； 内边距：40px； } .nb-eff-extra .row-3 { 文本对齐：居中； } .nb-eff-extra .row-4 { 文本对齐：居中； } .nb-eff-extra .row-特殊 { 背景颜色：#F5F2F0； 内边距：40px； 对齐内容：弹性开始； } .nb-eff-extra .efficay-img { 最大宽度：100%； } .nb-eff-extra .container-66 .col-2 { 宽度：69%； } .nb-eff-extra .container-66 { 最大宽度：1100px； 保证金：0 自我； 显示：柔性； 网格间隙：20px； } .nb-eff-extra .container-66 .col-1 { 宽度：25%； } .nb-eff-extra .container-66 .col-2 .col-2-b { 宽度：48%； 显示：内联块； } .nb-eff-extra .margin-r { 右边距：20px； } .nb-eff-extra .col-right { 宽度：计算（109% - 40px）； } .nb-eff-extra .column.col-2-b.img-r { 右边距：2%； } @media 并非全部和（最小分辨率：.001dpcm）{ @supports（-webkit-appearance：none）和（描边颜色：透明）{ .nb-eff-extra .efficay-img { 身高：自己； } }} /* ---------------------------------------------------------------------------------------------------------------------------------------- */ @媒体屏幕和（最大宽度：1120px）{ .nb-eff-extra .container-b { 网格模板列：1fr； 宽度：60%； 顶部内边距：20px； } .nb-eff-extra .efficay-img { 身高：自己； } .nb-eff-extra .row-b { 网格模板列：重复(1, 1fr); 下边距：0px； } .nb-eff-extra .container-66 { 弯曲方向：列； 边距：0px； } .nb-eff-extra .container-66 .col-2 { 宽度：60%； 右边距：自动； 左边距：自动；} .nb-eff-extra .container-66 .col-1 { 宽度：计算（60% - 80px）； 右边距：自动； 左边距：自动； } .nb-eff-extra .col-right { 宽度：自动； } .nb-eff-额外 .col-1-b .nb-eff-额外 .col-2-b .nb-eff-额外 .col-3-b .nb-eff-额外 .col-4-b .nb-eff-额外 .col-5-b .nb-eff-额外 .col-6-b .nb-eff-extra .col-0-b { 右边距：0； 下边距：20px； 网格列：未设置； } .nb-eff-extra .container { 弯曲方向：列； 宽度：60%； 顶部内边距：20px； } .nb-eff-额外.col-1 .nb-eff-extra .col-3 { 右边距：0； 网格模板行：重复(1, 1fr); } .nb-eff-extra .row-1 { 右边距：20px； } .nb-eff-extra .row-2 { 文本对齐：左对齐； } .nb-eff-extra .row-特殊 { 网格列：跨度 3； 文本对齐：左对齐； } .nb-eff-额外 p { 边距块结束：0.1em！重要； } .nb-eff-extra .title-46 { 字体大小：40px！重要； 字体粗细：100！重要； } .nb-eff-extra .subtitle-22 { 字体粗细：100！重要； 字体大小：14px！重要； } .nb-eff-extra .col-3 { 弹性方向：列！重要； } .nb-eff-extra .margin-r { 右边距：0px； } } /* ---------------------------------------------------------------------------------------------------------------------------------------- */ @media 屏幕和（最大宽度：768px）{ .nb-eff-extra .container-b { 网格模板列：1fr； 宽度：90%； 顶部填充：10px； } .nb-eff-extra .container-66 .col-1 { 宽度：计算（90% - 80px）； } .nb-eff-extra .container-66 .col-2 { 宽度：90%； } .nb-eff-extra .column.col-2-b { 宽度：100%！重要； 网格列：1； 显示：块； } .nb-eff-extra .container { 网格模板列：1fr； 宽度：90%； 顶部填充：10px； } .nb-eff-extra .col-2 { 网格模板列：1fr 1fr； } .nb-eff-额外.col-1 .nb-eff-额外.col-2 .nb-eff-extra .col-3 { 右边距：0； 网格模板列：1fr 1fr； 网格模板行：重复(1, 1fr); } .nb-eff-extra .row-1 { 内边距：15px； 右边距：20px； } .nb-eff-extra .row-2 { 内边距：15px； } .nb-eff-extra .row-特殊 { 内边距：40px； } .nb-eff-额外 p { 边距块结束：0.3em！重要； } .nb-eff-extra .title-50 { 字体大小：38px！重要； 行高：46px！重要； 字体粗细：100！重要； } .nb-eff-extra .title-46 { 字体大小：30px！重要； 行高：32px！重要； 字体粗细：100！重要； } .nb-eff-extra .subtitle-22 { 字体粗细：100！重要； 字体大小：14px！重要； } .nb-eff-extra .col-3 { 网格模板列：1fr； } }