#app{width:100%;min-height:100vh}body{background-color:#f2f2f2}a{text-decoration:none}*{font-size:12px;margin:0;padding:0}img{width:100%}.banner{width:100vw}.banner-mask{position:absolute;left:0;bottom:0;width:100%;height:100px;background-color:#fff;z-index:2;background:linear-gradient(to bottom,#fff0,#f2f2f2)}.image-container{position:relative;display:inline-block;z-index:1;width:100vw}.image-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#fff0 70%,#f2f2f2);pointer-events:none}.image-mask-container{position:absolute;top:0;left:0;width:100%;height:100px;z-index:2;background-image:linear-gradient(to bottom,#fff,#fff0)}.image-mask{position:relative;width:100%;height:100px;z-index:2;background:linear-gradient(to right,#04338e,#01967c);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-image:linear-gradient(to bottom,#000,#0000);mask-size:100% 100%;mask-repeat:no-repeat}.header{position:absolute;top:0;left:0;width:100%;height:60px;display:flex;z-index:3;justify-content:space-between}.header-left{width:calc(50% - 20px);padding:0 15px;display:flex;justify-content:center;align-items:center}.header-right{width:calc(50% - 20px);padding:0 10px;display:flex;justify-content:center;align-items:center}.search-container{width:100%;border:1px solid rgba(255,255,255,.3);border-radius:15px;height:30px;display:flex;justify-content:space-between}.search-input{width:50%;height:30px;border:none;outline:none;padding:0 10px;background:none;color:#fff}.search-input::placeholder{color:#ffffff80}.search-button{display:flex;align-items:center;justify-content:flex-start;height:30px;background:linear-gradient(to right,#fff,#dadada);border-radius:15px;padding:0 10px}.search-button img{width:15px}.search-button font{padding:0 2px}.wrapper-container{width:calc(94% - 50px);padding:18px 25px;margin:0 auto 15px;position:relative;z-index:1;border-radius:15px;overflow:hidden;background-color:#fff}.service-container{margin-top:-120px}.container-mask{background:linear-gradient(to bottom,#e6eeff,#fff 82%);position:absolute;top:0;left:0;width:100%;height:80px;z-index:-1;border-radius:15px 15px 0 0;pointer-events:none}.container-mask-1{background:linear-gradient(to bottom,#f5feff,#fff 82%);position:absolute;top:0;left:0;width:100%;height:80px;z-index:-1;border-radius:15px 15px 0 0;pointer-events:none}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title .title{font-size:20px;color:#05348f;font-weight:700}.section-title span{font-size:20px;color:#007381}.section-title font{font-size:20px;color:#666}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:20px 0 30px;border-bottom:1px #f4efef solid}.service-item{text-align:center;transition:transform .3s ease}.service-icon{width:35px;height:35px;margin:0 auto 10px;display:block}.service-text{font-size:14px;color:#333;font-weight:500}.service-item{cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.service-item:focus{outline:none;-webkit-tap-highlight-color:transparent}.service-item::-moz-focus-inner{border:0}.service-item:active{outline:none;-webkit-tap-highlight-color:transparent}.announcement-item-link{text-decoration:none;color:inherit;display:block}.announcement-item-link:hover{text-decoration:none;background-color:#f9f9f9}.service-bulletin{margin-top:10px}.announcement-item{display:flex;justify-content:space-between;padding:8px 0;align-items:center}.announcement-item:last-child{border-bottom:none}.announcement-title{font-size:14px;color:#333;font-weight:700;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.announcement-time{font-size:12px;color:#999;margin-left:10px}.m-t-10{margin-top:10px}.m-t-20{margin-top:20px}.m-t-30{margin-top:30px}.quick-container{background-image:url(/portal/images/mask-01.jpg);background-size:100% auto;background-repeat:no-repeat;background-position:top center}.quick-flex{display:flex;justify-content:space-between;padding:15px 0 5px;align-items:flex-start}.quick-tabs{width:25%;position:relative;z-index:1}.quick-tabs:after{content:"";position:absolute;top:0;right:-1px;width:1px;height:100%;background:linear-gradient(to bottom,#00738133,#007381,#00738133);z-index:0}.quick-tab-item{position:relative}.quick-tab-item div{font-size:14px;color:#666;text-align:center;line-height:60px}.quick-tab-item.active:after{content:"";position:absolute;top:45%;right:0;border-bottom:10px solid #007381;border-right:5px solid transparent;border-left:5px solid transparent;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);transform:rotate(-90deg)}.quick-tab-item.active div{color:#000;font-size:18px;background:linear-gradient(to left,#00738100,#0073811a,#00738100);position:relative;z-index:1}.quick-tab-item.active div:after{content:"";position:absolute;top:0;left:0;background:linear-gradient(to left,#00738100,#0073814d,#00738100);width:100%;height:1px;z-index:2}.quick-tab-item.active div:before{content:"";position:absolute;bottom:0;left:0;background:linear-gradient(to left,#00738100,#0073814d,#00738100);width:100%;height:1px;z-index:2}.quick-tabs-content{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:20px 15px}.quick-tabs-content-item{display:flex;justify-content:flex-start;align-items:center}.quick-text{font-size:14px}.quick-icon{width:25px;height:25px;margin-right:5px;display:block}.m-b-10{margin-bottom:10px}.m-b-20{margin-bottom:20px}.m-b-30{margin-bottom:30px}.m-l-10{margin-left:10px}.m-l-20{margin-left:20px}.m-l-30{margin-left:30px}.m-r-10{margin-right:10px}.m-r-20{margin-right:20px}.m-r-30{margin-right:30px}.news-list{margin-top:15px}.news-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #eee}.news-item:last-child{border-bottom:none}.news-content{flex:1;margin-right:15px}.news-title{font-size:16px;color:#333;font-weight:700;margin-bottom:8px}.news-date{font-size:12px;color:#999}.news-img{width:80px;height:80px;background-color:#f0f0f0;border-radius:5px;flex-shrink:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:1;transition:opacity .3s ease}.news-img:not(.loaded){background-color:#f0f0f0}.news-img.loaded{opacity:1}.news-img.error{background-color:#ddd;position:relative}.news-img.error:after{content:"图片加载失败";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;color:#999}.loading-message{text-align:center;padding:20px;color:#666;font-size:14px}.quick-tab-item{transition:all .3s ease}.quick-tab-item.active{animation:tabActiveAnimation .3s ease forwards}@keyframes tabActiveAnimation{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.floating-ai-button{position:fixed;right:0;top:70%;transform:translateY(-50%);background:linear-gradient(to bottom,#007381,#05348f);border-radius:100px 100px 0;padding:15px 0;display:flex;align-items:center;flex-wrap:wrap;cursor:pointer;z-index:9999;transition:all .3s ease;text-align:center}.floating-ai-button div{text-align:center;width:100%}.ai-button-icon{width:20px;height:20px}.ai-button-text{color:#fff;margin:0 auto;font-size:12px;white-space:nowrap;text-align:center}.my-container{width:100%;min-height:100vh;background:url(/portal/images/my-mask.jpg) top center no-repeat;background-size:100% auto}.user-container{padding:10% 0 0 5%;display:flex;justify-content:flex-start;align-items:center}.user-logo{background:linear-gradient(to bottom,#9ac1c6,#fff);border-radius:50%;width:80px;height:80px;border:3px #fff solid;display:flex;align-items:center;justify-content:center;overflow:hidden}.user-logo .avatar{width:100%;height:100%;border-radius:50%;object-fit:cover}.user-reg{font-size:20px;color:#fff;margin-left:10px}.user-wrapper{width:94%;margin:30px auto;background:transparent!important;display:flex;justify-content:space-between}.user-wrapper-item{width:calc(48% - 40px);position:relative;z-index:1;border-radius:15px;overflow:hidden;background-color:#fff;display:flex;justify-content:space-between;padding:0 20px}.user-wrapper-item-left{font-size:12px;padding:25px 0;width:60%;color:#999}.user-wrapper-item-title{font-size:16px;font-weight:700;color:#000}.user-wrapper-item-right{width:60%;position:relative;z-index:1}.user-wrapper-item-right img{width:100%;position:absolute;bottom:0;right:-20px}.my-list-title{width:90%;margin:10px auto;font-size:14px;color:#999}.my-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.my-item-icon{width:35px}.my-item-title{width:calc(100% - 105px);font-size:14px;color:#000;font-size:16px;font-weight:700;color:#333}.my-item-button{display:flex;justify-content:space-between;align-items:center;width:30px}.my-item-button-icon{width:10px;height:10px;background-color:transparent;border-radius:50%}.my-item-button-icon.active{background-color:#fa0a0a}.subcategory-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;display:flex;justify-content:center;align-items:center;text-align:center}.subcategory-modal-content{background-color:#fff;border-radius:10px;padding:20px;width:90%;overflow-y:auto;margin:auto;position:relative;max-height:80vh;box-sizing:border-box}.subcategory-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee}.subcategory-modal-title{font-size:18px;font-weight:700;color:#333;flex-grow:1;text-align:center}.close-modal{font-size:24px;cursor:pointer;color:#999;flex-shrink:0}.subcategory-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;justify-items:center}.subcategory-item-modal{padding:10px;text-align:center;background-color:#f5f5f5;border-radius:5px;cursor:pointer;font-size:14px;width:100%;box-sizing:border-box}.subcategory-item-modal:hover{background-color:#e0e0e0}.slideshow-container{position:relative;width:100vw;min-height:100vw;overflow:hidden}.slide{position:absolute;top:0;left:0;width:100%;opacity:.3;transition:opacity .3s ease-in-out;z-index:1}.slide.active{opacity:1;z-index:2;position:relative}.slide img{width:100%;vertical-align:middle;display:block}.prev,.next{cursor:pointer;position:absolute;top:50%;width:auto;padding:16px;margin-top:-22px;color:#fff;font-weight:700;font-size:18px;transition:.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;user-select:none;background-color:#0000004d;z-index:10}.next{right:0;border-radius:3px 0 0 3px}.prev:hover,.next:hover{background-color:#000c}.dot-container{text-align:center;padding:10px;position:absolute;bottom:120px;left:0;right:0;z-index:10}.dot{cursor:pointer;height:10px;width:10px;margin:0 2px;background-color:#bbb;border-radius:10px;display:inline-block;transition:background-color .6s ease}.dot.active{background-color:#fff;width:30px}