*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:14px}*::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none}ul,ol,li{list-style:none}a{text-decoration:none;color:#000}input{outline:none;border:none;background:transparent}.clearfix::after{content:"";display:block;clear:both}:root{--accent:#23cf5f}body{background:#fff}.left-area .nav .detail-sites .nav-category{display:none}.left-area{position:absolute;left:0;top:0;height:100%;width:213px;z-index:10}.left-area .logo-area{position:absolute;top:17px;left:0;width:100%;height:44px;display:flex;align-items:center;justify-content:center;padding:0 10px;z-index:13}.left-area .logo-area img{max-height:31px;max-width:100%}.left-area .header{height:40px;position:absolute;top:68px;left:0;width:100%;z-index:12}.left-area .header .input-container{margin-top:7px;position:relative}.left-area .header .search-input{display:block;width:calc(90% - 4px);height:30px;border-radius:5px;background:#fff;border:none;padding:0 26px 0 10px;font-size:14px;color:#333;margin:0 auto}.left-area .header .close-icon{cursor:pointer;display:block;height:30px;width:32px;text-align:center;position:absolute;right:12px;top:0;color:#000;font-size:14px;line-height:30px;font-weight:600}.left-area .header .close-icon:hover{color:#000}.left-area .nav{height:100%;overflow-y:auto;overflow-x:hidden;padding-top:120px;scrollbar-width:none}.left-area .nav::-webkit-scrollbar{display:none}.left-area .nav .main-category{float:left;height:100%;width:93px;text-align:left;letter-spacing:1px}.left-area .nav .main-category ul{height:100%;width:93px}.left-area .nav .main-category ul li{cursor:pointer;font-size:15px;height:40px;width:93px;color:#555;padding-left:13px;transition:background 0.5s ease 0s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:none;display:flex;align-items:center}.left-area .nav .main-category ul li .cat-icon{margin-right:8px;width:16px;text-align:center;font-size:15px;display:inline-flex;align-items:center;justify-content:center}.left-area .nav .main-category ul li img.cat-icon{width:16px;height:16px;object-fit:contain}.left-area .nav .main-category ul li.active,.left-area .nav .main-category ul li:hover{background:var(--accent);color:#fff}.left-area .nav .main-category ul li.active .cat-icon,.left-area .nav .main-category ul li:hover .cat-icon{color:#fff !important}.left-area .nav .main-category ul li.dragging{opacity:.4}.left-area .nav .main-category ul li.drag-over{border-top:2px solid var(--accent)}.left-area .nav .detail-sites{float:left;height:94%;width:120px;overflow:hidden;background:transparent}.left-area .nav .detail-sites ul{height:100%;width:120px}.left-area .nav .detail-sites ul li{position:relative;text-align:left;width:120px;transition:background 0.5s ease 0s;padding-left:8px}.left-area .nav .detail-sites ul li a{color:#555;display:flex;align-items:center;font-size:15px;height:40px;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.left-area .nav .detail-sites ul li a img{width:16px;height:16px;margin-right:8px;object-fit:contain;flex-shrink:0}.left-area .nav .detail-sites ul li a .fa{width:16px;text-align:center;margin-right:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.left-area .nav .detail-sites ul li:hover{background:var(--accent);color:#fff}.left-area .nav .detail-sites ul li:hover a{color:#fff}.left-area .nav .detail-sites ul li.active{background:transparent}.left-area .nav .detail-sites ul li.active a{color:var(--accent)}.left-area .nav .detail-sites ul li.active:hover{background:var(--accent)}.left-area .nav .detail-sites ul li.active:hover a{color:#fff}.right-area{position:absolute;top:0;left:213px;right:0;bottom:0;z-index:1;overflow:auto}.right-inner{max-width:1500px;margin:0 auto;height:100%;position:relative}.right-inner iframe{display:block;width:100%;height:100%;border:none}.right-inner .loading-container{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:9;text-align:center}.loading-container .loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-container .loading span{display:inline-block;width:15px;height:15px;background:#ff9d00;margin-right:5px;animation:load 1.04s ease infinite}.loading-container .loading span:last-child{margin-right:0}.loading-container .loading span:nth-child(1){animation-delay:0.13s}.loading-container .loading span:nth-child(2){animation-delay:0.26s}.loading-container .loading span:nth-child(3){animation-delay:0.39s}.loading-container .loading span:nth-child(4){animation-delay:0.52s}.loading-container .loading span:nth-child(5){animation-delay:0.65s}@keyframes load{0%,100%{opacity:1}50%{opacity:0}}.right-inner .notice-page{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:8;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#666}.notice-page.show{display:flex}.notice-page p{margin-bottom:8px}.notice-page a{color:var(--accent);text-decoration:underline;cursor:pointer}.panel-backdrop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:199;background:transparent;cursor:default}.panel-backdrop.show{display:block}.skin-panel{display:none;position:fixed;top:10px;left:213px;z-index:200;background:#ebebeb;border-radius:0 8px 8px 0;padding:6px;width:130px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.skin-panel.show{display:block}.skin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.skin-item{cursor:pointer;height:28px;border-radius:3px;transition:background .15s;text-align:center;line-height:28px;font-size:12px;color:#333;background:transparent;overflow:hidden;padding:0 2px}.skin-item:hover{background:#23cf5f;color:#fff}.skin-item.active{color:#23cf5f;font-weight:600}.skin-item.active:hover{background:#23cf5f;color:#fff}.style-panel{display:none;position:fixed;top:10px;left:213px;z-index:200;background:#ebebeb;border-radius:0 8px 8px 0;padding:6px;width:130px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.style-panel.show{display:block}.style-grid{display:grid;grid-template-columns:1fr;gap:4px}.style-item{cursor:pointer;height:28px;border-radius:3px;transition:background .15s;text-align:center;line-height:28px;font-size:12px;color:#333;background:transparent;overflow:hidden;padding:0 2px}.style-item:hover{background:#23cf5f;color:#fff}.style-item.active{color:#23cf5f;font-weight:600}.style-item.active:hover{background:#23cf5f;color:#fff}.left-area .nav .detail-sites ul li.quick-search-item a{color:#555;font-weight:400}.left-area .nav .detail-sites ul li.quick-search-item a img{width:16px;height:16px}.left-area.hide-main .nav .detail-sites ul li.quick-search-item a{color:#555 !important;font-weight:400 !important}.modal-overlay{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000;background:rgba(0,0,0,.45);align-items:center;justify-content:center}.modal-overlay.show{display:flex}.modal-dialog{background:#fff;border-radius:8px;width:360px;max-width:90%;box-shadow:0 8px 32px rgba(0,0,0,.25);overflow:hidden;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #eee;font-size:16px;color:#333}.modal-header .fa-times{cursor:pointer;color:#999;font-size:18px;transition:color .15s}.modal-header .fa-times:hover{color:#666}.modal-body{padding:22px 18px 18px;text-align:center}.modal-title{font-size:16px;color:#333;line-height:1.6}.modal-title strong{color:#e74c3c;font-weight:600}.modal-tip{font-size:16px;color:#999;margin-top:10px}.modal-brand{font-size:18px;color:#555;margin:-6px 0 8px;font-weight:600}.modal-warning{font-size:13px;color:#e74c3c;margin-top:6px}.modal-footer{display:flex;gap:10px;padding:0 18px 18px}.modal-btn{flex:1;height:38px;border-radius:4px;border:none;cursor:pointer;font-size:14px;transition:opacity .15s}.modal-btn:hover{opacity:.9}.modal-btn-primary{background:#27ae60;color:#fff}.modal-btn-secondary{background:#f0f0f0;color:#555;border:1px solid #ddd}.left-area.style-fill .nav .main-category ul li.active,.left-area.style-fill .nav .main-category ul li:hover{background:var(--accent);color:#fff;font-weight:600}.left-area.style-fill .nav .main-category ul li.active .cat-icon,.left-area.style-fill .nav .main-category ul li:hover .cat-icon{color:#fff !important}.left-area.style-fill .nav .detail-sites ul li:hover{background:var(--accent);color:#fff;font-weight:600}.left-area.style-fill .nav .detail-sites ul li:hover a{color:#fff}.left-area.style-fill .nav .detail-sites ul li.active{background:transparent}.left-area.style-fill .nav .detail-sites ul li.active a{color:var(--accent);font-weight:600}.left-area.style-fill .nav .detail-sites ul li.active:hover{background:var(--accent)}.left-area.style-fill .nav .detail-sites ul li.active:hover a{color:#fff}.left-area.style-orange .nav .main-category ul li.active,.left-area.style-orange .nav .main-category ul li:hover{background:#ff9d00;color:#fff;font-weight:600}.left-area.style-orange .nav .main-category ul li.active .cat-icon,.left-area.style-orange .nav .main-category ul li:hover .cat-icon{color:#fff !important}.left-area.style-orange .nav .detail-sites ul li:hover{background:#ff9d00;color:#fff;font-weight:600}.left-area.style-orange .nav .detail-sites ul li:hover a{color:#fff}.left-area.style-orange .nav .detail-sites ul li.active{background:transparent}.left-area.style-orange .nav .detail-sites ul li.active a{color:#ff9d00;font-weight:600}.left-area.style-orange .nav .detail-sites ul li.active:hover{background:#ff9d00}.left-area.style-orange .nav .detail-sites ul li.active:hover a{color:#fff}.left-area.style-line .nav .main-category ul li{padding-left:12px}.left-area.style-line .nav .main-category ul li.active,.left-area.style-line .nav .main-category ul li:hover{background:transparent;color:var(--accent);border-left:3px solid var(--accent);padding-left:7px}.left-area.style-line .nav .main-category ul li.active .cat-icon,.left-area.style-line .nav .main-category ul li:hover .cat-icon{color:var(--accent) !important}.left-area.style-line .nav .detail-sites ul li{padding-left:8px}.left-area.style-line .nav .detail-sites ul li:hover{background:transparent;color:var(--accent);border-left:3px solid var(--accent);padding-left:5px}.left-area.style-line .nav .detail-sites ul li:hover a{color:var(--accent)}.left-area.style-line .nav .detail-sites ul li.active{background:transparent}.left-area.style-line .nav .detail-sites ul li.active a{color:var(--accent)}.left-area.style-line .nav .detail-sites ul li.active:hover{background:transparent;border-left:3px solid var(--accent);padding-left:5px}.left-area.style-line .nav .detail-sites ul li.active:hover a{color:var(--accent)}.left-area.style-orange-line .nav .main-category ul li{padding-left:12px}.left-area.style-orange-line .nav .main-category ul li.active,.left-area.style-orange-line .nav .main-category ul li:hover{background:transparent;color:#ff9d00;border-left:3px solid #ff9d00;padding-left:7px}.left-area.style-orange-line .nav .main-category ul li.active .cat-icon,.left-area.style-orange-line .nav .main-category ul li:hover .cat-icon{color:#ff9d00 !important}.left-area.style-orange-line .nav .detail-sites ul li{padding-left:8px}.left-area.style-orange-line .nav .detail-sites ul li:hover{background:transparent;color:#ff9d00;border-left:3px solid #ff9d00;padding-left:5px}.left-area.style-orange-line .nav .detail-sites ul li:hover a{color:#ff9d00}.left-area.style-orange-line .nav .detail-sites ul li.active{background:transparent}.left-area.style-orange-line .nav .detail-sites ul li.active a{color:#ff9d00}.left-area.style-orange-line .nav .detail-sites ul li.active:hover{background:transparent;border-left:3px solid #ff9d00;padding-left:5px}.left-area.style-orange-line .nav .detail-sites ul li.active:hover a{color:#ff9d00}.left-area.style-purple-line .nav .main-category ul li{padding-left:12px}.left-area.style-purple-line .nav .main-category ul li.active,.left-area.style-purple-line .nav .main-category ul li:hover{background:transparent;color:#9b59b6;border-left:3px solid #9b59b6;padding-left:7px}.left-area.style-purple-line .nav .main-category ul li.active .cat-icon,.left-area.style-purple-line .nav .main-category ul li:hover .cat-icon{color:#9b59b6 !important}.left-area.style-purple-line .nav .detail-sites ul li{padding-left:8px}.left-area.style-purple-line .nav .detail-sites ul li:hover{background:transparent;color:#9b59b6;border-left:3px solid #9b59b6;padding-left:5px}.left-area.style-purple-line .nav .detail-sites ul li:hover a{color:#9b59b6}.left-area.style-purple-line .nav .detail-sites ul li.active{background:transparent}.left-area.style-purple-line .nav .detail-sites ul li.active a{color:#9b59b6}.left-area.style-purple-line .nav .detail-sites ul li.active:hover{background:transparent;border-left:3px solid #9b59b6;padding-left:5px}.left-area.style-purple-line .nav .detail-sites ul li.active:hover a{color:#9b59b6}.left-area.style-text .nav .main-category ul li.active,.left-area.style-text .nav .main-category ul li:hover{background:transparent;color:var(--accent)}.left-area.style-text .nav .main-category ul li.active .cat-icon,.left-area.style-text .nav .main-category ul li:hover .cat-icon{color:var(--accent) !important}.left-area.style-text .nav .detail-sites ul li:hover{background:transparent;color:var(--accent)}.left-area.style-text .nav .detail-sites ul li:hover a{color:var(--accent)}.left-area.style-text .nav .detail-sites ul li.active{background:transparent}.left-area.style-text .nav .detail-sites ul li.active a{color:var(--accent)}.left-area.style-text .nav .detail-sites ul li.active:hover{background:transparent}.left-area.style-text .nav .detail-sites ul li.active:hover a{color:var(--accent)}.left-area.style-orange-text .nav .main-category ul li.active,.left-area.style-orange-text .nav .main-category ul li:hover{background:transparent;color:#ff9d00}.left-area.style-orange-text .nav .main-category ul li.active .cat-icon,.left-area.style-orange-text .nav .main-category ul li:hover .cat-icon{color:#ff9d00 !important}.left-area.style-orange-text .nav .detail-sites ul li:hover{background:transparent;color:#ff9d00}.left-area.style-orange-text .nav .detail-sites ul li:hover a{color:#ff9d00}.left-area.style-orange-text .nav .detail-sites ul li.active{background:transparent}.left-area.style-orange-text .nav .detail-sites ul li.active a{color:#ff9d00}.left-area.style-orange-text .nav .detail-sites ul li.active:hover{background:transparent}.left-area.style-orange-text .nav .detail-sites ul li.active:hover a{color:#ff9d00}.left-area.style-purple-fill .nav .main-category ul li.active,.left-area.style-purple-fill .nav .main-category ul li:hover{background:#9b59b6;color:#fff;font-weight:600}.left-area.style-purple-fill .nav .main-category ul li.active .cat-icon,.left-area.style-purple-fill .nav .main-category ul li:hover .cat-icon{color:#fff !important}.left-area.style-purple-fill .nav .detail-sites ul li:hover{background:#9b59b6;color:#fff;font-weight:600}.left-area.style-purple-fill .nav .detail-sites ul li:hover a{color:#fff}.left-area.style-purple-fill .nav .detail-sites ul li.active{background:transparent}.left-area.style-purple-fill .nav .detail-sites ul li.active a{color:#9b59b6;font-weight:600}.left-area.style-purple-fill .nav .detail-sites ul li.active:hover{background:#9b59b6}.left-area.style-purple-fill .nav .detail-sites ul li.active:hover a{color:#fff}.left-area.style-purple-text .nav .main-category ul li.active,.left-area.style-purple-text .nav .main-category ul li:hover{background:transparent;color:#9b59b6}.left-area.style-purple-text .nav .main-category ul li.active .cat-icon,.left-area.style-purple-text .nav .main-category ul li:hover .cat-icon{color:#9b59b6 !important}.left-area.style-purple-text .nav .detail-sites ul li:hover{background:transparent;color:#9b59b6}.left-area.style-purple-text .nav .detail-sites ul li:hover a{color:#9b59b6}.left-area.style-purple-text .nav .detail-sites ul li.active{background:transparent}.left-area.style-purple-text .nav .detail-sites ul li.active a{color:#9b59b6}.left-area.style-purple-text .nav .detail-sites ul li.active:hover{background:transparent}.left-area.style-purple-text .nav .detail-sites ul li.active:hover a{color:#9b59b6}.left-area{transition:width .2s ease}.right-area{transition:left .2s ease}.skin-panel,.style-panel{transition:left .2s ease}.left-area.hide-main{width:193px;background:#fafafa !important}.left-area.hide-main .main-category{display:none}.left-area.hide-main .nav{padding-top:118px}.left-area.hide-main .logo-area{border-bottom:none}.left-area.hide-main .detail-sites{width:193px;height:auto;overflow:visible}.left-area.hide-main .detail-sites ul{width:193px;height:auto}.left-area.hide-main .detail-sites ul li{width:193px}.left-area.hide-main .nav .detail-sites .nav-category{padding:13px 16px 5px;display:flex;align-items:center;gap:10px;font-size:13px;color:#999;font-weight:500;letter-spacing:1px;line-height:20px;user-select:none}.left-area.hide-main .nav .detail-sites .nav-category::before,.left-area.hide-main .nav .detail-sites .nav-category::after{content:'';flex:1;height:1px;background:#e8e8e8}.left-area.hide-main .nav .detail-sites ul li{padding:10px 16px;border-left:3px solid transparent;transition:background 0.1s}.left-area.hide-main .nav .detail-sites ul li a{color:#555 !important;font-size:15px !important;line-height:22px !important;height:auto !important;letter-spacing:0 !important;font-weight:400 !important}.left-area.hide-main .nav .detail-sites ul li a img{width:18px !important;height:18px !important;margin-right:10px !important}.left-area.hide-main .nav .detail-sites ul li a .fa{width:18px !important;height:18px !important;margin-right:10px !important}.left-area.hide-main .nav .detail-sites ul li:hover{background:#f0f0f0 !important;border-left:3px solid transparent !important;padding-left:16px !important}.left-area.hide-main .nav .detail-sites ul li:hover a{color:#333 !important;font-weight:400 !important}.left-area.hide-main .nav .detail-sites ul li.active{background:#e8f0fe !important;border-left:3px solid #1a73e8 !important;padding-left:16px !important}.left-area.hide-main .nav .detail-sites ul li.active a{color:#1a73e8 !important;font-weight:400 !important}.left-area.hide-main .nav .detail-sites ul li.active:hover{background:#e8f0fe !important;border-left:3px solid #1a73e8 !important;padding-left:16px !important}.left-area.hide-main .nav .detail-sites ul li.active:hover a{color:#1a73e8 !important;font-weight:400 !important}.left-area.hide-main .nav .detail-sites ul li.toggle-main-item{border-top:1px solid #e8e8e8;margin-top:4px;padding:10px 16px;border-left:3px solid transparent}.left-area.hide-main .nav .detail-sites ul li.toggle-main-item a{color:#999 !important;font-size:13px !important;font-weight:400 !important}.left-area.hide-main .nav .detail-sites ul li.toggle-main-item:hover{background:#f0f0f0 !important;border-left:3px solid transparent !important;padding-left:16px !important}.left-area.hide-main .nav .detail-sites ul li.toggle-main-item:hover a{color:#333 !important}.left-area.hide-main ~ .right-area{left:193px}.left-area.hide-main ~ .skin-panel{left:193px}.left-area.hide-main ~ .style-panel{left:193px}.left-area.hide-main.software-mode .logo-area{border-bottom:1px solid #e8e8e8}.left-area.hide-main.software-mode .header{display:none}.left-area.hide-main.software-mode .nav{padding-top:82px}.left-area.hide-main.software-mode .nav .detail-sites .nav-category{text-align:left;padding:12px 16px 6px;font-size:13px;color:#888;letter-spacing:1px}.left-area.hide-main.software-mode .nav .detail-sites .nav-category::before,.left-area.hide-main.software-mode .nav .detail-sites .nav-category::after{display:none}.left-area.hide-main.software-mode .nav .detail-sites ul li{padding:10px 16px}.left-area.hide-main.software-mode .nav .detail-sites ul li a{font-size:15px}.left-area.hide-main.software-mode .nav .detail-sites ul li a img,.left-area.hide-main.software-mode .nav .detail-sites ul li a .fa{width:16px;height:16px;margin-right:8px}.left-area .nav .detail-sites ul li.toggle-main-item{padding-left:8px;cursor:pointer;user-select:none;border-top:1px solid rgba(0,0,0,.06);margin-top:4px}.left-area .nav .detail-sites ul li.toggle-main-item a{color:#555;font-size:15px;height:40px}.left-area .nav .detail-sites ul li.toggle-main-item a .fa{width:16px;text-align:center;margin-right:8px}.left-area .nav .detail-sites ul li.toggle-main-item:hover{background:transparent;border-left:none;padding-left:8px}.left-area .nav .detail-sites ul li.toggle-main-item:hover a{color:var(--accent);font-weight:600}