a{text-decoration:none}a:hover{text-decoration:none}body{overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;color:#666}body .pop-bg{display:none}@media only screen and (max-width: 1024px){body.nav-open .wrap{width:100%}}body.nav-open .g-nav{-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}body.nav-open .g-nav .nav-toggle .nav-icon{background-color:rgba(255,255,255,0)}body.nav-open .g-nav .nav-toggle .nav-icon::before{-moz-transform:translateY(6px) rotate(-45deg);-ms-transform:translateY(6px) rotate(-45deg);-webkit-transform:translateY(6px) rotate(-45deg);transform:translateY(6px) rotate(-45deg)}body.nav-open .g-nav .nav-toggle .nav-icon::after{-moz-transform:translateY(-6px) rotate(45deg);-ms-transform:translateY(-6px) rotate(45deg);-webkit-transform:translateY(-6px) rotate(45deg);transform:translateY(-6px) rotate(45deg)}body.nav-open .footer-nav{-moz-transform:translateY(55px);-ms-transform:translateY(55px);-webkit-transform:translateY(55px);transform:translateY(55px)}body.is-pop{position:relative;overflow-y:hidden;height:100vh}body.is-pop .pop-bg{display:block;width:100%;width:100vw;height:100%;height:100vh;background-color:rgba(0,0,0,0.6);position:fixed;top:0;left:0;z-index:99}body.is-pop .photo-pop{display:block}.index{position:absolute;top:0;left:0;width:100%;width:100vw;height:100%;height:100vh}.index .index-title{width:40%;text-align:center;position:absolute;top:50px;left:50%;z-index:1;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media only screen and (max-width: 720px){.index .index-title{width:70%}}.index .logo{width:60%}.index .index-nav{font-size:0}.index .nav-item{position:relative;overflow:hidden;cursor:pointer;float:left}.index .nav-item:hover:not(.closed-item){filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}.index .nav-item:hover:not(.closed-item) .nav-bg{-moz-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)}.index .nav-item:hover:not(.closed-item) .nav-bg:before{height:0}.index .nav-item.closed-item{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}.index .nav-item.closed-item .nav-bg:before{background-color:rgba(255,255,255,0.5)}.index .nav-item .nav-bg{width:33.333%;width:33.333vw;height:100%;height:100vh;background-position:center;background-repeat:no-repeat;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover;-moz-transition:all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-transition:all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);transition:all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1)}.index .nav-item .nav-bg:before{content:"";width:100%;height:100%;background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC42Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');background-size:100%;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0,0,0,0)),color-stop(100%, rgba(255,255,255,0.6)));background-image:-moz-linear-gradient(rgba(0,0,0,0),rgba(255,255,255,0.6));background-image:-webkit-linear-gradient(rgba(0,0,0,0),rgba(255,255,255,0.6));background-image:linear-gradient(rgba(0,0,0,0),rgba(255,255,255,0.6))}.index .nav-item .nav-title{width:100%;padding-bottom:33.333%;background-position:center;background-repeat:no-repeat;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover;position:absolute;bottom:40px;left:0}@media only screen and (max-width: 720px){.index .nav-item .nav-title{width:150%;padding-bottom:50%;left:50%;bottom:70px;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.index .nav-item .nav-title .nav-desc{width:100%;letter-spacing:1px;text-align:center;font-size:16px;color:#333;position:absolute;bottom:-5px}@media only screen and (max-width: 720px){.index .nav-item .nav-title .nav-desc{width:100%;bottom:-10px;text-align:center;font-size:12px}}.index .share-wrap{margin-top:20px}.index .share-wrap .share-btn:hover{color:#666;background-color:#fff}.g-nav{position:fixed;top:0;left:0;z-index:3;width:220px;min-height:100%;min-height:100vh;height:100vh;text-align:center;overflow-y:scroll;-moz-transform:translateX(-220px);-ms-transform:translateX(-220px);-webkit-transform:translateX(-220px);transform:translateX(-220px);-moz-transition:width 0.3s,-moz-transform 0.3s,-webkit-transform 0.3s;-o-transition:width 0.3s,-o-transform 0.3s,-webkit-transform 0.3s;-webkit-transition:width 0.3s,-webkit-transform 0.3s,-webkit-transform 0.3s;transition:width 0.3s,transform 0.3s,-webkit-transform 0.3s}@media only screen and (max-width: 1024px){.g-nav{-moz-transform:translateX(-260px);-ms-transform:translateX(-260px);-webkit-transform:translateX(-260px);transform:translateX(-260px);width:260px;background-color:#fff;border-right:1px solid #efefef}}@media only screen and (max-width: 720px){.g-nav{height:120vh}}.g-nav .nav-toggle{position:absolute;top:0;right:-62px;width:62px;height:0;text-align:center;color:#666;background-color:#0096ff;cursor:pointer;overflow:hidden;-moz-transition:height 0.3s;-o-transition:height 0.3s;-webkit-transition:height 0.3s;transition:height 0.3s}@media only screen and (max-width: 1024px){.g-nav .nav-toggle{height:62px}}.g-nav .nav-toggle .nav-icon{position:relative;top:30px;left:18px;display:block;width:24px;height:1px;background-color:rgba(255,255,255,0.8);-moz-transition:background-color 0.3s;-o-transition:background-color 0.3s;-webkit-transition:background-color 0.3s;transition:background-color 0.3s}.g-nav .nav-toggle .nav-icon::before,.g-nav .nav-toggle .nav-icon::after{position:absolute;left:0;content:"";width:24px;height:1px;background-color:rgba(255,255,255,0.8);-moz-transition:-moz-transform 0.3s;-o-transition:-o-transform 0.3s;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s}.g-nav .nav-toggle .nav-icon::before{top:-6px}.g-nav .nav-toggle .nav-icon::after{bottom:-6px}.g-nav .title-logo{display:block}.g-nav .title-logo img{width:70%;margin:30px 0 20px;cursor:pointer;-moz-transition:width 0.3s;-o-transition:width 0.3s;-webkit-transition:width 0.3s;transition:width 0.3s}@media only screen and (max-width: 720px){.g-nav .title-logo img{width:60%}}.g-nav .page-title{position:relative;font-size:12px;color:#999;margin:-10px auto 15px}.g-nav .page-title span{display:inline-block}.g-nav .page-title:after,.g-nav .page-title:before{content:"";width:25%;height:1px;background-color:#ddd;margin:4px 6px}.g-nav .nav-list{text-align:left;overflow:hidden}.g-nav .nav-list .nav-item{position:relative;padding:8px 30px 8px 50px;color:#666;font-size:15px;letter-spacing:2px;cursor:pointer;font-weight:500;-moz-transition:color 0.3s;-o-transition:color 0.3s;-webkit-transition:color 0.3s;transition:color 0.3s}.g-nav .nav-list .nav-item:hover{color:#0096ff}.g-nav .nav-list .nav-item:hover .sub-nav-list{color:#666}.g-nav .nav-list .nav-item.is-acted::before{content:"";border-style:solid;border-width:4px 0 4px 6px;border-color:transparent transparent transparent #0096ff;position:absolute;top:14px;left:35px}@media only screen and (max-width: 720px){.g-nav .nav-list .nav-item.link-item{display:none}}@media only screen and (max-width: 720px){.g-nav .nav-list .nav-item{font-size:16px}}.g-nav .sub-nav-list{text-indent:1em;font-weight:400;font-style:italic;font-size:14px;color:#666;margin-top:5px}.g-nav .sub-nav-list .sub-nav-item{padding:4px 0}.g-nav .sub-nav-list .sub-nav-item:hover{color:#0096ff}.wrap{width:100%;overflow-x:hidden;position:absolute;top:0;right:0;z-index:2;-moz-transition:width 0.3s;-o-transition:width 0.3s;-webkit-transition:width 0.3s;transition:width 0.3s;background-size:cover;background-attachment:fixed}.wrap section{width:100%;min-height:100%;min-height:100vh;background-color:#fff}.wrap section:nth-child(even),.wrap section.photographer{background-color:#f6f6f6}.wrap section:nth-child(even) .section-inner .rank-item,.wrap section.photographer .section-inner .rank-item{border-color:#e3e3e3}.wrap section.event{background-color:rgba(80,50,31,0.5)}.wrap section .section-inner{position:relative;width:100%;max-width:900px;margin:0 auto;padding:50px 30px;background-size:20px 20px}@media only screen and (max-width: 720px){.wrap section .section-inner{padding:62px 10px}}.wrap section .section-inner .share-wrap{width:100%;text-align:center}@media only screen and (max-width: 720px){.wrap section .section-inner .share-wrap{margin-top:15px}}.wrap section .section-inner .topic{margin-bottom:25px;font-size:30px;letter-spacing:6px;text-align:center;font-weight:500;color:#666;-moz-transition:text-align 0.3s,padding 0.3s,font-size 0.3s,letter-spacing 0.3s;-o-transition:text-align 0.3s,padding 0.3s,font-size 0.3s,letter-spacing 0.3s;-webkit-transition:text-align 0.3s,padding 0.3s,font-size 0.3s,letter-spacing 0.3s;transition:text-align 0.3s,padding 0.3s,font-size 0.3s,letter-spacing 0.3s}@media only screen and (max-width: 720px){.wrap section .section-inner .topic{text-align:left;font-size:20px;letter-spacing:5px;padding-left:10px}}.wrap section .section-inner .topic .category{margin-top:5px;font-size:14px;font-weight:700;letter-spacing:5px;color:#666;-moz-transition:letter-spacing 0.3s,font-size 0.3s;-o-transition:letter-spacing 0.3s,font-size 0.3s;-webkit-transition:letter-spacing 0.3s,font-size 0.3s;transition:letter-spacing 0.3s,font-size 0.3s}@media only screen and (max-width: 720px){.wrap section .section-inner .topic .category{letter-spacing:8px;font-size:16px;font-weight:400}}.wrap section .section-inner .rank-item{position:relative;border-bottom:1px solid #f3f3f3}.wrap section .section-inner .rank-item::after,.wrap section .section-inner .rank-item::before{position:absolute;top:50%;right:10px;content:"";width:10px;height:2px;background-color:#0096ff}.wrap section .section-inner .rank-item::after{-moz-transform:translateY(calc(-50% - 3px)) rotate(45deg);-ms-transform:translateY(calc(-50% - 3px)) rotate(45deg);-webkit-transform:translateY(calc(-50% - 3px)) rotate(45deg);transform:translateY(calc(-50% - 3px)) rotate(45deg)}.wrap section .section-inner .rank-item::before{-moz-transform:translateY(calc(-50% + 3px)) rotate(-45deg);-ms-transform:translateY(calc(-50% + 3px)) rotate(-45deg);-webkit-transform:translateY(calc(-50% + 3px)) rotate(-45deg);transform:translateY(calc(-50% + 3px)) rotate(-45deg)}.wrap section .section-inner .rank-item:first-child .rank-num svg{fill:#FFE600}.wrap section .section-inner .rank-item:nth-child(2) .rank-num svg{fill:#d6d6d6}.wrap section .section-inner .rank-item:nth-child(3) .rank-num svg{fill:#c69777}.wrap section .section-inner .rank-item .rank-num{position:relative;width:42px;padding-left:10px}.wrap section .section-inner .rank-item .rank-num svg{width:100%;fill:#666}.wrap section .section-inner .rank-item .rank-num .num{position:absolute;top:0;left:5px;z-index:2;width:100%;height:100%;padding-top:12px;text-align:center;font-size:12px;color:#fff;font-weight:bold}section.comp.rank .share-wrap,section.article .share-wrap,section.runner .share-wrap,section.event .share-wrap,section.photographer .share-wrap{margin-top:25px}section.index{position:relative;text-align:center;color:#333}section.index .index-inner{width:60%;max-width:460px;position:absolute;top:40%;left:50%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}section.index .title{width:100%}section.index .title svg{width:100%}section.index .scroll-tip{margin-top:40px;font-size:12px;letter-spacing:1px;animation:updown 0.3s ease-out alternate infinite}section.index .scroll-tip::after{position:absolute;bottom:-15px;left:calc(50% - 30px);content:"";width:0;height:0;border-width:10px 30px 0 30px;border-style:solid;border-color:#333 transparent transparent transparent}section.news .news-list{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}section.news .news-list .rank-item{width:-moz-calc(25% - 30px);width:-webkit-calc(25% - 30px);width:calc(25% - 30px);margin:0 15px 30px;padding-top:8px;font-size:0;border-width:0}@media only screen and (max-width: 720px){section.news .news-list .rank-item{width:100%;float:none;margin:0;border-width:1px}}section.news .news-list .rank-item::after,section.news .news-list .rank-item::before{display:none}@media only screen and (max-width: 720px){section.news .news-list .rank-item::after,section.news .news-list .rank-item::before{display:inline-block}}section.news .news-list .rank-item:nth-child(-n+6){width:-moz-calc(33.333% - 30px);width:-webkit-calc(33.333% - 30px);width:calc(33.333% - 30px);min-height:345px}@media only screen and (max-width: 720px){section.news .news-list .rank-item:nth-child(-n+6){width:100%;min-height:0}}@media only screen and (max-width: 720px){section.news .news-list .rank-item:first-child{font-size:0}section.news .news-list .rank-item:first-child .news-summery{width:100%}section.news .news-list .rank-item:first-child .news-summery .news-img{width:39%;padding-bottom:26%}section.news .news-list .rank-item:first-child .news-summery .news-title{width:-moz-calc(100% - 39%);width:-webkit-calc(100% - 39%);width:calc(100% - 39%)}section.news .news-list .rank-item:first-child .teaser{display:block;margin-top:10px;padding:0 8px}section.news .news-list .rank-item:first-child::after,section.news .news-list .rank-item:first-child::before{display:none}}section.news .news-list .rank-item .link-mask{display:block;padding:10px 0}section.news .news-list .rank-item .news-summery{display:block;width:100%;font-size:0}@media only screen and (max-width: 720px){section.news .news-list .rank-item .news-summery{display:inline-block;padding-left:5px;width:-moz-calc(100% - 50px);width:-webkit-calc(100% - 50px);width:calc(100% - 50px)}}section.news .news-list .rank-item .news-summery .news-img,section.news .news-list .rank-item .news-summery .news-title{vertical-align:middle}section.news .news-list .rank-item .news-summery .news-img{display:block;width:100%;height:auto;padding-bottom:66.666%;background-position:top;background-repeat:no-repeat;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover}@media only screen and (max-width: 720px){section.news .news-list .rank-item .news-summery .news-img{width:81px;height:54px;padding-bottom:0;display:inline-block}}section.news .news-list .rank-item .news-summery .news-title{display:block;width:100%;min-height:45px;line-height:1.4;font-size:16px;color:#333;font-weight:500;margin-top:10px}@media only screen and (max-width: 720px){section.news .news-list .rank-item .news-summery .news-title{display:inline-block;width:-moz-calc(100% - 81px);width:-webkit-calc(100% - 81px);width:calc(100% - 81px);min-height:0;padding-left:10px;margin-top:-5px}}section.news .news-list .rank-item .news-summery .author{margin-top:7px;font-size:12px;color:#999}@media only screen and (max-width: 720px){section.news .news-list .rank-item .news-summery .author{margin-top:5px}}section.news .news-list .rank-item .teaser{margin-top:5px;font-size:14px;line-height:1.6;color:#666}@media only screen and (max-width: 720px){section.news .news-list .rank-item .teaser{display:none}}section.comp.editor .topic .teaser{line-height:1.7;letter-spacing:3px;font-size:15px;color:#999;margin-top:25px}@media only screen and (max-width: 720px){section.comp.editor .topic .teaser{margin-top:20px}}section.comp.editor .comp-wrap{background-color:#fff;padding:35px 20px 20px;margin-bottom:30px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}section.comp.editor .comp-wrap .comp-topic{letter-spacing:4px;text-align:center;font-size:24px;color:#666}@media only screen and (max-width: 720px){section.comp.editor .comp-wrap .comp-topic{text-align:left;font-weight:700;font-size:16px}}section.comp.editor .comp-wrap .comp-topic .teaser{line-height:1.7;letter-spacing:3px;font-size:15px;color:#999;margin:5px 0 15px}@media only screen and (max-width: 720px){section.comp.editor .comp-wrap .comp-topic .teaser{line-height:1.5;font-weight:400}}section.comp.editor .comp-list{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}section.comp.editor .comp-list .rank-item{width:-moz-calc(33.333% - 20px);width:-webkit-calc(33.333% - 20px);width:calc(33.333% - 20px);border-width:0;margin:10px}@media only screen and (max-width: 720px){section.comp.editor .comp-list .rank-item{width:100%;border-width:1px;margin:0 0 15px 0}}section.comp.editor .comp-list .rank-item::after,section.comp.editor .comp-list .rank-item::before{display:none}@media only screen and (max-width: 720px){section.comp.editor .comp-list .rank-item::after,section.comp.editor .comp-list .rank-item::before{display:inline-block}}section.comp.editor .comp-list .rank-item .link-mask{position:relative;display:block}section.comp.editor .comp-list .rank-item .link-mask::before{content:"";width:100%;height:100%;background-color:rgba(0,0,0,0.4);position:absolute;top:0;right:0}section.comp.editor .comp-list .rank-item .comp-img{width:100%;padding-bottom:66.666%;background-position:center;background-repeat:no-repeat;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover}section.comp.editor .comp-list .rank-item .comp-name{display:block;width:100%;line-height:1.4;letter-spacing:1px;text-align:center;font-size:16px;font-weight:700;color:#fff;margin-top:10px;position:absolute;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media only screen and (max-width: 720px){section.comp.editor .comp-list .rank-item .comp-name{display:inline-block}}section.comp.editor .comp-list .rank-item .comp-date{margin-top:10px;font-size:12px}@media only screen and (max-width: 720px){section.comp.editor .comp-list .rank-item .comp-date{margin-top:5px}}section.video .video-list{font-size:0;overflow:hidden}section.video .video-list .rank-item{width:-moz-calc(20% - 20px);width:-webkit-calc(20% - 20px);width:calc(20% - 20px);float:left;border-width:0;margin:0 10px 25px}@media only screen and (max-width: 720px){section.video .video-list .rank-item{width:-moz-calc(50% - 5px);width:-webkit-calc(50% - 5px);width:calc(50% - 5px);min-height:170px;margin:0}section.video .video-list .rank-item:nth-child(odd){margin-right:10px}}section.video .video-list .rank-item:nth-child(-n+5){width:-moz-calc(25% - 20px);width:-webkit-calc(25% - 20px);width:calc(25% - 20px);margin-bottom:35px}@media only screen and (max-width: 720px){section.video .video-list .rank-item:nth-child(-n+5){width:-moz-calc(50% - 5px);width:-webkit-calc(50% - 5px);width:calc(50% - 5px);margin-bottom:0}}section.video .video-list .rank-item:nth-child(-n+5) .video-time{position:absolute;bottom:8px;left:8px;z-index:1}section.video .video-list .rank-item:nth-child(-n+5) .video-title{height:45px}@media only screen and (max-width: 720px){section.video .video-list .rank-item:nth-child(n+2){width:100%;min-height:0;padding:10px 0;border-width:1px}section.video .video-list .rank-item:nth-child(n+2):after,section.video .video-list .rank-item:nth-child(n+2):before{display:inline-block}section.video .video-list .rank-item:nth-child(n+2) .video-summery{width:-moz-calc(100% - 50px);width:-webkit-calc(100% - 50px);width:calc(100% - 50px)}section.video .video-list .rank-item:nth-child(n+2) .video-cover,section.video .video-list .rank-item:nth-child(n+2) .video-title{display:inline-block;vertical-align:middle}section.video .video-list .rank-item:nth-child(n+2) .video-cover{width:36%;padding-bottom:24%}section.video .video-list .rank-item:nth-child(n+2) .video-time{position:absolute;bottom:5px;left:5px;z-index:1}section.video .video-list .rank-item:nth-child(n+2) .video-title{width:64%;padding-left:10px}}section.video .video-list .rank-item:first-child{width:-moz-calc(50% - 20px);width:-webkit-calc(50% - 20px);width:calc(50% - 20px);margin-bottom:30px}@media only screen and (max-width: 720px){section.video .video-list .rank-item:first-child{width:100%;margin-bottom:0}section.video .video-list .rank-item:first-child:after,section.video .video-list .rank-item:first-child:before{display:none}section.video .video-list .rank-item:first-child .teaser{margin-bottom:10px}}section.video .video-list .rank-item:first-child .video-title{height:auto;font-size:18px}section.video .video-list .rank-item:first-child .video-time{display:none}section.video .video-list .rank-item::after,section.video .video-list .rank-item::before{display:none}section.video .video-list .rank-item .link-mask{display:block}section.video .video-list .rank-item .video-cover{position:relative;width:100%;padding-bottom:56%;background-position:center;background-repeat:no-repeat;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover}section.video .video-list .rank-item .video-time{position:absolute;bottom:5px;left:5px;z-index:1;letter-spacing:1px;font-weight:400;font-size:12px;color:#fff;background-color:rgba(0,0,0,0.5);padding:3px 6px}section.video .video-list .rank-item .video-title{line-height:1.4;font-weight:500;font-size:16px;color:#333;margin-top:7px}section.video .video-list .rank-item .author{font-size:12px;color:#999;margin-top:5px}section.video .video-list .rank-item .teaser{margin-top:5px;font-size:14px;line-height:1.6;color:#666}section.comp.rank .comp-list{overflow:hidden}section.comp.rank .comp-list .rank-item{width:-moz-calc(50% - 20px);width:-webkit-calc(50% - 20px);width:calc(50% - 20px);float:left;margin:0 10px}@media only screen and (max-width: 720px){section.comp.rank .comp-list .rank-item{width:100%;float:none;margin:0}}section.comp.rank .comp-list .rank-item:first-child{height:576px;border-width:0}@media only screen and (max-width: 720px){section.comp.rank .comp-list .rank-item:first-child{height:auto;border-width:1px}}section.comp.rank .comp-list .rank-item:first-child::after,section.comp.rank .comp-list .rank-item:first-child::before{display:none}section.comp.rank .comp-list .rank-item:first-child .comp-name{font-size:18px}section.comp.rank .comp-list .rank-item .link-mask{display:block;padding:10px 0}section.comp.rank .comp-list .rank-item .comp-img{width:100%;padding-bottom:66.66%;margin-bottom:10px;background-position:center;background-repeat:no-repeat;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover}section.comp.rank .comp-list .rank-item .rank-num,section.comp.rank .comp-list .rank-item .comp-name{display:inline-block;vertical-align:middle}section.comp.rank .comp-list .rank-item .comp-name{padding-left:8px;font-size:16px;color:#333;font-weight:500;width:calc(100% - 80px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}section.comp.rank .comp-list .rank-item .comp-raty{padding-left:55px}section.comp.rank .comp-list .rank-item .comp-raty span{display:inline-block;vertical-align:middle}section.comp.rank .comp-list .rank-item .comp-raty .raty-score{font-weight:500;font-size:14px;color:#666;margin-right:3px}section.comp.rank .comp-list .rank-item .comp-raty img{width:14px}section.comp.rank .comp-list .rank-item .comp-raty .score-count{font-size:12px;color:#999}section.comp.rank .comp-list .rank-item .comp-click{font-size:12px;color:#999;padding-left:55px}section.comp.rank .comp-list .rank-item .teaser{padding-left:55px;padding-right:8px;font-size:14px;line-height:1.6;color:#666;margin-top:5px}section.article .article-list{overflow:hidden}section.article .article-list .rank-item{width:-moz-calc(50% - 20px);width:-webkit-calc(50% - 20px);width:calc(50% - 20px);float:left;margin:0 10px}@media only screen and (max-width: 720px){section.article .article-list .rank-item{width:100%;float:none;margin:0}}section.article .article-list .rank-item:nth-child(-n+4){height:350px}@media only screen and (max-width: 720px){section.article .article-list .rank-item:nth-child(-n+4){height:auto}}section.article .article-list .rank-item:nth-child(-n+4)::after,section.article .article-list .rank-item:nth-child(-n+4)::before{display:none}@media only screen and (max-width: 720px){section.article .article-list .rank-item:nth-child(-n+4)::after,section.article .article-list .rank-item:nth-child(-n+4)::before{display:block}}section.article .article-list .rank-item:nth-child(-n+4) .first-article-img{display:block}@media only screen and (max-width: 720px){section.article .article-list .rank-item:nth-child(-n+4) .first-article-img{display:none}}section.article .article-list .rank-item:nth-child(-n+4) .rank-num,section.article .article-list .rank-item:nth-child(-n+4) .article-summery{vertical-align:top}@media only screen and (max-width: 720px){section.article .article-list .rank-item:nth-child(-n+4) .rank-num,section.article .article-list .rank-item:nth-child(-n+4) .article-summery{vertical-align:middle}}section.article .article-list .rank-item:nth-child(-n+4) .article-summery{width:-moz-calc(100% - 50px);width:-webkit-calc(100% - 50px);width:calc(100% - 50px)}@media only screen and (max-width: 720px){section.article .article-list .rank-item:nth-child(-n+4) .article-summery{width:-moz-calc(100% - 85px);width:-webkit-calc(100% - 85px);width:calc(100% - 85px)}}section.article .article-list .rank-item:nth-child(-n+4) .article-summery .article-title{width:100%;padding-left:2px;margin-bottom:5px;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media only screen and (max-width: 720px){section.article .article-list .rank-item:nth-child(-n+4) .article-summery .article-title{width:-moz-calc(100% - 70px);width:-webkit-calc(100% - 70px);width:calc(100% - 70px);padding-left:10px;margin-bottom:0;overflow:visible;text-overflow:clip;white-space:normal;font-size:16px}}section.article .article-list .rank-item:nth-child(-n+4) .article-summery .article-img{display:none}@media only screen and (max-width: 720px){section.article .article-list .rank-item:nth-child(-n+4) .article-summery .article-img{display:inline-block}}section.article .article-list .rank-item:nth-child(-n+4) .article-summery .teaser{display:block;padding-bottom:10px}@media only screen and (max-width: 720px){section.article .article-list .rank-item:nth-child(-n+4) .article-summery .teaser{display:none;padding-bottom:0}}section.article .article-list .rank-item:nth-child(-n+2){border-width:0}@media only screen and (max-width: 720px){section.article .article-list .rank-item:nth-child(-n+2){border-width:1px}}@media only screen and (max-width: 720px){section.article .article-list .rank-item:first-child::after,section.article .article-list .rank-item:first-child::before{display:none}section.article .article-list .rank-item:first-child .first-article-img{display:block}section.article .article-list .rank-item:first-child .rank-num,section.article .article-list .rank-item:first-child .article-summery{vertical-align:top}section.article .article-list .rank-item:first-child .article-summery{width:-moz-calc(100% - 50px);width:-webkit-calc(100% - 50px);width:calc(100% - 50px)}section.article .article-list .rank-item:first-child .article-summery .article-title{width:100%;padding-left:2px;margin-bottom:5px;font-size:18px;overflow:visible;text-overflow:clip;white-space:normal}section.article .article-list .rank-item:first-child .article-summery .article-img{display:none}section.article .article-list .rank-item:first-child .article-summery .teaser{display:block;padding-bottom:10px}}section.article .article-list .rank-item .first-article-img{margin-bottom:10px;height:200px;background-position:center top;background-repeat:no-repeat;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover;display:none}@media only screen and (max-width: 720px){section.article .article-list .rank-item .first-article-img{height:150px}}section.article .article-list .rank-item .link-mask{display:block;padding:10px 0}section.article .article-list .rank-item .rank-num,section.article .article-list .rank-item .article-summery{display:inline-block;vertical-align:middle;font-size:0}section.article .article-list .rank-item .article-summery{padding-left:5px;width:-moz-calc(100% - 85px);width:-webkit-calc(100% - 85px);width:calc(100% - 85px);font-size:0}section.article .article-list .rank-item .article-summery .article-img,section.article .article-list .rank-item .article-summery .article-title{display:inline-block;vertical-align:middle}section.article .article-list .rank-item .article-summery .article-img{width:70px;height:70px;background-position:center top;background-repeat:no-repeat;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover}section.article .article-list .rank-item .article-summery .article-title{width:-moz-calc(100% - 70px);width:-webkit-calc(100% - 70px);width:calc(100% - 70px);padding-left:10px;font-size:16px;color:#333;font-weight:500}section.article .article-list .rank-item .article-summery .author{margin-top:5px;font-size:12px;color:#999}section.article .article-list .rank-item .article-summery .author span{margin:0 5px}section.article .article-list .rank-item .article-summery .teaser{padding-left:2px;font-size:14px;line-height:1.6;color:#666;display:none}section.photo.rank .photo-list{font-size:0;overflow:hidden}section.photo.rank .photo-list .rank-item{width:-moz-calc(16.666% - 10px);width:-webkit-calc(16.666% - 10px);width:calc(16.666% - 10px);margin:0 5px;float:left;vertical-align:top;border-bottom:0;margin-bottom:5px}@media only screen and (max-width: 720px){section.photo.rank .photo-list .rank-item{display:inline-block;width:-moz-calc(33.333% - 10px);width:-webkit-calc(33.333% - 10px);width:calc(33.333% - 10px)}}section.photo.rank .photo-list .rank-item:nth-child(-n+4){width:-moz-calc(25% - 20px);width:-webkit-calc(25% - 20px);width:calc(25% - 20px);margin:0 10px}@media only screen and (max-width: 720px){section.photo.rank .photo-list .rank-item:nth-child(-n+4){display:inline-block;width:-moz-calc(50% - 20px);width:-webkit-calc(50% - 20px);width:calc(50% - 20px)}}section.photo.rank .photo-list .rank-item::after,section.photo.rank .photo-list .rank-item::before{display:none}section.photo.rank .photo-list .rank-item .link-mask{display:block;padding:10px 0}section.photo.rank .photo-list .rank-item .photo-img{width:100%;padding-bottom:140%;background-position:center;background-repeat:no-repeat;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover}section.photo.rank .photo-list .rank-item .rank-num{margin:10px auto 5px}section.photo.rank .photo-list .rank-item .item-info{margin-top:5px;font-size:12px;color:#999}section.photo.rank .photo-list .rank-item .item-info span{margin:0 5px}section.runner .runner-list{font-size:0;overflow:hidden}section.runner .runner-list .rank-item{width:70%;float:left;padding:10px 0}@media only screen and (max-width: 720px){section.runner .runner-list .rank-item{width:100%;float:none}}section.runner .runner-list .rank-item:first-child{width:30%;height:450px;border-bottom:0}@media only screen and (max-width: 720px){section.runner .runner-list .rank-item:first-child{width:100%;height:auto;border-bottom:1px solid #f3f3f3}}section.runner .runner-list .rank-item:first-child .runner-photo{width:80%;padding-bottom:80%;margin:0 10%;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background-position:center;background-repeat:no-repeat;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover}@media only screen and (max-width: 720px){section.runner .runner-list .rank-item:first-child .runner-photo{display:inline-block;vertical-align:middle;width:35%;padding-bottom:35%;margin:0}}section.runner .runner-list .rank-item:first-child .runner-wrap{text-align:center}@media only screen and (max-width: 720px){section.runner .runner-list .rank-item:first-child .runner-wrap{display:inline-block;vertical-align:middle;width:65%}}section.runner .runner-list .rank-item:first-child .rank-num{margin:8px 5px 5px 0}@media only screen and (max-width: 720px){section.runner .runner-list .rank-item:first-child .rank-num{margin-top:0}}section.runner .runner-list .rank-item:first-child .runner-name{width:100%;font-size:20px;margin-left:0}section.runner .runner-list .rank-item:first-child .runner-summery{width:100%;margin-top:3px}@media only screen and (max-width: 720px){section.runner .runner-list .rank-item:first-child .runner-summery{padding:0}}section.runner .runner-list .rank-item:first-child .race-comp,section.runner .runner-list .rank-item:first-child .race-time{width:auto}section.runner .runner-list .rank-item:first-child .race-comp{margin-right:5px}section.runner .runner-list .rank-item::after,section.runner .runner-list .rank-item::before{display:none}section.runner .runner-list .rank-item .rank-num,section.runner .runner-list .rank-item .runner-name,section.runner .runner-list .rank-item .runner-summery{display:inline-block;vertical-align:middle}section.runner .runner-list .rank-item .runner-name{width:-moz-calc(100% - 225px);width:-webkit-calc(100% - 225px);width:calc(100% - 225px);font-size:16px;margin-left:10px}@media only screen and (max-width: 720px){section.runner .runner-list .rank-item .runner-name{width:auto;padding-top:10px}}section.runner .runner-list .rank-item .runner-summery{font-size:15px}@media only screen and (max-width: 720px){section.runner .runner-list .rank-item .runner-summery{width:100%;font-size:14px;padding:5px 0 0 50px}}section.runner .runner-list .rank-item .runner-flag,section.runner .runner-list .rank-item .race-comp,section.runner .runner-list .rank-item .race-time{display:inline-block;vertical-align:middle;text-align:center}section.runner .runner-list .rank-item .runner-flag{width:20px;padding-bottom:15px;border:0.5px solid #f3f3f3;margin-bottom:3px;margin-left:5px;background-position:center;background-repeat:no-repeat;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover}@media only screen and (max-width: 720px){section.runner .runner-list .rank-item .runner-flag{margin-right:8px}}section.runner .runner-list .rank-item .race-comp{width:95px}@media only screen and (max-width: 720px){section.runner .runner-list .rank-item .race-comp{width:auto;margin-right:5px}}section.runner .runner-list .rank-item .race-time{width:70px}@media only screen and (max-width: 720px){section.runner .runner-list .rank-item .race-time{width:auto}}section.runner .info-url{font-size:14px;text-align:right;color:#999}@media only screen and (max-width: 720px){section.runner .info-url{margin:10px 0 20px}}section.runner .info-url a{color:#999}section.runner .info-url a:hover{text-decoration:underline}section.photographer .photographer-list{overflow:hidden}section.photographer .photographer-list .grid-item{width:-moz-calc(33.333% - 10px);width:-webkit-calc(33.333% - 10px);width:calc(33.333% - 10px)}@media only screen and (max-width: 720px){section.photographer .photographer-list .grid-item{width:100%}}section.photographer .photographer-list .rank-item{float:left;background-color:#fff;padding:20px;border:0;margin-bottom:15px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:1px 1px 1px 0 rgba(51,51,51,0.1);-webkit-box-shadow:1px 1px 1px 0 rgba(51,51,51,0.1);box-shadow:1px 1px 1px 0 rgba(51,51,51,0.1)}section.photographer .photographer-list .rank-item::after,section.photographer .photographer-list .rank-item::before{display:none}section.photographer .photographer-list .rank-item .avatar,section.photographer .photographer-list .rank-item .name{display:inline-block;vertical-align:middle}section.photographer .photographer-list .rank-item .avatar{width:50px;padding-bottom:50px;margin:0 10px 0 0;background-position:center;background-repeat:no-repeat;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}section.photographer .photographer-list .rank-item .name{color:#666}section.photographer .photographer-list .rank-item p,section.photographer .photographer-list .rank-item .teaser{font-size:14px;line-height:1.6;color:#999;padding-top:10px;margin-top:10px}section.photographer .photographer-list .rank-item .teaser{border-top:1px solid #f3f3f3}section.event{color:#eee}@media only screen and (max-width: 720px){section.event .section-inner{padding:62px 20px}}section.event .section-inner .topic{color:#eee}@media only screen and (max-width: 720px){section.event .section-inner .topic{text-align:center;font-size:30px;padding:0}}section.event h3{text-align:center;font-size:24px;margin-bottom:25px}section.event p{line-height:1.7;margin-bottom:30px}@media only screen and (max-width: 720px){section.event p{font-size:18px}}section.event p a{text-decoration:underline;color:#eee;cursor:pointer}section.event .rule{margin-bottom:50px}section.event .rule .rule-item{line-height:1.5;margin-bottom:15px;display:-webkit-flex;display:flex}section.event .rule .rule-item .title{-webkit-flex:0 0 80px;flex:0 0 80px}section.event .award{color:#666;background-color:rgba(255,255,255,0.65);padding:40px 60px 10px;margin-top:70px;overflow:hidden;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}@media only screen and (max-width: 720px){section.event .award{padding:30px}}section.event .award .award-list{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}section.event .award .award-list .award-name{width:20%;text-align:center;margin-bottom:15px}@media only screen and (max-width: 720px){section.event .award .award-list .award-name{width:50%}}section.event .award p{font-weight:bold;font-size:15px;color:#333;margin-top:30px}section.event .note{background-color:#50321f}section.event .note .note-inner{width:100%;max-width:900px;padding:50px 30px;margin:0 auto}section.event .note h3{padding:20px 0 5px;border-bottom:1px solid #fff}.photo-wrap{width:100%;min-height:100%;min-height:100vh;text-align:center;background-color:#fff;padding:30px 50px 100px}@media only screen and (max-width: 720px){.photo-wrap{padding:30px 0 0}}.photo-wrap .title-logo{display:block;margin-bottom:30px}.photo-wrap .title-logo img{width:200px;cursor:pointer}@media only screen and (max-width: 720px){.photo-wrap .title-logo img{width:60%}}.photo-wrap section{max-width:1000px;min-height:0;background-color:#f6f6f6;padding:0 10px;margin:0 auto;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}@media only screen and (max-width: 720px){.photo-wrap section{padding:0}}.photo-wrap section .section-inner{max-width:none}.photo-wrap section .section-inner .share-wrap{display:inline-block;width:auto;position:absolute;top:65px;right:40px}@media only screen and (max-width: 1024px){.photo-wrap section .section-inner .share-wrap{position:relative;margin-bottom:30px;top:0;right:0}}@media only screen and (max-width: 720px){.photo-wrap section .section-inner .share-wrap{width:100%;text-align:left;margin:-10px 0 50px 10px}}.photo-wrap .is-hidden{display:none !important}.photo-nav{font-size:0;padding-bottom:15px;margin-bottom:5px;overflow-x:scroll;white-space:nowrap}.photo-nav .nav-item{position:relative;display:inline-block;vertical-align:middle;width:130px;text-align:center;font-size:16px;color:#666;padding:2px 10px;cursor:pointer}.photo-nav .nav-item .category{display:block;color:#d3d3d3;font-size:12px;letter-spacing:1px;margin-top:5px}.photo-nav .nav-item:not(:first-child){border-left:1px solid #f3f3f3}.photo-nav .nav-item:hover{color:#333}.photo-nav .nav-item:hover::after,.photo-nav .nav-item:hover::before{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}.photo-nav .nav-item.is-acted,.photo-nav .nav-item:hover{color:#333}.photo-nav .nav-item.is-acted::before,.photo-nav .nav-item:hover::before{content:"";width:100px;height:2px;background-color:#0096ff;position:absolute;bottom:-8px;left:50%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.photo-nav .nav-item.is-acted::after,.photo-nav .nav-item:hover::after{content:"";border-style:solid;border-width:6px 5px 0 5px;border-color:#0096ff transparent transparent transparent;position:absolute;bottom:-13px;left:50%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.photo-nav .nav-item.terms{color:#f38221}.photo-nav .nav-item.terms:hover::before{background-color:rgba(243,130,33,0.8)}.photo-nav .nav-item.terms:hover::after{border-top-color:rgba(243,130,33,0.8)}.photo-nav .nav-item.terms .category{color:rgba(243,130,33,0.5)}.photo-nav .nav-item.home{color:#0096ff}.photo-nav .nav-item.home::after{display:none}.photo-nav .nav-item.home .category{color:rgba(0,150,255,0.5)}section.leaderboard .leaderboard-list .leaderboard-item{padding-bottom:30px;margin-bottom:35px}section.leaderboard .leaderboard-list .leaderboard-item:nth-child(2) .rank-item:nth-child(4n) .board-img{background-position:center}section.leaderboard .leaderboard-list .leaderboard-item .board-title{position:relative;font-weight:bold;font-size:24px;letter-spacing:2px}@media only screen and (max-width: 720px){section.leaderboard .leaderboard-list .leaderboard-item .board-title{font-size:20px}}section.leaderboard .leaderboard-list .leaderboard-item .board-title::before,section.leaderboard .leaderboard-list .leaderboard-item .board-title::after{content:"";width:55px;height:2px;background-color:#666;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;position:absolute;top:50%}section.leaderboard .leaderboard-list .leaderboard-item .board-title::before{left:-moz-calc(50% - 95px);left:-webkit-calc(50% - 95px);left:calc(50% - 95px)}@media only screen and (max-width: 720px){section.leaderboard .leaderboard-list .leaderboard-item .board-title::before{left:-moz-calc(50% - 90px);left:-webkit-calc(50% - 90px);left:calc(50% - 90px)}}section.leaderboard .leaderboard-list .leaderboard-item .board-title::after{right:-moz-calc(50% - 92px);right:-webkit-calc(50% - 92px);right:calc(50% - 92px)}@media only screen and (max-width: 720px){section.leaderboard .leaderboard-list .leaderboard-item .board-title::after{right:-moz-calc(50% - 87px);right:-webkit-calc(50% - 87px);right:calc(50% - 87px)}}section.leaderboard .board-list{text-align:left;font-size:0;overflow:hidden;padding:10px 7.5px 15px}section.leaderboard .board-list .rank-item{display:inline-block;vertical-align:top;text-align:center;width:20%;padding:0 7.5px;border:0;margin-bottom:25px}@media only screen and (max-width: 720px){section.leaderboard .board-list .rank-item:first-child{width:60%}}@media only screen and (max-width: 720px){section.leaderboard .board-list .rank-item:nth-child(2){width:40%;margin-top:20%}}@media only screen and (max-width: 720px){section.leaderboard .board-list .rank-item{width:33.3%}}section.leaderboard .board-list .rank-item::after,section.leaderboard .board-list .rank-item::before{display:none}section.leaderboard .board-list .rank-item .rank-num{padding:0 5px;margin:0 auto 5px}section.leaderboard .board-list .rank-item .rank-num .num{left:0}section.leaderboard .board-list .rank-item .photographer{font-size:12px;color:#999}section.leaderboard .board-list .rank-item .vote-count{position:relative;font-size:12px;color:#666;margin:8px 0 2px;z-index:2}section.leaderboard .board-list .rank-item .vote-count.up::before,section.leaderboard .board-list .rank-item .vote-count.down::before{content:"";border-style:solid;margin:0 5px 1px}section.leaderboard .board-list .rank-item .vote-count.up::before{border-width:0 5px 6px;border-color:transparent transparent #ef5350 transparent}section.leaderboard .board-list .rank-item .vote-count.down::before{border-width:6px 5px 0;border-color:#8fd529 transparent transparent transparent}section.leaderboard .board-list .rank-item .board-img{position:relative;width:100%;padding-bottom:100%;background-position:center top;background-repeat:no-repeat;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}section.photo.vote .photo-list{font-size:0;overflow:hidden}section.photo.vote .photo-list.is-vote .vote-btn{display:none}section.photo.vote .photo-list.is-vote .rank-item.vote-today .vote-btn{display:block;background-color:#0096ff}section.photo.vote .photo-list.is-vote .rank-item.vote-today .vote-btn:hover{-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);transform:scale(1, 1)}section.photo.vote .photo-list.is-vote .rank-item.vote-today .vote-btn .vote-icon{fill:#fff}section.photo.vote .photo-list.is-vote .rank-item .photo-img{margin-bottom:0}section.photo.vote .photo-list.is-vote .rank-item .photo-summery{display:block}section.photo.vote .photo-list .rank-item{position:relative;display:inline-block;float:left;width:-moz-calc(20% - 20px);width:-webkit-calc(20% - 20px);width:calc(20% - 20px);border:0;margin:10px}@media only screen and (max-width: 1024px){section.photo.vote .photo-list .rank-item{width:-moz-calc(25% - 20px);width:-webkit-calc(25% - 20px);width:calc(25% - 20px)}}@media only screen and (max-width: 720px){section.photo.vote .photo-list .rank-item{width:-moz-calc(50% - 20px);width:-webkit-calc(50% - 20px);width:calc(50% - 20px)}}section.photo.vote .photo-list .rank-item::after,section.photo.vote .photo-list .rank-item::before{display:none}section.photo.vote .photo-list .rank-item .photo-img{width:100%;padding-bottom:150%;margin-bottom:29px;cursor:pointer;background-position:center;background-repeat:no-repeat;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}section.photo.vote .photo-list .rank-item .photo-summery{display:none}section.photo.vote .photo-list .rank-item .photo-summery .num{display:inline-block;font-size:24px}section.photo.vote .photo-list .rank-item .photo-summery .unit{font-size:12px;margin-left:3px}section.photo.vote .photo-list .rank-item .photo-summery .photo-rank{width:34px;color:#fff;background-color:#0096ff;padding-top:5px;position:absolute;top:0;left:0}section.photo.vote .photo-list .rank-item .photo-summery .photo-rank::before{display:block;content:"";height:0;border-style:solid;border-width:8px 17px 10px 17px;border-color:#0096ff #0096ff transparent #0096ff;position:absolute;bottom:-15px}section.photo.vote .photo-list .rank-item .photo-summery .photo-rank .title{font-size:12px}section.photo.vote .photo-list .rank-item .photo-summery .vote-count{text-align:left;color:#666}section.photo.vote .photo-list .rank-item .vote-btn{width:40px;height:40px;text-align:center;font-size:12px;background-color:#f6f6f6;padding:4px;border:2px solid #fff;cursor:pointer;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;position:absolute;right:-7px;bottom:12px;z-index:2}section.photo.vote .photo-list .rank-item .vote-btn:hover{-moz-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)}section.photo.vote .photo-list .rank-item .vote-btn .vote-icon{fill:#999}section.photo.vote .photo-list .rank-item .voted-hint{width:225px;font-size:14px;color:#fff;background-color:rgba(51,51,51,0.9);padding:10px;position:absolute;bottom:60px;left:-10px;z-index:5;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0px 1px 2px 0 rgba(51,51,51,0.5);-webkit-box-shadow:0px 1px 2px 0 rgba(51,51,51,0.5);box-shadow:0px 1px 2px 0 rgba(51,51,51,0.5)}section.photo.vote .photo-list .rank-item .voted-hint .tri{width:18px;height:7px;overflow:hidden;position:absolute;right:60px;bottom:-7px;-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}section.photo.vote .photo-list .rank-item .voted-hint .tri::before{content:"";width:8px;height:14px;background-color:rgba(51,51,51,0.9);-moz-transform:rotate(-60deg);-ms-transform:rotate(-60deg);-webkit-transform:rotate(-60deg);transform:rotate(-60deg);-moz-box-shadow:0px 1px 2px 0 rgba(51,51,51,0.5);-webkit-box-shadow:0px 1px 2px 0 rgba(51,51,51,0.5);box-shadow:0px 1px 2px 0 rgba(51,51,51,0.5)}.photo-pop{display:none;width:auto;position:fixed;top:50%;left:50%;z-index:100;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.photo-pop .large-photo{width:53.333vh;height:80%;height:80vh;background-position:center;background-repeat:no-repeat;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.photo-pop .clz-btn{width:30px;height:30px;position:absolute;top:0;right:-40px;z-index:100}@media only screen and (max-width: 720px){.photo-pop .clz-btn{top:10px;right:10px}}.photo-pop .clz-btn::before,.photo-pop .clz-btn::after{position:absolute;content:"";width:35px;height:2px;background-color:#fff}.photo-pop .clz-btn::before{-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);top:14px;left:-2px}.photo-pop .clz-btn::after{-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:14px;left:-2px}.share-btn{display:inline-block;vertical-align:middle;min-width:145px;height:40px;line-height:40px;color:#fff;letter-spacing:1px;text-align:center;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px}@media only screen and (max-width: 720px){.share-btn{min-width:0;width:40px;font-size:14px}}.share-btn:not(:first-child){margin-left:8px}.share-btn.facebook{background-color:#3b5998}.share-btn.line{display:none;background-color:#00c300}@media only screen and (max-width: 1024px){.share-btn.line{display:inline-block}}.share-btn img{display:none}@media only screen and (max-width: 720px){.share-btn img{display:block;margin:9px auto 0;width:24px}}@media only screen and (max-width: 720px){.share-btn .share-title{display:none}}.footer-nav{display:none;overflow:hidden;width:100%;text-align:center;position:fixed;bottom:0;left:0;z-index:3;-moz-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px);-moz-transition:-moz-transform 0.3s,-webkit-transform 0.3s;-o-transition:-o-transform 0.3s,-webkit-transform 0.3s;-webkit-transition:-webkit-transform 0.3s,-webkit-transform 0.3s;transition:transform 0.3s,-webkit-transform 0.3s}@media only screen and (max-width: 720px){.footer-nav{display:-webkit-flex;display:flex}}.footer-nav .footer-nav-item{width:100%;font-size:0;color:#999;background-color:#f7f7f7;padding:5px 0;border-top:1px solid #ededed;border-right:1px solid #ededed}.footer-nav .footer-nav-item:active,.footer-nav .footer-nav-item:visited,.footer-nav .footer-nav-item:focus{background-color:rgba(247,247,247,0.9)}.footer-nav .footer-nav-item.home .link-icon{fill:#0096ff}.footer-nav .footer-nav-item .link-icon{width:30px;fill:#666}.footer-nav .footer-nav-item .link-title{display:block;width:100%;font-size:12px}svg.fb-icon{display:none;vertical-align:middle;width:10px;margin-top:-2px}@media only screen and (max-width: 720px){svg.fb-icon{display:inline-block}}@keyframes updown{0%{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}100%{-moz-transform:translateY(5px);-ms-transform:translateY(5px);-webkit-transform:translateY(5px);transform:translateY(5px)}}