#collection{margin:0 auto;margin-bottom:60px;width:1280px;padding-top:40px}#collection .popular_search_terms_box{margin-top:30px}#collection .popular_search_terms_box .title{margin-bottom:16px;display:flex;font-size:16px;font-weight:500;line-height:normal;color:#333}#collection .popular_search_terms_box .title .tips-icon-box{position:relative;display:flex;align-items:center;justify-content:center}#collection .popular_search_terms_box .title .tips-icon-box .tips-icon{display:inline-block;width:17px;height:17px;margin-left:10px;background:no-repeat center/contain;vertical-align:middle;background-image:url("../images/popular-search/tip@2x.png")}#collection .popular_search_terms_box .title .tips-icon-box .tips-tool{display:none;position:absolute;z-index:9;bottom:33px;background:no-repeat center/contain;vertical-align:middle;width:322px;height:auto;padding:8px 12px 8px 14px;background-color:#fff;border-radius:4px;box-shadow:0 2px 40px -12px rgba(0,0,0,.12);border:1px solid #eee;margin-left:10px}#collection .popular_search_terms_box .title .tips-icon-box .tips-tool::before,#collection .popular_search_terms_box .title .tips-icon-box .tips-tool::after{position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);content:"";width:0;height:0;border-left:7px solid rgba(0,0,0,0);border-right:7px solid rgba(0,0,0,0)}#collection .popular_search_terms_box .title .tips-icon-box .tips-tool::before{border-top:6px solid #eee}#collection .popular_search_terms_box .title .tips-icon-box .tips-tool::after{bottom:-6px;border-top:6px solid #fff}#collection .popular_search_terms_box .title .tips-icon-box .tips-tool p{font-size:14px;font-weight:normal;line-height:22px;color:#222;margin:0}#collection .popular_search_terms_box .title .tips-icon-box:hover .tips-tool{display:block}#collection .popular_search_terms_box .terms-list{margin:0 auto;display:flex;column-gap:20px;row-gap:15px;flex-wrap:wrap}#collection .popular_search_terms_box .terms-list .item{width:auto;height:38px;display:flex;align-items:center;justify-content:center;padding:0 20px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 40px -15px rgba(0,0,0,.12);background-color:rgba(244,82,43,.08)}#collection .popular_search_terms_box .terms-list .item:hover span{color:#f4522b}#collection .popular_search_terms_box .terms-list .item .icon{display:inline-block;width:11px;height:14px;min-width:11px;min-height:14px;background:no-repeat center/contain;vertical-align:middle;background-image:url("../images/popular-search/hot@2x.png");margin:0 0 0 6px}#collection .popular_search_terms_box .terms-list .item span{white-space:nowrap;line-height:22px;font-size:14px;font-weight:normal;color:#222;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#collection .popular_search_terms_box .terms-list .item .i1{background-image:url("../images/popular-search/1@2x.jpg")}#collection .popular_search_terms_box .terms-list .item .i2{background-image:url("../images/popular-search/2@2x.jpg")}#collection .popular_search_terms_box .terms-list .item .i3{background-image:url("../images/popular-search/3@2x.jpg")}#collection .popular_search_terms_box .terms-list .item .i4{background-image:url("../images/popular-search/4@2x.jpg")}#collection .popular_search_terms_box .terms-list .item .i5{background-image:url("../images/popular-search/5@2x.jpg")}#collection .popular_search_terms_box .terms-list .item .i6{background-image:url("../images/popular-search/6@2x.jpg")}#collection .popular_search_terms_box .terms-list .item .i7{background-image:url("../images/popular-search/7@2x.jpg")}#collection .popular_search_terms_box .terms-list .item .i8{background-image:url("../images/popular-search/8@2x.jpg")}#collection .popular_search_terms_box .terms-list .item .i9{background-image:url("../images/popular-search/9@2x.jpg")}#collection .popular_search_terms_box .terms-list .item .i10{background-image:url("../images/popular-search/10@2x.jpg")}#collection .popular_search_terms_box .terms-list .item .i11{background-image:url("../images/popular-search/11@2x.jpg")}#collection .popular_search_terms_box .terms-list .item .i12{background-image:url("../images/popular-search/12@2x.jpg")}#collection .popular_search_terms_box .terms-list .item .i13{background-image:url("../images/popular-search/13@2x.jpg")}#collection .popular_search_terms_box .terms-list .item .i14{background-image:url("../images/popular-search/14@2x.jpg")}#collection .popular_search_terms_box .terms-list .item .i15{background-image:url("../images/popular-search/15@2x.jpg")}#collection .popular_search_terms_box .terms-list .item .i16{background-image:url("../images/popular-search/16@2x.jpg")}#collection .popular_search_terms_box .terms-list .item .i17{background-image:url("../images/popular-search/17@2x.jpg")}#collection .popular_search_terms_box .terms-list .item .i18{background-image:url("../images/popular-search/18@2x.jpg")}#collection .popular_search_terms_box .terms-list .item .i19{background-image:url("../images/popular-search/19@2x.jpg")}#collection .popular_search_terms_box .terms-list .item .i20{background-image:url("../images/popular-search/20@2x.jpg")}#collection #blog-list{display:flex;flex-wrap:wrap;margin:0 auto;margin-top:24px;width:100%;row-gap:24px;column-gap:20px}.title_bar{margin-bottom:15px}.title_bar h2{font-size:34px;line-height:42px}#top_search{height:auto}#top_search ._form{width:720px;height:64px;position:relative;margin:0 auto;margin-bottom:20px}#top_search ._form .search-go{width:144px;height:56px;position:absolute;right:4px;top:4px;padding:0;border-radius:28px;color:#fff;background-color:#0d0d0d;font-size:16px;font-weight:600;line-height:24px;text-align:center}#top_search ._form .search-input #main-search{width:100%;height:64px;line-height:24px;font-size:15px;font-weight:normal;color:#222;padding:4px 4px 4px 23.1px;border-radius:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 40px -15px rgba(0,0,0,.12);background-color:hsla(0,0%,100%,.85);border:solid 1px #0d0d0d}#top_search .main_terms{width:100%}.title_bar{display:flex;align-items:baseline;margin-bottom:16px}.title_bar h2{margin:0 12px 0 0;font-size:40px;font-weight:600;line-height:48px;color:#222}.title_bar i{width:16px;height:16px;object-fit:contain;border-radius:1.6px;display:inline-block;background:no-repeat center/contain;vertical-align:middle;background-image:url("../images/blog/bar2.svg")}@media screen and (max-width: 768px){.title_bar{display:flex;align-items:baseline;margin-bottom:6px}.title_bar h2{margin:0 8px 0 0;font-size:19px;line-height:26px}.title_bar i{width:10px;height:10px;border-radius:1px}}._blog_box.common_blog{width:305px;height:auto;border-radius:8px;background-color:#fff;cursor:pointer;box-shadow:0 2px 40px -12px rgba(0,0,0,.12);transition:transform .3s ease;display:flex;flex-direction:column}._blog_box.common_blog:hover{transform:translateY(-4px);transition:transform .3s ease}._blog_box.common_blog:hover img{transform:scale(1)}._blog_box.common_blog .cover{position:relative;width:100%;height:172px;border-radius:0;border-top-left-radius:8px;border-top-right-radius:8px;overflow:hidden}._blog_box.common_blog .cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}._blog_box.common_blog .cover .tag{position:absolute;top:12px;right:12px;height:30px;padding:0 16px 0;border-radius:21px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:hsla(0,0%,100%,.6);font-size:14px;font-weight:500;line-height:30px;text-align:center;color:#222;z-index:2}._blog_box.common_blog .bottom{padding:12px 16px 20px;display:flex;flex-direction:column;justify-content:space-between;flex:1}._blog_box.common_blog .bottom .title{width:273px;font-size:15px;font-weight:500;line-height:24px;color:#333;margin-bottom:16px}._blog_box.common_blog .bottom .author_and_date{height:22px;font-size:14px;font-weight:normal;line-height:22px;color:#999;display:flex}._blog_box.common_blog .bottom .author_and_date span:first-child{margin-right:5px}@media screen and (max-width: 768px){._blog_box.common_blog{width:100%;height:102px;display:flex;padding:10px;flex-direction:row}._blog_box.common_blog .cover{width:146px;height:82px;min-width:146px;min-height:82px;border-radius:4px}._blog_box.common_blog .cover img{width:100%;height:100%}._blog_box.common_blog .bottom{margin-left:10px;padding:0;justify-content:normal;height:auto}._blog_box.common_blog .bottom .title{width:auto;font-size:14px;line-height:20px;margin-bottom:2px}._blog_box.common_blog .bottom .author_and_date{height:20px;font-size:12px;line-height:20px}}.load_more_box{width:100%;display:flex;align-items:center;justify-content:center;margin-top:30px}.load_more_box .load_more{text-align:center;padding:0;font-size:16px;font-weight:600;line-height:24px;color:#222;cursor:pointer;text-decoration:underline}@media screen and (max-width: 768px){.load_more_box{margin-top:15px}.load_more_box .load_more{padding:0;font-size:14px;line-height:22px}}@media screen and (max-width: 768px){#collection{margin-bottom:30px;width:100%;padding:15px 15px 0}#collection .popular_search_terms_box{margin-top:0}#collection .popular_search_terms_box .title{margin-bottom:12px;display:flex}#collection .popular_search_terms_box .title .tips-icon-box{position:relative;display:flex;align-items:center;justify-content:center}#collection .popular_search_terms_box .title .tips-icon-box .tips-icon{margin-left:8px}#collection .popular_search_terms_box .title .tips-icon-box .tips-tool{display:none;position:absolute;z-index:9;bottom:unset;left:26px;width:176px;height:auto;padding:6px 12px;margin-left:10px;top:-9px}#collection .popular_search_terms_box .title .tips-icon-box .tips-tool::before,#collection .popular_search_terms_box .title .tips-icon-box .tips-tool::after{position:absolute;position:absolute;left:-7px;top:12px;content:"";width:0;height:0;border-top:7px solid rgba(0,0,0,0);border-bottom:7px solid rgba(0,0,0,0)}#collection .popular_search_terms_box .title .tips-icon-box .tips-tool::before{border-right:6px solid #eaeaea}#collection .popular_search_terms_box .title .tips-icon-box .tips-tool::after{left:-6px;border-right:6px solid #fff}#collection .popular_search_terms_box .title .tips-icon-box .tips-tool p{font-size:12px;line-height:18px}#collection .popular_search_terms_box .title .tips-icon-box:hover .tips-tool{display:block}#collection .popular_search_terms_box .title{font-size:15px;line-height:22px;color:#222}#collection .popular_search_terms_box .terms-list{column-gap:10px;row-gap:12px}#collection .popular_search_terms_box .terms-list .item{width:auto;margin-right:0}#collection .popular_search_terms_box .terms-list .item span{line-height:22px;color:#222}#collection #blog-list{margin-top:20px;row-gap:12px;column-gap:0}.title_bar{margin-bottom:15px}#top_search{height:auto}#top_search ._form{width:100%;height:44px;margin-bottom:12px}#top_search ._form .search-go{right:2px;top:2px;padding:0;width:40px;height:40px;border-radius:31px;background-color:#0d0d0d;align-items:center;justify-content:center;display:flex}#top_search ._form .search-go .i-search{display:inline-block;width:16px;height:16px;object-fit:contain;background:url("../images/header/form-search.png%3Fv=2") no-repeat center/cover}#top_search ._form .search-input #main-search{width:100%;height:44px;line-height:22px;font-size:14px;color:#222;padding:0 0 0 20px;border-radius:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 40px -15px rgba(0,0,0,.12);background-color:hsla(0,0%,100%,.85);border:solid 1px #0d0d0d}#top_search .main_terms{width:100%}}/*# sourceMappingURL=collection.css.map */