body{margin:0;padding:0}body .show{width:auto;height:440px;background-size:cover;background-image:url(./show.jpg?ecfa96c);background-color:#000}body li{list-style:none}body a{cursor:pointer}body a:focus,body a:hover,body a:link{text-decoration:none}body .focus{opacity:1!important;box-shadow:0 0 10px #fff}body .hide>a>i{visibility:hidden}body section.page-content{background-color:#e8eded;background-attachment:fixed;min-height:600px}body section.page-content .title{height:150px;text-align:center}body section.page-content .title h1{padding-top:50px}body section.page-content .see{text-align:center}body section.page-content .see .video .photo-show,body section.page-content .see .video .photo-show .photo-item{height:630px}body section.page-content .see .video .photo-show .photo-item .photo-img{height:93%}body section.page-content .see div.categories .all-categories{margin-top:30px}body section.page-content .see div.categories .all-categories h3{margin-bottom:40px}body section.page-content .see ul li{height:25px}body section.page-content .see ul li a{color:#028a71;padding:5px;font-weight:700}body section.page-content .see ul li a:hover{opacity:.8}body section.page-content .slogan{background-color:#dce1e1}body section.page-content .slogan img{width:100%;height:100%;margin-top:20px;margin-bottom:20px}body section.page-content .slogan .slogan-text{margin-top:40px}body section.page-content .slogan .slogan-text h4{text-align:center;margin-bottom:40px;font-weight:700}body section.page-content .slogan .slogan-text p{padding:0;padding-left:60px}body section.page-content .video{background:#e8eded;height:250px}body section.page-content .video h4{margin-top:20px}@media screen and (max-width:968px){section.page-content>section.video{display:none}}@media screen and (max-width:900px){section.show{width:100%;height:260px;background-image:url(./show.jpg?ecfa96c);background-position:50%;background-repeat:no-repeat;background-size:cover}section.page-content .title{width:80%;margin:auto;margin-bottom:20px;height:auto;text-align:left}section.page-content .title h1{padding-top:30px;margin-bottom:10px;font-size:30px;line-height:40px}section.page-content div.slogan .slogan-text{margin-top:30px}section.page-content div.slogan .slogan-text h4{text-align:left;margin-bottom:20px}section.page-content div.slogan .slogan-text p{padding:0;text-align:left;margin-bottom:10px}}@media screen and (max-width:768px){section.page-content>div.see .video .photo-show,section.page-content>div.see .video .photo-show .photo-item{height:305px}section.page-content>div.see .video .photo-show .photo-item .photo-img{height:85%}.categories{margin-top:100px}}@media screen and (max-width:540px){div.categories .col-sm-6{float:left;width:50%}div.categories .col-sm-6 ul{padding-left:0}}section.menu{width:100%;height:85px;background-color:#0c0d0d;color:#b4b9b9;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;overflow:hidden}section.menu nav a.active{color:#84e900!important}section.menu nav.left{padding:0;width:50%;float:left}section.menu nav.right{padding:0;width:50%;float:right}section.menu nav.right ul{float:right}section.menu nav.right ul li{float:left}section.menu nav.right ul li a{color:#fff;opacity:.9}section.menu nav.right ul li a:hover{color:#02a388}section.menu li{display:inline-block;font-size:1rem;line-height:85px;padding:0 30px;white-space:nowrap}section.menu li a{-webkit-transition:all .3s ease-out;transition:all .3s ease-out;color:#b4b9b9}section.menu li a:hover{color:#02a388}section.menu #logo{height:0;margin:0 auto;position:absolute;text-align:center;width:100%}section.menu #logo a{width:200px;height:58px;margin:0 auto;position:relative;font-size:26px;padding-top:10px}section.menu #logo a,section.menu #logo a span{display:block;color:#fff;-webkit-transition:all .5s;transition:all .5s}section.menu #logo a span{margin:auto;font-size:15px;opacity:.9}section.menu #logo a.logo:hover{opacity:.5}section.menu #logo a.logo:hover span{opacity:.4}section.menu #logo i.fa-bars{display:none}@media screen and (max-width:968px){section.menu{width:100%;height:auto;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}section.menu #logo{position:relative;display:block;width:100%;height:80px}section.menu #logo a{width:auto;display:inline-block;text-align:center}section.menu #logo i.fa-bars{display:inline-block;float:right;padding-top:25px;padding-right:20px;margin-left:-20px;cursor:pointer}section.menu .drop{height:1px;overflow:hidden;-webkit-overflow-scrolling:touch;-webkit-transition:height .5s ease;transition:height .5s ease;-webkit-transform:transition3d/translateZ}section.menu .drop,section.menu .drop nav.left,section.menu .drop nav.right{position:relative;width:100%}section.menu .drop nav.left ul,section.menu .drop nav.right ul{width:100%;padding:0;margin:0}section.menu .drop nav.left ul li,section.menu .drop nav.right ul li{display:block;width:100%;height:60px;padding:0;line-height:60px}section.menu .drop nav.left ul li a,section.menu .drop nav.right ul li a{display:inline-block;width:100%;height:60px;padding-left:20px}section.menu .drop nav.left ul li:hover,section.menu .drop nav.right ul li:hover{background-color:rgba(0,0,0,.5)}}@media screen and (max-width:420px){section.menu>#logo a.logo:hover{opacity:1}section.menu>#logo a.logo:hover span{opacity:.9}}.search{width:800px;height:72px;top:150px;position:relative;background-color:#fff;margin:auto;overflow:hidden;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;opacity:.9}.search .icon{display:inline-block;width:10%;height:100%;position:relative;left:0;top:0;float:left}.search .icon i{padding-left:20%;padding-top:20px;opacity:.8;cursor:pointer}.search .searchBar{display:inline-block;position:relative;width:70%;height:100%;top:0;float:left}.search .searchBar input{width:90%;height:100%;border:0;font-size:25px;outline:inherit;z-index:1}.search .searchBar i{position:relative;cursor:pointer;top:5px;opacity:.8;display:none}.search .select{display:inline-block;position:relative;width:20%;height:100%;top:0;float:left;cursor:pointer}.search .select .select-box{margin-top:15px;margin-bottom:15px;height:40px;border-left:1px solid gray;padding-left:30%;padding-top:5px;font-size:20px}.search .select .select-box i{padding-left:10px}.search .select .select-box:hover i{color:#02a388}.option{margin:auto;width:800px;height:0;display:block;position:relative;top:150px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;opacity:.9;overflow:hidden;z-index:9999}.option ul.show-item{width:20%;height:100%;margin-left:80%;padding-left:0;background-color:#fff;overflow:hidden;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}.option ul.show-item li{margin:auto;width:90%;height:50px}.option ul.show-item li a{display:inline-block;width:100%;height:50px;font-size:20px;padding-top:10%;padding-left:30%;color:#000}.option ul.show-item li a:hover{color:#02a388}.option ul.show-item li i{padding-right:10px;color:#02a388}@media screen and (max-width:850px){.searchDiv{-webkit-overflow-scrolling:touch}.searchDiv .search{width:100%;height:60px;top:0;position:relative;background-color:#fff;margin:auto;overflow:hidden;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;opacity:.9}.searchDiv .search .icon{width:10%}.searchDiv .search .icon i{padding-top:15px}.searchDiv .search .searchBar{width:90%}.searchDiv .search .searchBar input{font-size:20px}.searchDiv .option,.searchDiv .search .select{display:none}}@media screen and (max-width:440px){.searchDiv .search .icon{width:15%}.searchDiv .search .searchBar{width:85%}.searchDiv .search .searchBar .fa-times{float:right;font-size:26px;margin-top:10px;padding-right:5px}}.photo-show{width:100%;height:305px;background-color:#fff;margin-bottom:20px;padding:8px;text-align:center}.photo-show a.photo-item{width:100%;height:305px;display:block;z-index:1}.photo-show h5{color:#000;padding:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-show .photo-img{height:85%;overflow:hidden}.photo-show .photo-img,.photo-show .photo-img img{-webkit-transition:all .25s ease-out;transition:all .25s ease-out}.photo-show .photo-img img{width:100%;height:100%;-webkit-transform:scale(1.1);transform:scale(1.1);background-size:cover}.photo-show a.photo-id{display:none;position:absolute;top:8px;left:22px;z-index:99;color:gray;min-width:100px;height:30px;background-color:#fff;padding-top:3px}.photo-show a.photo-id i{padding-left:4px;padding-right:4px}.photo-show a.photo-id:hover span{color:#02a388}.photo-show .photo-item:hover img{width:90%;height:94%;opacity:.8}@media screen and (max-width:420px){.photo-show a.photo-id:hover span{color:#02a388}.photo-show .photo-item:hover img{width:100%;height:100%;opacity:1}}footer{text-align:center;padding-top:10px;height:40px;background:#181a1a}footer ul,footer ul li{float:left;width:100%}footer ul li{color:#fff;text-align:center}footer ul li a{display:inline-block;padding-right:10px;color:#fff;opacity:.8}.d-video{width:100%;height:180px;cursor:pointer}.d-video i{position:absolute;top:5px;left:20px;color:#fff;z-index:999}section.page-content .searchDiv{position:relative;width:100%}section.page-content .searchDiv .search{width:100%;top:0}section.page-content .searchDiv .option{width:20%;position:absolute;top:72px;right:0;z-index:999}section.page-content .searchDiv .option ul{float:right;width:100%}.waterfall{padding-right:20px;padding-left:20px}.show-photo>.d-photo{display:inline-block;width:18%;height:180px;margin:8px 10px;cursor:pointer;overflow:hidden;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.show-photo>.d-photo img{width:100%;height:100%}.show-photo>.d-photo a{position:relative;top:-180px;display:inline-block;height:100%;width:100%;opacity:0;color:#000;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.show-photo>.d-photo a span{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.show-photo>.d-photo:hover img{opacity:.5}.show-photo>.d-photo:hover a{opacity:1;padding-left:10px;padding-top:10px}.show-more{width:100%;height:50px;margin-top:20px;text-align:center}.show-more a{display:inline-block;width:120px;height:30px;color:#000;margin:auto;padding:2px;border:1px solid #000;border-radius:5px}.show-more a i{-webkit-animation:start .3s infinite;animation:start .3s infinite;padding:5px}@-webkit-keyframes start{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes start{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media screen and (max-width:1060px){.waterfall{width:100%;padding:0;margin:auto}.waterfall .d-photo{width:30%}}@media screen and (max-width:620px){.waterfall .d-photo{width:45%}}@media screen and (max-width:420px){.waterfall .d-photo{width:95%}.show-photo>.d-photo{height:260px}.show-photo>.d-photo a{position:relative;display:inline-block;top:-260px;height:260px;width:100%;opacity:0;color:#000}.show-photo>.d-photo a span{display:none}.show-photo>.d-photo img{height:100%}.show-photo>.d-photo:hover img{opacity:1}.show-photo>.d-photo:hover a span{display:none}}.to-top{position:fixed;display:none;top:80%;right:0;z-index:9999;width:40px;height:40px}.to-top i{color:#000}a.to-top:hover i{color:red}.waterfall{padding-right:20px;padding-left:20px}.d-photo{display:inline-block;width:18%;height:180px;margin:8px 10px;cursor:pointer;overflow:hidden;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.d-photo img{width:100%;height:100%}.d-photo a{position:relative;top:-180px;display:inline-block;height:230px;width:100%;opacity:0;color:#000;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.d-photo:hover img{opacity:.3}.d-photo:hover a{opacity:1;padding-left:50px}.show-more{width:100%;height:50px;text-align:center}.show-more a{display:inline-block;width:120px;height:30px;color:#000;margin:auto;padding:2px;border:1px solid #000;border-radius:5px}.show-more a i{-webkit-animation:start .3s infinite;animation:start .3s infinite;padding:5px}@-webkit-keyframes start{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes start{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media screen and (max-width:1060px){.waterfall{width:100%;padding:0;margin:auto}.waterfall .d-photo{width:30%}}@media screen and (max-width:620px){.waterfall .d-photo{width:45%}}@media screen and (max-width:420px){.waterfall .d-photo{width:95%}}section.page-content .searchDiv{position:relative;width:100%}section.page-content .searchDiv .search{width:100%;top:0}section.page-content .searchDiv .option{width:20%;position:absolute;top:72px;right:0;z-index:999}section.page-content .searchDiv .option ul{float:right;width:100%}.login .loginBg{background-image:url(./login.jpg?576b96f);background-position:50%;background-repeat:no-repeat;background-size:cover;left:0;padding-right:40px;position:fixed;text-align:right;width:100%;height:100%}.login .loginBox{position:absolute;height:370px;width:400px;left:50%;top:20%;margin-left:-200px;background:#fff;box-shadow:2px 3px 11px #333}.login .loginBox .title{width:100%;height:80px;padding:10px;background-color:#000}.login .loginBox .title a{margin:0 auto;position:relative;font-size:26px;text-align:center}.login .loginBox .title a,.login .loginBox .title a span{display:block;color:#fff;-webkit-transition:all .5s;transition:all .5s}.login .loginBox .title a span{margin:auto;font-size:15px;opacity:.9}.login .loginBox .title a:hover{color:#02a388}.login .loginBox form{margin:auto;width:80%;margin-top:50px}.login .loginBox form button{display:inline-block;width:100%}.error{text-align:center;color:red;font-size:13px;padding-top:10px}@media screen and (max-width:440px){.login .loginBox{position:absolute;height:360px;width:80%;top:70px;left:230px;background:#fff;box-shadow:2px 3px 11px #333}}div.imgBox{width:100%}div.imgBox .photos{background-position:50%;background-repeat:no-repeat;background-size:cover;left:0;padding-right:40px;position:fixed;text-align:right;width:100%;height:100%}div.imgBox .photos nav{position:fixed;width:100%;height:75px;padding-top:10px;background:hsla(0,0%,100%,.3)}div.imgBox .photos nav img{display:inline-block;position:absolute;left:50%;margin-left:-25px;width:60px;height:60px;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}div.imgBox .photos nav img:hover{width:50px;height:50px}div.imgBox .loading{position:absolute;width:600px;left:50%;margin-top:200px;margin-left:-200px}div.imgBox .loading span{padding-left:20px;font-size:50px}div.imgBox .loading i{float:left;padding-top:10px;font-size:50px;-webkit-animation:start .5s infinite ease-in-out;animation:start .5s infinite ease-in-out}@-webkit-keyframes start{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}20%{-webkit-transform:rotate(60deg);transform:rotate(60deg)}40%{-webkit-transform:rotate(120deg);transform:rotate(120deg)}60%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}80%{-webkit-transform:rotate(240deg);transform:rotate(240deg)}to{-webkit-transform:rotate(300deg);transform:rotate(300deg)}}@keyframes start{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}20%{-webkit-transform:rotate(60deg);transform:rotate(60deg)}40%{-webkit-transform:rotate(120deg);transform:rotate(120deg)}60%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}80%{-webkit-transform:rotate(240deg);transform:rotate(240deg)}to{-webkit-transform:rotate(300deg);transform:rotate(300deg)}}div.imgBox .down nav{position:fixed;top:100%;margin-top:-75px;width:100%;height:75px;padding-top:10px;background:hsla(0,0%,100%,.3)}div.imgBox .down nav a{display:block;width:100px;margin:auto;font-size:20px;text-align:center;margin-top:10px;padding:5px;border:1px solid #000;color:#000;-webkit-transition:all .5s ease;transition:all .5s ease}div.imgBox .down nav a:hover{border:1px solid red}div.register .loginBg{background-image:url(./register.jpg?a09f5fa)}div.register .loginBox{height:420px}div.other{margin-top:20px}div.other a{display:inline-block}div.other .forget{float:right}section.searchDetail .show-more{display:none}section.searchDetail .loading{position:relative;height:200px;width:400px;left:53%;top:30%;padding-top:100px;margin-left:-200px;font-size:30px;text-align:center}section.searchDetail .loading .loadingSearch{margin-left:-50px}section.searchDetail .loading .loadingSearch i{-webkit-animation:search .3s infinite;animation:search .3s infinite;padding:5px}@-webkit-keyframes search{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes search{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.search-more{width:100%;background-color:#e8eded;padding-bottom:20px}.search-more a{display:block;width:180px;height:30px;color:#000;margin:auto;padding:2px;padding-left:15px;border:1px solid #000;border-radius:5px}.search-more a i{-webkit-animation:start .5s infinite;animation:start .5s infinite;padding:5px}@-webkit-keyframes start{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes start{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media screen and (max-width:420px){section.searchDetail .loading{width:100%;margin-right:0}}
/*# sourceMappingURL=app.d90eb6a73389d5ee5d0fd761efef8ebf.css.map*/