.Class_box{width:calc(100% - 20px);margin-top:60px;overflow:hidden}.Class_box .class_top_box{width:calc(100% - 20px);margin:20px auto;max-width:1080px;white-space:nowrap;overflow-x:auto}.Class_box .class_top_box .class_item{width:130px;height:120px;border-radius:10px;background-color:#f8f8f8;margin-right:10px;overflow:hidden;display:inline-block;padding:20px 0}.Class_box .class_top_box .class_item:hover{background-color:#f0f0f0}.Class_box .class_top_box .class_item img{width:50px;height:50px;display:block;margin:0 auto}.Class_box .class_top_box .class_item p{text-align:center;font-size:14px;margin-top:6px;color:#131013}.Class_box .class_top_box .class_item_active{background-color:#f0f0f0}.Class_box .class_app_box{width:calc(100% - 20px);margin:20px auto;max-width:1080px}.Class_box .class_app_box .app_list_boxa{width:100%;display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:10px;width:100%}.Class_box .class_app_box .app_list_boxb{width:100%;display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:10px;width:100%}.Class_box .class_app_box .app_list_boxc{width:100%;display:grid;grid-template-columns:repeat(auto-fill, minmax(80px, 1fr));gap:5px;width:100%}.loading_class_box{width:100%}.loading_class_box img{height:30px;width:30px;margin:0 auto;display:block;animation:loading .5s linear infinite;animation-fill-mode:forwards;animation-timing-function:linear}@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.dixian{width:100%;text-align:center;font-size:12px;color:#999;margin-top:20px}.search_list_box{width:100%;overflow:hidden;display:flex;margin-bottom:20px}.search_list_box input{width:calc(100% - 120px);height:40px;background-color:#f7f7f7;border:none;border-radius:4px;outline:none;padding:0 10px}.search_list_box button{width:100px;height:40px;background-color:#06f;border:none;border-radius:4px;color:#fff;margin-left:10px}@media(max-width: 768px){.Class_box{width:100%;margin-top:60px;overflow:hidden}.Class_box .class_top_box{width:calc(100% - 20px);margin:20px auto;max-width:1080px;white-space:nowrap;overflow-x:auto}.Class_box .class_top_box .class_item{width:100px;height:100px;border-radius:10px;background-color:#f8f8f8;margin-right:10px;overflow:hidden;display:inline-block;padding:10px 0}.Class_box .class_top_box .class_item:hover{background-color:#f0f0f0}.Class_box .class_top_box .class_item img{width:50px;height:50px;display:block;margin:0 auto}.Class_box .class_top_box .class_item p{text-align:center;font-size:14px;margin-top:6px;color:#131013}.Class_box .class_top_box .class_item_active{background-color:#f0f0f0}.Class_box .class_app_box{width:calc(100% - 20px);margin:20px auto;max-width:1080px}.Class_box .class_app_box .app_list_boxa{width:100%;display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:10px;width:100%}.Class_box .class_app_box .app_list_boxb{width:100%;display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:10px;width:100%}.class_top_box_phone{display:block;width:calc(100% - 20px);margin:20px auto;height:30px;overflow:hidden;overflow-x:auto;white-space:nowrap;max-width:1100px}.class_top_box_phone .class_item{width:30%;height:30px;border-radius:10px;text-align:center;color:#000;position:relative;display:inline-block}.class_top_box_phone .class_item::after{content:"";width:50%;height:4px;background-color:#f0f0f0;position:absolute;bottom:0;left:25%;opacity:0;border-radius:3px}.class_top_box_phone .class_item_active{color:#06f}.class_top_box_phone .class_item_active::after{opacity:1;background-color:#06f}}@media(min-width: 800px){.class_top_box_phone{display:block;width:calc(100% - 20px);margin:20px auto;height:30px;overflow:hidden;overflow-x:auto;white-space:nowrap;max-width:1100px}.class_top_box_phone .class_item{width:100px;height:30px;border-radius:10px;text-align:center;color:#000;position:relative;display:inline-block}.class_top_box_phone .class_item::after{content:"";width:50%;height:4px;background-color:#f0f0f0;position:absolute;bottom:0;left:25%;opacity:0;border-radius:3px}.class_top_box_phone .class_item_active{color:#06f}.class_top_box_phone .class_item_active::after{opacity:1;background-color:#06f}}