main .banner{height:288px;background:url(/portal/doc_banner.png);background-size:100% 100%;display:flex;justify-content:center;align-items:center}main .banner div{width:1200px;max-width:90%;font-size:48px;font-weight:900;background:linear-gradient(to bottom right,#66819A,#283F63);background-clip:text;-webkit-background-clip:text;color:transparent;position:relative}main .banner div:after{content:"WENDANG";background:linear-gradient(to bottom right,#4372FF,#5FABFF,#8165FF);background-clip:text;-webkit-background-clip:text;color:transparent;opacity:.06;position:absolute;top:30px;left:-30px}main .menu{max-width:1200px;padding:0;margin:25px auto 57px;display:flex;flex-wrap:wrap;justify-content:space-between}main .menu>div{display:flex}main .menu input{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;width:224px;height:392px;box-sizing:border-box;padding:48px 26px;background:var(--bg);background-size:100% 100%;box-shadow:0 6px 10px #8f9ba84d;font-size:20px;color:#fff;line-height:28px;font-weight:700}main .menu input:before{content:var(--icon);display:block}main .menu input:after{content:attr(data-text)}main .menu input:checked+div{width:256px}main .menu input+div{overflow:hidden;width:0;height:392px;background-image:linear-gradient(180deg,#CBD8EA80 0%,#FFFFFF80 100%);box-shadow:0 6px 10px #8f9ba84d;transition:all ease-in-out .2s}main .menu input+div a{text-decoration:none;cursor:pointer;display:block;font-size:16px;color:#3f485a;line-height:56px;padding:0 24px;border-bottom:1px solid #e5e5e5;word-break:keep-all}main .menu input+div a:hover{opacity:.6;color:#3b81e5}main .menu input+div a:after{content:"";width:12px;height:12px;background:url(/portal/right.png);background-size:cover;background-position:center;margin:22px 0;display:inline-block;float:right}