*{margin:0;padding:0;box-sizing:border-box}:root{font-size:62.5%}@media screen and (max-height:863px){:root{font-size:50%}}@media (max-width:1000px){:root{font-size:50%}}.gap-4{gap:.4rem}.gap-6{gap:.6rem}.gap-8{gap:.8rem}.width-1200{width:120rem;margin:0 auto}.width-100{width:100%}.flex-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.flex-row-center{display:flex;justify-content:center;align-items:center}.flex-row-start{display:flex;justify-content:flex-start;align-items:center;margin:0!important}.flex-column{display:flex;flex-direction:column;align-items:flex-start}.flex-column-center{display:flex;flex-direction:column;align-items:center;justify-content:center}.flex-column-between{display:flex;flex-direction:column;align-items:center;justify-content:space-between}ul{list-style:none}ul li{display:inline-block;margin-left:1.6rem;height:6.4rem;line-height:6.4rem;font-weight:400;font-size:1.6rem;cursor:pointer;border-bottom:1.5px solid #f2f3f5}ul li i{margin-left:0!important;width:3.2rem;height:3.2rem;text-align:center;line-height:3rem;color:#fff;font-size:1.6rem;font-weight:600;border-radius:10rem;background:linear-gradient(180deg,#37f 0,#3bf 100%)}.blue{color:#007bff;cursor:pointer}.blue:hover{color:#5c9ce0}.blue-btn{background-color:#007bff;cursor:pointer;color:#fff}.blue-btn:hover{background-color:#489cf7}.blue-border-btn{border:1.5px solid #007bff;color:#007bff;cursor:pointer;width:11.2rem;height:3.6rem;gap:.4rem;border-radius:.8rem}.blue-border-btn:hover{background-color:#badafc}header{height:7.2rem;background-color:#fff}header .margin-right{margin-right:3.6rem}main{position:relative;min-width:120rem}main .bg{position:absolute;top:0;left:0;z-index:-1}main .content .left h1{margin-bottom:1.6rem;font-size:4.8rem;font-weight:600;color:#000}main .content .left a{text-decoration:underline}main .content .left .search-container{margin:4.8rem 0 2rem 0;position:relative}main .content .left .search-container input{width:47.2rem;height:6.4rem;font-size:1.6rem;padding-left:2rem;outline:0;border-right:0!important;border-radius:.8rem 0 0 .8rem;border:2px solid #ddd}main .content .left .search-container input:focus{border-color:#007aff}main .content .left .search-container .btn{width:12.8rem;height:6.4rem;cursor:pointer;gap:.8rem;border-radius:0 .8rem .8rem 0}main .content .right img{width:60rem;height:40rem}#focusTip{display:none;position:absolute;top:110%;left:0;right:0;padding:2rem;width:47.2rem;background:#fff;border:2px solid #007aff;border-radius:.8rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}#focusTip h5{font-weight:600;font-size:1.6rem;line-height:2.4rem;letter-spacing:0;margin-bottom:1.5rem}#focusTip .item{padding:.6rem .8rem;width:20.8rem;border-radius:.4rem;font-size:1.4rem;cursor:pointer}#focusTip .item:hover{background-color:#e5edff}#focusTip .item .num{width:2rem;height:2.4rem;font-weight:510;font-size:1.4rem;line-height:2.4rem;letter-spacing:0;text-align:center;color:#86909c}#suggestions{display:none;position:absolute;top:110%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:.8rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}#suggestions li{display:list-item;padding:1rem 1.5rem;height:5rem!important;line-height:3rem!important;margin:0;font-size:1.4rem;cursor:pointer;transition:background .2s}#suggestions li:hover{background:#f8f9fa}main .content .left .brand{gap:1.6rem;font-size:1.6rem}.brands{background-color:#f2f6ff;padding:3.2rem 0}.brands .first{border-radius:1.6rem;padding:2.4rem;height:30.7rem;background-color:#fff}.brands .items{margin-top:1.6rem}.brands .items .item{background-color:#f2f6ff;width:22rem;height:9.6rem;padding:2.2rem 0 1.4rem 0;margin-top:1.2rem;border-radius:.8rem;font-weight:400;font-size:1.4rem;color:#4e5969;cursor:pointer}.brands .items .item:hover{color:#858588;background:#d9e4ff;border:1.5px solid #007aff}.brands .second{border-radius:1.6rem;padding:2.4rem;margin-top:2.4rem;height:160rem;background-color:#fff}.brands .second .title{width:100%;padding-bottom:2.4rem}.brands .second .title span{font-size:1.6rem;font-weight:400;color:#86909c}footer{display:flex;flex-direction:column;justify-content:center;height:9.2rem;width:100%;background-color:#000;color:#fff;font-size:1.4rem}footer .icp{cursor:pointer}.results{display:none;background-color:#f2f6ff;padding:3.2rem 0}.results .continer{border-radius:1.6rem;padding:2.4rem;background-color:#fff}.results .continer .title{padding-bottom:2.4rem}.results .continer .title #searchBrand{color:#007aff}.results .continer .item{margin-bottom:1.6rem;border-radius:.8rem;background-color:#f2f6ff;padding:2.4rem}.results .continer .items .left img{border-radius:.8rem;margin-right:2.4rem}.results .continer .items .left #brand{margin:1rem 0}.results .continer .items .gray{color:#86909c}.results .continer .items .right .btn{width:18.8rem;height:4.8rem;gap:.8rem;border-radius:.8rem;margin-bottom:1.6rem}.results .continer .items .right .pubtime{width:18.8rem;font-weight:400;font-size:1.4rem;color:#4e5969;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.results .pageTurn{gap:2rem}.results .pageTurn div{width:4.8rem;height:4.8rem;border-radius:5rem;border:1.5px solid #e5e6eb;cursor:pointer}.results .pageTurn div:hover{background-color:#f7f7f7}#course{position:fixed;display:none;top:0;width:100%;height:100%;background-color:#000000bf;z-index:10}.course{position:fixed;top:25rem;left:50%;transform:translateX(-50%);width:64rem;height:49.2rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}.course .top{position:relative;width:64rem;height:36rem}.course .top img{position:absolute;border-radius:1.6rem 1.6rem 0 0}.course .top .x{position:absolute;font-size:2rem;color:#1d2129;right:1.5rem;cursor:pointer}.course .top .x:hover{color:#5f5f5f}.course .bottom{padding:2.4rem;background-color:#fff;border-radius:0 0 1.6rem 1.6rem}.course .bottom .text{text-align:center}.course .bottom .btn{width:20rem;height:4.8rem;border-radius:.8rem;margin:1.6rem auto 0 auto}.sidebar{position:fixed;top:51rem;right:2rem;width:30rem;height:40rem;transition:top .3s ease-out;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:9;cursor:pointer}.selectBrand{border-bottom:2px solid #e5e6eb}.selectBrand .out{position:relative;width:4.1rem;height:3.2rem}.selectBrand .out:hover .downbar{display:block}.selectBrand .letter{width:4.1rem;height:3.2rem;padding:.4rem;border-radius:.4rem .4rem 0 0;cursor:pointer}.selectBrand .out:hover .letter{background-color:#007aff;color:#fff}.selectBrand .downbar{display:none;position:absolute;width:12rem;padding:.8rem;border-radius:.8rem;background-color:#fff;box-shadow:0 4px 16px 0 #00000033;cursor:pointer}.selectBrand .downbar .item{width:100%;padding:.8rem}.selectBrand .downbar .item:hover{background-color:#f2f6ff;color:#007aff}