全自动前置过滤器 定向QF03
【 净芯守护 全屋净化 】
40μm高效过滤 丨 保护涉水家电 丨 自清洁模式使用寿命长 丨 食品级材料
价格:¥2488
型号:OTS-QF03
/*公共样式*/ * { font-family: "Microsoft YaHei",Arial; margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, p, ul, li { padding: 0px; margin: 0px; } ul, li, ol { list-style: none; } .box img { position: relative; display: block; width: 1158px; } .box_min { position: absolute; z-index: 2; color: #fff; } .title { font-size: 44px; line-height: 54px; } .title_2 { font-size: 30px; line-height: 30px; font-weight: 800; } .title_3 { font-size: 20px; line-height: 30px; font-weight: lighter; } .title, .title_2 { letter-spacing: 3px; } .title_3 { letter-spacing: 2px; } /*第一屏*/ .box_1_min { margin-top: 240px; margin-left: 155px; width: 450px; text-align: center; } .box_1_min h1 { margin-top: 20px; font-weight: 800; color: #70b4d9; position: relative; z-index: 1; } .box_1_min h1 > strong { background-image: -webkit-linear-gradient(left,#5996d2,#235caf,#07257c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .box_1_min h1::before { content: attr(data-text); position: absolute; -webkit-text-stroke: 6px #fff; z-index: -1; } .box_1_min h2 { color: #235db0; font-weight: lighter; } .box_1_min h3 { margin-top: 40px; color: #fff; font-weight: lighter; } /*第二屏*/ .box_2_min { margin-top: 75px; width: 1160px; } .box_2_min h1 { width: 320px; margin: 0 auto; background-image: -webkit-linear-gradient(left,#5996d2,#235caf,#07257c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /*第3屏*/ .box_3_min { margin-top: 30px; width: 1160px; } .box_3_min h1 { width: 332px; margin: 0 auto; background-image: -webkit-linear-gradient(left,#5996d2,#235caf,#07257c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /*第4屏*/ /*第5屏*/ .box_5_min { margin-top: 180px; margin-left: 50px; } .box_5_min h1 { background-image: -webkit-linear-gradient(top,#b3d9fa,#fdfeff,#afd6fa,#fcfeff,#b3d9fa); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .box_5_min h2 { margin-top: 30px; } /*第6屏*/ .box_6_min { margin-top: 300px; margin-left: 100px; } .box_6_min h1 { background-image: -webkit-linear-gradient(top,#b3d9fa,#fdfeff,#afd6fa,#fcfeff,#b3d9fa); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 0.1px #fff; } .box_6_min h2 { margin-top: 30px; } /*第七屏*/ .box_7_min { margin-top: 300px; text-align: right; right: 115px; } .box_7_min h2 { margin-top: 30px; } /*第8屏*/ .box_8_min { margin-top: 315px; text-align: right; right: 80px; } .box_8_min h1 { width: 462px; background-image: -webkit-linear-gradient(left,#5996d2,#235caf,#07257c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .box_8_min h2 { margin-top: 30px; color: #235db0; } /*第9屏*/ .box_9_min { margin-top: 50px; width: 1160px; text-align: center; } .box_9_min h1 { width: 381px; margin: 0 auto; background-image: -webkit-linear-gradient(left,#5996d2,#235caf,#07257c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .box_9_min h2 { margin-top: 30px; color: #235db0; } /*第10屏*/ .box_10_min { margin-top: 190px; margin-left: 72px; } .box_10_min h1 { color: #f3fb6e; } .box_10_min h1 > strong { background-image: -webkit-linear-gradient(top,#b3d9fa,#fdfeff,#afd6fa,#fcfeff,#b3d9fa); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 0.1px #fff; } .box_10_min h2 { margin-top: 30px; } /*第11屏*/ .box_11_min { margin-top: 260px; text-align: right; right: 80px; } .box_11_min h1 { color: #f3fb6e; } .box_11_min h1 > strong { background-image: -webkit-linear-gradient(top,#b3d9fa,#fdfeff,#afd6fa,#fcfeff,#b3d9fa); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 0.1px #fff; } .box_11_min h2 { margin-top: 30px; } /*第12屏*/ .box_12_min { margin-top: 205px; margin-left: 65px; } .box_12_min h1 { width: 450px; margin: 0 auto; background-image: -webkit-linear-gradient(left,#5996d2,#235caf,#07257c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .box_12_min h2 { margin-top: 30px; color: #235db0; } /*第13屏*/ .box_13_min { margin-top: 194px; text-align: right; right: 148px; } .box_13_min h1 { background-image: -webkit-linear-gradient(top,#b3d9fa,#fdfeff,#afd6fa,#fcfeff,#b3d9fa); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 0.1px #fff; } .box_13_min h2 { margin-top: 30px; } /*第14屏*/ .box_14_min { margin-top: 280px; text-align: right; right: 100px; } .box_14_min h1 { width: 425px; background-image: -webkit-linear-gradient(left,#5996d2,#235caf,#07257c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .box_14_min h2 { margin-top: 30px; color: #235db0; } /*第15屏*/ .box_15_min { margin-top: 240px; margin-left: 100px; } .box_15_min h1 { color: #f3fb6e; line-height: 40px; } .box_15_min h1 > strong { background-image: -webkit-linear-gradient(top,#b3d9fa,#fdfeff,#afd6fa,#fcfeff,#b3d9fa); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 0.1px #fff; margin-top: 5px; } .box_15_min h2 { margin-top: 30px; } /*第16屏*/ .box_16_min { margin-top: 190px; margin-left: 50px; width: 600px; text-align: center; } .box_16_min h1 { color: #f3fb6e; line-height: 40px; } .box_16_min h1 > strong { background-image: -webkit-linear-gradient(top,#b3d9fa,#fdfeff,#afd6fa,#fcfeff,#b3d9fa); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 0.1px #fff; margin-top: 5px; } .box_16_min h2 { margin-top: 30px; } /*第17屏*/ .box_17_min { margin-top: 40px; width:1160px; text-align:center; } .box_17_min h1 { width: 474px; margin: 0 auto; background-image: -webkit-linear-gradient(left,#5996d2,#235caf,#07257c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .box_17_min h2 { margin-top: 30px; color: #235db0; } /*第18屏*/ .box_18_min { margin-top: 40px; width: 1160px; text-align: center; } .box_18_min h1 { width: 165px; margin: 0 auto; background-image: -webkit-linear-gradient(left,#5996d2,#235caf,#07257c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .box_18_min h2 { margin-top: 25px; color: #235db0; } /*第19屏*/ .box_19_min { margin-top: 50px; width: 1160px; text-align: center; } .box_19_min h1 { width: 165px; margin: 0 auto; background-image: -webkit-linear-gradient(left,#5996d2,#235caf,#07257c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }