@charset "utf-8";
body{background: #f5f7fb;width:100vw;height: 100vh;overflow-x: hidden;}
body.loginbox{background: url("../images/login/loginbox.png") no-repeat;background-size: cover;}
.sidebar{height:calc(100vh - 64px);background: var(--white-color);position: relative;width:240px;z-index: 199;}

/* loginbox */
.loginbox .sagentIndex-title .logo{position: absolute;top:50px;left: 95px;width: 185px;height: 50px;}
.loginbox .right-section .logo{width:94px;height: 94px;}
.loginbox .welcome-text {text-align: center;color: #333;margin-bottom: 30px;}
/* header */
.header{height: 62px;line-height:62px;border-bottom: 1px solid #EDEFF1;background:#fff;padding:0 25px;}
.header .logo {cursor: pointer;}
.header .logo img{width:140px;vertical-align: -11px; margin-top:0px;}

.header .head-right .headimg {display: flex;align-items: center;cursor: pointer;}
.header .head-right .headimg img{height: 30px;width:30px;border-radius: 50%;transition: all .5s;}
.header .head-right .headimg span{padding:0 5px;}
.header .head-right .headimg:hover{color: var(--dark-txt-color);}
.header .head-right .headimg i.up{transition: all .5s;transform: rotate(180deg);}
.header .dropmenu{position: absolute;top:65px;right:10px;background-color: #fff;padding:15px;border-radius: 10px;display: flex;flex-direction: column;z-index: 99;}
.header .dropmenu::before{content: "";width:0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent; border-bottom:6px solid var(--light-txt-color);position: absolute;top:-6px;right:10px;} 
.header .dropmenu a{line-height: 30px;}
.header .dropmenu a:last-child{border-bottom: none;}

.header .header-nav {margin-left:20px;cursor: pointer;}
.header .header-nav span{color: rgb(71, 76, 85);font-size: 18px;}
.header .header-nav span.subtitle{border-left: 1px solid #ddd;padding-left: 10px;margin-left: 10px;font-size: 14px;}


.hd-module-name{padding-right:0 32px;display: flex;align-items: center;position: relative;}
.hd-module-name span{font-size:16px;font-weight:bold;padding:0 15px;color: var(--dark-txt-color);}

.notice-help{margin:0 10px;position: relative;}
.notice-help a{padding:0 8px;color: var(--dark-txt-color);position: relative;}
.notice-help .reddot{display: block;width:6px;height: 6px;border-radius: 3px;background-color: #ff4400;position: absolute;top:0;right:0;}
.notice-list{position: absolute;top:0;}
.notice-help .dropmenu{display: flex;width:400px;right:0;height: 450px;padding:0;flex-direction: column;overflow-y: auto;box-shadow: 2px 2px 15px 0px rgba(10, 90, 245, 0.2);}
.notice-help .dropmenu .tit {padding-bottom: 5px;height:35px;line-height: 35px;;padding:5px 10px;}
.notice-help .dropmenu .tit h2{font-weight:bold;}
.notice-help .dropmenu dl{line-height: 22px;border-bottom: 1px solid #E2E8F0;font-size: 12px;padding:10px 0;}
.notice-help .dropmenu dl:last-child{border-bottom: none;padding-bottom: 0;}
.notice-help .dropmenu dt{display: flex;align-items: center;position: relative;}
.notice-help .dropmenu dd{color:#77808D;font-size: 14px;margin-top: 5px;}
.notice-help .dropmenu dt span{font-weight: bold;font-size: 14px;width: 285px;}
/* .notice-help .dropmenu dl.noread{padding-left: 10px;} */
.notice-help .dropmenu dt small{font-size: 14px;color: #96A4B9;position: absolute;top:0;right:0;}
.notice-help .sub-tab{padding-left:10px;height: 40px;line-height: 40px;border-radius: 0;position: relative;}
.notice-help .sub-tab a{font-size: 14px;height: 30px;line-height:30px;color:#86909C;padding: 4px 16px 4px 16px;margin-right: 16px;display: inline;}
.notice-help .sub-tab a.active{border-radius: 32px;background: rgb(242, 243, 248);color:#0A5AF5;}
.notice-help .sub-tab .empty-close{position: absolute;top:0;right:10px;}
.notice-help .sub-tab .empty-close a{padding:0;}
.notice-help .sub-tab .empty-close a.unread{color: #0A5AF5;}
.notice-help .notice-info-list{height: 410px;overflow-y: auto;padding:10px 20px;}
.notice-help .notice-info-list .reddot{left: -10px;top:9px;}


/* 菜单样式 */
.menu a{color:#4E5969;}
.menu li {height:36px;width:208px;margin:0 auto;position: relative;cursor: pointer;display: flex;align-items: center;margin-top: 16px;padding-left: 22px;transition: all .3s;}
.menu li.active,
.menu li:hover{background: rgba(10, 90, 245, 0.2);border-radius: 6px;}
.menu li:hover span,
.menu li.active span,
.menu li.active a i,
.menu li:hover a i {color:#0A5AF5;}
.menu li span{font-size:12px;padding-left: 12px;color:#333;}
.menu li  a i{color:#AEB1B6;font-size: 18px;}

.menu-item-title{background: #0A5AF5;border-radius:5px;position: absolute;top:11px;display: block;width:80px;height:30px;line-height: 30px;text-align:center;color:rgba(197, 216, 239, 0.7);z-index: 1200;left:-999px;opacity: 0;}
.menu-item-title span{font-size:14px;}
.menu-item-title-s{height:30px;line-height: 30px;}
.menu-item-title.menu-item-title-s span{color:#fff;}
.menu li .menu-item-title::before,
.menu li .menu-item-title::before{content:""; width: 0;height: 0;border-top: 6px solid transparent;border-bottom: 6px solid transparent; border-right:6px solid #0A5AF5;position: absolute;top:6px;left:-6px;}
.menu li .menu-item-title::before{top:8px;}


/* 右侧内容 */
.s-agent-container{height: calc(100vh - 64px);flex:1;padding:20px;overflow-y: auto;width:100%; background: linear-gradient(180.00deg, rgba(255, 255, 255, 0.22) 0%, rgb(234, 242, 254) 64.398%);}
.s-agent-container::before{content:"";background:url("../images/common/aibg.png") no-repeat;width:349px;height:281px;position: fixed;bottom: -40px;right: -40px;}

.classfy-list a{padding:4px 16px;margin-right: 20px;color:#4E5969;}
.classfy-list a.cur{border-radius: 32px;background: rgb(242, 243, 248);color:#1664FF;}

.s-ch-list ul{flex-wrap: wrap;width:calc(100% + 20px);}
.s-ch-list li{width: calc(20% - 20px);margin-right: 20px;margin-bottom:20px;transition: all .5s;cursor: pointer;border: 1px solid rgba(71, 76, 85, 0.05);border-radius: 8px;background: rgb(255, 255, 255);overflow: hidden;backdrop-filter: blur(20px);
 }
.s-ch-list li dl{background: url("../images/common/bg-list-card.png") no-repeat;padding: 14px 16px;background-size: 100% 100%;}
.s-ch-list li.create{display: flex;flex-direction: column;justify-content: center;}
.s-ch-list li.create h3{font-size:18px;font-weight: bold;}
.s-ch-list li.create img{width:185px;top: 10px;position: relative;}
.s-ch-list .workflow li{width: calc(20% - 16px);height: 175px;}
.s-ch-list .workflow li:nth-child(5n){margin-right: 0;}
.s-ch-list .sagent-list li:nth-child(5n){margin-right: 0;}
.s-ch-list li dt,.s-ch-list li dt img{width:50px;height:50px;border-radius: 4px;}
.s-ch-list li dd{position: relative;flex:1;} 
.s-ch-list li dd .favor{position: absolute;top:0;right:0;width:30px;height: 30px;border-radius: 50%;background-color: #fff;display: flex;align-items: center;justify-content: center;backdrop-filter: blur(4px);}
.s-ch-list li dd .favor.cur i{color: #F0A01E;}
.s-ch-list li dd .favor i{font-size: 16px;color: #F0A01E;;}
.s-ch-list li dd h3{font-weight: 400;display: block;margin-bottom: 3px;font-size: 16px;}
.s-ch-list li dd .tag{border-radius: 4px; background: #0A5AF5;display: inline;color:#6B6D70;padding:1px 8px; font-size: 12px;}
.s-ch-list li dd .tag.default{background: rgba(255, 255, 255, 0.6);}
.s-ch-list li p{color:#86909C;line-height: 20px;font-size:12px;margin-top: 5px;height: 40px;overflow: hidden;padding:0 16px;}
.s-ch-list li .s-ch-footer{padding:2px 16px 0;}
.s-ch-list li .s-ch-footer i{color:#c4c4c4;}
.s-ch-list li .s-ch-footer i:hover{color:#0A5AF5;}
.s-ch-list li .s-ch-footer span{padding-right: 10px;color:rgba(71, 76, 85, 0.5);font-size: 12px;}
.s-ch-list li .s-ch-footer span.cur,
.s-ch-list li .s-ch-footer span.cur i{color: #F0A01E;}
.s-ch-list li:hover{border-color:#0A5AF5;box-shadow: 0px 4px 20px 0px rgba(83, 72, 250, 0.1);}

.s-agent-container .input-sousou{width: 240px;height:32px;line-height: 32px;border-radius: 2px;background: rgb(242, 243, 245);border-color:rgb(242, 243, 245);margin-right: 0;padding:0 30px 0 10px}
.s-agent-container .input-sousou:focus{border-color:rgba(78, 22, 255, 0.4);}
.search-input-box{position: relative;}
.search-input-box a{position: absolute;top: 4px;right:10px;color:#4E5969;}
.search-input-box a:hover{color:#165DFF;}

/* c创建智能体 */
.s-agent-app-list{display: flex;flex-direction: column;}
.s-agent-app-list a{color: #86909C;}
.s-agent-app-list-ft{border-top: 1px solid rgb(242, 243, 245);margin-top: 10px;padding-top: 10px;}

/* 会话 */
.chat-box{position: relative;}
.chat-history-list{border-radius: 10px;height: calc(100vh - 106px);width:300px;overflow-y: auto;padding: 20px;background-color: #fff;}
.chat-history-title {height: 32px;line-height: 32px;}
.chat-history-title h2{font-size: 18px;font-weight: 700;}
.chat-current .chat-title {border-bottom: 1px solid var(--light-border-color);padding:10px;border-radius: 10px 0 0 0 ;}
.chat-title {display: flex;align-items: center;margin-bottom: 20px;}
.chat-title h2{font-size:16px;color: var(--dark-txt-color);font-weight: bold;}
.chat-title img{width:30px;height: 30px;border-radius:50%;margin-right: 10px;margin-bottom: 0;display: block;}
.u-button-addchat{display: block;margin-right: 20px;width:260px;}
.chat-history-list ul li{height: 34px;line-height: 34px;color:#4e5969;transition: all .5s;cursor: pointer;padding:0 15px;position: relative;display: flex;align-items: center;}
.chat-history-list ul li i{margin-right: 10px;}
.chat-history-list ul li span{max-width: 165px;}
.chat-history-list ul li.active{background: rgb(242, 243, 245);color: #165DFF;}
.chat-history-list ul li a.iconfont{position: absolute;top:0;right:5px;color:#ff4400;font-size:14px;opacity: 0;}
.chat-history-list ul li a.icon-baocun,
.chat-history-list ul li a.icon-bianji1{right:25px;color: #0A5AF5;}
.chat-history-list ul li:hover a.iconfont{opacity: 1;}


.chat-current{flex:1;height: calc(100vh - 110px);background-color: #fff;border-radius: 10px;}
.nochat{height: calc(100vh - 140px);display: flex;align-items: center;justify-content: center;flex-direction: column;}
.nochat img{width:200px;}
.nochat h2{font-size: 22px;color:#333;font-weight: bold;padding:20px 0;}
.nochat p{color:rgb(78, 89, 105);}

.znt-bar{box-shadow: 2px 4px 10px 0px rgba(180, 191, 205, 0.12);width:60%;}
.znt-bar .logo-title{display: flex;align-items: center;background-color: var(--middle-bg-color);border-radius: 4px 4px 0 0;padding:0 20px;}
.znt-bar .logo-title h2{font-size: 16px;color: var(--dark-txt-color);}
.znt-bar .logo-title img{width:30px;height: 30px;border-radius: 50%;margin-right: 5px;}
.znt-bar .znt-bar-con{padding:20px;background-color: var(--white-color);border-radius: 0 0 4px 4px;}

.recom-tags{margin-top:10px;}
.chatmodel-dialog dl .descr-box .recom-tags a{border: 1px solid var(--light-border-color);background-color: var(--white-color);border-radius: 4px;margin:0 5px 5px;padding:5px 8px;color: var(--dark-txt-color);display: inline-block;}

/* 单模型对话 */
.mode-manage .mode-side-title{color: #2b54ef;}
.mode-manage  .classfy-filter{width:100%;}
.mode-manage{border-bottom: 1px solid rgb(229, 230, 235);}
.sign-mode{color: #4e5969;margin:0 auto;width:100%;height:calc(100vh - 280px);position: relative;}
.sign-mode .chat-edit{position: absolute;top:-15px;left:50%;transform: translateX(-50%);border:1px solid var(--light-border-color);background-color: #fff;width:300px;padding:5px 10px;border-radius: 30px;}
.sign-mode .chat-edit .icon-mofa{color:#ff9900;}
.sign-mode.h485 .sign-mode-wrapper,
.sign-mode.h485{height:calc(100vh - 485px);}
.sign-mode img{max-width:150px;margin:10px 0;}
.sign-mode .classfy-filter dl{width: calc(50% - 10px);padding:10px;margin:5px;border:1px solid rgb(229, 230, 235);}
.sign-mode .classfy-filter dl dt{font-weight: bold;color:#1D2129;}
.sign-mode .classfy-filter dl dd{color:#86909C;}
.sign-mode-wrapper{height:calc(100vh - 272px);overflow-y:auto;padding-right: 50px;}
.sign-mode-wrapper .chatmodel-dialog{padding:0;height: auto;}
.sign-mode-wrapper p{color: #86909C;}

.classfy-filter dl.active dd{font-weight: normal;line-height: 18px;}
.classfy-filter{display: flex;flex-wrap: wrap;margin:10px auto;justify-content: center;}
.classfy-filter dl,
.classfy-filter a{padding: 3px 10px;color:#4e5969;transition: all .5s;cursor: pointer;border-radius: 4px;background: rgb(255, 255, 255);}
.classfy-filter-column{display: flex;flex-direction: column;}
.classfy-filter-column > div{margin: 0 5px 10px;}
.classfy-filter dl.active,
.classfy-filter a.active,
.classfy-filter dl:hover,
.classfy-filter a:hover{border:1px solid var(--light-border-color);box-shadow: 0px 4px 20px 0px rgba(83, 72, 250, 0.1);}
.classfy-filter a{margin-right: 10px;margin-bottom: 10px;border:1px solid rgb(229, 230, 235)}

.chatmodel-item{position:relative;margin:20px 10px 0;background-color: #fff;border:1px solid rgb(229, 230, 235);border-radius: 8px;height:calc(50vh - 190px);}
.chatmodel-item-title{display: flex;align-items: center;}
.chatmodel-item-title img{width:18px;height:18px;}
.chatmodel-item-title span{color: #2b54ef;font-size: 16px;}

.chatmodel-dialog{padding:0 30px;height:calc(50vh - 240px);overflow-y: auto;}
.chatmodel-dialog .headimg{width: 40px;height:40px;border-radius: 50%;margin:0;}
.chatmodel-dialog dl{display: flex;margin-bottom:10px;margin-top:10px;}
.chatmodel-dialog dl.ask{justify-content: flex-end;}
.chatmodel-dialog dl.answer dd,
.chatmodel-dialog dl.ask dt{max-width: 85%;position: relative;}
.chatmodel-dialog dl.ask dt .descr-box{background:#0A5AF5;;;border-radius: 10px;padding: 10px 15px;}
.chatmodel-dialog dl.ask dt .descr-box p{color: #fff;text-align: justify;}
.chatmodel-dialog dl.ask dt .icons-copy-edit{position: absolute;bottom:-15px;left:0;background-color: #fff;border: 1px solid rgb(229, 230, 235);border-radius: 2px;display: none;}
.chatmodel-dialog dl.ask dt .icons-copy-edit a{color: #86909C;padding:5px;border-right:1px solid rgb(229, 230, 235);}
.chatmodel-dialog dl.ask dt .icons-copy-edit a:last-child{border-right: 0;}
.chatmodel-dialog dl.ask dt .icons-copy-edit a:hover{color: #2b54ef;}
.chatmodel-dialog dl.ask dt:hover .icons-copy-edit{display: block;}
.chatmodel-dialog dl.answer dd {min-width: 85%;}
.chatmodel-dialog dl.answer dd .descr-box{background: rgba(105, 172, 246, 0.14);border-radius: 4px;padding:15px; color: #474C55;}
.chatmodel-dialog dl.answer dd .descr-box p{color:#4e5969;text-align: justify;position: relative;}
.chatmodel-dialog dl.answer dd .descr-box p .loading{display: inline;vertical-align: middle;position: relative;margin:0;width:21px;height: 19px;}
.chatmodel-dialog dl.answer dd .descr-box p img{max-width: 100%;max-height: 100%;}
.chatmodel-dialog dl .descr-box a{color: #86909C;padding-right:10px;}
.chatmodel-dialog dl .descr-box a.link{color: #0A5AF5;}
.chatmodel-dialog dl .descr-box span.cur{color: var(--dark-txt-color);font-weight: bold;}
.chatmodel-dialog dl .descr-box a:hover,
.chatmodel-dialog dl .descr-box a.cur{color: var(--dark-txt-color);}
.chatmodel-dialog dl.answer dd .descr-box.nobg{background: none!important;padding:0;}
/* .chat-current .chatmodel-dialog dl.answer dd .descr-box{background: #fff;border:1px solid var(--light-border-color);} */
.chatmodel-dialog.nostart dl{display: none;}
.chatmodel-dialog.nostart dl:first-child{display: block;overflow: hidden;}
.chatmodel-dialog.nostart dl:first-child dt,.chatmodel-dialog.nostart dl:first-child dd{float: left;}
/* 停止响应 */
.stop-res{position: absolute;bottom:130px;left:50%;transform: translateX(-50%);background-color: #fff;border-radius: 10px;display: flex;align-items: center;justify-content: center;border:1px solid var(--light-border-color);padding:0px 12px;border-radius: 20px;font-size: 12px;cursor: pointer;}
.stop-res:hover{border-color:#0A5AF5;}
.stop-res:hover i,.stop-res:hover span{color:#0A5AF5;}
.stop-res a{color:#86909C;display:block;width:16px;height: 16px;border:1px solid var(--light-border-color);border-radius: 50%;text-align: center;line-height:14px;background-color: rgb(245, 247, 251);font-size: 12px;margin-right: 5px;}
.stop-res a i{font-size: 14px;}

.chatmodel-bottom{position: relative;height:88px;}
.chatmodel-bottom-fixed{position: fixed;bottom:0;left:140px;}
.recom-ask{position: absolute;left: 50%;transform: translateX(-50%);bottom:98px}
.recom-ask a{border:1px solid #ccc;padding: 2px 8px 3px 8px;border-radius: 8px;margin-left: 8px;}

.create-newchat{display: flex;align-items: flex-start;position: relative;}
.create-newchat a.create-icon{background: var(--dark-bg-color);width:38px;height:38px;border-radius: 6px;line-height: 38px;text-align: center;color:#fff;}
.create-newchat a i{font-size: 20px;}
.create-newchat .input-box{width:565px;height:148px;border:1px solid rgb(229, 230, 235);padding:10px;margin-left: 10px;}
.create-newchat span.create-textarea{width:100%;height:70px;background-color: #fff;border:1px solid #0A5AF5;border-radius:10px;transition: all .5s;}
.create-newchat span.create-textarea.active{border-color:#2b54ef}
.create-newchat textarea{width:100%;height:68px;line-height:22px;border:none;padding:17px 60px 17px 10px;border-radius: 10px;}
.create-newchat > div{position: absolute;bottom:12px;right:10px;}
.create-newchat > div a{margin-left: 5px;font-size: 20px;}
.create-newchat > div small{font-size:12px;}
.create-newchat > div.newfiles{top: -30px;height: 30px;line-height: 30px;right:auto;color:#0A5AF5;background: linear-gradient(162.67deg, rgba(22, 93, 255, 0.17) -0.969%,rgba(255, 255, 255, 0) 95.878%,rgba(255, 255, 255, 0) 95.878%); border: 1px solid rgb(229, 230, 235);border-bottom: 0;
   padding:0 10px;border-radius: 4px;}
/* .create-newchat > div.newfiles a{color:#ff4400} */
.create-newchat > div.newfiles  > div{display: flex;align-items: center;}
.create-newchat > div a{padding:0 3px;}


/* 上传 */
.create-newchat .upload-files-wrapper{box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.05);background-color: #fff;border:1px solid rgb(229, 230, 235);padding:10px;border-radius: 8px;bottom:50px;display:none;transition: all .5s;z-index: 12;}
.create-newchat .upload-files-wrapper.active{display: block;}
.create-newchat .upload-files-wrapper a{font-size:14px;width:92px;border:none;}
.create-newchat .upload-files-wrapper li{margin:8px 0;}
.create-newchat .upload-files-wrapper li small{color: #86909C;}


/* 登录 */
.ap-login-main{width:1400px;height:calc(100vh - 112px);margin:0 auto;display: flex;align-items: center;}
.ap-login-main-left{flex:1;position: relative;width:732px;height:calc(100vh - 112px);}
.ap-login-main-left span{position: absolute;bottom:95px;left:0;right:0;text-align: center;color:#0A5AF5;font-size: 22px;}
.ap-login-main-left .b img{width:732px;height:458px;}
.ap-login-main-left .s img{width:428px;height:104px;}
.ap-login-main-left .s {position: absolute;bottom: 5px;left: 320px;}
.ap-login-main-item{width: 478px;height: 562px;border-radius: 36px;padding:40px;border-radius:20px;
  backdrop-filter: blur(70px);background: rgba(255, 255, 255, 0.5);}
.ap-login-main-item .logo{width:144px;position: relative;margin:0 auto;}
.ap-login-main-item ul{margin-top: 20px;}
.ap-login-main-item input{width:384px;height: 52px;line-height: 52px;border: 2px solid rgb(232, 232, 232);border-radius: 8px;background: rgb(255, 255, 255);padding:0 40px;}
.ap-login-main-item input:hover{border-color: #2b54ef;}
.ap-login-main-item li{margin-bottom: 26px;position: relative;}
.ap-login-main-item li i.iconfont{position: absolute;top: 13px;left:15px;color:#475569;}
.ap-login-main-item li a.iconfont{position: absolute;top: 15px;right:15px;color:#86909C;}
.ap-login-main-item li .btn-login{display: block;height: 52px;line-height: 52px;text-align: center;border-radius: 8px;    /* 线性渐变 */
    background: var(--dark-bg-color);}

.g-bottom { z-index: 10; position: absolute; bottom:15px; left: 50%; transform:translateX(-50%); font-size: 12px; text-align: center;}
.m-versiontip { z-index: 100; text-align: center; margin-bottom: 25px;}
.m-versiontip p{ margin: 0 auto; background-color: #ff5e5e; color: #FFF; padding: 0 5px; line-height: 26px; display: inline-block; box-sizing: border-box; }

.m-browser { margin-bottom: 5px;}
.m-browser a {margin: 0 10px;text-align: center; display: inline-block;  }
.m-browser a:hover {text-decoration: none; text-shadow:0px 1px 2px rgba(98, 98, 98, 0.5);}
.m-browser a:hover em {opacity: 0.8; filter:alpha(opacity=80);}
.m-browser a em {margin-right: 4px; display: inline-block; width: 21px; height: 21px; background: url(../images/Login/fce.png) no-repeat 0 0; vertical-align: -5px;}
.m-browser a em.u-exploer {background-position: -48px 0;}
.m-browser a em.u-chrome {background-position: -24px 0;}
.m-browser a em.u-firefox {background-position: 0 0;}
    

/* 创建智能体 */
.agent-btn-list{margin-top: 13px;}
.agent-btn-list a{border-radius: 4px;width:78px;height: 32px;line-height: 32px;margin:0 8px;}
.agent-btn-list a i{padding-right: 5px;}
.agent-btn-list .u-line-warning{border-color:rgb(225, 29, 72);color:rgb(225, 29, 72);}
.agent-btn-list .u-solid-primary{background: var(--dark-bg-color);color: var(--white-color);}


.arrange-left .arrange-title{position: fixed;top:83px;width:384px;z-index: 120;background-color: #fff;border-right:1px solid var(--light-border-color);}

.arrange{background-color: #fff;height: calc(100vh - 106px);}
.arrange-title{height: 56px;line-height: 56px;font-size:18px;font-weight: 700;padding:0 12px;border-bottom: 1px solid var(--light-border-color);position: relative;}
.arrange-title .dropdown{position: absolute;right:20px;top:48px;background-color: #fff;padding: 20px;border:1px solid var(--light-border-color);z-index: 12;line-height: 20px;font-size: 14px;font-weight: normal;
border-radius: 10px;}
.arrange-title .f-right a{font-size:14px;font-weight: normal;}
.arrange-left{height: calc(100vh - 370px);overflow-y: auto;position: relative;}
.arrange .arrange-left{width:384px;height: calc(100vh - 106px);border-right: 1px solid var(--light-border-color);}
.arrange-box{padding:12px;}
.arrage-left-box{padding:12px;}
.arrage-left-box h3{font-weight: bold;margin-bottom: 10px;color:#0A5AF5;}
.arrage-left-box em{font-style: normal;margin-right: 3px;}
.agent-default-icon{display: flex;align-items: flex-end;}
.agent-default-icon img{width:50px;height: 50px;border-radius: 10px;display: block;}
.arrange-left .avatar-uploader .el-upload {border: 1px solid var(--light-border-color);border-radius: 6px;cursor: pointer;position: relative;overflow: hidden;width:50px;height:50px;margin:15px auto;}
.arrange-left .avatar-uploader .el-upload:hover {border-color: var(--dark-border-color);}
.arrange-left .avatar-uploader-icon {font-size: 28px;color: #8c939d;width: 50px;height: 50px;line-height: 50px;text-align: center;}
.arrange-left .avatar {width: 50px;height: 50px;display: block;}
.arrange-left .arr-box{width:352px;height: 34px;line-height: 34px;border-color: var(--light-border-color);border-radius: 6px;}
.arrange-left dl{margin-bottom: 30px;}
.arrange-left.arrange-dialog{height: 370px;}
.arrange-dialog dl{margin-bottom: 15px;}
.arrange-dialog dl dd{margin-top: 10px!important;}

.arrange .arrange-left dl{margin-bottom: 10px;}
.arrange-left dt{margin-bottom: 5px;}
.arrange-box .el-input__suffix {top:5px;}
.arrange-title  .el-input__suffix {top:-2px;}
.arrange-left .arr-textarea{border-color: var(--light-border-color);width:352px;height:100px;padding:10px;border-radius: 6px;}
.arrange-left dd li{border:1px solid  var(--light-border-color);width:352px;height: 115px;padding:10px;border-radius: 12px;margin-bottom: 6px;}
.arrange-left dd li .tit{font-weight: bold;height: 25px;line-height: 25px;}
.arrange-left dd li textarea{border:none;height: 72px;margin-top: 5px;}
.arrange-left .only-border-bottom{border:none;border-bottom: 1px solid var(--light-border-color);font-weight: bold;height: 25px;line-height: 25px;width:100%;}
.arrange-left .only-border-bottom:focus{border:none;border-bottom: 1px solid var(--light-border-color);}
.arrange-left .only-border-bottom:hover{border:none;border-bottom: 1px solid var(--dark-border-color)}
.arrange-left .items-input{margin-bottom: 5px;position: relative;position: relative;}
.arrange-left .items-input a{position: absolute;top:6px;right:10px;}
.arrange-left .u-button.l{width:352px;}
.arrange-container{position: relative;}
.arrange-chatbox{padding:20px 0 20px 30px;}
.arrange-container .chatmodel-dialog{height: calc(100vh - 278px);padding-right:50px;overflow-y: auto;width: 100%;}
/*.arrange-container .chatmodel-dialog dl.answer dd .descr-box{padding:3px 4px;}*/
.arrange-container .arr-descr-box{background: var(--light-bg-color);border-radius: 4px;padding:12px;}
.arrange-container .answer .headimg-wrapper{width: 40px;height:40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
/* .arrange-container .answer .headimg-wrapper .headimg{width:24px;height: 24px;;} */
.arrange-container .ask .headimg-wrapper .headimg{width:40px;height: 40px;border-radius: 50%;}
.arrange-container .ask .arr-descr-box{color: var(--dark-txt-color);}
.arrange-container .arr-descr-box img{vertical-align: middle;width:20px;}
.create-newchat{width:80%!important;margin:0 auto;}

.tab-textarea{position: relative;border:1px solid var(--light-border-color);border-radius: 4px;}
.tab-textarea textarea{width:100%;height: 100px;border:none;}
.tab-textarea textarea{width:100%;height: 70px;padding:15px 100px 15px 15px;}
.tab-textarea .u-button{position: absolute;top:50%;right:10px;transform: translateY(-50%);}

.fm-nodata{position: relative;text-align: center;width: 233px;height: 266px;margin: 20px auto 0;}
.fm-nodata::before{position: absolute;content: "";display: block;width: 180px;height: 195px;left: 50%;transform: translateX(-50%);top: 0;background: url(../images/common/nodata.png) no-repeat center center;background-size: 100% 100%;}
.fm-nodata::after {content: '暂无数据';position: absolute;bottom: 0;left: 0;right: 0;display: block;font-size: 16px;text-align: center;}
.fm-nodata.small{width:138px;height: 111px;}
.fm-nodata.small::before{width:92px;height:100px;}


@keyframes blinkCursor {
    50% {
      border-right-color: transparent;
    }
  }
  
  @keyframes typeAndDelete {
    0%,
    10% {
      width: 0;
    }
    45%,
    55% {
      width: 270px;
    } /* adjust width based on content */
    90%,
    100% {
      width: 0;
    }
  }
.generate-box .text {display: inline-block;white-space: nowrap;overflow: hidden;border-right: 0.2em solid var(--dark-border-color); /* Cursor */
    animation: typeAndDelete 6s steps(11) infinite,blinkCursor 1s step-end infinite alternate;}
.contenteditable-box {line-height: 40px;padding:15px;}
.contenteditable-box > span[contenteditable="true"]{border-radius: 0;padding: 0 20px;min-width: 100px;background: none;height: 32px;line-height: 32px;background-color: var(--light-bg-color);padding:3px 5px;}
.contenteditable-box input:hover,
.contenteditable-box input:focus{border-color:transparent transparent #1975FF transparent;background: none;}
.generate-list{max-height: 365px;overflow-y:auto;padding:15px;}
.arrange-left .generate-list dl{width:100%;}
.arrange-left .generate-list dl dt{font-weight: bold;color: var(--dark-txt-color);}

.arrange-left .el-dialog__body{height: 600px;}

/* 重新编排 */
.rearrange{display: flex;flex-direction: column;align-items: center;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);width: 500px;justify-content: center;}
.rearrange i.icon-gantanhao{color: #ff9900;font-size: 30px;}
.rearrange h3{font-size:20px;font-weight: bold;padding: 10px 0;}
.rearrange p{color: #86909C;}


/* banner */
.banner img{width:100%;display: block;}

/* 快速开始 */
.quick-list {margin: 20px 0;}
.quick-list ul{display: flex;}
.quick-list ul li{border-radius: 16px;background-color: #fff;height: 100px;width:252px;height:90px;margin-right: 22px;position: relative;padding: 7px 17px;line-height: 20px;font-size: 12px;padding-right:90px ;cursor: pointer;display: flex;align-items: center;}
.quick-list ul li:nth-child(1){backdrop-filter: blur(38px);background: linear-gradient(180.00deg, rgb(212, 221, 255),rgba(255, 255, 255, 0) 100%);}
.quick-list ul li:nth-child(2){backdrop-filter: blur(38px);background: linear-gradient(180.00deg, rgb(204, 241, 232) 0.681%,rgba(255, 255, 255, 0) 100%);}
.quick-list ul li:nth-child(3){backdrop-filter: blur(38px);background: linear-gradient(180.00deg, rgb(255, 236, 212),rgba(255, 255, 255, 0) 100%);}
.quick-list ul li:nth-child(4){backdrop-filter: blur(38px);background: linear-gradient(180.00deg, rgb(241, 209, 255) 5.71%,rgba(255, 255, 255, 0) 100%);}
.quick-list ul li.add .spider{background: url("../images/common/spider2.png") no-repeat;width:66px;height: 57px;position: absolute;top:15px;left:30px;background-size: 100% 100%;transition: all .5s;}
.quick-list ul li.add{display: flex;align-items: center;justify-content: center;padding-right: 16px;}
.quick-list ul li h3,.quick-list ul li h3 a{font-size: 16px;color: rgb(71, 76, 85);}
.quick-list ul li p{padding-top:5px;}
.quick-list ul li h3 i{color:#0A5AF5;padding-left: 5px;}
.quick-list ul li.add h3{padding-left:62px;line-height: 55px;font-weight: 400;}
.quick-list ul li.add a{color:#0A5AF5;}
.quick-list ul li:hover{border-color:#0A5AF5;    box-shadow: 0px 4px 20px 0px rgba(83, 72, 250, 0.1);transform: scale(1.05);}
.quick-list .bgicon{position: absolute;top:10px;right:10px;width:69px;height: 72px;}
.course.quick-list .bgicon{width:100px;}
.aicourse{background: url("../images/common/aicourse.png") no-repeat;}
.aippt{background: url("../images/common/aippt.png") no-repeat;}
.aivideo{background: url("../images/common/aivideo.png") no-repeat;}
.aicourseup{background: url("../images/common/couresesj.png") no-repeat;}
.aicoursehelper{background: url("../images/common/couresezs.png") no-repeat;}



/* 应用推荐 */
.s-ch-title{color: #474C55;font-size:16px;position: relative;font-weight:bold}
.s-ch-title::after{content: "";height: 1px;background-color: rgba(71, 76, 85, 0.2);position: absolute;top:12px;left:110px;right:0;visibility:visible;}
.s-ch-title.long::after{display: none;}
.s-ch-title .icon-nova{display: inline-block;width:31px;height:29px;vertical-align: -9px;margin-right:8px;}
.icon-apprecom-nova{background: url("../images/common/app-recom-nova.png") no-repeat;}
.icon-lastuse-nova{background: url("../images/common/lastuse-nova.png") no-repeat;}

/* 智能客服 */
.customer-service{position: fixed;right: 3px;bottom: -2px;z-index: 12000;}
.customer-service > a{display: flex;align-items: center;justify-content: center;position: relative;flex-direction: column;transform: scale(.65);}
.customer-service > a i{color:#fff;font-size: 30px;}
.customer-service > a .robot{background: url("../images/common/assistant-nova.png") no-repeat;width:105px;height:106px;}
.customer-service > a span{width: 115px;height: 37px;border-radius: 20px;background: linear-gradient(131.59deg, rgb(10, 90, 245) 5.106%,rgb(109, 159, 255) 92.929%);border:1px solid #fff;
color:#fff;text-align: center;line-height: 37px;margin-top: 8px;}
.customer-serice-panel .el-dialog{position: fixed;bottom:120px;right:50px;margin:0;width:434px!important;height:560px;margin-top:0!important;transform: inherit;top:auto;}
.el-dialog{border-radius: 10px;padding:10px  22px;margin-top:0!important;top: 50%;transform: translateY(-50%);}
.el-dialog__header{background: none;border:none;padding:0;font-weight: bold;}
.customer-serice-panel .sign-mode,
.customer-serice-panel .chatmodel-dialog,
.customer-serice-panel  .el-dialog__body{height:385px;overflow-y: auto;}
.customer-serice-panel .el-dialog__footer {padding:0;margin-top: 20px;}
.customer-serice-panel .dialog-footer textarea{width: 380px;height: 45px;border: 1px solid rgba(71, 76, 85, 0.2);border-radius: 10px;background: rgb(255, 255, 255);padding:10px 40px 9px 10px;}
.customer-serice-panel .chatmodel-dialog{padding:0;padding-right: 10px;}
.customer-serice-panel .service-info-box{position: relative;}
.customer-serice-panel .plug-send{position: absolute;bottom:15px;right:20px;}
.customer-serice-panel .plug-send a{padding-left:5px;font-size: 20px;}
.customer-serice-panel .el-dialog__close:hover{color: #0A5AF5!important;}
.recom-service div  a{border:1px solid #0A5AF5;padding:4px 8px;border-radius: 4px;}
.recom-service a{font-size: 12px;}
.recom-service p{font-size:12px;color:#4e5969;}
.recom-service > div{margin: 10px 0;}

/* 创建智能体 */
.arrange-list ul{display: flex;}
.arrange-list ul li{flex:1;border: 1px solid rgba(71, 76, 85, 0.2);border-radius:10px;background-color: #fff;margin-right: 25px;padding:22px 10px 15px;cursor: pointer;}
.arrange-list ul li.active{background: rgba(10, 90, 245,.7);border-color: rgba(10, 90, 245, .7);}
.arrange-list ul li:last-child{margin-right: 0;}
.arrange-list ul li i{font-size:34px;color:#0A5AF5}
.arrange-list ul li i.icon-duihua2{font-size: 30px;}
.arrange-list ul li i.icon-svg{font-size: 30px;}
.arrange-list ul li h3{color: #474C55;margin:5px 0;}
.arrange-list ul li p{color: rgba(71, 76, 85, 0.5);line-height: 18px;}
.arrange-list ul li.active i,.arrange-list ul li.active h3,.arrange-list ul li.active p{color:#fff;}
.arrange-box{border: 1px solid rgba(71, 76, 85, 0.2);border-radius:10px;background-color: #fff;padding:40px 52px;}
.arrange-box .arrange-left{width:700px;height:auto;margin:0 auto;padding:40px 0;}
.cover-container{height: calc(100vh - 335px);}
.cover-container{padding:40px 40px 0;width:40%;}
.cover-container img{width:100%;;}
.cover-container .chat-history-title{height: auto;}
/* 学校空间 */
.search-section h2 {margin-bottom: 5px;font-size: 30px;font-weight: 600;color:#474C55;text-align: center;}
.search-section .subtitle {margin-bottom: 15px;}
.subtitle {color: #86909C;margin-bottom: 5px;font-size: 14px;line-height: 1.6;margin: 0 auto 32px;}
.subtitle.dark{color:#474C55;font-size: 18px;}
.tabs { display: flex;gap: 10px;margin-bottom: 15px;}
.tabs.center{justify-content: center;}
.tab {border-radius: 32px;background: rgb(255, 255, 255);padding: 2px 16px 2px 16px;}
.tab:hover,
.tab.active {color: #fff;background: #0A5AF5;}
.search-input {display: flex;gap: 10px;position: relative;}
.search-input input {border-radius: 6px;background: #fff;width: 220px;height: 38px;line-height: 38px;padding: 0 40px 0  12px;border: 1px solid var(--light-border-color);}
.search-input i.icon-sousuo{ position: absolute;top: 8px;right: 12px;cursor: pointer;}
.search-input i.icon-sousuo:hover{color: #0A5AF5;}
.search-hd{display: flex;align-items: center;}
.search-input .dropmenu{position: absolute;top:42px;right:0;background-color: #fff;padding:15px;border-radius: 4px;display: flex;flex-direction: column;border: 1px solid var(--light-border-color);z-index: 99;}
.search-input .dropmenu::before{content: "";width:0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent; border-bottom:6px solid var(--light-txt-color);position: absolute;top:-6px;right:3px;} 
.search-input .dropmenu a{line-height: 30px;color: var(--base-color);padding:0 5px;}
.search-input .dropmenu a:last-child{border-bottom: none;}
.search-bar .tabs{margin-top:5px;margin-bottom: 0;flex-wrap: wrap;width:66%;}
.search-hd i.up::before{transition: all .5s;transform: rotate(180deg);}

.course-cover-title img{width:80px;height: 80px;border-radius: 50%;}
.course-cover-title  h2{font-size:18px;font-weight: 700;}
@keyframes bigCircle{
  0%{transform: scale(1,1);}
  50%{transform: scale(1.1,1.1);}
  100%{transform: scale(1,1);}
}
.schoolspace{padding: 30px 50px;background-color: #fff;border-radius: 10px;flex:1;height: calc(100vh - 106px);position: relative;}
.schoolspace.edit{overflow-y: auto;}
.el-select__caret.is-reverse{top:-2px!important;position: relative;}
.el-icon-arrow-up{top:3px!important;position: relative;}
.schoolspace dt{color: #344054;}
.schoolspace dl dd small {display: block;;margin-top: -10px;width: 90%;text-align: right}
.el-upload-dragger{box-sizing: border-box;border: 1px solid rgba(105, 172, 246, 0.73);border-radius: 12px;background: rgba(105, 172, 246, 0.2);width:650px;height: 127px;}
.el-upload-dragger .el-icon-upload{border: 4px solid rgb(249, 245, 255);border-radius: 50px;background: rgba(238, 236, 255, 0.4);width:32px;height: 32px;font-size: 20px;line-height: 22px;margin:16px 0 12px;}
.upload-demo{position: relative;width:650px;}
.el-upload__tip{position: absolute;bottom:14px;left:0;right:0;text-align:center;color:rgba(71, 76, 85, 0.5);font-size:14px;}
.upload-file-list{width:650px;}
.upload-file-list li{border-radius: 12px;background: rgb(255, 255, 255);padding: 16px;display: flex;box-shadow: 2px 2px 15px 0px rgba(10, 90, 245, 0.2);margin-bottom: 10px;position: relative;}
.upload-file-list li h3{width:465px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.upload-file-list li a{color:rgb(102, 112, 133);position: absolute;top: 16px;right: 16px;}
.file-type{width: 32px;height: 32px;border: 4px solid rgba(238, 236, 255, 0.4);border-radius: 50px;background: rgba(238, 236, 255, 0.4);}
.el-progress{display: flex;align-items: center;}
.el-progress .el-progress__text{width:60px;text-align: right;margin-left:0;}
.u-button.long{padding:0 50px;}
.course-content .u-button.long{margin-bottom: 20px;}
.video-wrapper{width:40%;background:#D8D8FF;border-radius: 10px 0 0 10px;}
.resource-container{height: 380px;overflow-y: auto;}
.resource-container p{margin-bottom: 10px;}
/* 我的空间 */
.works-list .hd{ display: flex;align-items: center;position: absolute;top:12px;left:15px;}
.works-list .hd > i{font-size: 12px;}
.works-list ul{display: flex;}
.works-list ul li{border:none;position: relative;flex:1;margin-right: 25px;padding: 22px 10px 15px;cursor: pointer;border-radius: 10px;height: 90px;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.works-list ul li.active::after{content:"";height: 10px;position: absolute;bottom:0;left:0;right:0;z-index: 5;}
.works-list ul li.active::before{content:"";position: absolute;bottom:3px;left:50%;transform:translateX(-50%);width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 10px solid black;z-index: 5; }
.works-list ul li small{position: absolute;bottom:9px;left:0;right:0;display: block;text-align: center;color:#35AA89;z-index: 5;}
.works-list li:nth-child(1){background-color: #D8D8FF;}
.works-list li:nth-child(2){background-color: #FFB8C7;}
.works-list li:nth-child(3){background-color: #B8E7FF;}
.works-list li:nth-child(4){background-color: #FFD5B8;}
.works-list li:nth-child(5){background-color: #9CEBB1;}
.works-list li:nth-child(6){background-color: #8EEFD4;margin-right: 0;}
.works-list li:nth-child(1) .hd,.works-list li:nth-child(1) .hd h3,.works-list li:nth-child(1) .descr{color:#6E6EE9;}
.works-list li:nth-child(2) .hd,.works-list li:nth-child(2) .hd h3,.works-list li:nth-child(2) .descr{color:#E4496A;}
.works-list li:nth-child(3) .hd,.works-list li:nth-child(3) .hd h3,.works-list li:nth-child(3) .descr{color:#0F8FD0;}
.works-list li:nth-child(4) .hd,.works-list li:nth-child(4) .hd h3,.works-list li:nth-child(4) .descr{color:#EB7420;}
.works-list li:nth-child(5) .hd,.works-list li:nth-child(5) .hd h3,.works-list li:nth-child(5) .descr{color:#36C25B;}
.works-list li:nth-child(6) .hd,.works-list li:nth-child(6) .hd h3,.works-list li:nth-child(6) .descr{color:#35AA89;}
.works-list li:nth-child(1).active::after{background-color: #6E6EE9;}
.works-list li:nth-child(2).active::after{background-color: #E4496A;}
.works-list li:nth-child(3).active::after{background-color: #0F8FD0;}
.works-list li:nth-child(4).active::after{background-color: #EB7420;}
.works-list li:nth-child(5).active::after{background-color: #36C25B;}
.works-list li:nth-child(6).active::after{background-color: #35AA89;}
.works-list li:nth-child(1).active::before{border-bottom-color: #6E6EE9;}
.works-list li:nth-child(2).active::before{border-bottom-color: #E4496A;}
.works-list li:nth-child(3).active::before{border-bottom-color: #0F8FD0;}
.works-list li:nth-child(4).active::before{border-bottom-color: #EB7420;}
.works-list li:nth-child(5).active::before{border-bottom-color: #36C25B;}
.works-list li:nth-child(6).active::before{border-bottom-color: #35AA89;}

.works-list li .icon{font-size: 110px;color:rgba(255, 255, 255,.2);position: absolute;right:-25px;bottom:20px;z-index: 1;}
.works-list ul li .descr{font-size: 30px;font-weight: bold;position: relative;z-index: 6;}


/* 数据统计 */
.data-list-token{display: flex}
.token-box{border-radius: 12px;}
.token-box-hd{padding:20px;}
.token-box-hd .u-button{margin-left:30px;}
.token-box-hd strong{font-size: 24px;font-weight: normal;}
.token-box-hd  li{margin-left: 20px;}

/*模板中心 */
.template{position: relative;}
.template-left{padding-right: 500px;height: calc(100vh - 166px);overflow-y: auto;}
.template-descr{border-left: 1px solid rgba(71, 76, 85, 0.2);width:480px;background-color: #fff;position: absolute;top:0;right:0;bottom:0;overflow-y: auto;}
.template-descr-hd{display: flex;flex-direction: column;align-items: center;}
.template-descr-hd img{width:108px;display: block;}
.template-descr-hd p{padding:10px 0;color: rgba(71, 76, 85, 0.5);}
.template-descr-bd{padding:0 20px;}
.template-descr-bd dl{margin-top: 20px;}
.template-descr-bd dt{color:#0A5AF5;font-weight: bold;}
.template-descr-bd dd{border-radius: 10px;background: rgba(197, 216, 239, 0.2);line-height: 24px;padding:10px 14px;border-radius: 10px;}


/* 课程 */
.course.quick-list ul{justify-content: center;}
.course.quick-list ul li{align-items: center;display: flex;width:340px}
.course.quick-list ul li.disabled{filter: grayscale(100%);pointer-events: none;cursor: default;}
.course.quick-list ul li.add h3{line-height: 19px;}
/* .course.quick-list ul li.add .spider{top:-2px;} */
.course.quick-list ul li .info{color: #0A5AF5;}
.course.quick-list ul li.add .spider + div{padding-left: 84px;}
.course.quick-list ul li.add .spider{width:90px;height: 60px;}

.course .s-ch-title::after{right: 70px;}
.course .s-ch-title a{font-size: 14px;}
.sagent-app-list  li{width: calc(20% - 20px);margin-right: 20px;margin-bottom:20px;transition: all .5s;cursor: pointer;border: 1px solid rgba(71, 76, 85, 0.05);border-radius: 8px;background: rgb(255, 255, 255);overflow: hidden;display: block;}
.course-items li{background-color: #fff;margin-right: 20px;margin-bottom:20px;height: 203px;position: relative;border-radius: 10px;}
.course-items li .img-wrapper{background: url("../images/common/coursecover.png") no-repeat;width:321px;height: 159px;transition: all .5s;cursor: pointer;border-radius:8px 8px 0 0;position: relative;}
.course-items li:hover  .img-wrapper{background: url("../images/common/coursehover.png") no-repeat;}
.course-items li h3{font-size:18px;padding:10px;}
.course-items li .edit-view{position: absolute;top:68px;left:20px;}
.course-items li .edit-view a{color:#fff;}
.course-items li .course-item-header img{width:100%;}
.sagent-app-list li{padding: 16px;}
.sagent-app-list li img{width:80px}
.sagent-app-list li  h3{font-weight: bold;font-size: 16px;}
.sagent-app-list li p{color: #86909C;line-height: 20px;font-size: 12px;}

/* 课程预览 */
.course-header{font-size: 20px;background-color: #0A5AF5;padding:50px;color:#fff;margin: -20px -20px 0;position: relative;background: url("../images/common/bg.jpg") no-repeat;height: 124px;    background-size: 100%;}
.course-header a.back{color:#fff;position: absolute;top:50%;left:20px;transform: translateY(-50%);font-size: 14px;}
.course-wrapper{border-radius: 10px;}
.course-mennu {height: calc(100vh - 280px);overflow-y: auto;}
.course-mennu dl{border-radius: 10px;background-color: #fff;margin-bottom: 20px;padding:20px;}
.course-mennu dl:only-child{min-height: calc(100vh - 280px);margin-bottom: 0;}
.course-mennu dl:not(dt) dd ul{padding-left: 0;}
.course-mennu dt{font-weight: bold;position: relative;line-height: 30px;}
.course-mennu dd {display: flex;flex-direction: column;}
.course-mennu dt i,
.course-mennu dd i{position: absolute;top:3px;right:10px;cursor: pointer;font-size: 12px;}
.course-mennu dd ul {padding-left:20px;}
.course-mennu dd ul li{line-height: 30px;padding:2px 10px;position: relative;margin-top:5px;}
.course-mennu dt span,
.course-mennu dd ul li span,
.course-mennu dl a,
.course-mennu dd ul li a{color:#474C55;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 210px;display: block;}
.course-mennu dl a:hover,
.course-mennu dd ul li.cur a{color: #0A5AF5;}
.course-mennu dd .three-drop{margin-left: 30px;margin-top: 10px;}
.course-mennu dd .three-drop a{display: flex;flex-direction: column;padding:0 10px;margin-top: 5px;}
.course-mennu dd .secondbar.active,
.course-mennu dd .three-drop a.active,
.course-mennu dd ul li.active{background-color: rgba(10, 90, 245,.1);line-height: 30px;}
.course-mennu dd .three-drop a.active,
.course-mennu dd .secondbar.active a,
.course-mennu dd ul li.active a{color: #0A5AF5;}


/* 引用 */
.quotation-box{background:linear-gradient(162.67deg, rgba(22, 93, 255, 0.17) -0.969%,rgba(255, 255, 255, 0) 95.878%,rgba(255, 255, 255, 0) 95.878%);    color: #0A5AF5;padding:5px 10px;
margin:10px -15px -15px -15px;border-radius: 0 0 15px 15px;}
.quotation-box span{color: #474C55;}

/* upload-tabs */
.resource-upload-bar{margin-bottom: 10px;position: relative;}
.resource-upload-bar .upload-tabs.disabled{background-color: #EDEDED;pointer-events: none;}
.resource-upload-bar .upload-tabs.disabled .el-button,.resource-upload-bar .upload-tabs.disabled i{color:#86909C;}
.resource-upload-bar .file-title h3{font-weight: bold;color: #0A5AF5;}
.upload-tabs .el-button{background: none; color: #0A5AF5;border:none; padding:9px 5px;}
.upload-tabs {margin-top:10px;display: flex;align-items: center;height:32px;line-height:32px;background:rgb(242, 243, 248);border-radius: 32px;border:1px solid rgb(242, 243, 248);padding:0 12px;margin-right: 10px;cursor: pointer;}
.upload-tabs >span,
.upload-tabs i{color: #0A5AF5;}
.upload-tabs i.icon-lianjie{padding-right: 7px;}
.upload-tabs.active,
.upload-tabs:hover{background-color: #0A5AF5;color:#fff;}
.upload-tabs.active  i,
.upload-tabs.active > span,
.upload-tabs:hover > span,
.upload-tabs:hover i,
.upload-tabs:hover .el-button{color:#fff;}

.file-link-input{position: absolute;top:10px;left: 265px;}
.file-link-input input{width: 240px;}

/* 帮助中心 */

.course-wrapper .title{font-size: 18px;font-weight: bold;}
.course-wrapper .descr{padding:10px 0;}


/* 创建课程 */
/* .add-course-panel{margin-top: 20px;} */
.add-course-panel.column{height: calc(100vh - 105px);}
.course-menu-panel{position: relative;display: flex;flex-direction: column;padding:0 15px;border-right: 1px solid rgba(10, 90, 245, 0.15);padding-top: 30px;width:220px;}
.course-menu-panel > div{}
.course-menu-panel .add-course-title{padding: 5px 0 20px 0;}
.course-menu-panel .add-course-title,.course-menu-panel .add-course-title i{font-size: 20px;font-weight: 700;color:#fff;position: relative;z-index: 5;}
.course-menu-panel dl {position: relative;z-index: 5;padding-right: 35px;padding-bottom: 55px;align-items: center;width:220px;}
.course-menu-panel dl:last-child{padding-bottom: 0;}
.course-menu-panel dl dt{width: 28px;height: 28px;background: #0A5AF5;border:2px solid #fff;border-radius:100%;display: flex;align-items: center;justify-content: center;color: #fff;font-weight: bold;z-index: 12;}
.course-menu-panel dl dt i{font-size: 13px;}
.course-menu-panel dl dd h3{color:#4E5969;}
.course-menu-panel dl dd label{color:#FFA423;font-weight: normal;}
.course-menu-panel dl.active dd h3{font-weight: bold;color:#0A5AF5;position: relative;z-index: 3;}
.course-menu-panel dl dd::after{content: "";background: url("../images/common/bottom-light.png") no-repeat;width:99px;height:15px;display: block;position: absolute;left: -8px;bottom: -6px;z-index: 1;opacity: 0;transition: all .5s;}
.course-menu-panel dl dd:hover::after,
.course-menu-panel dl.active dd::after{opacity: 1;}
.course-menu-panel dl dd p{color: #86909C;background: #fff;border:1px solid rgba(10, 90, 245, 0.15);padding:10px 15px;border-radius: 0 10px;width: 240px;height: 67px;font-size: 12px;}
.course-menu-panel dl dd{position: relative;cursor: pointer;}
.course-menu-panel dl dd .icon-duihao{color: #10C863;top:2px;position: relative;}
.course-menu-panel dl::after{content:"";background: #0A5AF5;width:3px;position: absolute;top:25px;left:12px;bottom:0;}
.course-menu-panel + .course-content-panel{flex:1;height: calc(100vh - 161px);overflow-y: auto;}
.course-menu-panel dl:last-child::after{background: none;}
.add-course-panel{background: #fff;border-radius: 10px;border:1px solid rgba(10, 90, 245, 0.15);width:100%;}
/* .display-flex.column .course-menu-panel + .course-content-panel {height: calc(100vh - 240px);} */
.course-content{padding: 30px 50px;height: calc(100vh - 108px);}
.course-content dl{margin-bottom: 15px;}
.course-content dl dt{margin: 5px 0;}
.course-content dl dd span{color: #86909C;}
.course-content dl dd .tabs{margin-bottom: 0;flex-wrap: wrap;}
.course-content dl dd textarea{padding:15px;}
.course-content dl dd textarea,.course-content dl dd input{border-radius: 10px;}
.course-menu-panel dl.active dt{background: #0A5AF5;}
/* .course-menu-panel dl.active dd h3,.course-menu-panel dl.active dd p{color: #0A5AF5;font-weight: bold;} */
.course-menu-panel dl.active dd p{border-color:#0A5AF5;background-color: #0A5AF5;color:#fff;}
/* .course-menu-panel dl.active dd::after {content: '';position: absolute;bottom: -8px;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-left: 12px solid transparent;border-right: 12px solid transparent;border-top: 9px solid #0A5AF5;z-index: 1;} */

/* 编辑 */
.edit-course-panel{height: calc(100vh - 161px);flex:1;}
.edit-course-title{padding:0 20px;height:36px;line-height: 36px;border-bottom: 1px solid #d1d5da;;}
.edit-course-bd {position: relative;}
.aichat-title{background:#fafbfd;border-bottom: 1px solid rgba(10, 90, 245, 0.15);padding:0 35px 0 20px;height: 45px;line-height: 45px;border-radius: 10px 10px 0 0;}
.aichat-title.row{display: flex;align-items: center;justify-content: space-between}
.aichat-title.row a{text-align: center;color:#474C55;position: relative;}
.aichat-title.row a.active{color:#0A5AF5;font-weight: bold;font-size:14px;}
.aichat-title.row a.active::after{content:"";height: 5px;background-color: #0A5AF5;position: absolute;bottom: 0;left:0;right:0;;}
.aichat-title h3{color:#0A5AF5;font-weight: bold;}
.edit-course-bd  .chatmodel-dialog{padding:20px 30px;}
.edit-course-bd > div{border:none;}
/* 对话 */
.course-chat{border:1px solid rgb(159, 191, 255);margin-left: 20px;background-color: #f8fbfd;border-radius: 10px;box-shadow: 0px 0px 10px 0px rgba(105, 172, 246, 0.2);position: absolute;top:138px;right:-600px;z-index: 12;transition: right .5s;}
.course-chat.active{right:22px;}
.course-chat .icon-guanbi- {position: absolute;top:11px;right:11px;color: #0A5AF5;font-size: 20px;}
.editor-tip{position: absolute;background-color: #fff;box-shadow: 2px 2px 15px 0px rgba(10, 90, 245, 0.2);top:100px;left:100px;border-radius: 10px;width: 434px;height: 293px;padding:22px;z-index:20}
.editor-tip .tabs a{border: 1px solid rgba(71, 76, 85, 0.2);border-radius: 32px;background: rgb(255, 255, 255);padding: 2px 16px 2px 16px;color:#4E5969;}
.editor-tip .tabs a.active{background-color: #0A5AF5;color:#fff;}

.editor-tip .tip-text{height: 185px;overflow-y: auto;}
.editor-tip a,
.editor-tip .tip-text b,
.course-chat .chatmodel-dialog dl .descr-box a{color: #0A5AF5;}


/* 课程大纲设计 */
.report-syllabus > div{height:calc(100vh - 161px);overflow-y: auto;}
.syllabus-menu{width:408px;border-right:1px solid rgba(71, 76, 85, 0.2);}

.syllabus-menu .syllabus-menu-title{padding:0 10px;border-bottom:1px solid rgba(71, 76, 85, 0.2);height: 36px;line-height: 36px;}
.syllabus-menu .syllabus-menu-title h3{font-size: 16px;font-weight: 700;}
.syllabus-menu .syllabus-menu-title .u-button{margin-top: 8px;}

.items-syllabus-bd li,
.items-syllabus-hd{padding:0 8px;height: 50px;line-height: 50px;border-bottom:1px solid rgba(71, 76, 85, 0.2);position: relative;}

.items-syllabus-bd li input{width:220px;}
.items-syllabus-hd  input{margin-top: 9px;width:250px}
.items-syllabus-hd h3{width: 250px;font-weight: bold;}
.items-syllabus-hd  a .icon-xiangxiajiantou{background-color: #0A5AF5;border-radius: 50%;display: block;width:14px;height: 14px;display: flex;align-items: center;justify-content: center;}
.items-syllabus-hd  a i{font-size: 11px;color:#fff;line-height: 1;}
.items-syllabus-bd li{padding:0 22px;position: relative;background: #ecf0f7;position: relative;}
.items-syllabus-menu{border-bottom: 1px solid rgba(71, 76, 85, 0.2);}
.items-syllabus-menu:last-child .items-syllabus-hd  .icon-xiayi,
.items-syllabus-menu:first-child .items-syllabus-hd  .icon-shangyi,
.items-syllabus-bd li:last-child .icon-xiayi,
.items-syllabus-bd li:first-child .icon-shangyi{color:#ccc;pointer-events: none;cursor: default;}
.items-syllabus-bd li.active,
.items-syllabus-bd li:hover{background-color: #98acd4;color:#fff;}
.items-syllabus-bd li span{width: 210px;}
.move-edit-del{position: absolute;top:0;right:10px;}

.ball{background: url("../images/common/ball.png") no-repeat;display: block;width:19px;height: 19px;}
.syllabus-menu-list{height: calc(100vh - 271px);overflow-y: auto;}
.syllabus-menu  .add-parent{border-top: 1px solid rgba(71, 76, 85, 0.2);}
.syllabus-menu  .add-parent a{width:90%;}
.ppt-panel,
.report-syllabus{}
.report-con-hd{padding:4px 10px;}
.report-con-bd{padding:20px 30px;}
.report-con-bd h2{font-size: 18px;}
.report-con-bd dl{margin-bottom: 20px;}
.report-con-bd dt{font-weight: bold;}
.syllabus-menu-list.view{height:calc(100vh - 210px);}
.syllabus-menu-list.view .items-syllabus-menu,
.syllabus-menu-list.view .items-syllabus-hd{border:none;}
.syllabus-menu-list.view .items-syllabus-hd h3{width:365px;}
.syllabus-menu-list.view .items-syllabus-bd li span{font-size: 12px;color: #4E5969;width:auto;max-width: 300px;position: relative;}
.syllabus-menu-list.view .items-syllabus-bd li::before{content:"";position: absolute;top: 33px;left:30px;bottom:-17px;width:2px;border-left:1px dashed #0A5AF5;}
.syllabus-menu-list.view .items-syllabus-bd li:last-child::before{display: none;}
.syllabus-menu-list.view .items-syllabus-bd li > div.m-hvcenter-row{width:352px;}
.syllabus-menu-list.view .items-syllabus-bd li > div.m-hvcenter-row::after{content:"";display: inline-block;flex:1;height:2px;border-bottom:1px dashed #aaa;margin-left:8px;}
.syllabus-menu-list.view .items-syllabus-bd li{border:none;background: none;cursor: pointer;}
.syllabus-menu-list.view .items-syllabus-bd li.active span{color:#0A5AF5;}
.syllabus-menu-list.view .items-syllabus-bd li.nostart span{color:#aaa;}
.syllabus-menu-list.view .items-syllabus-bd li:hover{background: none;color:#0A5AF5;}
.syllabus-menu-list.view .icon-diandian{color:#0A5AF5;}
.move-edit-del .green{color:#10C863;}
.move-edit-del .gray{color:#aaa;}

/* 生成课程 */
.generate-course{flex-direction: column;background-color: #fff;border-radius: 6px;border:1px solid #d1d5da;box-shadow: 0px 0px 10px 0px rgba(105, 172, 246, 0.2);}
.generate-course  > div{width:200px;height: 150px;cursor: pointer;box-shadow: none;}
.generate-course img{width:200px;display: block;margin-bottom: 30px;transition: all .5s;}
.generate-course p{font-size: 18px;color: #86909C;transition: all .5s;}
.generate-course  > div:hover img,.generate-course  > div:hover p{transform: scale(1.1);}

/*  */
.classfy-filter-bar{position: relative;height: 33px;}
.classfy-filter-bar .tabs{position: absolute;top:8px;left: 50%;transform: translateX(-50%);width:850px;justify-content: center;}
.classfy-filter-bar .tabs h3{font-size:18px;font-weight: bold;}
.classfy-filter-bar .tabs .icon-gou1{color: #0ea737;}
.classfy-filter-bar .back{position: relative;top:3px;left:0;}
.aichat-title .back i,
.classfy-filter-bar .back i{color:#fff;background-color: #0A5AF5;width:36px;height: 36px;border-radius: 50%;display: inline-block;line-height: 36px;text-align: center;}
.classfy-filter-bar .f-right{margin-top:5px;}
/* ai工具 */
.aitools{box-shadow: 0px 0px 10px 0px rgba(105, 172, 246, 0.2);width: 163px;height: calc(100vh - 148px);background-color: #fff;border-radius: 10px;margin-left: 20px;padding: 15px 0;}
.aitools-hd{font-size: 18px;color:#474C55;;font-weight: bold;}
.aitools ul{height: calc(100vh - 210px);overflow-y: auto;padding:0 15px;margin-top:15px;}
.aitools li{padding:12px 0;cursor: pointer;border:2px solid #fff;border-radius: 10px; }
.aitools li.active{border-color:rgb(39, 158, 255);}
.aitools li.active h3{color:#0A5AF5;font-weight: bold;}
.aitools li img{width: 80px;height:80px;margin:0 auto;display: block;transition: all .5s;}
.aitools li  h3{padding:5px 0;transition: all .5s;}
.aitools li:hover img,.aitools li:hover h3{transform: scale(1.1);}

/* 课程教学设计 */
.item-template {margin-right: 20px;display: flex;align-items: center;color:#0A5AF5;}
.item-template .template-wrapper{display: flex;align-items: center;justify-content: center;}
.item-template .template-wrapper img{max-width: 100%;max-height: 100%;margin-right: 5px;}
.item-template::after{content: "";background: url("../images/common/arrow.png") no-repeat;display: inline-block;width:21px;height: 23px;margin-left: 15px;}
.item-template:last-child::after{display: none;}
.template-teach{margin-right: 20px;}
.template-teach.active .template-teach-wrapper::after{content: "";width: 0;height: 0;border-bottom: 20px solid #0A5AF5; border-right: 20px solid #0A5AF5;
  border-top: 20px solid transparent; border-left: 20px solid transparent; position: absolute;bottom:0;right:0;z-index: 3;}
.template-teach.active  .template-teach-wrapper,
.template-teach:hover  .template-teach-wrapper{border:1px solid #0A5AF5;cursor: pointer;}
.template-teach-wrapper {width:300px;height: 200px;border:1px solid rgba(10, 90, 245, 0.15);background-color: rgba(10, 90, 245, 0.05);display: flex;align-items: center;justify-content: center;position: relative;border-radius: 10px;overflow: hidden;;}
.template-teach-wrapper img{max-width: 100%;max-height: 100%;}
.template-teach-wrapper .icon-gou{position: absolute;bottom:1px;right: 5px;z-index: 5;color:#fff;}


/* ppt设计 */
.ppt-panel{border-radius: 0 0 10px 10px;}
.myppt-list{padding: 50px;max-width: 800px;margin:0 auto;}
.myppt-list li{border-radius: 10px;background: rgba(10, 90, 245, 0.05);padding:5px 20px;margin:3px 0;transition: all .5s;cursor: pointer;}
.myppt-list li:hover{color: #0A5AF5;font-weight: bold;}
.pptbox{height: calc(100vh - 110px);}


/* 我的课程 */
.section-list ul{display: flex;}
.section-list li{width: 180px;height: 38px;line-height:38px;border-radius: 5px;background: rgba(105, 172, 246, 0.2);padding:0 10px;display: flex;align-items: center;position: relative;margin-right: 20px;}
.section-list li .icon-wenben1{color:#0A5AF5;font-size: 24px;}
.section-list li  .icon-tianjia1{position: absolute;top:0;right:10px;color: #86909C;}
.section-list li .icon-gou1{position: absolute;top:0;right:10px;color:#10B981;}
.section-chapter-list dl{margin-bottom: 20px;border-radius: 10px;background: rgba(10, 90, 245, 0.1);padding:20px;}
.section-chapter-list dt{font-weight:bold;}
.section-list li .add,
.section-chapter-list .icons-list{position: absolute;top:0;left:50%;transform: translateX(-50%);}
.chapter-title{width:300px;}
.section-list li:hover span,
.section-list li .icons-list,
.section-list li .add{display: none;}
.section-list{flex: 1;}

.section-list li .icons-list a{padding:0 5px;}
.section-list li:hover .icons-list,
.section-list li:hover .add{display: block;}
.section-list li:hover .icon-tianjia1{color:#0A5AF5;}

.section-list li.nocomplete{background-color: #EDEDED;color: #86909C;}
.section-list li.nocomplete .icon-wenben1{color:#86909C;}

.g-wrap{width:1300px;margin: 0 auto;}

.course-items-warapper{margin: 20px auto 0;width: 1685px;display: block;overflow: hidden;}
.course-items-warapper li:nth-child(5n){margin-right: 0;}

/* 20250313z新增 */
/* AI生成弹框 */
.arrange-dialog-wrapper.pd0 .el-dialog{padding-right: 0;}
.gener-aibox-body p:last-child::after{content:"";display: inline-block;background: url("../images/common/loading.gif") no-repeat;width:21px;height:19px;;vertical-align: middle;}

/* 助手图标 */
.assistant-icon{background: url("../images/common/robot.gif") no-repeat;background-size:80px 98px;width:80px;height: 98px;position: absolute  ;top:200px;right:50px;z-index: 11;cursor: pointer;transition: bottom .5s;}
.assistant-icon:hover{top:220px;}

/* ppt */
.ppt-fulid{width: 100%;}
.ppt-row{width:450px;}


@media screen and (max-width:1920px){
  
}


@media screen and (max-width:1440px){
   
    .ap-login-main{width:1300px;}
    .ap-login-main-item{width:480px;height: 529px;padding:30px 50px;}
    .course-menu-panel dl dd p{width:180px;height: 80px;line-height: 20px;}
    .course-menu-panel dl.active dd::after{bottom: -20px;}

    .course-items-warapper{margin: 20px auto 0;width: 1344px;display: block;overflow: hidden;}
    .course-items-warapper li:nth-child(4n){margin-right: 0;}
    .course-items-warapper li:nth-child(5n){margin-right: 20px;}


}


/*修复左侧菜单边缘间隙闪烁*/
.menu li::before {
    content: '';
    position: absolute;
    top: -3px;
    bottom: -3px;
    left: -3px;
    right: -3px;
    background: transparent;
}

/* ppttbas */
.page_navigate{display: none;}
.ppt-tabs{display: flex;width:400px;justify-content: center;margin:20px auto;}
.ppt-tabs a{flex:1;text-align: center;}
.ppt-tabs a span{padding:6px 18px;border-radius: 5px;border:1px solid #d1d5da;color:#4E5969;}
.ppt-tabs a.active span{background: linear-gradient(135deg, #0A5AF5 0%, #f27bb1 100%);color:#fff;border-color: linear-gradient(135deg, #0A5AF5 0%, #f27bb1 100%);}

/* 新增tab */
.m-tab-nuwa a{color:#333;font-size: 16px;line-height: 20px;margin:0 25px;position: relative;}
.m-tab-nuwa a.cur{color:#0a5af5;font-weight: 700;}
.m-tab-nuwa a.cur::after{content:"";background: url("../images/common/line-light.png") no-repeat;width:69px;height:30px;position: absolute;bottom:-26px;left:0;right:0;}

/* 新增search */
.search-wrap-box{position: relative;width:721px;margin: 0 auto;}
.search-wrap-box input{width:721px;height:45px;line-height:45px;border: 2px solid rgba(10, 90, 245, 0.4);border-radius: 30px;backdrop-filter: blur(100px);background: rgb(255, 255, 255);padding:0 75px 0 20px;transition: border .5s;}
.search-wrap-box input:hover{border: 2px solid rgba(10, 90, 245, 0.8);}
.search-wrap-box a{position: absolute;top:10px;right:20px;color:#0A5AF5;}