main section{max-width:1440px;margin:auto;padding:0 16px}main h1{font-size:32px;color:#242933;width:fit-content;margin:100px auto 40px;line-height:32px;font-weight:700;position:relative}main h1:after{height:6px;position:absolute;top:0;right:0;bottom:0;left:0;top:calc(100% - 6px);z-index:-1;content:"";background-image:linear-gradient(270deg,rgba(75,145,255,0) 0%,#4B91FF 100%);border-radius:4px}main .banner{height:480px;background:url(/portal/banner.png);background-size:cover;background-position:center;overflow:hidden}main .news{margin-top:440px;background:rgba(255,255,255,.7);padding:0 16px}main .news>div{max-width:1440px;margin:0 auto;height:40px;display:flex;align-items:center;font-size:14px}main .news>div:before{content:"公告";color:#fff;padding:2px 10px;margin-right:16px;background:linear-gradient(115deg,#93BFFF 0%,#3B81E5 100%);border-radius:2px}main .news>div .content{color:#3f485a;cursor:pointer}main .news>div .date{color:#9199bd;margin-left:auto}main .news>div .more{font-size:14px;color:#9199bd;text-align:right;font-weight:400;margin-left:16px;text-decoration:none;display:flex}main .news>div .more:after{content:"";width:12px;height:12px;background:url(/portal/right.png);background-size:cover;background-position:center;margin-left:4px;margin-top:4px}main .fn{margin-top:48px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px}main .fn>a{flex:1;padding:24px 32px;border-radius:4px;background-image:var(--bg);background-size:cover;background-position:bottom right;text-decoration:none;transition:all ease-in-out .2s;display:flex;gap:16px;min-height:116px;box-sizing:border-box}main .fn>a img{width:32px;height:32px}main .fn>a p{transition:all ease-in-out .2s}main .fn>a p:first-child{font-size:20px;color:#242933;letter-spacing:1px;line-height:24px;font-weight:600}main .fn>a p:last-child{font-size:16px;color:#767a8b;letter-spacing:1px;line-height:16px;margin-top:16px}main .fn>a:hover{background-image:url(/portal/fn_hover.png);box-shadow:0 8px 20px #3d83e761}main .fn>a:hover img{visibility:hidden}main .fn>a:hover p{color:#fff;transform:translate(-24px)}main .fn>a:hover p:first-child{font-size:24px}main .solution{display:grid;grid-template-columns:repeat(4,1fr)}main .solution input{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:94px;padding-bottom:5%;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:20px;color:#242933;letter-spacing:0}main .solution input:before{content:var(--icon)}main .solution input:after{content:attr(data-text)}main .solution input:checked{color:#fff;background-image:linear-gradient(121deg,#569CFF 0%,#3B81E5 100%);clip-path:polygon(0 0,100% 0,100% 85%,55% 85%,50% 100%,45% 85%,0 85%)}main .solution input:checked:before{content:var(--icon-checked)}main .solution input:checked+div{display:grid}main .solution input+div{order:9;grid-column:span 4;margin-top:16px;min-height:360px;display:none;grid-template-columns:1fr 1fr;background:#F5F7FA}main .solution input+div article{font-size:16px;color:#1d2129;letter-spacing:1px;line-height:28px;padding:70px 16px 53px 60px;display:flex;flex-direction:column;justify-content:space-between}main .solution input+div article p{max-width:80%}main .solution input+div article a{text-decoration:none;cursor:pointer;color:#3b81e5}main .solution input+div article a:after{content:url(/portal/arrow.png);margin-left:8px}main .solution input+div img{width:100%;height:100%;object-fit:contain;margin:auto}main .api{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}main .api div{border-radius:4px;overflow:hidden;padding:24px;background:url(/portal/api.png);background-size:cover;background-position:bottom right;transition:all ease-in-out .1s}main .api div p:first-child{font-size:20px;color:#323243;letter-spacing:1px;line-height:30px;font-weight:500}main .api div p:last-child{font-size:16px;color:#9199bd;line-height:22px;margin-top:10px}main .api div:first-child{grid-row:span 2;background-image:url(/portal/api_first.png)}main .step{text-align:center}main .step img{max-width:100%}