#photo-list ul li{cursor:pointer;box-sizing:border-box;padding:11px 0;}#photo-list ul{list-style-type:none;margin:-11px 0;padding:0;}#photo-list .photo .image img{display:block;position:absolute;width:auto;height:auto;top:0%;left:0%;bottom:0%;right:0%;max-width:100%;max-height:100%;margin:auto;}#photo-list .photo .image{position:relative;overflow:hidden;display:block;aspect-ratio:1.77777777778;background:#f8f8f8;border-radius:20px 20px 0 0;}#photo-list .photo .image::before{display:block;content:' ';height:0;padding-top:56.2499999999%;}#photo-list .photo .detail .info b{display:block;font-weight:600;}#photo-list .photo .detail .info{margin-right:22px;flex:1 1 auto;}#photo-list .photo .detail .thumbs small:hover::before{color:#820084;}#photo-list .photo .detail .thumbs small::before{vertical-align:middle;margin-right:5px;}#photo-list .photo .detail .thumbs small::before{display:inline-block;line-height:1;font-family:'Icons';font-size:inherit;font-weight:normal;content:' ';}#photo-list .photo .detail .thumbs small.up::before{content:'\0715';}#photo-list .photo .detail .thumbs small.down::before{content:'\0716';}#photo-list .photo .detail .thumbs small{display:inline-block;vertical-align:middle;cursor:pointer;}#photo-list .photo .detail .thumbs small + small{margin-left:10px;}#photo-list .photo .detail .thumbs{flex:0 0 auto;text-align:right;white-space:nowrap;}#photo-list .photo .detail{display:flex;padding:10px;}#photo-list .photo{box-shadow:0 0 10px rgba(111, 111, 111, 0.24);border-radius:20px;}#photo-list{margin-top:36px;max-width:1366px;margin-left:auto;margin-right:auto;box-sizing:border-box;}@media all and (max-width: 1410px){#photo-list{margin-left:22px;margin-right:22px;}}@media all and (min-width: 620px){#photo-list ul li .photo{height:100%;}}@media all and (min-width: 620px){#photo-list ul li{flex:1 1 auto;width:50%;padding:11px;}}@media all and (min-width: 620px){#photo-list ul{margin:-11px;display:flex;flex-wrap:wrap;}}@media all and (max-width: 619px){#photo-list ul li .photo{max-width:320px;margin-left:auto;margin-right:auto;}}@media all and (min-width: 860px){#photo-list ul li{width:33.33%;}}@media all and (min-width: 1024px){#photo-list ul li{width:25%;}}@media all and (min-width: 860px){#photo-list .photo .detail{padding:22px;}}