body .home .container{padding:5.2083333333vw 10.4166666667vw}body .home .container .chose_box{border-radius:1.3541666667vw;background:#FFF;box-shadow:0 0 25px 0 rgba(0,0,0,0.1);display:flex;padding:2.0833333333vw 3.125vw;justify-content:space-between}body .home .container .chose_box .t{font-weight:600}body .home .container .chose_box .r_b{width:59.0625vw}body .home .container .chose_box .r_b .tags{display:flex;gap:1.3020833333vw;flex-wrap:wrap}body .home .container .chose_box .r_b .tags:not(:last-child){margin-bottom:1.0416666667vw}body .home .container .chose_box .r_b .tags span{padding:.4166666667vw 1.5625vw;border-radius:100px;transition:all 600ms;cursor:pointer}body .home .container .chose_box .r_b .tags.color_1 span.on{background:#DFEAFF;color:#2871FF}body .home .container .chose_box .r_b .tags.color_2 span.on{background:#D4F2FF;color:#08F}body .home .container .chose_box .r_b .tags.color_3 span.on{background:#F7EEFF;color:#B83DF1}body .home .container .list{margin:4.1666666667vw 0 3.3333333333vw 0;display:grid;grid-template-columns:repeat(3, 1fr);gap:2.0833333333vw 2.8645833333vw}body .home .container .list a{display:block;width:100%;border-radius:26px;background:#F9F9F9;padding:1.5625vw;transition:all 600ms}body .home .container .list a .pic{border-radius:20px;overflow:hidden}body .home .container .list a .pic img{width:100%;height:11.4583333333vw;border-radius:20px;transition:all 600ms}body .home .container .list a .pt{margin:1.0416666667vw 0 .3125vw 0;font-weight:600;line-height:1.667;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;transition:all 600ms}body .home .container .list a .des{line-height:1.8;height:2.8645833333vw;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}body .home .container .list a .tags{display:flex;gap:.5208333333vw;margin:.5208333333vw 0 1.0416666667vw 0}body .home .container .list a .tags span{border-radius:1.25vw;background:rgba(40,113,255,0.16);display:flex;padding:.3125vw .7291666667vw;align-items:center;gap:.3125vw;color:#2871FF}body .home .container .list a .tags span::before{content:'';display:inline-block;width:6px;height:6px;background:#2871FF;border-radius:50%}body .home .container .list a .fr{display:flex;justify-content:flex-end}body .home .container .list a:hover{background:#EFF6FF}body .home .container .list a:hover .pic img{transform:scale(1.05)}body .home .container .list a:hover .pt{color:#2871FF}body .home .container .pager{display:flex;justify-content:center;gap:1.0416666667vw}body .home .container .pager .prev svg,body .home .container .pager .next svg{width:2.2916666667vw;height:auto}body .home .container .pager .prev svg circle,body .home .container .pager .next svg circle{fill:#F9F9F9;transition:all 600ms}body .home .container .pager .prev svg path,body .home .container .pager .next svg path{fill:#999999;transition:all 600ms}body .home .container .pager .prev:hover svg circle,body .home .container .pager .next:hover svg circle{fill:#2871FF}body .home .container .pager .prev:hover svg path,body .home .container .pager .next:hover svg path{fill:#FFF}body .home .container .pager span,body .home .container .pager a{width:2.2916666667vw;height:2.2916666667vw;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#2871FF;font-weight:500;cursor:pointer}body .home .container .pager span.on,body .home .container .pager a.on{background:#2871FF;color:#FFF}@media screen and (max-width: 768px){body .home .container{padding:30px 5%}body .home .container .chose_box{border-radius:15px;padding:20px 5%;flex-direction:column}body .home .container .chose_box .r_b{width:100%;margin-top:15px}body .home .container .chose_box .r_b .tags{gap:10px}body .home .container .chose_box .r_b .tags:not(:last-child){margin-bottom:20px}body .home .container .chose_box .r_b .tags span{padding:4px 15px}body .home .container .list{grid-template-columns:repeat(1, 1fr);margin:30px 0;gap:20px}body .home .container .list a{border-radius:15px;padding:15px}body .home .container .list a .pic{border-radius:15px}body .home .container .list a .pic img{height:170px;border-radius:15px}body .home .container .list a .pt{margin:10px 0 4px 0}body .home .container .list a .des{height:auto}body .home .container .list a .tags{margin:5px 0 10px 0;gap:10px}body .home .container .list a .tags span{border-radius:15px;padding:3px 10px;gap:4px}body .home .container .pager{gap:10px}body .home .container .pager .prev svg,body .home .container .pager .next svg{width:30px}body .home .container .pager span,body .home .container .pager a{width:30px;height:30px;font-size:14px}}