@charset "utf-8";
/*****************************************************************
** Copyright © 南京奥派信息产业股份公司研发部
** 创建人:     
** 创建日期:   2025年12月15日
** 描 述:      styles 样式模块 
** 修改人:      
** 修改日期:    
** 修改说明:
******************************************************************/
.listscroll,
.onescreen{height: 100vh;overflow: hidden;background: linear-gradient(158.20deg, rgba(244.14, 246.86, 255, 1),rgba(226, 235, 255, 1) 57%,rgba(235, 242, 255, 1) 100%);position: relative;}
.listscroll{height:auto;overflow-y: auto;}
.listscroll .content-card{height: auto;}
.bodybg-pic{background: url("../images/bg-body.png") no-repeat;background-size: cover;overflow: hidden;}
.onescreen::after,
.onescreen::before{content:"";position: absolute;}
.onescreen::after{background: url("../images/bg-echarts.png") no-repeat;width: 773px;height: 431px;top:0;right:0;z-index: 2;}
.onescreen::before{background:url("../images/bg-earth.png") no-repeat;width:676px;height: 673px;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;}

.header{height:60px;position: fixed;top:0;left:0;right:0;padding:9px 20px;box-sizing: border-box;z-index: 12;background: #fff;}
.header-bg{background: #2879fe;}
.header .logo-img ,
.header .logo-img img{width:40px;}
.header .logo-txt{padding:0 16px;height:40px;line-height:40px;color:#474C55;font-size:18px;display: flex;align-items: center;border-radius: 20px;background: rgba(39, 121, 255, .05);margin-right:30px;}

.header .logo-txt.active{color:#2779FF;}
.header .logo-txt i{margin-right: 10px;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{padding-top: 100px;display: flex;align-items: center;justify-content: center;position: relative;}
.slogan::before{content:"";display: inline-block;background: url("../images/logo-ai.png") no-repeat left center;width: 148px;height:148px;margin-right: 14px;}
.slogan p{font-size:24px;margin-top: 10px;}
.content-card{position: relative;margin-top:60px;height: calc(100vh - 60px);z-index: 10;}
.content-card h2{font-size:48px;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: 20px;height:72px}
.content-card .desc p{font-size: 16px;color: #474C55;font-weight: normal;line-height: 24px;}

.content-card-index{width:1500px;margin:30px auto 0;overflow: hidden;position: relative;padding:0 60px;}
.swiper-container{width:1347px;margin:0 auto;overflow: hidden;}
.content-card-index .swiper-wrapper{display: flex;justify-content: space-between;}
.content-card-index .card-item{border-radius: 20px;width:420px;position: relative;transition: transform .5s ease-in-out;overflow: hidden;}
.content-card-index .card-item dt{font-weight: bold;text-align: center;font-size:18px;color:#333;display: flex;align-items: center;flex-direction: row;transition: all .5s;}
.content-card-index .card-item dt i{width:40px;height: 40px;border-radius: 50%;margin-right: 10px;color:#fff;font-size:20px;text-align: center;line-height: 40px;transition: all .5s;}
.content-card-index .card-item dt span{transition: all .5s;}
.content-card-index dd{position: relative;top:-40px;color:#666;border-radius: 20px;backdrop-filter: blur(25px);background: linear-gradient(0.57deg, rgba(255, 255, 255, 1),rgba(255, 255, 255, 0.7) 100%);padding:30px 20px 25px;width:420px;
    clip-path: polygon(
        0 0,
        calc(50% - 4px) 0,    
        50% 8px,              
        calc(50% + 4px) 0,    
        100% 0,
        100% 100%,
        0 100%
    );
}
.content-card-index dd .title{color:#474C55;font-weight: 700;font-size: 20px;}
.content-card-index dd .title i{color:#FFB912;font-size: 24px;margin-right: 12px;}
.content-card-index dd .ft{margin-top:22px;}
.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:50px;height:50px;font-size:24px;line-height: 50px;margin-bottom: 10px;}

.content-card-index dd .ft a{display: block;height:48px;line-height: 48px;border-radius:30px;box-shadow: 0px 4px 15px 0px rgba(39, 121, 255, 0.27);color:#fff;text-align: center;font-size:16px;font-weight: normal;}
.content-card-index .card-item.blue .ft a{box-shadow: 0px 4px 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 4px 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 4px 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 4px 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 4px 15px 0px rgba(255, 95, 95, 0.27);background: linear-gradient(91.79deg, rgba(255, 95, 95, 1),rgba(255, 129, 129, 1) 100%);}

.listscroll .slogan{padding-top: 20px;}
.listscroll .content-card-index{display: flex;flex-wrap: wrap;gap:20px;}
.listscroll .content-card-index .card-item{width:calc(20% - 20px);height:325px;}
.listscroll .content-card-index .card-item dd,
.listscroll .content-card-index .card-item img{width:100%;}
.listscroll .content-card-index .card-item dd{padding:20px;height: auto;}
.listscroll  .content-card .desc{height:60px;}
.listscroll .content-card h2{font-size:24px;}
.listscroll .content-card p{font-size: 16px;}
.listscroll .content-card .desc p{font-size: 14px;}
.listscroll .slogan::before{width:90px;height: 90px;background-size: cover;}
.listscroll .content-card-index dd .title{font-size: 16px;}
.listscroll .footer-index{top:0;margin-top:20px;}


.swiper-button-next,
.swiper-button-prev{width:52px;height: 52px;display: block;border-radius: 16px;background: linear-gradient(135.00deg, rgba(39, 121, 255, 1),rgba(98, 158, 255, 1) 100%);border-radius: 50%;line-height: 52px;text-align: center;position: absolute;top:50%;transform: translateY(-50%);}
.swiper-button-next a,.swiper-button-prev a{color:#fff;font-size:30px}
.swiper-button-next{right:0;}
.swiper-button-prev{left:0;}
.swiper-pagination{margin-top: -20px;text-align: center;width:1347px;}
.swiper-pagination-bullet{width:8px;height:8px;border-radius: 4px;margin:0 8px;}
.swiper-pagination-bullet-active{background:#2779FF;}

.footer-index{top:-80px;position: relative;color:#999;z-index: 10;}
.view-more{margin-top:10px;box-sizing: border-box;background:url("../images/linearbar.png") no-repeat center center;height: 48px;line-height: 48px;}
.view-more a{color:#2779FF;}
/* detail */
.container-fulid{margin:80px auto 20px;width:1440px;background-color: #fff;border-radius: 10px;}
.sidebar-content{display: flex;padding: 16px;}
.sidebar,
.content-generate{background-color: #F8FAFC;border-radius: 10px;position: relative;padding:16px;}
.sidebar{width:432px;padding-right: 0;}
.content-generate{padding:16px;padding-right:0;flex:1;}
.sidebar-body .list-history{height: calc(100vh - 390px);overflow-y: auto;padding-right: 16px;}
.container-title{font-size: 16px;font-weight: 700;color:#474C55;padding:14px 16px;border-bottom: 1px solid #EDEFF1;}
.container-title a{color:#2779FF;display: inline-block;width:24px;height:24px;border-radius: 12px;border: 1px solid #2779FF;text-align: center;line-height: 24px;margin-right: 8px;}
.download-bar a{display: block;}
.sidebar-title{font-size:16px;font-weight: 700;color:#474C55}
.sidebar-title a{font-weight: normal;font-size: 14px;display: inline-block;width:104px;height:28px;text-align: center;line-height: 24px;border-radius: 6px;backdrop-filter: blur(100px);}
.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 .descr{color:#AEB1B6;line-height: 21px;}
.upload-demo{padding:50px 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-dragger{border:none;}
.upload-demo .el-upload-dragger{height: auto;}
.upload-demo .el-upload__tip{color:#777;max-width: 800px;text-align: center;}
.upload-demo  span{color:#333;}
.upload-demo .el-upload-list{position: absolute;bottom: -52px;left:0;right:0;}
.upload-demo .el-upload-list li{border-radius: 6px;backdrop-filter: blur(20px);background: rgba(237, 243, 255, 1);color:#474C55;height:40px;line-height: 40px;}
.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: 16px;}

 .el-upload{display: block;}
.el-button{width:100%;}
.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;position: absolute;bottom:0;left:0;right:0;}
.el-message-box__btns{display: flex; justify-content: flex-end;}
.el-message-box__btns .el-button{max-width: 80px;}
/* tab */
.tab-title a{padding-bottom: 8px;margin-right: 32px;color: #474C55;font-size:16px;position: relative;}
.tab-title a.active{color: #2779FF;}
.tab-title a.active::after{content:"";background:url("../images/triple.png") no-repeat;width:23px;height:6px;position: absolute;bottom:0;left: 50%;transform: translateX(-50%);}
.generate-title{color:#333;font-size:16px;font-weight: 700;}
.generate-item a.icon-txt-box{border:1px solid #dedede;color:#666;padding:4px 12px;border-radius: 6px;font-size: 14px;}
.generate-box .download-img-xlsx a.green,
.generate-item a.icon-txt-box.green{color:#00C37E;border-color:#00C37E;}
.generate-box .download-img-xlsx a.green:hover,
.generate-box .download-img-xlsx a:hover,
.generate-item a.icon-txt-box:hover{border-color: #2879fe;color: #2879fe;}
.generate-item .download-img-xlsx{margin-top: 14px;}
.generate-box .download-img-xlsx a{border:1px solid #2779FF;padding:6px 12px;border-radius: 4px;font-size: 14px;color:#2779FF;}


/* 历史 */

.item-history{background: #fff;transition: all .5s;position: relative;overflow: hidden;padding:16px;margin-top:16px;border-radius: 6px;transition: background .5s ease-in-out;}
.item-history .iconbox{width:54px;height:54px;background-color: #F8FAFC;border-radius: 6px;display: flex;align-items: center;justify-content: center;}
.item-history.active,
.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:12px;display: flex;}
.item-history .operation a{margin-left:10px;width:41px;height:41px;border-radius: 27px;display: inline-block;display: flex;align-items: center;justify-content: center;font-size: 16px;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;}
.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{ justify-content: center;flex-direction: column;align-items: center;height:calc(100vh - 300px);}
.loading p{padding-top: 100px;font-weight: bold;font-size:30px;color: #7ba8fc;}


/* echart */
.echart{width:800px;height: 420px;margin:0 auto;}
.echart.col3{width:220px;}
.echart-item-body.flex1 span{font-size: 16px;font-weight: 700;}

/* 分析结果文案 */
.item-title{font-size: 16px;color:#474C55;font-weight: bold;}
.item-tit{font-size: 14px;color:#474C55;}
.driver{background-color: #2879fe;display: inline-block;width: 4px;height: 16px;margin-right: 7px;vertical-align: -2px;}

/* wrapper */
.generate-wrapper{border-radius: 10px;position: relative;}
.generate-wrapper.scroll{height: calc(100vh - 270px);overflow-y: auto;margin-right: 16px;display: flex;flex-direction: column;}
.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;}
.el-pagination.is-background .el-pager li:not(.disabled).active{color: #2779FF;}
.generate-box{flex:1;overflow-y: auto;}
/* 表格 */
/* 表格 */
.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:12px 8px; font-size:14px; 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: 10px 8px; min-height: 24px; border-bottom: 1px solid rgba(91,106, 254, .1);}
.generate-box table td span.cursor{height:33px;line-height:33px;}
.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: 16px;font-weight: 700;padding:10px 0;position: relative;}
.generate-box h1::before{content:"\e600";font-family: 'iconfont'!important;color:#FFB912;font-size: 20px;display: inline-block;margin-right:10px;}
.generate-box h2{ font-size: 16px;color: #474C55;position: relative;font-weight: bold;padding:10px 0;position: relative;}
.generate-box h2::before{content:"\e600";font-family: 'iconfont'!important;color:#FFB912;font-size: 20px;display: inline-block;margin-right: 10px;;}
.generate-box h3{font-size: 14px;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{background-color: #fff;padding: 16px;border-radius: 6px;}
.generate-box .item p:first-child strong{font-size: 16px;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 ::before{content:"\e60a";font-family: 'iconfont'!important;color:#2779FF;font-size:16px;display: inline-block;margin-right: 10px;} */
.generate-box .item p{position: relative;}
/* .generate-box .item p  strong::before{content:"";display: inline-block;background-color: #2879fe;display: inline-block;width: 4px;height: 16px;margin-right: 7px;vertical-align: -2px;} */
.generate-box .item p:has(strong){padding:10px 0;}

.form-group dl{margin-bottom: 10px;}
.form-group dl:last-child{margin-bottom: 0;}

/*  */
.u-button.btn-addbar{display: block;box-sizing: border-box;border: 1px solid #2779FF;border-radius: 6px;backdrop-filter: blur(100px);height:44px;line-height: 44px;width:386px;color:#2779FF;background:none;}
.textarea-box{box-sizing: border-box;border-radius: 10px;background: rgba(255, 255, 255, 1);border:1px solid #2779FF;position: relative;height:60px;}
.textarea-box textarea{padding:15px 64px 15px 15px;}
.textarea-box a{width: 32px;height: 32px;border-radius: 16px;background: linear-gradient(91.79deg, rgba(39, 121, 255, 1),rgba(103, 161, 255, 1) 100%);display: block;border-radius: 16px;position: absolute;
top:50%;right:16px;transform: translateY(-50%);text-align: center;line-height: 32px;}
.textarea-box a{color:#fff;}

/* 对话 */
.reply{display: flex; justify-content: flex-end;}
.ask{background-color: #2879fe;border-radius: 10px;color:#fff;border-color:#2879fe;position: relative;margin-top:0;max-width: 500px;padding:10px;}
.qa{display: flex;justify-content: flex-start;}
.chat-info{background:rgba(39, 121, 255, .05);border-radius: 10px;color:#474C55;border-color:#fff;max-width: 742px;padding:10px;}

/* textarea */
.textare-box textarea{resize:none;}

/* 趋势图 */
.echarts-bar{display: flex;background:#F1F6FF;height:40px;line-height: 40px;}
.echarts-bar .item-echart-tit.w230{width:230px;flex:inherit;}
.echarts-bar .item-echart-tit{flex:1;color:#474C55;padding:0 12px;}
.echarts-content{display: flex;}
.echarts-content .item-echart-tit > div{height:47px;line-height: 47px;border-bottom: 1px solid #DCDFE6;padding:0 4px;}