*{margin:0;padding:0}html,body{width:100%;height:100%}body{color:#333;min-width:1200px;margin:0;font-family:微软雅黑,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.5}*,:before,:after{box-sizing:border-box}em{font-style:normal}li{list-style:none}h2,h3,h4{font-weight:400}a{color:inherit;text-decoration:none}a:hover{color:#1890ff}a:focus{outline:none}img{border:0;max-width:100%}table{border-collapse:collapse;border-spacing:0}.clear{clear:both}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.header{z-index:3;background:#fdfdfd;border:1px solid #e5e5e5;width:100%;height:fit-content;position:fixed;top:0;box-shadow:0 2px 4px #0000001a}.header-content{justify-content:space-between;align-items:center;width:1200px;height:fit-content;margin:0 auto;display:flex}.logo-container{align-items:center;padding:.2rem 0;display:flex}.logo-container img{width:50px;height:auto;margin-right:13px;position:relative}.logo-container h1{color:#333;font-size:18px;font-weight:700;line-height:62px}.nav-menu{align-items:center;display:flex}.nav-menu>ul{justify-content:center;align-items:center;display:flex}.nav-menu li{justify-content:center;align-items:center;padding:0 20px;line-height:62px;display:flex}.nav-menu li a{color:#333;font-size:16px;position:relative}.nav-menu li a:hover,.nav-menu li a.active{color:#2c70ff}.nav-menu li a.active:after{content:"";background:#2c70ff;border-radius:1px;width:100%;height:2px;position:absolute;bottom:0;left:0}.user-actions{align-items:center;display:flex}.container{width:1200px;margin:0 auto}.section{width:100%;padding:60px 0}.section-light{background:#f7fbff}.page-title{text-align:center;color:#666;margin-bottom:10px;padding-top:60px;font-size:40px}.page-subtitle{text-align:center;color:#3f4f7c;width:100%;margin-bottom:40px;font-size:16px;display:inline-block}.btn{text-align:center;cursor:pointer;border:none;border-radius:43px;height:43px;margin-top:38px;margin-right:30px;font-size:14px;line-height:43px;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{color:#fff;background:#286eff;min-width:138px}.btn-primary:hover{color:#fff;background:#3778fe}.btn-outline{color:#286eff;background:#fff;border:1px solid #286eff;min-width:138px}.btn-outline:hover{color:#fff;background:#286eff}.btn-large{border-radius:46px;width:150px;height:46px;line-height:46px}.footer{clear:both;background:#121a2c;width:100%;min-height:155px;font-size:12px}.footer-content{text-align:center;color:#b5b5c0;width:1200px;margin:0 auto;padding:50px 0}.footer-content h4{color:#fff;margin-bottom:16px;font-size:16px}.footer-content ul{margin:20px 0}.footer-content ul li{text-align:left;color:#b5b5c0;line-height:30px}.footer-content ul li a{color:#b5b5c0}.footer-content ul li a:hover{color:#2c70ff}.footer-bottom{padding-top:52px}.grid{gap:20px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}.image-container{border-radius:10px;width:180px;height:100px;overflow:hidden}.image-container img{object-fit:cover;width:100%;height:100%}#app{flex-direction:column;min-height:100vh;display:flex}.text-ellipsis{white-space:nowrap;text-overflow:ellipsis;word-break:break-all;overflow:hidden}