header{position:sticky;top:0;z-index:9}header a{text-decoration:none;cursor:pointer;color:#3f485a}header a:hover{color:#3b81e5}header .shadow{background:white;box-shadow:0 2px 48px #4d6ca00f,0 6px 20px #4d6ca01a;position:relative;z-index:1}header .shadow>div{max-width:1440px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:0 16px}header .logo{font-size:16px;color:#004098;font-weight:700;display:flex;align-items:center;gap:12px;margin-right:32px;word-break:keep-all}header .logo img{border-right:1px solid black;padding-right:12px}header .logo:after{content:"IPv6";color:#9199bd;font-size:10px;line-height:10px;border:1px solid #9199bd;border-radius:4px;padding:2px}header .menu{font-size:14px;line-height:48px;padding:0 32px}header .menu:hover{color:#3b81e5}header .solution{position:relative}header .solution>div{display:none;position:absolute;left:0;right:0;top:100%;width:max-content;margin:auto;background:white;box-shadow:0 2px 24px #4d6ca00f,0 4px 12px #4d6ca029;border-radius:4px}header .solution>div a{display:block;margin:16px;font-size:14px;line-height:22px}header .solution:hover>div{display:block}header .doc_dropdown{display:none;position:absolute;grid-template-columns:200px 1fr;max-width:880px;left:0;right:0;top:100%;margin:auto;background:white;box-shadow:0 2px 48px #4d6ca00f,0 6px 20px #4d6ca01a;border-radius:0 0 4px 4px}header .doc_dropdown aside{background:url(/portal/doc_aside.png);padding:40px 24px}header .doc_dropdown aside p:first-child{font-size:16px;color:#3f485a;line-height:24px;font-weight:500}header .doc_dropdown aside p:last-child{font-size:14px;color:#9199bd;line-height:22px;margin-top:12px}header .doc_dropdown article{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;padding:40px}header .doc_dropdown article p{font-size:14px;color:#3b81e5;line-height:22px;font-weight:500;border-bottom:1px solid #E5E5E5;margin-bottom:12px}header .doc_dropdown article a{font-size:12px;line-height:20px;margin-bottom:8px;display:block}header .doc_dropdown article a:last-child{margin-bottom:0}header:has(.doc:hover) .doc_dropdown,header .doc_dropdown:hover{display:grid}header a.btn{color:#3f485a;background:white;cursor:pointer;border:1px solid #e5e5e5;border-radius:4px;padding:6px 21px;font-size:14px;line-height:22px;margin:4px 0}header a.btn:hover{opacity:.8}header a.btn.primary{color:#fff;background:#3B81E5}header .mobile_switch{display:none}header .mobile_content{display:none}@media (max-width: 1080px){header .logo{margin-right:revert}header .logo:after{display:none}header .menu{display:none}header a.btn{display:none}header:has(.mobile_switch:checked) .mobile_content{display:flex}header .mobile_switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:block;color:#9199bd;font-size:18px;line-height:32px;width:32px;text-align:center;border-radius:2px;margin:8px 0 8px auto;outline:1px solid #9199BD}header .mobile_switch:before{content:"☰"}header .mobile_content{display:none;flex-direction:column;background:white;box-shadow:0 2px 48px #4d6ca00f,0 6px 20px #4d6ca01a;position:fixed;top:48px;bottom:0;right:0;width:180px;max-width:100%;padding:28px}header .mobile_content .cate{padding-left:0}header .mobile_content .cate:before{content:"";display:inline-block;height:16px;width:4px;background:#3B81E5;border-radius:2px;margin-right:8px}header .mobile_content a{color:#242933;display:block;margin-bottom:16px;padding-left:16px}}