.bread{font-size:.7rem;line-height:3;padding-left:5px;background:#edfaf2;margin-top:2.8rem}.bread,.bread a{color:#333}.bread p{max-width:1300px;width:90%;margin:0 auto}.page_content{padding-top:1rem;padding-bottom:4rem}.solution .title{font-size:1.58rem;font-weight:700;margin-bottom:20px}.solution>.swiper-container .swiper-scrollbar{height:2px}.solution>.swiper-container .swiper-scrollbar-drag{background-color:#14be4b}@media screen and (max-width:767px){html .bread{margin-top:calc(2.75rem + 20px)}html .solution>.swiper-container .swiper-wrapper>.swiper-slide{width:45%!important;min-width:175px;height:12.25rem}html .solution>.swiper-container .swiper-wrapper>.swiper-slide .text,html .solution>.swiper-container .swiper-wrapper>.swiper-slide .title{padding:1rem .42rem 0}html .solution>.swiper-container .swiper-wrapper>.swiper-slide img{right:.67rem;bottom:1rem}html .solution>.swiper-container .swiper-wrapper>.swiper-slide .link{left:0;bottom:.92rem}html .solution>.swiper-container .solution-button{top:95%}}@media screen and (min-width:1441px){html{font-size:24px}html .left .classify>li a{font-size:.85rem}html .left .classify>li:nth-child(2),html .left .classify>li:nth-child(3){text-overflow:ellipsis;white-space:nowrap}}@media screen and (max-width:1234px) and (min-width:769px){html .left .classify>li a{font-size:17px}html .left .classify>li:nth-child(2){width:19%}}@media screen and (min-width:1024px) and (max-width:1440px){html{font-size:24px}html .left .classify li a{font-size:16px}}@media screen and (min-width:769px) and (max-width:1023px){html{font-size:18px}html .left .classify li a{margin-left:0;font-size:14px}}@media screen and (max-width:768px){html{font-size:18px}html .left .classify li a{margin-left:0}html .post .post-right{width:100%;margin-left:0}}@media screen and (max-width:767px){html{font-size:16px}html .left{width:100%}html .left .classify{display:block;width:100%;white-space:nowrap;overflow-y:auto}html .left .classify li{display:inline-block;width:4rem}html .left .classify li:nth-child(2){width:7rem}html .left .classify li a{font-size:14px}html .tags li{margin-bottom:18px}html .post .post-right .excerpt{line-height:1rem}}@font-face{font-family:close;src:url(https://assets.gaiaworks.cn/gaiaworks/static/image/font/close.woff)}.left{display:inline-block;width:70%;vertical-align:top}.left .classify{padding:15px 0;display:flex;justify-content:space-between}.left .classify>li{position:relative;text-align:center}.left .classify>li>a{font-size:.9rem;font-weight:600;color:#969b9a;line-height:1.25rem}.left .classify>li:nth-child(2),.left .classify>li:nth-child(3){text-overflow:ellipsis;white-space:nowrap}.left .classify>li.active>a,.left .classify>li:hover>a{color:#333}.left .underline{background:#e9eff5;height:1px}.left .select-tag{margin:1.25rem 0 .83rem;max-width:155px;text-align:center;background:rgba(20,190,75,.1);border-radius:2px;position:relative}.left .select-tag .tag-name{width:80%;font-size:.58rem;font-weight:500;color:#14be4b;line-height:1.5rem;margin-right:5%}.left .select-tag .delete-box{font-size:.5rem;width:10%;line-height:1.5rem;position:absolute;top:0;right:5%}.left .select-tag .delete-box .delete{color:#999}.left .select-tag .delete-box .delete:before{font-family:close;content:"\e901"}.left .select-tag .delete-box .delete:hover{cursor:pointer;color:#333}.left .post-list>li{padding:1.25rem 0}.left .post-list>li>a{color:#333}.post .post-left{height:180px;width:260px;display:inline-block;overflow:hidden}.post .post-left>img{width:100%;height:110px;-o-object-fit:cover;object-fit:cover}.post .post-right{width:calc(100% - 300px);margin-left:25px;display:inline-block;vertical-align:top}.post .post-right .title{font-size:.75rem;font-weight:600;color:#23292d;line-height:1.04rem;margin-bottom:.42rem}.post .post-right .title:hover{color:#14be4b}.post .post-right .excerpt{font-size:.58rem;font-weight:400;color:rgba(17,28,25,.7);line-height:.83rem;margin-bottom:10px}.post .post-right .description{margin-bottom:10px}.post .post-right .description .author{font-size:.5rem;font-weight:400;color:#23292d;margin-right:20px}.post .post-right .description .time{font-size:.5rem;font-weight:400;color:rgba(35,41,45,.5)}.post .post-right .tags>li{display:inline-block}.post .post-right .tags>li>a{background:#f2f2f2;border-radius:2px;padding:4px 8px;font-size:.5rem;font-weight:400;color:#23292d;line-height:.71rem;margin-right:5px}input:focus{outline:none;box-shadow:0 1px 0 #fff,inset 0 0 2px rgba(0,0,0,.3);border:1px solid #ddd}.page_right .code-container{text-align:center;padding:.5rem;display:flex;height:80%;box-shadow:0 11px 36px 0 hsla(0,0%,84%,.5);border-bottom-right-radius:8px;border-bottom-left-radius:8px}.page_right .code-container .inner-container{padding:.5rem;background:#fff;border-radius:.2rem}.page_right .code-container .inner-container .head{line-height:1rem;font-size:.75rem;margin-bottom:.75rem}.page_right .code-container .inner-container .head p{font-size:1rem;font-weight:700;margin-bottom:.5rem}.page_right .code-container .inner-container .head .green{font-size:.7rem;color:#00bc00}.page_right .code-container .inner-container .head .normal{font-size:.7rem}.page_right .code-container .inner-container .code-img img{width:70%;margin:0 auto}.page_right .code-container .inner-container .code-img p{line-height:1.75rem;font-size:.6rem}.solution{background:#f8f9fb;padding:3.33rem 0;text-align:center;position:relative}.solution>.swiper-container{position:static;padding-top:1.67rem}.solution>.swiper-container .solution-button{position:absolute;top:94%}.solution>.swiper-container .swiper-button-prev{width:1.92rem;background:url(https://assets.gaiaworks.cn/gaiaworks/static/image/home-img/solution_left.png) no-repeat;background-size:contain;left:4%;filter:drop-shadow(0 0 #4d4d4d)}.solution>.swiper-container .swiper-button-next{width:1.92rem;background:url(https://assets.gaiaworks.cn/gaiaworks/static/image/home-img/solution_right.png) no-repeat;background-size:contain;right:4%;filter:drop-shadow(0 0 #4d4d4d)}.solution>.swiper-container .swiper-scrollbar{height:8px;margin:20px auto;width:80%;bottom:2%;left:10%;cursor:pointer}.solution>.swiper-container .swiper-scrollbar-drag{width:33%}@media screen and (max-width:767px){.solution>.swiper-container .swiper-scrollbar{width:70%;margin:14px 5%}}.solution>.swiper-container .swiper-wrapper>.swiper-slide{position:relative;transition:all .5s;height:16.25rem;vertical-align:top;width:30%;display:inline-block;background:#fff;box-shadow:0 0 14px 0 rgba(0,0,0,.06);border-radius:10px}.solution>.swiper-container .swiper-wrapper>.swiper-slide:hover .linkImg{padding-left:.83rem;transition:padding-left .5s}.solution>.swiper-container .swiper-wrapper>.swiper-slide>.title{height:1.88rem;font-size:1.33rem;font-weight:600;color:#161117;text-align:left;padding:2.08rem 0 .42rem 2.08rem}.solution>.swiper-container .swiper-wrapper>.swiper-slide>.text{text-align:left;height:2.33rem;font-size:.83rem;font-weight:400;color:#20222a;padding:.42rem 2.08rem;line-height:1.17rem}.solution>.swiper-container .swiper-wrapper>.swiper-slide>img{position:absolute;height:5.63rem;right:1.67rem;bottom:3.33rem}.solution>.swiper-container .swiper-wrapper>.swiper-slide>.link{position:absolute;left:1.67rem;bottom:2.92rem;padding:0 1rem;background:none;border:0;font-size:.58rem;font-weight:400;color:#000;line-height:.83rem}.solution>.swiper-container .swiper-wrapper>.swiper-slide>.link>.linkImg{width:.83rem;vertical-align:middle;margin-left:.42rem}.solution>.swiper-container .swiper-wrapper>.swiper-slide:nth-child(4n){border:none}.pagination{text-align:center}.pagination .next,.pagination .pre{background:linear-gradient(-180deg,#fcfcfc 3%,#f2f2f2);border:1px solid #ccc;cursor:default}.pagination .next>a,.pagination .pre>a{text-align:center}.pagination .next>a>img,.pagination .pre>a>img{width:52%;height:100%;vertical-align:middle}.pagination .disabled{opacity:.5;cursor:default}.pagination .ellipsis{line-height:1.3rem;font-size:.65rem;font-weight:600}.pagination>li{display:inline-block;margin-right:5px;vertical-align:top;border-radius:4px;text-align:center;font-size:.5rem;font-weight:400}.pagination>li>a{display:inline-block;width:1.3rem;height:1.3rem;line-height:1.3rem;color:#666}.pagination .normal{border:1px solid transparent}.pagination .active,.pagination .normal:hover{border:1px solid #14be4b;background-color:#14be4b}.pagination .active>a,.pagination .normal:hover>a{color:#fff}