html,body{height: 100%;margin:0;padding:0;font-size: 14px;position: relative;}
.ai-container{height: 100%;width: 100%;background: #dddd; display: flex;position: relative;}
.aside-menu-item {
    width: 280px; /* 固定宽度 */
    height: 100%;
    background: #f3f4f6;
    position: relative;
}
.aside-menu-item_sls{
    width: 280px; /* 固定宽度 */
    height: 100%;
    background: #f3f4f6;
    position: absolute;
    left:0;top:0;
    overflow-y: scroll;
    z-index: 2;
}
.aside-chart-item {
    flex: 1; /* 自动填充剩余空间 */
    background: #fff;
    height: 100%;
    position: relative;;
}
.bold{font-weight: bold;}
.mb-25{margin-bottom: 2.25rem;}
ul{list-style: none;}
.left{float: left;}
.right{float: right;}
.clear{clear: both;}
.under-line{text-decoration: underline;}
.size16{font-size: 16px;line-height: 30px;}
.cursor{cursor: pointer;}
.ai-logo-item{height:70px;padding: 10px 10px 10px 15px;}
.ai-logo-item img{height:30px;border-radius:10px;margin-right:10px;float: left;margin-top: 20px;}
.logo-txt{font-size: 14px;margin-top: 30px;display: block;float: left;line-height: 20px;}
.ai-menu-list{padding: 10px;margin:0;width: 280px;overflow-y: scroll;}
.ai-fun-list{padding: 10px;margin:0;width: 280px;}
.ai-menu-list-li{height: 40px;width: 244px;padding-left:16px;line-height: 40px;text-align: left;font-size: 14px;color:#333;cursor: pointer;position: relative;}
.s-menu-list{width: 240px;margin-left:20px;}
.s-menu-list li{font-size: 14px;line-height: 34px;text-align: left;color:#999;padding-left: 15px;cursor: pointer;}
.ai-fun-list-li{height: 40px;width: 260px;padding-left:16px;line-height: 40px;text-align: left;font-size: 14px;color:#333;cursor: pointer;position: relative;}
.menu-label{margin-right:8px;color: #999;}
.fenge-line{height: 1px;width:80%;background: #ddd;margin: 10px auto;}
.aboat-item{height: 40px;width: 254px;line-height: 40px;padding-left: 16px;cursor: pointer;font-size: 14px;}
.pull-li-btn{color: #999;position: absolute;top: 10px;right: 20px;font-size: 20px}
.login-item{height: 50px;width: 100%;background: #fff;position: absolute;top:0;left:0;z-index: 2;}
.login-btn{width: 100px;height: 34px;margin-top:8px;border-radius:10px;line-height: 36px;text-align: center;color:#fff;background:#4078e5;float: right; margin-right: 20px;cursor: pointer;}
.show-user{height: 50px;width: auto;float: right; margin-right: 20px;line-height: 50px;}
.chart-window{width: 70%;height: 100%;background: #fff;margin:0 auto;display: grid;z-index: 1;position: relative;}
.flex-1{flex: 1 1 0%;}
.chart-window{max-width: 800px;}
.min-h-56 {min-height: 56px;}
.my-mesage-list-window{width: 98%;margin: 0 1%;overflow-y: scroll;}
.app-name{font-size: 32px;margin-bottom:32px;color:#333;min-height: 45px;text-align: center;font-weight: bold;}
.chart-item{width: 98%;height: 150px;margin:0 1%;border: 1px solid #ddd;border-radius: 20px;position: relative;}
.message-text{height: 80px;width: 96%;margin: 20px 2% 0;border: 0;resize: none;background: #fff;font-size: 16px;}
.msg-fun-item{height: 30px;width:96%;margin:5px 2%;}
.find-expert-btn{height: 30px;width: 80px;background: #f3f4f6;color: #333;line-height: 30px;text-align: center;font-size: 16px;border-radius:5px;cursor: pointer;}
.send-btn{height: 30px;width: 80px;background: #fff;color: #333;border:1px solid #f1f1f1;line-height: 30px;text-align: center;font-size: 16px;border-radius:5px;cursor: pointer;}
.message-options{font-size: 14px;}

.login-form,.reg-form{width: 316px;height: auto;background: #fff;margin:0 auto;font-size: 14px;}
.each-info{height: 50px;width: 316px;background: rgb(244, 244, 244);}
.each-login-info-val{width: 228px;height:100%;}
.login-text{width: 218px;height:100%;border:0;background:rgb(244, 244, 244); padding: 0 5px;line-height: 50px;}
.tel-label{width: 88px;height:100%;position: relative;line-height: 50px;text-align: center;color:#333;}
.vcode-label{width: 100px;height:100%;line-height: 50px;text-align: center;color: #4078e5;cursor: pointer;}
.vcode-text{width: 100%;height:100%;border:0;background:rgb(244, 244, 244); padding: 0;padding-left:34px;line-height: 50px;}
.do-login-btn,.do-reg-btn{height: 48px;width: 316px;background:#4078e5;color:#fff;line-height: 48px;text-align: center;font-size: 14px;cursor: pointer;}
.login-reg-btn{height: 48px;width: 90px;margin:0 auto;background:#fff;color:#4078e5;line-height: 48px;text-align: center;font-size: 14px;cursor: pointer;}
.message .message-content{max-width:700px;}
.city-item{height: 50px;width: auto;line-height:50px;margin-left: 20px;cursor: pointer;}
.city-item img{height:18px;width: 18px;}
.city-btn{font-size: 14px;color:#333;text-decoration: underline;}
.city-panel{height: auto;padding: 20px;background: #f3f4f6;position: absolute;left: 1%;top: 50px;width: 98%;z-index: 2;}
.province-ul,.city-ul{display: inline-block;}
.city-line{height: 1px;background:#ddd;width: 100%; }
.province-ul li,.city-ul li{width: auto;margin:10px;float: left;cursor: pointer;}

.show_tips_item{height: auto; width: 100%; display: table;border-radius: 0.5rem;}
.kefu-msg-content{width: 80%;padding: 0.5rem;border-radius: 0.5rem;background:#fff;color: #333;word-break: break-all;word-wrap: break-word;text-align: left;display: inline-block;margin:0 0 0 50px;}
.ul-desc-tit{line-height:30px;color: #333;font-size: 16px;text-align: left;}
.ul-desc-tit li{cursor: pointer;margin:10px 0;text-decoration: underline;}
.fun-item{width: 100%;height: 24px;line-height: 24px;margin-top: 20px;margin-bottom: 0;color: #999;font-size: 16px;}

.busi-list-li{height: auto;line-height: 30px;border: 1px solid #f1f1f1;text-align: center;padding:10px;font-size: 16px;border-radius: 4px;margin-bottom: 20px;display: inline-block;width: 100%;position: relative; }
.msg-busi-name{line-height: 30px;font-size: 16px;font-weight: bold;color:#333;text-align: left;margin-bottom: 10px;}
.msg-busi-marks{height: auto;width: 100%;display: inline-block;margin-bottom: 10px;}
.msg-busi-marks li{height:24px;line-height:24px;font-size:14px;color:#999;text-align:center;padding:0 4px;border:1px solid #ddd;float: left;margin-right:4px;margin-top:8px;}
.msg-tip-item{height: 30px;width: 100%;line-height: 30px;clear: both;text-align: left;margin-bottom: 10px;}
.tel-tip-each{width: 60%;height: 100%;float: left;font-size: 14px;text-align: left;}
.ping-tip-each{width: 40%;height: 100%;float: left;font-size: 16px;text-align: right;}
.msg-tip-each{width:100%;height: 100%;float: left;font-size: 14px;text-align: left;}
.zizhi-tip-item{height: auto;width: 100%;line-height: 30px;text-align: left;}
.more-busi{color: #999;font-size: 16px;text-decoration: underline;line-height: 30px;text-align: center;cursor: pointer;margin-right: 10px;}
.zhuanshu-btn{
    color: #333;
    font-size: 14px;
    text-decoration: underline;
    font-weight: bold;
    line-height: 30px;
    text-align: left;
    cursor: pointer;
}
.zhuanshu{ text-decoration: underline;color:#999;margin:0 4px;cursor: pointer;}
.to-rg{color:#999;cursor: pointer;text-decoration: underline;margin:0 4px;}

.loadiing-state{position: absolute;bottom:70px;left:0;text-align: center;font-size: 14px;color:#999; width: 100%;}

.le-11{height: 22px;width: 40px;background: url("../../../resource/images/raty/rz_11.png") no-repeat;background-size: 100%  100%;position: absolute;right:-11px;top:-11px;}
.le-12{height: 22px;width: 40px;background: url("../../../resource/images/raty/rz_12.png") no-repeat;background-size: 100%  100%;position: absolute;right:-11px;top:-11px;}
.le-13{height: 22px;width: 40px;background: url("../../../resource/images/raty/rz_13.png") no-repeat;background-size: 100%  100%;position: absolute;right:-11px;top:-11px;}
.le-14{height: 22px;width: 40px;background: url("../../../resource/images/raty/rz_14.png") no-repeat;background-size: 100%  100%;position: absolute;right:-11px;top:-11px;}
.le-15{height: 22px;width: 40px;background: url("../../../resource/images/raty/rz_15.png") no-repeat;background-size: 100%  100%;position: absolute;right:-11px;top:-11px;}
.loading-msg{min-height:15px;height: auto;width: 80%;text-align: center;font-size: 14px;color:#999;line-height: 30px;margin: 10px 0 10px 3.05rem;display: inline-block;}
.canel-xun{color:#999;text-decoration: underline;cursor: pointer;margin-left: 20px;font-size: 16px;}
.each-info{height: 50px;width: 316px;background: rgb(244, 244, 244);}
.each-login-info-val{width: 228px;height:100%;}
.login-text{width: 218px;height:100%;border:0;background:rgb(244, 244, 244); padding: 0 5px;line-height: 50px;}
.tel-label{width: 88px;height:100%;position: relative;line-height: 50px;text-align: center;color:#333;}
.message .message-content{padding: 0.5rem;margin-left: 50px; position: relative;background: #fff;font-size: 16px;}
.message.self .message-content{background-color: #f3f4f6;}


.kefu-code{height: 140px;width: 120px;position: absolute;left:-126px;top:-2px;background: #f3f4f6;}
.kefu-code-img{height: 100px;width: 100px;margin:10px;}
.close-imgcode{height: 20px;width: 20px;position: absolute;right:-10px;top:-10px;cursor: pointer;}
.deep-html ul li{margin: 10px 0;line-height: 30px;}
.deep-html ol li{margin: 10px 0;line-height: 30px;}
.deep-html p{line-height: 30px;margin-bottom: 10px;font-size: 16px;}
.s-menu-list li a{display:block;}
.ai-menu-list li a{display:block;}
.last-page-btn{line-height: 40px;text-align: center;color:#999;cursor: pointer;}
.change-city{margin-left: 2px;text-decoration: underline;cursor: pointer;font-size: 15px;font-weight: bold;}

.to-zuan{color:#999;font-size: 16px !important;margin-right: 10px;margin-top: 16px;cursor: pointer;}
.yuetan{margin-right: 10px;color:#999;text-decoration: underline;cursor: pointer;font-size: 16px;}
.btn_area{width: 100%;height: 30px;border-top:1px solid #f1f1f1;margin-top: 10px;}
.tianyan{width: 25%;height:20px;margin-top:10px;line-height: 20px;text-align: center;color:#333;float: left;border-right: 1px solid #f1f1f1;cursor: pointer;}
.sw{width: 25%;height:20px;margin-top:10px;line-height: 20px;text-align: center;color:#333;float: left;border-right: 1px solid #f1f1f1;cursor: pointer;}
.case{width: 25%;height:20px;margin-top:10px;line-height: 20px;text-align: center;color:#333;float: left;border-right: 1px solid #f1f1f1;cursor: pointer;}
.yueyan-btn{width: 25%;height:20px;margin-top:10px;line-height: 20px;text-align: center;color:#333;float: left;cursor: pointer;}
.join-member,.no-join{color:#999;text-decoration: underline;cursor: pointer;margin-left:8px;}
.noread_num{border-radius:18px;height: 18px;width:18px;line-height: 18px;text-align: center;background: #4078e5;color:#fff;font-size: 12px;position: absolute;left:22px;top:3px;}
.get-otherway{text-decoration: underline;margin-left:10px;color: #999;}
.w-full{height: 180px;width: 100%;background: #fff;}
.other-city-busi{color: #999;font-size: 16px;text-decoration: underline;line-height: 30px;text-align: center;cursor: pointer;}
.chat-btn{
    height: 30px;
    min-width: 80px;
    width: auto;
    background: #f3f4f6;
    color: #333;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    border-radius: 7px;
    cursor: pointer;
    margin-left: 10px;
    padding: 0 10px;
}
.expert-li{height: auto;padding: 10px 0;width: 100%;margin-bottom: 10px;}
.expert-img-name{display: flex; /* 启用Flex布局 */}
.tx-img{width: 70px;height: 70px; }
.uname{flex: 1;color:#333;padding: 0 10px;line-height: 26px;}
.intro{font-size: 14px;line-height: 24px;}
.lesson-btn{font-size: 14px !important;color:#999 !important;margin-left: 10px;text-decoration: underline;cursor: pointer;}
.lesson-table{width: 100%;border-color: #f1f1f1;}
.lesson-table td{text-align: center;font-size: 14px;}
.lesson-info{margin-top: 10px;display: none; }
.join-lesson{font-size: 14px !important;text-decoration: underline;color:#999;cursor: pointer;}
.jingyan-tt {
    margin: 6px 0;
    cursor: pointer;
    line-height: 30px;
}
.li-tips{font-size: 14px;margin-right: 10px;color: #999;}
.next-btn,.next-plan-btn{text-decoration: underline;margin-right:20px;cursor: pointer;}
.more-toutiao a{color: #999;}
.next-btn-false,.next-plan-btn-fals{color:#999;}

.beiwang-btn {
    height: 30px;
    min-width: 80px;
    width: auto;
    background: #f3f4f6;
    color: #333;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    border-radius: 7px;
    cursor: pointer;
    margin-left: 10px;
    padding: 0 10px;
}

.beiwang-item{width: 98%;height: 150px;margin: 0 1%;border: 1px solid #ddd;border-radius: 20px;position: relative;}
.ai-notice-item{height: 30px;width: 210px;line-height: 30px;margin-right: 10px;}
.notice-timer,.done-timer{height: 30px;width: 124px;border: 1px solid #f1f1f1;text-align: center;color:#333;line-height: 30px;}
.ai-done-item{height: 30px;width: 200px;line-height: 30px;}
.datepicker{font-size: 14px;}
.msg-bw-item{padding:40px 20px;width: 400px;height: auto;background: url(../../../resource/images/kd/bg_bg.png) no-repeat;background-size: 100% 100%;position: relative;}
.bw-msg{height: auto;width:310px;margin:0 auto;line-height: 30px;color:#333;font-size: 14px;overflow: hidden;}
.ntimer{font-size: 14px;color: #999;line-height: 20px;text-align: right;margin-right: 27px;margin-top: 10px;}
.bw-timer-choose-item{height:auto;width: 482px;padding: 20px;background: #f3f4f6;font-size: 14px;}
.bw-timer-choose-item select option{ border: 1px solid #f1f1f1; }
.year-select-item{height: 30px;width: 100%;margin-bottom:10px;}
.calendar-ul{height: auto;width: 100%;border-top:1px solid #ddd;border-left:1px solid #ddd;display: inline-block;}
.calendar-ul li{height: 44px;width: 44px;float: left;border-bottom:1px solid #ddd;border-right:1px solid #ddd;line-height: 44px;text-align: center;position: relative;cursor: pointer;}
.num_icon{height: 12px;width: 12px;display:block;position: absolute;top:1px;right:1px;background: #FDAC0F;line-height: 12px;text-align: center;border-radius: 10px;font-size: 12px;color:#fff;}
.year-select,.month-select{border:1px solid #f1f1f1;height: 30px;line-height: 30px;text-align: center;font-size: 14px;color:#333;width: 70px;margin-right: 4px;}
.type-select{border:1px solid #f1f1f1;height: 30px;line-height: 30px;text-align: center;font-size: 14px;color:#333;width: 100px;margin-right: 10px;}
.day-beiwang-list{display: inline-block;}
.day-beiwang-list li{
    padding: 40px 20px;
    width: 400px;
    height: auto;
    background: url(../../../resource/images/kd/bg_bg.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.del-bw{height: 20px;width: 20px;position: absolute;right:20px;top:16px;cursor: pointer;color: #999;font-size: 20px;}
.edit-bw{height: 20px;width: 20px;position: absolute;right:50px;top:17px;cursor: pointer;color: #999;font-size: 20px;background: url(../../../resource/images/kd/bw-edit.png) no-repeat;background-size:90%;}
.back-chat-btn{height: 30px;width: 80px;background: #fff;color: #333;border: 1px solid #f1f1f1;line-height: 30px;text-align: center;font-size: 16px;border-radius: 7px;cursor: pointer;margin-right: 10px;}
.send-bw-btn{height: 30px;width: 80px;background: #f3f4f6;color: #333;border: 1px solid #f3f4f6;line-height: 30px;text-align: center;font-size: 16px;border-radius: 7px;cursor: pointer;}
.beiwang-btn{height: 30px;min-width: 80px;width: auto;background: #f3f4f6;color: #333;line-height: 30px;text-align: center;font-size: 16px;border-radius: 7px;cursor: pointer;margin-left: 10px;padding: 0 10px;}
.ai-beiwang-list-li {height: 40px;width: 260px;padding-left: 16px;line-height: 40px;text-align: left;font-size: 14px;color: #333;cursor: pointer;position: relative;}
.delt-state{height: 24px;width: 50px;position: absolute;right: 14px;top: 14px;color: #999;line-height: 24px;font-size: 14px;}
.panel-body{width: 860px;margin: 0 auto;}
.more-expert{font-size: 14px;text-decoration: underline;color:#999;cursor: pointer;padding-left: 110px;}
.connect-btn{font-size: 14px !important;color:#999 !important;text-decoration: underline;cursor: pointer;}
.xz-expert-li{height: 134px;padding:10px;width:46%;float: left;text-align: left;margin:0 2% 10px;border:1px solid #ddd;background: url("../../../resource/images/ad/mingpian.jpg") no-repeat;background-size: 100% 100%;}
.ming-img{width: 100%;height: 60px;display: flex;}
.xz-tx-img{height: 60px;width: 60px;float: left;}
.ming-name-item{width:100%;height: 60px;font-size: 14px;}
.ming-name{line-height: 30px;text-align: left;padding-left: 10px;font-size: 14px;color:#333;font-weight: bold;}
.ming-position{line-height: 30px;text-align: left;padding-left: 10px;font-size: 14px;color:#999;}
.load-next-zj,.connect-btn{text-decoration: underline;font-size: 14px;color:#999;text-align: center;cursor: pointer;}
.position-name{line-height: 24px;font-size: 14px;margin-top: 18px;}
.next-btn,.next-plan-btn{text-decoration: underline;margin-right:20px;cursor: pointer;}
.more-toutiao a{color: #999;}
.next-btn-false,.next-plan-btn-fals{color:#999;}
.get-tel{font-size: 14px !important;color: #999;font-weight: normal;text-decoration: underline;margin-left: 10px;cursor: pointer;}
.stop-btn{
    height: 30px;
    width: 80px;
    background: rgb(219, 234, 254);
    color: rgb(77, 107, 254);
    border: 1px solid #f1f1f1;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    border-radius: 7px;
    cursor: pointer;
}
.chongshi-btn{color:#4D6BFE;text-decoration: underline;cursor: pointer;}


.notice-msg-window{width: 300px;min-height:140px;position: absolute;bottom:2px;right:1px;border: 1px solid #f1f1f1;padding: 10px;background: #fff;z-index: 999;}
.notice-msg-tit{height: 24px;width: 100%;line-height: 24px;text-align: center;color:#333;}
.notice-msg-desc{text-align: left;text-indent:1rem;line-height: 24px;margin-top: 10px;color:#333;min-height: 50px;}
.canel-item{height: 24px;width: 100%;margin-top:12px;}
.cannel-msg-btn{width: 80px;height: 24px;line-height: 24px;text-align: center;color:#999;border-radius: 4px;border:1px solid #f1f1f1;margin: 0 auto;cursor: pointer;}