.main-container{position:relative;border:0 solid #000;height:100%;background:#111827;background-size:cover;background-attachment:fixed}.banner{position:relative;border:0 solid red;background:#000}.banner .main_index_content{position:absolute;min-width:300px;z-index:1000;border:0 solid #fff;top:140px;left:50%;color:#fff;transform:translate(-50%,-50%)}.banner .main_index_content .main_title{font-family:Roboto;font-size:32px;font-weight:700;line-height:50px;text-align:center;letter-spacing:0;background:linear-gradient(0deg,transparent,transparent),linear-gradient(90deg,#1b9af5,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent}.banner .main_index_content .main_desc{margin:16px 0 0 0;font-family:Roboto;font-size:18px;font-weight:400;line-height:38px;text-align:center;letter-spacing:0;color:#d1d5db}.banner .main_index_content .btn{display:flex;justify-content:center}.banner .main_index_content .btn div{width:100px;line-height:40px;background:#1b9af5;color:#fff;margin:20px 10px 0 0;border-radius:8px;text-align:center;cursor:pointer}.banner .main_index_content .btn .more_btn{background:hsla(0,0%,100%,.1)}.banner .banner_img{width:100%;height:300px;border:0 solid red;margin:0;padding:0}.banner .banner_img img{width:100%;height:460px}.banner .back{position:absolute;background:#000;top:0;width:100%;z-index:1000}.category{border:0 solid red;margin:20px auto 0}.category .nav_name{line-height:40px;font-size:20px;color:#fff;margin:0 0 0 0;font-weight:700;border:0 solid red;display:flex;align-items:center;justify-content:flex-start}.category .nav_name .back{width:20px;height:20px;margin:10px 14px 0 0}.category .more{font-size:14px;font-weight:500;line-height:30px;letter-spacing:0;color:#1b9af5;display:flex;margin:0 0 0 0}.category .nav{margin:30px 0 6px 0;border:0 solid red}.category .nav .list{margin:6px 0 20px 0;font-size:14px;display:flex;justify-content:space-between;border:0 solid red}.category .nav .list .list_item{display:flex}.category .nav .list .list_item .item{margin:0 20px 0 0;padding:0 10px;height:30px;line-height:30px;cursor:pointer;color:#fff}.category .nav .list .list_item .active{background:#1b9af5;border-radius:20px;color:#fff}.category .nav .list .query{margin:0 10px 0 0}.category .nav_more{margin:30px 0 6px 0;border:0 solid red;display:flex;justify-content:space-between}@media screen and (max-width:5000px) and (min-width:1600px){.category{width:1391px}.index_list_1{width:100%;min-height:600px;border:0 solid red;margin:0 auto 0;padding:0 0 50px 0;background:none}.index_list_1 .content{width:1391px;border:0 solid red;margin:0 auto;flex-wrap:wrap;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(200px,auto);grid-gap:37px 37px;flex-direction:column}.index_list_1 .content .item{width:320px;height:300px}.index_list_2{border:0 solid red;margin:0 auto 0;padding:0}.index_list_2 .content{border:0 solid red;width:1375px;margin:0 auto 0;padding:0 0 20px 0;flex-wrap:wrap;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(200px,auto);grid-gap:18px 24px;flex-direction:column}.index_list_2 .content .item{width:320px}.index_list_3{position:relative;border:0 solid #000;margin:0 auto;padding:0}.index_list_3 .content{width:1375px;margin:0 auto;flex-wrap:wrap;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(200px,auto);grid-gap:18px 20px;flex-direction:column}.index_list_3 .content .item{width:320px}}@media screen and (max-width:1600px) and (min-width:760px){.category{width:1034px}.index_list_1{width:100%;border:0 solid red;margin:0 auto 0;padding:0 0 50px 0;background:none;box-sizing:border-box}.index_list_1 .content{border:0 solid #fff;width:1034px;margin:0 auto;flex-wrap:wrap;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(200px,auto);grid-gap:37px 37px;flex-direction:column}.index_list_1 .content .item{width:320px;height:300px;border:0 solid red}.index_list_2{border:0 solid #000;margin:0 auto;padding:0}.index_list_2 .content{width:1100px;margin:0 auto;flex-wrap:wrap;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(200px,auto);grid-gap:18px 20px;flex-direction:column}.index_list_2 .content .item{width:350px}.index_list_3{position:relative;border:0 solid #000;margin:0 auto;padding:0}.index_list_3 .content{width:1100px;margin:0 auto;flex-wrap:wrap;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(200px,auto);grid-gap:18px 20px;flex-direction:column}.index_list_3 .content .item{width:260px}}.index_list_1 .content .item{font-size:14px;cursor:pointer;border-radius:12px;opacity:1;background:linear-gradient(0deg,rgba(0,0,0,.001),rgba(0,0,0,.001)),#1f2937;box-sizing:border-box;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);transition:transform .3s ease-in-out}.index_list_1 .content .item .img{width:100%;height:165px;z-index:1000;overflow:hidden;border-radius:6px;position:relative}.index_list_1 .content .item .img .el-image__inner{width:100%;height:100%;transition:transform .3s ease}.index_list_1 .content .item .img .el-image__inner:hover{transform:scale(1.1)}.index_list_1 .content .item .img .rights{position:absolute;top:-2px;left:-2px;z-index:1000}.index_list_1 .content .item .img .rights img{width:40px;height:40px}.index_list_1 .content .item div{line-height:24px;margin:0 0 0 0}.index_list_1 .content .item .category_price{display:flex;width:90%;margin:6px auto;justify-content:flex-end}.index_list_1 .content .item .category_price .price{width:20%;text-align:right;color:#1b9af5}.index_list_1 .content .item .title{width:90%;line-height:28px;letter-spacing:0;color:#fff;margin:19px auto 12px;border:0 solid red;display:flex;justify-content:space-between}.index_list_1 .content .item .title .title_text{font-size:22px;font-weight:500}.index_list_1 .content .item .title .category_list{display:flex;justify-content:flex-start;font-size:14px}.index_list_1 .content .item .title .category_list .category_list_item{padding:0 6px;border-radius:25px;font-size:12px;margin:0 4px 0 0}.index_list_1 .content .item .title .category_list .color1{color:#1e40af;background:#dbeafe}.index_list_1 .content .item .title .category_list .color2{color:#166534;background:#dcfce7}.index_list_1 .content .item .sub_title{width:90%;color:#9e9e9e;font-size:16px;margin:6px auto 12px;line-height:28px}.index_list_1 .content .item .other{width:90%;color:#9e9e9e;font-size:13px;display:flex;justify-content:space-between;border:0 solid #ccc;height:20px;line-height:20px;padding:0 0 0 0;margin:0 auto}.index_list_1 .content .item .other .time{display:flex;align-items:center}.index_list_1 .content .item .other .view_count{display:flex;align-items:center;margin:0 10px 0 0}.index_list_1 .content .item .other .icon{width:14px;margin:0;max-width:100%;height:auto;display:block}.index_list_1 .content .item:hover{transform:translateY(-4px)}.index_list_1 .pagination{width:100%;display:flex;justify-content:center;margin:30px 10px 10px 0;font-size:14px}.index_list_2 .content .item{margin:10px 0 16px 0;font-size:14px;cursor:pointer;border-radius:12px;opacity:1;background:linear-gradient(0deg,rgba(0,0,0,.001),rgba(0,0,0,.001)),#1f2937;box-sizing:border-box;border:0 solid #374151;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);transition:transform .3s ease-in-out}.index_list_2 .content .item .img{width:100%;height:165px;z-index:1000;overflow:hidden;border-radius:6px}.index_list_2 .content .item .img .el-image__inner{width:100%;height:100%;transition:transform .3s ease}.index_list_2 .content .item .img .el-image__inner:hover{transform:scale(1.1)}.index_list_2 .content .item div{line-height:24px;margin:0 0 0 0}.index_list_2 .content .item .category_price{display:flex;width:94%;margin:6px auto;justify-content:space-between}.index_list_2 .content .item .category_price .category_list{width:80%;display:flex;justify-content:flex-start;font-size:14px}.index_list_2 .content .item .category_price .category_list .category_list_item{padding:0 6px;border-radius:25px;font-size:12px;margin:4px 4px 0 0}.index_list_2 .content .item .category_price .category_list .color1{color:#1e40af;background:#dbeafe}.index_list_2 .content .item .category_price .category_list .color2{color:#166534;background:#dcfce7}.index_list_2 .content .item .category_price .price{width:20%;text-align:right;color:#1b9af5}.index_list_2 .content .item .title{width:94%;font-size:18px;font-weight:500;line-height:28px;letter-spacing:0;color:#fff;margin:10px auto 2px}.index_list_2 .content .item .sub_title{color:#9e9e9e;font-size:13px;margin:10px 10px;line-height:20px}.index_list_2 .content .item .other{color:#9e9e9e;font-size:13px;display:flex;justify-content:space-between;border:0 solid #ccc;height:24px;line-height:24px;padding:0 0 10px 0;margin-left:10px}.index_list_2 .content .item .other .time{display:flex;align-items:center;color:#1b9af5}.index_list_2 .content .item .other .view_count{display:flex;align-items:center;margin:0 10px 0 0}.index_list_2 .content .item .other .icon{width:14px;margin:0;max-width:100%;height:auto;display:block}.index_list_2 .content .item:hover{transform:translateY(-4px)}.index_list_3 .content .item{height:111.5px;margin:10px 0 16px 0;font-size:14px;cursor:pointer;transition:box-shadow .3s ease;border-radius:8px;opacity:1;background:linear-gradient(0deg,rgba(0,0,0,.001),rgba(0,0,0,.001)),#1f2937;box-sizing:border-box;border:0 solid red;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.index_list_3 .content .item img{border-radius:6px;width:20px;margin:16px 0 0 26px}.index_list_3 .content .item div{line-height:24px;margin:0 0 0 0}.index_list_3 .content .item .title{font-size:18px;font-weight:500;line-height:28px;letter-spacing:0;color:#fff;margin:4px 0 0 26px;border:0 solid red}.index_list_3 .content .item .sub_title{color:#9e9e9e;font-size:13px;margin:4px 0 10px 26px;line-height:20px}.index_list_3 .content .item:hover{box-shadow:0 0 2px 0 #4f4f4f}