.AIBox{opacity:0;position:fixed;bottom:0;top:0;right:-4.8rem;font-size:.24rem;z-index:99;width:3.8rem;transition:all .4s ease-out;background:linear-gradient(to left,rgba(255,255,255,0.8),rgba(255,255,255,0.4),rgba(255,255,255,0))}.AIBox .AI-Container{position:absolute;bottom:2rem;right:.4rem;width:100%}.AIBox.on{opacity:1;right:0}.AIBox .box-header{color:#002c5f;text-align:right;margin-bottom:.1rem}.AIBox .box-body{background:rgba(255,255,255,0.9);padding:0 .2rem 0 .2rem;box-shadow:0 0 10px rgba(0,0,0,0.2);max-height:5rem;overflow-y:auto;min-height:2rem}.AIBox .box-body span.no-data{display:block;line-height:2rem;text-align:center}.AIBox .box-body ul{padding:0;margin:0;padding:.1rem 0}.AIBox .box-body ul li{font-size:.24rem;position:relative;padding:.1rem 0 .1rem .4rem;color:#002c5f}.AIBox .box-body ul li::before{content:'';position:absolute;left:0;width:.34rem;height:.29rem;top:.18rem;background:url(../images/message.png) no-repeat;background-size:70%}.AIBox .box-body ul li a{cursor:pointer}.AIBox .box-body ul a,.AIBox .box-body ul a:active,.AIBox .box-body ul a:link{text-decoration:none}.AIBox .box-body ul.newUl li{color:#333}.AIBox .box-body ul.newUl li a{cursor:pointer;color:#337ab7;text-decoration:underline}.AIBox .box-footer{background:#f1f1f1;box-shadow:0 3px 10px rgba(0,0,0,0.2)}.AIBox .box-footer .input-box{position:relative}.AIBox .box-footer input{height:.65rem;border:0;padding-left:.2rem;box-shadow:0 0 5px #ededed;width:85%;background:white}.AIBox .box-footer .sent{cursor:pointer;position:absolute;right:0;top:.16rem;bottom:0;width:15%;text-align:center}.AIBox .box-footer .sent img{width:50%}.AIBox .box-footer .close-btn{position:absolute;bottom:-1rem;right:0;cursor:pointer;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.AIBox .box-footer .close-btn img{width:.32rem}.AIBox .box-footer .close-btn:hover{opacity:.6}.AIBox .box-body::-webkit-scrollbar{width:4px;background-color:#fff;position:absolute;top:0}.AIBox .box-body::-webkit-scrollbar-track{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background-color:#fff}.AIBox .box-body::-webkit-scrollbar-thumb{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background-color:#9f9f9f}.AIBox .tag{width:.2rem;display:inline-block;margin-right:.1rem}@media(max-width:768px){.AIBox{width:5rem}.AIBox .box-header{font-size:.35rem}.AIBox .box-body ul li{font-size:.32rem;line-height:1.5}.AIBox .box-body ul li::before{top:.18rem;background-size:85%}.AIBox .box-footer input{height:.8rem;font-size:.32rem}.AIBox .box-footer .sent{top:.2rem}}