@charset "utf-8";
/*****************************************************************
** Copyright © 南京奥派信息产业股份公司研发部
** 创建人:     
** 创建日期:   2025年12月15日
** 描 述:      styles 样式模块 
** 修改人:      
** 修改日期:    
** 修改说明:
******************************************************************/
html{font-size: 100px;}
.onescreen{height: 100vh;}
.bodybg-pic{background:#d3e4f9;background-size: 100% 100%;}
.header{height:.6rem;position: fixed;top:0;left:0;right:0;padding:.09rem .2rem;box-sizing: border-box;z-index: 15;background: #fff;display: flex;align-items: center;justify-content: center;}
.header-bg{background: #2879fe;}
.header .logo-img ,
.header .logo-img img{width:40px;}
.header .logo-txt{padding:0 .16rem;height:.4rem;line-height:.4rem;color:#474C55;font-size:.18rem;display: flex;align-items: center;border-radius: .20rem;background: rgba(39, 121, 255, .05);margin-right:.16rem;}
.header .logo-txt > div:nth-child(2){display: none;}
.header .logo-txt.active{color:#2779FF;}
.header .logo-txt i{background:url("../images/spr-logos.png") no-repeat;width:36px;height:36px;display: inline-block;vertical-align: -13px;}
.header .logo-txt.kj i{background-position:-77px -77px;}
.header .logo-txt.ds i{background-position: 0 0;}
.header .logo-txt.xmt i{background-position:0 -77px;}
.header .logo-txt.rz i{background-position: -77px 0;}

.header .back,.header a{color:#fff;}
.header .tag label{color:#fff;background-color: #fea128;padding:2px 10px;border-radius: 4px;margin-left: 10px;font-size:14px;font-weight: normal;}
.banner{position: relative;}

/* index */
.slogan{display: flex;align-items: center;justify-content: center;position: relative;flex-direction: column;text-align: center;}
.slogan::before{content:"";display: inline-block;background: url("../images/logo-ai.png") no-repeat left center;width: 1.2rem;height:1.2rem;background-size: 100% 100%;}
.slogan p{font-size:.20rem;margin-top: .10rem;}
.content-card{position: relative;margin-top:.6rem;z-index: 12;}
.content-card h2{font-size:.24rem;color:#333;font-weight:700;}
.content-card h2 strong{background: linear-gradient(to right, #2779ff, #5e9bff);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;text-fill-color: transparent;}
.content-card .desc{margin-top: .1rem;}
.content-card .desc p{font-size: .16rem;color: #474C55;font-weight: normal;line-height: .24rem;}

.content-card-index{margin:.30rem auto 0;overflow: hidden;position: relative;padding:0 .2rem;}
.swiper-container{width:100%;margin:0 auto;overflow: hidden;}
.content-card-index .swiper-wrapper{}
.content-card-index .card-item{border-radius: .20rem;width:100%;position: relative;gap:.20rem;transition: transform .5s ease-in-out;overflow: hidden;}
.content-card-index .card-item dt{font-weight: bold;text-align: center;font-size:.18rem;color:#333;display: flex;align-items: center;flex-direction: row;transition: all .5s;}
.content-card-index .card-item dt i{width:.4rem;height: .40rem;border-radius: 50%;margin-right: .10rem;color:#fff;font-size:.20rem;text-align: center;line-height: .40rem;transition: all .5s;}
.content-card-index .card-item dt span{transition: all .5s;}
.content-card-index dd{position: relative;top:-.40rem;color:#666;border-radius: .2rem;backdrop-filter: blur(.25rem);background: linear-gradient(0.57deg, rgba(255, 255, 255, 1),rgba(255, 255, 255, 0.7) 100%);
    padding:.2rem;
    
}
.content-card-index dd .title{color:#474C55;font-weight: 700;font-size: .2rem;}
.content-card-index dd .title i{color:#FFB912;font-size:.24rem;margin-right: .12rem;}
.content-card-index dd .ft{margin-top:.22rem;}
.content-card-index dd .ft.dis{cursor: default!important;}
.content-card-index dd .ft.dis a{color:#ccc;cursor: default;}
.content-card-index .card-item{position: relative;}
.content-card-index .card-item:hover{border-color:#2879fe}
.content-card-index .card-item:hover,
.content-card-index .card-item.active{transform: translate(-10px);}
.content-card-index .card-item:hover dt i,
.content-card-index .card-item.active dt i{width:.50rem;height:.50rem;font-size:.24rem;line-height: .5rem;margin-bottom: .10rem;}

.content-card-index dd .ft a{display: block;height:.48rem;line-height: .48rem;border-radius:.30rem;box-shadow: 0px .04rem .15rem 0px rgba(39, 121, 255, 0.27);color:#fff;text-align: center;font-size:.16rem;font-weight: normal;}
.content-card-index .card-item.blue .ft a{box-shadow:   0px .04px 15px 0px rgba(39, 121, 255, 0.27);background: linear-gradient(91.79deg, rgba(39, 121, 255, 1),rgba(103, 161, 255, 1) 100%);}
.content-card-index .card-item.green .ft a{box-shadow:  0px .04px 15px 0px rgba(0, 195, 126, 0.27);background: linear-gradient(91.79deg, rgba(36, 188, 134, 1),rgba(66, 222, 167, 1) 100%);}
.content-card-index .card-item.yellow .ft a{box-shadow: 0px .04px 15px 0px rgba(255, 142, 0, 0.27);background: linear-gradient(91.79deg, rgba(255, 142, 0, 1),rgba(255, 178, 81, 1) 100%);}
.content-card-index .card-item.purple .ft a{box-shadow: 0px .04px 15px 0px rgba(86, 109, 255, 0.27);background: linear-gradient(91.79deg, rgba(86, 109, 255, 1),rgba(126, 144, 255, 1) 100%);}
.content-card-index .card-item.red .ft a{box-shadow:    0px .04px 15px 0px rgba(255, 95, 95, 0.27);background: linear-gradient(91.79deg, rgba(255, 95, 95, 1),rgba(255, 129, 129, 1) 100%);}

.swiper-button-next,
.swiper-button-prev{display: none;}
.swiper-pagination{display: none;}

.footer,
.footer-index{position: relative;color:#999;padding: 0 .2rem;margin-top:.2rem;}

/* detail */
.container-fulid{display: flex;flex-direction: column;padding:.16rem;margin:.8rem .1rem .2rem; background-color: #fff;border-radius: .1rem;}
.sidebar-content{margin-top:.16rem}
.sidebar{width:100%;margin-bottom: .16rem;}
.sidebar,
.content-generate{background-color: #F8FAFC;border-radius: .1rem;padding:.16rem;}
.content-generate{margin-left:0;margin-top:.1rem;}
.sidebar-title{font-size: .18rem;font-weight: 700;color:#333;}
.download-bar a{display: block;}
.sidebar-title a{font-weight: normal;font-size: .14rem;display: inline-block;width:.9rem;height:.28rem;text-align: center;line-height: .24rem;border-radius: 6px;backdrop-filter: blur(1rem);}
.sidebar-title a.example{color:#00C37E;border:1px solid #00C37E;}
.sidebar-title a.module{color:#2879fe;border:1px solid #2879fe;color:#fff;background-color: #2879fe;}
.sidebar .el-upload{display: block;}
.sidebar .el-button{width:100%;}
.sidebar .bottom-bar a{display: block;}
.container-title{font-size: .16rem;font-weight: 700;color:#474C55;padding:0 .16rem .14rem 0;border-bottom: 1px solid #EDEFF1;}
.container-title a{color:#2779FF;display: inline-block;width:.24rem;height:.24rem;border-radius: .12rem;border: 1px solid #2779FF;text-align: center;line-height: .24rem;margin-right: .08rem;}
.el-pagination{position: relative;margin-left:-.19rem;}
.upload-demo{padding:.5rem 0;box-sizing: border-box;border: 1px dashed rgba(10, 90, 245, 1);border-radius: 6px;background: rgba(255, 255, 255, 1);display: flex;justify-content: center;align-items: center;flex-direction: column;position: relative;}
.upload-demo .el-upload__tip{color:#777;max-width: 2rem;text-align: center;}
.upload-demo  span{color:#333;}
.upload-demo .el-upload-list{position: absolute;bottom: -.52rem;left:0;right:0;}
.upload-demo .el-upload-list li{border-radius: 6px;backdrop-filter: blur(.2rem);background: rgba(237, 243, 255, 1);color:#474C55;height:.40rem;line-height: .4rem;}
.upload-demo .el-upload-list__item:first-child{margin-top: 0;}
.upload-demo .el-upload-list__item-name [class^=el-icon]{color:#2779FF;}
.el-upload-list__item .el-icon-close{color:#FF5353;top:12px;right:16px;}
.el-upload-list__item .el-icon-close:before{content: "\e642";font-family: 'iconfont'!important;font-size: .16rem;}
.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{font-weight: normal;background: none!important;margin:0 .02rem;}
.el-pagination.is-background .el-pager li:not(.disabled).active{color: #2779FF;}
.generate-box{flex:1;overflow-y: auto;overflow-x: hidden;}
.el-upload{display: block;}
.el-button{width:100%;}
.bottom-bar{margin-top:.8rem;}
.bottom-bar a{display: block;height:44px;line-height: 44px;border-radius: 6px;background: linear-gradient(91.79deg, rgba(39, 121, 255, 1),rgba(103, 161, 255, 1) 100%);border: none}
/*  */
.u-button.btn-addbar{display: block;box-sizing: border-box;border: 1px solid #2779FF;border-radius: 6px;backdrop-filter: blur(100px);height:.44rem;line-height:.44rem;width:100%;color:#2779FF;background:none;}
.textarea-box{box-sizing: border-box;border-radius: .10rem;background: rgba(255, 255, 255, 1);border:1px solid #2779FF;position: relative;}
.textarea-box textarea{height:.62rem;padding-right: .64rem;}
.textarea-box a{width: .32rem;height: .32rem;border-radius: .16rem;background: linear-gradient(91.79deg, rgba(39, 121, 255, 1),rgba(103, 161, 255, 1) 100%);display: block;border-radius: .16rem;position: absolute;
top:50%;right:.16rem;transform: translateY(-50%);text-align: center;line-height: .32rem;}
.textarea-box a{color:#fff;}
.mbox{height: auto!important;}
/* tab */
.tab-title{padding:.16rem .16rem .08rem .16rem;border-bottom:1px solid #ededed;padding-left: .2rem;}
.tab-title a{padding-bottom: .08rem;border-bottom: 2px solid  transparent;margin-right: 32px;color: #666;font-size:.16rem}
.tab-title a.active{color: #2879fe;border-color: #2879fe;font-weight: bold;}
.generate-title{color:#333;font-size:.16rem;font-weight: 700;}
.generate-item a.icon-txt-box{border:1px solid #dedede;color:#666;padding:4px 12px;border-radius: 4px;font-size: .14rem;}
.generate-item a.icon-txt-box.green{color:#52c41a;border-color:#52c41a;}
.generate-item a.icon-txt-box:hover{border-color: #2879fe;color: #2879fe;}
.generate-item .download-img-xlsx{margin-top: .14rem;}
.generate-box .download-img-xlsx a{border:1px solid #2779FF;padding:.06rem .12rem;border-radius: 4px;font-size: .14rem;color:#2779FF;}
/* 历史 */
.item-history{background: #fff;transition: all .5s;position: relative;overflow: hidden;padding:16px;margin-top:16px;border-radius: 6px;}
.item-history:hover{backdrop-filter: blur(20px);background: rgba(237, 243, 255, 1);}
.item-history:last-child{margin-bottom: 0;}
.item-history i{color:#f1bb4c;font-size:30px;display: block;margin-top: 3px;}
.item-history .operation{margin-top:.12rem;display: flex;}
.item-history .operation a{margin-left:.1rem;width:.41rem;height:.41rem;border-radius: 27px;display: inline-block;display: flex;align-items: center;justify-content: center;font-size:.16rem;font-weight: normal;}
.item-history .operation a.icon-chakan{background: rgba(238, 244, 255, 1);color:#2779FF;font-size: 12px;}
.item-history .operation a.icon-shanchu{background: rgba(255, 246, 246, 1);color:#FF5353}
.item-history label{background-color: #2879fe;color:#fff;padding:2px 14px;position: absolute;top:0;right: 0;;border-radius: 4px 0 0  22px;}
.title-history  h3{color:#333;font-weight: 700;max-width: 1.8rem!important;}
.title-history .descr{font-size:.12rem;}
.empty a{color:#FF5353;font-size: 12px;box-sizing: border-box;border: 1px solid rgba(255, 83, 83, 1);border-radius: 6px;backdrop-filter: blur(100px);display: inline-block;height: 28px;line-height: 24px;text-align: center;padding:0 9px;}
.empty a i{vertical-align: -2px;}
.empty a:hover{color:#ff4400;}
/* loading */
.loading{height: calc(100vh - 4.3rem);justify-content: center;flex-direction: column;align-items: center;}
.loading p{padding-top: 1rem;font-weight: bold;font-size:.3rem;color: #7ba8fc;}
.waiting{display: none}
.process.display-flex,.process-container{width:100%;}
.process.display-flex{margin-top:.2rem;}
.process-container{margin:0 auto 0 .5rem;}
/* 暂无数据 */
.m-nodata{margin-top: -.3rem;}
.m-nodata,
.m-nodata::before{width:1.5rem;height:1.5rem;}
.m-nodata::after{bottom:-0.3rem;}

/* echart */
.echart-item-body
.echart{width:80vw;height: 4.2rem;margin:0 auto;}

.item-title {font-size: .16rem;color: #474C55;font-weight: bold;}
.price-range-list dl{font-size:.12rem;padding:.02rem 0;}
.price-range-list dd span,
.price-range-list input{width:.9rem!important;font-size:.1rem;}
/* 表格 */
.generate-box table { width: 100%; border-radius: 4px;}
.generate-box table {width: 100%;}
.generate-box table th,.generate-box table td { text-align:left; vertical-align:middle; }
.generate-box table th {color:#0f62fc; line-height:1.5;  padding:.12rem .08rem; font-size:.14rem; white-space:nowrap;position: relative}
.generate-box table thead {background: #f4f8ff;}
.generate-box table thead th:first-child { border-radius: 4px 0 0 4px;}
.generate-box table thead th:last-child { border-radius:0 4px 4px 0;}
.generate-box table th.check {width: 46px;cursor: pointer;}
.generate-box table td { color: #6B6D70; padding:.1rem .08rem; min-height: .24rem; border-bottom: 1px solid rgba(91,106, 254, .1);}
.generate-box table td span.cursor{height:.33rem;line-height:.33rem;}
.generate-box table .f-tac { text-align:center; }
.generate-box table .f-tal { text-align:left; }
.generate-box table .f-tar { text-align:right; }
.generate-box table a, .generate-box table a:hover {color: #0f62fc; text-decoration: none;}
.generate-box table td:last-child a ~ a {margin-left: 5px;}
.generate-box table tbody tr:nth-child(2n+2) {background: rgba(91,106, 254, .01);}
.generate-box table.bor td{ border: 1px solid rgba(91,106, 254, .1);}
.generate-box table a.f-cred{color:#ff4141}

.generate-box h1{color: #474C55;font-size: .16rem;font-weight: 700;padding:.1rem 0;position: relative;}
.generate-box h1::before{content:"\e600";font-family: 'iconfont'!important;color:#FFB912;font-size: .2rem;display: inline-block;margin-right:.1rem;}
.generate-box h2{ font-size: .16rem;color: #474C55;position: relative;font-weight: bold;padding:.1rem 0;position: relative;}
.generate-box h2::before{content:"\e600";font-family: 'iconfont'!important;color:#FFB912;font-size: .2rem;display: inline-block;margin-right: .1rem;}
.generate-box h3{font-size: .14rem;color: #474C55;position: relative;font-weight: normal;}
.generate-box p{text-align: justify;letter-spacing: 1px;}
.generate-box hr{display: none;}
.generate-box .descr{color:#AEB1B6;}

.generate-box .item p:first-child strong{font-size: .16rem;color: #474C55;position: relative;font-weight: bold;}
.generate-box .item p:first-child  strong::before{display: none;}
.generate-box .item p strong{font-size: 14px;color: #474C55;}
.generate-box .item p{position: relative;}
.generate-box .item p  strong::before{content:"";display: inline-block;background-color: #2879fe;display: inline-block;width: .04rem;height: .16rem;margin-right:.07rem;vertical-align: -.02rem;}
.generate-box .item p:has(strong){padding:.1rem 0;}

.form-group dl{margin-bottom: .1rem;}
.form-group dl:last-child{margin-bottom: 0;}