Oxygen 奶油

<风格> .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-额外 .col-2-b .nb-eff-额外 .col-4-b .nb-eff-extra .col-5-b { 右边距：20px； 右边距：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%； 高度：100%； } .nb-eff-extra .container { 最大宽度：1100px； 保证金：0 自我； 显示：网格； 网格模板列：重复（3，1fr）； 网格间隙：20px； 下边距：4rem； 顶部边距：4rem； } .nb-eff-extra .col-1 { 背景颜色：#F5F2F0； 内边距：40px； } .nb-eff-extra .col-2 { 显示：网格； 网格模板行：重复（2，1fr）； 网格行间隙：20px； } .nb-eff-extra .col-3 { 显示：网格； 网格模板行：重复（2，1fr）； 网格行间隙：20px； } .nb-eff-extra .row-1 { 背景颜色：#F5F2F0； 内边距：40px； } .nb-eff-extra .row-2 { 背景颜色：#F5F2F0； 内边距：40px； } .nb-eff-extra .row-3 { 背景颜色：#F5F2F0； 文本对齐：居中； } .nb-eff-extra .row-4 { 背景颜色：#F5F2F0； 文本对齐：居中； } .nb-eff-extra .row-特殊 { 背景颜色：#F5F2F0； 内边距：40px； } .nb-eff-extra .efficay-img { 最大宽度：100%； 高度：100%； } @media 并非全部和（最小分辨率：.001dpcm）{ @supports（-webkit-appearance：none）和（描边颜色：透明）{ .nb-eff-extra .efficay-img { 身高：自己； } }} /* ---------------------------------------------------------------------------------------------------------------------------------------- */ @媒体屏幕和（最大宽度：1120px）{ .nb-eff-extra .container-b { 网格模板列：1fr； 宽度：60%； 顶部内边距：20px； } .nb-eff-extra .row-b { 网格模板列：重复(1, 1fr); 下边距：0px； } .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 { 网格模板列：1fr； 宽度：60%； 顶部内边距：20px； 顶部边距：0px； } .nb-eff-extra .col-2 { 网格模板列：重复(1, 1fr); } .nb-eff-额外.col-1 .nb-eff-额外.col-2 .nb-eff-extra .col-3 { 右边距：0；网格模板行：重复(1, 1fr); } .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！重要； } } /* ---------------------------------------------------------------------------------------------------------------------------------------- */ @media 屏幕和（最大宽度：768px）{ .nb-eff-extra .container-b { 网格模板列：1fr； 宽度：90%； 顶部填充：10px； } .nb-eff-extra .container { 网格模板列：1fr； 宽度：90%； 顶部填充：10px； 顶部边距：0px； } .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-特殊 { 内边距：15px； } .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； } }