#box-chat{z-index:1000000;display:none;box-sizing:border-box;position:fixed;right:5px;bottom:0;height:460px;width:267px;border:1px solid #e24220;border-radius:5px}#box-chat .active{background-color:#b9371c}#box-chat ul{list-style-type:none}#box-chat span{color:#fff}#box-chat .box-chat-title{width:100%;height:60px;background-color:#e24220}#box-chat .box-chat-title .logo-n-title{width:70%;height:100%;float:left;display:flex;margin-left:10px;align-items:center}#box-chat .box-chat-title .logo-n-title div{background-color:#fff;width:46px;height:46px;display:flex;justify-content:center;align-items:center;border-radius:3px}#box-chat .box-chat-title .logo-n-title div img{width:100%;padding:3px;height:auto}#box-chat .box-chat-title .logo-n-title p{padding-left:15px;margin:0;color:#fff;font-size:16px;font-weight:700}#box-chat .box-chat-title .right-button{width:calc(100% - 70% - 10px);float:left}#box-chat .box-chat-title .right-button ul{padding:0;margin-top:10px;margin-right:5px;float:right}#box-chat .box-chat-title .right-button ul li{margin:0 10px;display:inline-block}#box-chat .box-chat-title .right-button ul li:hover{background-color:#b9371c}#box-chat .box-chat-title .right-button ul li a span{border:1px solid #fff;padding:2px 2px;width:20px;border-radius:2px}#box-chat .box-chat-content{width:100%;height:calc(100% - 100px);border:1px solid #e24220;background-color:#fff}#box-chat .box-chat-content #content-online-tab{width:100%;height:100%}#box-chat .box-chat-content #content-online-tab #online-mess-box{width:100%;height:calc(100% - 30px);border:none;resize:none;padding:10px;overflow-y:scroll}#box-chat .box-chat-content #content-online-tab #online-mess-box .admin-mess,#box-chat .box-chat-content #content-online-tab #online-mess-box .customer-mess{width:100%;min-height:52px}#box-chat .box-chat-content #content-online-tab #online-mess-box .admin-mess p,#box-chat .box-chat-content #content-online-tab #online-mess-box .customer-mess p{padding:10px;border:1px solid #e24220;border-radius:10px}#box-chat .box-chat-content #content-online-tab #online-mess-box .admin-mess p{float:left}#box-chat .box-chat-content #content-online-tab #online-mess-box .customer-mess p{width:auto;float:right;background:#ddd}#box-chat .box-chat-content #content-online-tab form{height:30px}#box-chat .box-chat-content #content-online-tab form #online-form-mess{width:100%;height:100%;float:left;border:1px solid #e24220;padding:1px 10px}#box-chat .box-chat-content #content-online-tab form #online-form-mess:focus{outline:0}#box-chat .box-chat-content #content-offline-tab{width:100%;padding:0 10px;display:none}#box-chat .box-chat-content #content-offline-tab h4{color:grey;font-weight:700}#box-chat .box-chat-content #content-offline-tab p{font-size:12px}#box-chat .box-chat-content #content-offline-tab #offline-form-submit{width:100%;background-color:#e24220;border-color:#e24220;color:#fff;font-weight:700;margin-top:15px}#box-chat .box-chat-content #content-offline-tab #offline-form-submit:hover{background-color:#b9371c;border-color:#b9371c}#box-chat .box-chat-content #content-offline-tab #offline-form span{color:red;font-size:10px;display:none}#box-chat .box-chat-link{width:100%;height:40px;background-color:#e24220}#box-chat .box-chat-link ul{height:100%;padding:0;margin:0}#box-chat .box-chat-link ul li{height:100%;display:inline-block}#box-chat .box-chat-link ul li:hover{background-color:#b9371c}#box-chat .box-chat-link ul li a span{font-size:26px;padding:7px}@media screen and (max-width:425px){#box-chat{width:100%;right:0;height:100vh}}#box-chat-minimize{width:267px;height:40px;background-color:#e24220;position:fixed;right:0;bottom:0;line-height:40px;text-align:center;font-size:16px;font-weight:700;border-radius:5px;z-index:1000000}#box-chat-minimize a{color:#fff}@media screen and (max-width:768px){#box-chat-minimize{width:200px;height:20px;line-height:20px;font-weight:400;font-size:12px}}