.movieList{display:inline-block}.movieList .movieBox{position:relative;overflow:hidden;width:262px;height:394px}.movieList .movieBox img{cursor:pointer;width:inherit;height:inherit}.movieList .movieContent{height:150px;width:262px;bottom:0;display:none;position:absolute;background-color:rgba(0,0,0,.6);color:#fff}.movieList .movieBox:hover .movieContent{display:block;z-index:100;position:absolute}.movieList .overView{line-height:16px;display:box;display:-ms-flexbox;display:-webkit-box;max-height:80px;overflow:hidden;vertical-align:top;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:3;word-spacing:.07em;margin:10px 20px;font-size:12px}.movieList .originalTitle{display:block;margin-left:18px;font-size:14px;margin-top:7px}.movieList .title{display:block;line-height:16px;margin-left:11px;font-size:16px;margin-top:20px}@media (max-width:523px){.movieList{width:50%}.movieList .movieBox{width:100%;height:auto}.movieList .movieBox .overView{display:none}.movieList .movieBox .movieContent{height:120px;width:100%}.movieList .movieBox .originalTitle{margin:0;text-align:center}.movieList .movieBox .title{margin:0;line-height:30px;text-align:center}}.movieListBox{background:#222}.movieListBox .movieListUl{margin:0 auto;width:1310px}@media (max-width:1309px){.movieListBox .movieListUl{width:1048px}}@media (max-width:1047px){.movieListBox .movieListUl{width:786px}}@media (max-width:785px){.movieListBox .movieListUl{width:524px}}@media (max-width:523px){.movieListBox .movieListUl{width:90%}}.notice{z-index:500;color:#fff;bottom:0;font-size:25px;width:300px;line-height:40px;height:40px;text-align:center;background:rgba(255,20,50,.8);position:fixed;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);margin-bottom:30px;letter-spacing:1px;display:none}@media (max-width:400px){.notice{width:150px;font-size:20px}}.loadingBox{position:absolute;width:100%;z-index:300}.loadingBox .loadingImg{margin:80px auto;display:block;width:130px;height:130px;background-size:130px}.detailBox{width:90%;margin:0 auto}@media (max-width:768px){.detailBox .movieMainInfo{width:80%}.detailBox .movieMainInfo img{height:auto;width:40%}.detailBox .movieMainInfo .movieMainInfoText{width:55%;padding:0;margin:0 5% 0 0;float:left}}@media (max-width:370px){.detailBox .movieMainInfo img{width:60%;margin:0 auto;display:block}.detailBox .movieMainInfo .movieMainInfoText{margin-top:18px;float:none;width:100%;text-align:center;height:auto}}.detailBox .keywordList span:hover{background:#6495ed;color:#fff;border:1px solid #000}.detailBox .movieMainInfo{width:500px;margin:30px auto 0}@media (max-width:768px){.detailBox .movieMainInfo{width:100%}}.detailBox .notFound{text-align:center;font-size:20px;padding:40px;font-weight:600;text-decoration:underline}.detailBox .notFound .img{font-size:50px;padding-top:50px}.detailBox img{width:200px;height:300px}.detailBox .movieMainInfoText{width:260px;float:right;padding:20px;height:240px;margin-top:20px}.detailBox .movieMainInfoText .genres span{margin-left:5px}.detailBox .movieMainInfoText .genres span a{border-bottom:1px solid #d91c0b;padding:0 2px}.detailBox .movieMainInfoText .genres span a:hover{background:#d91c0b;color:#fff}.detailBox .movieMainInfoText p.title{font-size:larger;font-weight:600;display:inline-block}.detailBox .movieMainInfoText p.originTitle{color:#555;display:inline-block;margin-left:7px}.detailBox .movieMainInfoText p.genres{margin-top:10px}.detailBox .movieMainInfoText p{line-height:25px}.detailBox .overview{width:700px;margin:50px auto 70px;line-height:30px;font-size:16px;text-align:center;font-weight:600}@media (max-width:768px){.detailBox .overview{width:90%;margin:50px auto 20px}}@media (max-width:475px){.detailBox .overview{font-size:3.9vw;line-height:6vw;font-weight:600}}.detailBox .tagline{font-weight:900;padding:5px;background:#444;line-height:40px;font-style:italic;font-size:20px;text-align:center;display:block;margin:80px auto 60px;max-width:750px;color:#fff}@media (max-width:768px){.detailBox .tagline{margin:30px 0 0;font-size:3.8vw}}.detailBox .movieYoutubeBox{margin:0 auto;width:700px;height:auto}@media (max-width:768px){.detailBox .movieYoutubeBox{width:90%}}.detailBox .movieYoutubeBox iframe{width:100%;height:400px}@media (max-width:768px){.detailBox .movieYoutubeBox iframe{height:300px}}.detailBox .movieYoutubeBox .videoLabel{top:-37px;font-weight:400;background:#d91c0b;color:#fff;display:inline-block;padding:7px 25px;border-radius:20px 20px 0 0;margin-top:8px}@media (max-width:768px){.detailBox .movieYoutubeBox .videoLabel{font-size:2vw}}@media (max-width:370px){.detailBox .movieYoutubeBox .videoLabel{width:100%;padding:5px 0;line-height:5vw;text-align:center}}.detailBox .keywordList{max-width:700px;margin:0 auto;text-align:center;padding:40px 0 20px}@media (max-width:768px){.detailBox .keywordList{width:90%}}.detailBox .keywordList span{text-align:center;border:1px solid #3b6ed8;border-radius:20px;background:#f0f8ff;font-size:15px;height:30px;line-height:30px;display:inline-block;padding:1px 10px;margin:4px 2px}.detailBox .keywordList p{font-weight:600;margin-bottom:30px}.rank{display:flex;margin:10px 0}.rank .star{width:103px;height:16px;background:no-repeat;background-size:103px auto;margin-top:1px}.rank .star .per{height:100%;font-size:0;background:no-repeat 0 100%;background-size:103px auto}.rank .text{margin-left:10px;color:#666;font-size:14px}.rank .text span{color:#333;font-weight:700}@media (max-width:370px){.rank{display:block}.rank .star,.rank .text{display:block;margin:0 auto}}.searchWrapper .errorLogo,.searchWrapper .notFound{text-align:center;margin-top:30px;font-size:18px}.searchWrapper .searchBox{width:100%;max-width:545px;margin:0 auto;padding:40px;box-sizing:border-box}.searchWrapper .searchBox form{position:relative;display:inline-block;width:100%}.searchWrapper .searchBox .searchInputBox .searchInput{padding-left:20px;width:calc(100% - 45px);height:45px;padding-right:60px;box-sizing:border-box;font-size:18px}.searchWrapper .searchBox .searchSubmit{position:absolute;right:0;top:0;width:45px;height:45px;background:#444;border:none;text-align:center;line-height:35px;color:#fff}.searchWrapper .searchBox .searchSubmit :after{background:no-repeat 50%;background-size:100% auto}@media (max-width:599px){.searchWrapper .searchBox,.searchWrapper .searchBox .searchInputBox .searchInput{width:100%}}.searchWrapper .listBox{margin:0 auto;width:1310px}@media (max-width:1309px){.searchWrapper .listBox{width:1048px}}@media (max-width:1047px){.searchWrapper .listBox{width:786px}}@media (max-width:785px){.searchWrapper .listBox{width:524px}}@media (max-width:523px){.searchWrapper .listBox{width:90%}}.searchWrapper .pagiNation .circle{padding:0 5px;cursor:pointer;font-weight:600;color:#444;line-height:30px;width:30px;height:30px;border-radius:15px;display:inline-block;text-align:center;margin:0}.searchWrapper .pagiNation .currCircle{color:red}.searchWrapper .pagiNation .pagiNationUl{text-align:center;padding:25px 0 30px}@media (max-width:510px){.searchWrapper .pagiNation .pagiNationUl li{font-size:3.3vw}.searchWrapper .pagiNation .pagiNationUl img{width:15px;height:15px}}.searchWrapper .pagiNation .arrow{display:inline-block}.searchWrapper .pagiNation .arrow img{width:20px;height:20px;top:7.5px;position:relative;margin:3px;cursor:pointer}.searchWrapper .searchLogo{text-transform:capitalize;font-size:20px;text-align:center;height:40px;line-height:40px;width:300px;font-weight:500;margin-bottom:15px}@media (max-width:768px){.searchWrapper .searchLogo{display:block;width:100%}}.genreUl{top:59px;display:none;height:0;padding:10px;border:3px solid #fff;position:absolute;background:#141414;width:550px;-webkit-transform:translate(-50%);transform:translate(-50%);box-shadow:0 2px 1px 3px #333;left:50%}.genreUl .genreList{width:90px;float:left;color:#fff;text-align:center;line-height:30px;font-size:15px;border-bottom:1px solid #fff;display:inline-block;margin:5px 10px;box-sizing:border-box}.genreUl .genreList:hover{-webkit-transition:.2s;transition:.2s;border-bottom:1px solid #d91c0b}.headerWrapper{top:0;width:100%;background:#141414;color:#fff;z-index:200;position:fixed}.headerWrapper .headerBox{width:87%;margin:0 auto;height:70px;line-height:70px}.headerWrapper .headerBox .searchBox{float:right}.headerWrapper .headerBox .menuBtn{display:none;background-image:none}@media (max-width:768px){.headerWrapper .headerBox .menuBtn{display:block;position:absolute;background-size:100% auto;cursor:pointer;width:36px;height:36px;top:17px;background-color:#000;border:none}}.headerWrapper .headerBox .LinkList .xIcon{display:none}.headerWrapper .headerBox .LinkList>li{cursor:pointer;background:#141414;padding:5px;height:36px;width:120px;line-height:35px;font-size:17px;color:#fff;text-align:center;float:left;top:12px;position:relative}.headerWrapper .headerBox .LinkList>li a,.headerWrapper .headerBox .LinkList>li button{display:block}.headerWrapper .headerBox .LinkList>li.genres button{line-height:36px;border:none;background-color:transparent;color:#fff;font-size:17px;width:100%}.headerWrapper .headerBox .LinkList>li.genres button:hover,.headerWrapper .headerBox .LinkList>li:hover{color:red}.headerWrapper .headerBox .LinkList .on .genreUl{display:inline-table}@media (max-width:768px){.headerWrapper .headerBox .LinkList{position:absolute;top:40px;display:none}}.headerWrapper .headerBox .LinkList.open{display:block;position:fixed;width:100%;left:0;top:55px;height:100%;background:#141414}.headerWrapper .headerBox .LinkList.open .on .genreUl{padding-left:0;padding-right:0;top:35px;border:none;box-shadow:none;width:100%}.headerWrapper .headerBox .LinkList.open .on .genreUl li{border:none;margin-left:0;margin-right:0;width:50%}@media (max-width:360px){.headerWrapper .headerBox .LinkList.open .on .genreUl li{font-size:4vw;line-height:6vw}}.headerWrapper .headerBox .LinkList.open .on .genreUl li:hover{color:red}.headerWrapper .headerBox .LinkList.open li{width:100%}.headerWrapper .headerBox .LinkList.open .xIcon{background-color:#000;width:30px;height:30px;background-size:100% auto;position:absolute;z-index:10;top:3%;right:10%;border:none;display:block;cursor:pointer}.headerWrapper .headerBox .LinkList.open .xIcon:hover{-webkit-transition:.2s;transition:.2s;-webkit-transform:translate(-1px,-1px);transform:translate(-1px,-1px);width:32px;height:32px}.headerWrapper .searchBox{float:right;position:relative;width:50px;height:50px;background-size:100% auto;display:block;top:10px;right:20px}.headerWrapper .searchBox a{width:50px;height:50px;display:inherit}@media (max-width:768px){.headerWrapper .searchBox{width:36px;height:36px;top:17px}.headerWrapper .searchBox a{width:42px;height:42px;margin-top:-3px;margin-left:-3px}}.padding{padding-bottom:70px}*{margin:0;padding:0}a{color:inherit;text-decoration:none}li{list-style:none}.wrapper,body,div#root,html{height:100%}body{font-family:"sans-serif";overflow-x:hidden}.descriptionLogo{text-transform:capitalize;text-align:center;padding:25px 0;background:#222;font-size:25px;color:#fff;font-weight:500}@media (max-width:699px){.descriptionLogo{font-size:19px;padding:20px 0}}
/*# sourceMappingURL=main.9a5155b7.chunk.css.map */