"); background-repeat: no-repeat; background-size: 18px; width: 32px; height: 17px; position: relative; top: 0px; } .bi-bookmark::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 18px; width: 32px; height: 17px; position: relative; top: 0px; } .bi-aspect-ratio::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 18px; width: 32px; height: 17px; position: relative; top: 0px; } .bi-geo::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 18px; width: 32px; height: 17px; position: relative; top: 0px; } .bi-chat-left::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 12px; width: 13px; height: 13px; position: relative; top: 0px; } .bi-rss::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 15px; width: 15px; height: 17px; position: relative; top: 0px; } .bi-gear::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 15px; width: 15px; height: 17px; position: relative; top: 0px; } .bi-grid::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 15px; width: 15px; height: 17px; position: relative; top: 0px; } .bi-list::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 31px; width: 31px; height: 30px; position: relative; top: 4px; } .bi-person::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 13px; width: 20px; height: 19px; position: relative; top: 6px; } .bi-heart-pulse::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 18px; width: 32px; height: 17px; position: relative; top: 0px; } .bi-filter-square::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 18px; width: 32px; height: 18px; position: relative; top: 0px; } .bi-magnet::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 18px; width: 32px; height: 18px; position: relative; top: 0px; } .bi-heart::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 18px; width: 32px; height: 17px; position: relative; top: 0px; } .bi-clock::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 13px; width: 20px; height: 19px; position: relative; top: 6px; } .bi-eye::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 13px; width: 20px; height: 19px; position: relative; top: 6px; } .bi-person-1::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 13px; width: 20px; height: 19px; position: relative; top: 6px; } .bi-clock-1::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 13px; width: 20px; height: 19px; position: relative; top: 6px; } .bi-eye-1::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 13px; width: 20px; height: 19px; position: relative; top: 6px; } .bi-cc-circle::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 13px; width: 20px; height: 19px; position: relative; top: 6px; } * { padding: 0; margin: 0; } a { color: #5f6368; text-decoration: none; } body { background-color: #efefef; width: 100%; height: 100%; color: #777; font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif; overflow-x: hidden; font-size: 1rem; font-smooth: always; -webkit-font-smoothing: antialiased; } .context li{ display: block; margin-left: 28px; margin-bottom: 10px; font-size: 0.95em; } .context ul{ margin-bottom: 26px; } .context h2{ font-size: 18px; line-height: 24px; font-weight: 500; padding: 0px 15px; padding-bottom: 12px; color: #f05050; position: relative; } .context h2:before{ position: absolute; left: 0px; top: 3px; height: 18px; width: 3px; border-radius: 4px; background-color: #f05050; background-image: linear-gradient(180deg,rgba(255,255,255,.15),transparent); content: ""; } pre{ border: 0; padding: 0; background: #f7f7f7; color: #5e5e5e; font-size: 90%; border-radius: 4px; overflow-wrap: normal; } pre code{ padding: 1em; background: none; color: inherit; line-height: inherit; font-size: 100%; border-radius: 0; display: block; overflow-x: auto; max-height: 50vh; max-height: max(50vh, 250px); display: block; overflow-x: auto; padding: 1em; } .bg-white { background-color: #f9f9f9; } .app { width: 1170px; margin: auto; } .app-v1 { width: 1168px; z-index: 99999; position: fixed; min-height: 47.9px; border: 1px solid transparent; -webkit-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .05); } .app:before { position: absolute; top: 0; bottom: 0; z-index: -1; display: block; width: inherit; border: inherit; content: ""; box-shadow: 0 0 4px 3px rgba(0, 0, 0, .05); } .app-v2 { display: flex; } .banne { background: #fff; padding: 3px 15px; margin-bottom: 20px; list-style: none; border-radius: 4px; font-size: 15px; } header { padding-top: 80px; width: 240px; position: fixed; height: 100%; overflow: hidden; } .region { padding: 0 10px; margin-top: 63px; } nav li { display: block; border-radius: 5px; margin: 10px 10px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } nav li a { padding: 6px 10px; border-radius: 5px; margin-bottom: 2px; display: block; } nav li a span { opacity: .9; font-size: 13.9px; } .oa-click, nav li:hover { background-color: rgba(0, 0, 0, .05); } .art-footer li{ margin-left: 0px; margin-bottom: 0px; font-size: 1em; } .art-footer ul{ margin-bottom: 0px; } main, .app-v2 { width: 100%; height: 100%; background-color: #f9f9f9; } main { padding-left: 255px; padding-top: 65px; } h1 { font-weight: 300; color: #000; } small { letter-spacing: 1px; color: #a0a0a0; font-size: 13px; padding-left: 2px; } .index { display: flex; } .index h1 { margin-bottom: 3px; } .index-main { width: 695px; } .art { line-height: 2em; } .art-list, .art { border-radius: 5px; padding: 20px; background: #f2f3f4; margin-top: 20px; margin-left: -15px; position: relative; z-index: 1; } .art-type-a .icon, .art .icon { width: 670px; height: 234px; } .art-type-a, .art-type-b { position: relative; border-radius: 6px; overflow: hidden; margin-bottom: 20px; } .art-footer { padding-top: 20px; } .art-type-a .art-info { position: absolute; bottom: 0; background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5)); width: 100%; height: 50%; } .art-title, .art-title a { display: block; position: absolute; top: 0; height: 100%; width: 100%; } .art-type-a .art-title a { padding-top: 127px; color: #fff; padding-left: 86px; font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 79%; } .art-type-a .art-info span { color: #fff; background-color: #f05050; font-weight: 700; position: absolute; top: 10px; left: 30px; text-shadow: 0 1px 0 rgb(0 0 0 / 20%); padding: 0.2em 0.6em 0.3em; border-radius: 0.25em; font-size: 13px; } .art-footer li { display: block; } .art-footer ul { display: flex; font-size: 13px; justify-content: space-between; } .art-type-a .art-info p { position: absolute; padding: 0 32px; top: 35px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; margin-top: 10px; width: 87%; } .art-index { position: absolute; top: 180px; left: 28px; color: #fff; } .art-type-b { background: #fff; height: 166px; -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 5%); box-shadow: 0 1px 3px rgb(0 0 0 / 5%); margin-bottom: 20px; } .art-type-b .art-title a { padding: 20px; font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; width: 87%; } .art-type-b .art-info { padding: 20px; padding-top: 50px; } .art-type-b p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 60px; height: 60px; overflow: hidden; line-height: 2em; color: #a0a0a0; margin-bottom: 10px; } .main-top .art-info span { top: 30px; } .main-top .art-title a { padding-top: 145px; } .main-top .art-info p { top: 57px; } .art-type-b .art-auto { background: #fafafa; padding: 6px; border-radius: 5px; font-size: 13px; } .hamburger_wrapper { display: none; } .login { padding: 0 13px; position: absolute; margin: 10px; bottom: 85px; border-radius: 5px; display: flex; transform: translateZ(0); height: auto; align-items: center; justify-content: flex-start; left: 0; right: 0; background-color: #fff; border: 1px solid #f6f6f6; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .05); box-shadow: 0 1px 3px rgba(0, 0, 0, .05); } .art .icon { position: relative; } .context, .recommend { padding: 20px; background: #fff; color: #111; } .recommend { margin-top: 20px; } .login li { margin: 10px 15px; display: inline-block; } .art p { margin: 0 0 20px 0; color: #666; } .banne li { display: inline; } .banne li+li:before { position: relative; padding: 0px 5px; color: #ccc; content: "/\00a0"; top: 1px; left: 2px; } .art-auto li { display: inline; font-size: 13px; margin-right: 10px; } .art-auto { margin-top: 13px; } @media (max-width: 1190px) { .art-type-a .icon, .art .icon { width: 100%; } .index-right { display: none; } .index-main { width: 100%; } .app { width: 100%; } .app-v1 { width: 100%; } .art-type-a .icon { width: 100%; } } @media (max-width: 556px) { .art-type-a .icon { height: 190px; } .art-type-a .art-title a { padding-top: 112px; } .art-type-a .art-auto { display: none; } .art-type-a .art-info span { top: 30px; } .art-type-a .art-info p { top: 55px; } .art-type-a .art-info { height: 56%; } } @media (max-width: 456px) { .art-type-a .icon { height: 165px; } .art-type-a .art-title a { padding-top: 73px; width: 68%; } .art-type-a .art-info { height: 73%; } } @media (max-width: 850px) { .art-aic { padding: 0 10px; } .hamburger_wrapper { padding: 5px; z-index: 10; display: block; } #hamburger { width: 39px; height: 45px; position: absolute; cursor: pointer; outline: none; right: 0; } #hamburger span:nth-child(1) { top: 0px; transform-origin: left center; } #hamburger span:nth-child(2) { top: 21px; transform-origin: left center; } #hamburger span:nth-child(3) { top: 42px; transform-origin: left center; } #hamburger.close span:nth-child(1) { transform: rotate(45deg); } #hamburger.close span:nth-child(2) { width: 0%; opacity: 0; transition: .1s; } #hamburger.close span:nth-child(3) { transform: rotate(-45deg); } #nav-menu { transform: translateX(-100vw); opacity: 0; z-index: 10; transition: transform .5s ease, opacity ease .2s; } #nav-menu.now-active { transform: translateX(0); transition: transform .5s ease, opacity ease .2s; opacity: 1; background-color: #eaeaea; display: block; position: absolute; padding-top: 0px; } .nav-list { padding: 10px; list-style-type: none; font-size: 2em; } .region { margin-top: 146px; } } @media (max-width: 850px) { header { transform: translateX(-100vw); position: absolute; padding-top: 0px; } main { padding-left: 0; } .art-list, .art { padding: 20px 10px 0px 26px; } .index h1 { padding: 0px 10px; } small { padding: 0px 13px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; margin-top: 10px; display: block; } } small { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; } .art-type-e .art-info{ padding-left: 186px; } .art-type-e .art-title a{ padding-left: 186px; } .art-icon-list{ width: 150px; height: 130px; position: absolute; top: 20px; left: 20px; border-radius: 6px; overflow: hidden; }
Cat Health Check Checking your cat's pulse can provide valuable information about its heart rate and circulation. Here's a guide on how to check your cat's pulse at home:Finding the PulseThe most accessible place t...
Ando September 17, 2023
Monitoring your cat's breathing is essential for detecting respiratory issues or other underlying health problems. Here's a guide on how to check your cat's breathing at home:ObservationPosition: E...
Ando September 17, 2023
Checking your cat's mouth is essential for monitoring dental health and detecting potential oral issues. However, many cats can be resistant to having their mouths examined, so it's crucial to appr...
Ando September 17, 2023
Checking your cat's nose can provide insights into their overall health. While a wet or dry nose isn't necessarily an indicator of a cat's health status (as it can be with dogs), other aspects of t...
Ando September 17, 2023
Checking your cat's ears regularly is essential for detecting potential issues and ensuring their overall ear health. Here's a detailed guide on how to check your cat's ears at home:PreparationGood...
Ando September 17, 2023
Checking your cat's eyes regularly is crucial as they can provide insights into their overall health and detect potential issues. Here's a detailed guide on how to check your cat's eyes at home:Pre...
Ando September 17, 2023
Monitoring your cat's weight is essential for ensuring they maintain a healthy lifestyle and to detect any potential health issues early on. Here's a detailed guide on how to check your cat's weigh...
Ando September 17, 2023
Checking your cat's feces is an essential aspect of monitoring their health. Stool can provide valuable information about your cat's digestive system and overall well-being. Here's a detailed guide...
Ando September 17, 2023
Monitoring changes in your cat's appetite is crucial as it can be an early sign of health issues. Here's a detailed guide on how to check for changes in your cat's appetite at home:Establish a Rout...
Ando September 17, 2023
Monitoring your cat for cosmetic changes is essential as it can provide early indications of potential health issues. Here's a detailed guide on how to check for cosmetic changes in your cat at hom...
Ando September 17, 2023