.chat-content{margin:48px 0 24px 0;position:relative}.chat-content .chat-ai-tip{position:absolute;top:-20px;right:40px}.chat-content>.title{width:calc(100% - 50px);margin:0 auto;height:60px;font-size:16px;font-weight:600;line-height:60px;border-radius:16px 16px 0 0;border:1px solid rgba(42,90,249,.2);border-bottom:none;background:url(https://static.pkulaw.com/assets/icon/reply-back.ca49935c.png) no-repeat 50%/cover;-webkit-transition:all .3s ease;transition:all .3s ease;z-index:10}.chat-content>.title.sticky-title{position:sticky!important;top:0!important;z-index:2001!important;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.05)!important;box-shadow:0 1px 4px rgba(0,0,0,.05)!important;border-radius:0!important;margin-bottom:-1px!important;left:0!important;right:0!important}.chat-content>.title .text{margin-left:24px;display:inline-block;background:-webkit-gradient(linear,left top,right top,from(#071a54),color-stop(#0030bb),to(#071a54));background:linear-gradient(90deg,#071a54,#0030bb,#071a54);-webkit-background-clip:text;background-clip:text;color:transparent}.chat-content .title-small{display:none}.chat-content .detail{background-color:#fff;border-radius:16px;width:100%;padding:32px 56px;-webkit-box-sizing:border-box;box-sizing:border-box}.chat-content .detail>div{margin-bottom:40px;position:relative}.chat-content .detail>div .message{max-width:100%;margin:0 44px}.chat-content .detail>div .name{height:32px;margin-bottom:10px}.chat-content .detail>div.question .message{border:1px solid #ebebee;background-color:#fff;border-top-left-radius:2px}.chat-content .detail>div.question .name{text-align:left}.chat-content .detail>div.question .name .icon{float:left}.chat-content .detail>div.question .name .title{float:left;margin-right:10px}.chat-content .detail>div.question .time{text-align:left;margin-left:64px}.chat-content .detail>div.question .info{right:64px}.chat-content .detail>div.question .cancel{float:right}.chat-content .detail>div.answer .message{border:1px solid rgba(42,90,249,.3);background-color:rgba(42,90,249,.06);border-top-right-radius:2px}.chat-content .detail>div.answer .name{text-align:right}.chat-content .detail>div.answer .name .icon{float:right}.chat-content .detail>div.answer .name .title{float:right;margin-left:10px}.chat-content .detail>div.answer .time{text-align:right;margin-right:64px}.chat-content .detail>div.answer .info{left:64px}.chat-content .detail>div.answer .cancel{float:left}.chat-content .detail>div:last-child{margin-bottom:0}.box .name{position:relative;line-height:40px}.box .name>.icon{border-radius:50%;background:#2a5af9}.box .name>.icon,.box .name>.icon img{width:32px;height:32px}.box .name .num{position:absolute;right:-4px;top:-4px;width:16px;height:16px;border-radius:50%;background:#e45538;font-size:12px;color:#fff;text-align:center;line-height:16px}.box .name .title{font-size:14px;color:#13151f;font-weight:700;margin:0 32px;line-height:32px}.cancel{line-height:34px;margin:0 70px 10px 70px}.cancel span{cursor:pointer;font-size:12px}.cancel span,.cancel span:hover{color:#2a5af9}.time{font-size:12px;color:#909399;margin-top:16px}.time.time-2{display:block}.message{padding:16px 20px;border-radius:16px;word-wrap:break-word;-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:14px;color:#13151f;line-height:28px}.message .leftCount{text-align:right;font-size:12px;color:#606266}.message .leftCount span{color:#13151f}.message>div{word-break:break-all;word-wrap:break-word}.message>div:empty:before{content:attr(placeholder);color:#999}.message>div:focus:before{content:""}.message .blank_input{height:115px;width:100%;border:none;font-size:14px;font-family:Avenir,Helvetica,Arial,sans-serif;color:#2f2e3f;line-height:1.8}