"); 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 .banne,.art .icon,.art .context { 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 { padding: 20px; background: #fff; color: #111; } .recommend .art-type-b{ border-radius: 6px; overflow: hidden; box-shadow: 0 1px 3px rgb(0 0 0 / 5%); } .recommend h3{ font-weight: 300; color: #000; margin: 0 1px; margin-bottom: 15px; } .recommend { margin-top: 15px; } .login li { margin: 10px 15px; display: inline-block; } .art .context 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; }
ProCatGuide The ultimate resource for professional cat knowledge. From health and nutrition to behavior and training, unlock the world of feline expertise to ensure the best care for your beloved cat. There are a couple of reasons why your cat might be off their food. It could be a sign of an underlying illness, or it could be something less serious. Here are a few possibilities.Medical IssuesLo...
Mochi June 06, 2024
No, it is strongly recommended that you do not give your cat marshmallows. While marshmallows are not inherently toxic to cats, they offer no nutritional value and can pose several health risks.Why...
Mochi March 02, 2024
Yes, cats are natural hunters, and eating mice is a common behavior. While it's instinctive, there are risks. Wild mice may carry diseases or parasites harmful to cats. Ensure your cat is vaccinate...
Mochi January 15, 2024
Yes, cats can eat apples in moderation. Apples are safe for felines and can even offer some nutritional benefits. However, it's crucial to remove the seeds and core as they contain cyanide, which c...
Mochi December 17, 2023
No, cats should not eat chocolate. It is toxic to them and can cause serious health problems, even in small amounts. This toxicity is due to the presence of theobromine, a compound found in cocoa b...
Mochi December 12, 2023
Cats can eat certain types of biscuits in moderation, but not all biscuits are suitable for them. Plain, unsalted, and unseasoned biscuits, like small amounts of plain bread or crackers, can be off...
Mochi December 06, 2023
No, cats should not drink milk.Many cats are lactose intolerant, meaning that they cannot digest the lactose sugar in milk. This can lead to digestive problems such as diarrhea, vomiting, and gas.E...
Mochi December 03, 2023
No, it's not safe for cats to eat cherries. Cherries contain compounds like cyanide within their pits and stems, which can be toxic to cats if ingested in significant amounts. Even the flesh of the...
Mochi November 30, 2023
Yes, cats can eat shrimp. Shrimp can be a tasty and occasional treat for cats, offering protein and certain essential nutrients.Can kittens eat shrimp?Kittens can eat shrimp, but it's essential to ...
Mochi November 28, 2023
Health Issues: Dental problems, infections, digestive issues, or underlying health conditions can affect their appetite.Stress or Changes: Cats can be sensitive to changes in their environment, rou...
Mochi November 23, 2023