*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji}a{text-decoration:none}ul,li{list-style:none}img{display:block}.container{width:1200px;margin-left:auto;margin-right:auto}.container.extension_container{width:1390px}header{width:100%;box-shadow:0px 2px 20px 0px rgba(0,0,0,.1);position:relative;z-index:1000}header .container{display:flex;align-items:center;justify-content:space-between;height:70px}header .container button{width:100px;height:34px;border:none;outline:none;font-size:12px;color:#666;background:#f5f5f5;border-radius:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}header .container button .iconfont{margin-right:5px}header .container .left{height:100%;display:flex;align-items:stretch}header .container .left .branch{margin-right:50px;display:flex;align-items:center}header .container .left .branch img{display:block}header .container .left nav{display:flex;align-items:center}header .container .left nav a{display:flex;align-items:center;height:100%;font-size:14px;padding:0 25px;color:#999;font-weight:500;transition:all .3s}header .container .left nav a .iconfont{margin-right:5px}header .container .left nav a.choose,header .container .left nav a:hover{position:relative;background-color:#00b6c2;color:#fff}header .container .left .tags_nav{width:calc(100% - 150px);height:30px;overflow:hidden;display:flex;align-items:center;flex-wrap:wrap;align-self:center}header .container .left .tags_nav a{height:30px;line-height:30px;padding:0 15px;background-color:#00b6c2;margin-right:20px;color:#fff;font-size:14px;transition:all .3s;margin-bottom:10px}header .container .left .tags_nav a:hover{background-color:#222}#search_mask{position:fixed;left:0;top:70px;z-index:999;background-color:rgba(0,0,0,.5);width:100%;height:calc(100% - 70px);transition:all .3s;display:none}#search_mask.toggle{display:block}#search_mask .search_box{background-color:#fff;padding:40px 0}#search_mask .search_box .container{width:1000px}#search_mask .search_box .container form{display:flex;align-items:center;justify-content:center;margin-bottom:20px}#search_mask .search_box .container form input[type=text]{width:860px;height:60px;text-indent:1em;outline:none;border:1px solid #f3f3f3;font-size:20px}#search_mask .search_box .container form button{width:140px;height:60px;outline:none;border:none;background-color:#00b6c2;color:#fff;transition:all .3s;font-size:18px;cursor:pointer}#search_mask .search_box .container form button .iconfont{font-size:16px;margin-right:4px;font-weight:600}#search_mask .search_box .container form button:hover{background-color:rgba(0,182,194,.8)}#search_mask .search_box .container .commend_list{display:flex;flex-wrap:wrap}#search_mask .search_box .container .commend_list a{height:36px;line-height:36px;background-color:#f5f5f5;font-size:14px;color:#999;padding:0 10px;transition:all .3s;margin-right:15px;margin-bottom:10px}#search_mask .search_box .container .commend_list a:hover{background-color:#00b6c2;color:#fff}footer{background-color:#f5f5f5}footer .container{display:flex;align-items:center;height:70px}footer .container a{width:33%;font-size:16px;color:#999;text-align:center;position:relative;transition:all .3s}footer .container a+a::before{content:"";display:block;width:2px;height:20px;position:absolute;left:0;background-color:rgba(0,0,0,.1)}footer .container a:hover{color:#00b6c2}#main{min-height:calc(100vh - 140px);padding:30px 0 60px}#main .container .left{width:880px}#main .container .right{width:300px}#main .container .right .latest.pop,#main .container .right .pop.pop{margin-top:20px}#main .container .right .latest h3,#main .container .right .pop h3{border-top:5px solid #222;font-size:20px;color:#222;font-weight:500;line-height:1.7em;margin-bottom:10px;padding-top:10px}#main .container .right .latest h3.tag_title,#main .container .right .pop h3.tag_title{margin-top:15px}#main .container .right .latest ul li a,#main .container .right .pop ul li a{display:block;position:relative;overflow:hidden}#main .container .right .latest ul li a img,#main .container .right .pop ul li a img{width:100%;transition:all .3s}#main .container .right .latest ul li a img:hover,#main .container .right .pop ul li a img:hover{transform:scale(1.05)}#main .container .right .latest ul li a p,#main .container .right .pop ul li a p{position:absolute;bottom:0;height:50px;line-height:50px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:14px;padding:0 10px;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%)}#main .container .right .latest ul li a::after,#main .container .right .pop ul li a::after{content:"1";display:block;width:24px;height:24px;background-color:#fe2d46;position:absolute;left:0;top:0;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center}#main .container .right .latest ul li+li,#main .container .right .pop ul li+li{margin-top:15px}#main .container .right .latest ul li:nth-child(2) a::after,#main .container .right .pop ul li:nth-child(2) a::after{content:"2";background-color:#ff7f49}#main .container .right .latest .tag_list,#main .container .right .pop .tag_list{display:flex;flex-wrap:wrap}#main .container .right .latest .tag_list a,#main .container .right .pop .tag_list a{height:36px;margin-right:10px;margin-bottom:10px;line-height:36px;padding:0 15px;background-color:#f5f5f5;border-radius:2px;font-size:14px;color:#999;font-weight:500;transition:all .3s}#main .container .right .latest .tag_list a:hover,#main .container .right .pop .tag_list a:hover{color:#fff;background-color:#00b6c2}#main .container .right .latest .pop_list a,#main .container .right .pop .pop_list a{display:flex;align-items:center;justify-content:space-between;height:36px;border-radius:2px;background-color:#f5f5f5;color:#999;font-weight:500;font-size:14px;padding:0 10px;transition:all .3s}#main .container .right .latest .pop_list a:hover,#main .container .right .pop .pop_list a:hover{color:#fff;background-color:#00b6c2}#main .container .right .latest .pop_list a+a,#main .container .right .pop .pop_list a+a{margin-top:10px}#main .container .right .title_list{margin-top:15px}#main .container .right .title_list li{padding:15px 0;border-top:1px solid #f0f0f0}#main .container .right .title_list li:nth-child(1){border-top:none;padding-top:0}#main .container .right .title_list li a{display:flex;align-items:center;justify-content:space-between}#main .container .right .title_list li a span{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;color:#666;font-size:12px;transition:all .3s}#main .container .right .title_list li a p{width:calc(100% - 34px);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;color:#888;line-height:1.5em;transition:all .3s;font-weight:500}#main .container .right .title_list li a:hover span{background-color:#00b6c2;color:#fff}#main .container .right .title_list li a:hover p{color:#00b6c2}#main .container .right .title_list li:nth-child(1) a span{background-color:#fe2d46;color:#fff}#main .container .right .title_list li:nth-child(2) a span{background-color:#ff7f49;color:#fff}#main .container .right .title_list li:nth-child(3) a span{background-color:#ffaa3b;color:#fff}#main .container .right .title_lists{margin-top:15px}#main .container .right .title_lists li{padding:15px 0;border-top:1px solid #f0f0f0}#main .container .right .title_lists li:nth-child(1){border-top:none;padding-top:0}#main .container .right .title_lists li a{display:flex;align-items:center;justify-content:space-between}#main .container .right .title_lists li a span{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;color:#666;font-size:12px;transition:all .3s}#main .container .right .title_lists li a p{width:calc(100% - 34px);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;color:#888;line-height:1.5em;transition:all .3s;font-weight:500}#main .container .right .title_lists li a:hover span{background-color:#00b6c2;color:#fff}#main .container .right .title_lists li a:hover p{color:#00b6c2}#main .container .right .thum_title_list li{padding:14px 0}#main .container .right .thum_title_list li+li{border-top:1px solid #f5f5f5}#main .container .right .thum_title_list li:first-child{padding-top:0}#main .container .right .thum_title_list li:last-child{padding-bottom:0}#main .container .right .thum_title_list li a{display:flex;align-items:center;justify-content:space-between}#main .container .right .thum_title_list li a .thum{width:124px;height:70px;overflow:hidden}#main .container .right .thum_title_list li a .thum img{width:100%;height:100%;object-fit:cover;object-position:center;transition:all .3s}#main .container .right .thum_title_list li a p{width:160px;transition:all .3s;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;color:#666;line-height:1.5em;font-weight:500}#main .container .right .thum_title_list li a:hover .thum img{transform:scale(1.05)}#main .container .right .thum_title_list li a:hover p{color:#00b6c2}#main .container .right .right_ad{display:flex;align-items:center;justify-content:center;margin-top:20px}/*# sourceMappingURL=public.css.map */
