LED Desk Lamp Gooseneck Adjustable Lamp with Clamp Eye-Caring Reading Desk Light

* { font-family: helvetica, sans-serif, arial; } .bodyWrapper { width: 100%; margin: 0 auto; position: relative;background: #EEF2F6;color: #464C5B } .banner { width: 100%; margin: 0; padding: 0; overflow: hidden; position: relative; box-sizing: border-box; } .bubbles { position: absolute; top: 0; left: 0; width: 100%; } .bubbles li { position: absolute; list-style-type: none; display: block; width: 20px; height: 20px; animation: animate 25s linear infinite; top: -190px; } .bubbles li img { width: 100%; } .bubbles li:nth-child(1) { left: 25%; width: 30px; height: 30px; animation-delay: 0; } .bubbles li:nth-child(2) { left: 10%; width: 20px; height: 20px; animation-delay: 2s; animation-duration: 12s; } .bubbles li:nth-child(3) { left: 70%; width: 20px; height: 20px; animation-delay: 4s; } .bubbles li:nth-child(4) { left: 40%; width: 45px; height: 45px; animation-delay: 0s; animation-duration: 12s; } .bubbles li:nth-child(5) { left: 65%; width: 20px; height: 20px; animation-delay: 0s; } .bubbles li:nth-child(6) { left: 75%; width: 45px; height: 45px; animation-delay: 3s; } .bubbles li:nth-child(7) { left: 35%; width: 65px; height: 65px; animation-delay: 7s; } .bubbles li:nth-child(8) { left: 50%; width: 25px; height: 25px; animation-delay: 15s; animation-duration: 45s; } .bubbles li:nth-child(9) { left: 20%; width: 15px; height: 15px; animation-delay: 2s; animation-duration: 35s; } .bubbles li:nth-child(10) { left: 85%; width: 65px; height: 65px; animation-delay: 0s; animation-duration: 11s; } @keyframes animate { 100% { -webkit-transform: translateY(1000px) rotate(0deg); -ms-transform: translateY(1000px) rotate(0deg); -o-transform: translateY(1000px) rotate(0deg); transform: translateY(1000px) rotate(0deg); opacity: 0; border-radius: 0; } 0% { -webkit-transform: translateY(0) rotate(720deg); -ms-transform: translateY(0) rotate(720deg); -o-transform: translateY(0) rotate(720deg); transform: translateY(0) rotate(720deg); opacity: 1; border-radius: 50%; } } .banner #banner { width: 100%; border-radius: 1em; } .features { width: 100%; margin-top: 1em; } .features .featuresItem { width: 100%; display: flex; justify-content: space-around; } .chip { flex-direction: row-reverse; } .compatibility { flex-direction: row-reverse; } .features .featuresItem .featuresItemPic { max-width: 35%; } .features .compatibility .featuresItemPic:nth-child(last) { margin-top: 2em } .features .featuresItem .featuresItemPic #featuresItemPic { width: 100%; border-radius: 1em; } .features .featuresItem .featuresItemContent { max-width: 50%; margin-top: 3em; box-sizing: border-box; padding: 1.5em; } .features .featuresItem .featuresItemContent .featuresItemContentTitle { margin: 0; font-family: ‘Lato’, helvetica, sans-serif, arial; font-size: 2em;color: #464C5B } .features .featuresItem .featuresItemContent .featuresItemContentPara { font-family: ‘Montserrat’, helvetica, sans-serif, arial; font-size: 1.5em;text-indent: 2rem;line-height: 1.5; } .productList { width: 100%; } .productList .productListItem { width: 100%; display: flex; justify-content: space-around; } .productList .productListItem .productListItemPart { width: 40%; } .productList .productListItem .productListItemPic #productListItemPic { width: 100%; } .productList .productListItem .productListItemSpec { margin-top: 2em; } .productList .productListItem .productListItemSpecTable { border-collapse: collapse; width: 100%; margin: 0 auto; } .productList .productListItem .productListItemSpecTable tr:nth-child(even) { background-color: #f1f1f1; } .productList .productListItem .productListItemSpecTable tr td { padding: 1em; } .productList .productListItem:first-child { padding-bottom: 1.5em; border-bottom: 1px solid #f1f1f1; } .package { width: 100%; margin-top: 20px; } .package .packageTitle { margin: 0; font-size: 1.5em; } .package .packageList { padding: 0; margin-top: 5px; list-style-type: none; } .package .packageList .packageListItem { padding: 5px; font-size: 1.1em; } .recommendSingle { width: 100%; position: relative; padding-top: 2em; border-top: 1px solid #f1f1f1; } .recommendSingle .recommendPicContainer { width: 100%; } .recommendSingle .recommendPicContainer #recommendPic { width: 100%; } .recommendSingle .recommendParaContainer { width: 12%; height: 10%; position: absolute; display: flex; align-items: center; justify-content: center; top: 70%; left: 12.7%; border: 1px solid #000000; box-sizing: border-box; transition: all .4s ease; } .recommendSingle a { text-decoration: none; } .recommendSingle .recommendParaContainer:hover { background-color: #00deff; border-radius: .5em; border: none; cursor: pointer; color: #ffffff; } .recommendSingle .recommendParaContainer .recommendParaContent { color: #000000; } .recommendContainer { width: 100%; background-image: url(‘https://image.pushauction.com/0/0/6cd44762-2eb6-460e-8e65-102d605f1126/0176fed4-922f-40ac-8395-04cabe725de0.png’), url(‘https://image.pushauction.com/0/0/6cd44762-2eb6-460e-8e65-102d605f1126/8eca6ef3-3ecb-4ee6-9055-6ec2c49decbb.png’), url(‘https://image.pushauction.com/0/0/6cd44762-2eb6-460e-8e65-102d605f1126/eafb3c3c-fda4-48db-a0e9-9c83c3262f21.png’), url(‘https://image.pushauction.com/0/0/6cd44762-2eb6-460e-8e65-102d605f1126/58bffc74-ebb7-49ff-be64-d8018e8a25f9.png’), url(‘https://image.pushauction.com/0/0/6cd44762-2eb6-460e-8e65-102d605f1126/c83fc312-c2b8-4798-86f1-d4b3194c4b17.png’), url(‘https://image.pushauction.com/0/0/6cd44762-2eb6-460e-8e65-102d605f1126/7902b610-9a03-45b5-a395-830195908e20.png’), url(‘https://image.pushauction.com/0/0/6cd44762-2eb6-460e-8e65-102d605f1126/58bffc74-ebb7-49ff-be64-d8018e8a25f9.png’), url(‘https://image.pushauction.com/0/0/6cd44762-2eb6-460e-8e65-102d605f1126/0176fed4-922f-40ac-8395-04cabe725de0.png’), linear-gradient(to bottom, rgba(255, 98, 67, 0.68), rgba(238, 181, 173, 0)); background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat; background-position: 2% 19%, .5% 50%, 2% 70%, 90% 2%, 98% 29%, 99% 65%, 15% 6.8%, 49% 80%; border-radius: 2em; } .recommendTitle { text-align: center; padding-top: 1em; font-size: 2em; background: -webkit-linear-gradient(#f0f0f0, #303030); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .recommend { width: 100%; padding: 0 3em 0 3em; display: flex; justify-content: space-around; flex-wrap: wrap; box-sizing: border-box; } .recommendItem { width: 45%; border-radius: 1em; overflow: hidden; margin-bottom: 3em; box-sizing: border-box; box-shadow: -10px -10px 30px 0 rgba(255, 255, 255, 0.12), 10px 10px 30px 0 rgba(0, 0, 0, 0.12), 6px 6px 6px 0 rgba(0, 0, 0, 0.16), 2px 2px 2px 0 rgba(0, 0, 0, 0.26); } .recommendItem img { width: 100%; max-width: 100%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .recommendItem:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } @media (max-width: 600px) { .bodyWrapper { width: 100%; margin: 0; } .bubbles li:nth-child(1) { left: 25%; width: 15px; height: 15px; animation-delay: 0; } .bubbles li:nth-child(2) { left: 10%; width: 10px; height: 10px; animation-delay: 2s; animation-duration: 12s; } .bubbles li:nth-child(3) { left: 70%; width: 10px; height: 10px; animation-delay: 4s; } .bubbles li:nth-child(4) { left: 40%; width: 26px; height: 26px; animation-delay: 0s; animation-duration: 12s; } .bubbles li:nth-child(5) { left: 65%; width: 10px; height: 10px; animation-delay: 0s; } .bubbles li:nth-child(6) { left: 75%; width: 26px; height: 26px; animation-delay: 3s; } .bubbles li:nth-child(7) { left: 35%; width: 36px; height: 36px; animation-delay: 7s; } .bubbles li:nth-child(8) { left: 50%; width: 12px; height: 12px; animation-delay: 15s; animation-duration: 45s; } .bubbles li:nth-child(9) { left: 20%; width: 10px; height: 10px; animation-delay: 2s; animation-duration: 35s; } .bubbles li:nth-child(10) { left: 85%; width: 36px; height: 36px; animation-delay: 0s; animation-duration: 11s; } .features .featuresItem { flex-wrap: wrap; } .features .featuresItem .featuresItemPart { flex: none; max-width: 100%; } .features .featuresItem .featuresItemContent { margin-top: 10px; } .features .featuresItem .featuresItemContent .featuresItemContentTitle { font-size: 2em; } .features .featuresItem .featuresItemContent .featuresItemContentPara { font-size: 1.5em; } .features .compatibility .featuresItemPic { margin-top: 0; } .productList .productListItem { flex-wrap: wrap; } .productList .productListItem .productListItemPart { flex: none; width: 100%; } .productList .productListItem:first-child { padding-bottom: 3em; border-bottom: 1px solid #f1f1f1; } .recommendSingle { display: none; } .recommend { padding: 0 1em 0 1em; } .recommendItem { width: 100%; margin-bottom: 2em; } }