#floatMessageBox *{margin:0px;padding:0px;font-size: 14px;}
#floatMessageBox{position: fixed; right: 20px; bottom: 20px; z-index: 9999; width:100%; max-width: 360px;font-family: 'Microsoft YaHei', sans-serif;}
#floatMessageBox #floatBtn{width: 50px; height: 50px; line-height: 50px; background: #4080ff; border-radius: 50%; color: #fff; text-align: center; cursor: pointer; position: absolute;right: 0px;bottom: 0px; box-shadow: 0 4px 12px rgba(0,0,0,0.15), 0 0 0 0 rgba(64, 128, 255, 0.5);animation: floatShadowPulse 2s infinite;z-index: 1;}
/* 阴影发散动画关键帧 */
@keyframes floatShadowPulse {
    0% {
        box-shadow: 0 4px 12px rgba(0,0,0,0.15), 0 0 0 0 rgba(64, 128, 255, 0.5);
    }
    70% {
        box-shadow: 0 4px 12px rgba(0,0,0,0.15), 0 0 0 15px rgba(64, 128, 255, 0);
    }
    100% {
        box-shadow: 0 4px 12px rgba(0,0,0,0.15), 0 0 0 0 rgba(64, 128, 255, 0);
    }
}
#floatMessageBox #messagePopup{display: none; width:100%;background: #FFF; border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,0.2);position: relative;z-index: 2;opacity: 0; transform: translateY(30px); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); overflow: hidden;}
#floatMessageBox #messagePopup.show {opacity: 1; transform: translateY(0);}
#floatMessageBox #messagePopup #headPopup{background: #69a0ff; color: #fff; padding: 16px; display: flex; justify-content: space-between; align-items: center;}
#floatMessageBox #messagePopup #headPopup h3{margin: 0; font-size: 16px; font-weight: normal;}
#floatMessageBox #messagePopup #headPopup #closePopup{font-size: 24px; cursor: pointer; line-height: 1;}
#floatMessageBox #messagePopup #contentPopup{padding: 20px;}
#floatMessageBox #messagePopup #contentPopup #welcomePopup{margin: 0 0 20px; color: #333; font-size: 14px;}
#floatMessageBox #messagePopup #contentPopup #messageForm .formList{margin-bottom: 16px;position: relative;}
#floatMessageBox #messagePopup #contentPopup #messageForm .formList .formListIco{position: absolute; left: 12px; top: 9px; width:16px; height:16px; display: flex; align-items: center; justify-content: center;}
#floatMessageBox #messagePopup #contentPopup #messageForm .formList .formListIco svg{width:20px;height:20px;}
#floatMessageBox #messagePopup #contentPopup #messageForm .formList input{font-family: 'Microsoft YaHei', sans-serif;width: 100%; box-sizing: border-box;height:32px; line-height:12px; padding: 0px 12px 0px 40px;outline: none; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; }
#floatMessageBox #messagePopup #contentPopup #messageForm .formList textarea{font-family: 'Microsoft YaHei', sans-serif;width: 100%; box-sizing: border-box; padding: 12px;outline: none; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; resize: none;}
/* 标准语法 */
#floatMessageBox #messagePopup #contentPopup #messageForm .formList textarea::placeholder {font-size: 14px;}
/* Chrome/Safari/Edge浏览器 */
#floatMessageBox #messagePopup #contentPopup #messageForm .formList textarea::-webkit-input-placeholder {font-size: 14px;}
/* Firefox 19+ */
#floatMessageBox #messagePopup #contentPopup #messageForm .formList textarea::-moz-placeholder {color: #999;font-size: 14px;}
/* IE 10+ */
#floatMessageBox #messagePopup #contentPopup #messageForm .formList textarea:-ms-input-placeholder {font-size: 14px;}
#floatMessageBox #messagePopup #contentPopup #messageForm .formList .msg-error{color: #ff4444; font-size: 14px; margin-top: 4px; display: none;}
#floatMessageBox #messagePopup #contentPopup #messageForm #submitTip{display: none; margin-bottom: 12px; text-align: center; font-size: 14px;}
#floatMessageBox #messagePopup #contentPopup #messageForm #submitBtn{width: 100%; background: #69a0ff; color: #fff; border: none; border-radius: 4px; padding: 12px; font-size: 14px; cursor: pointer;}
@media (max-width: 600px){
#floatMessageBox{max-width: 90%;left:0px;right: 0px;bottom: 0px;margin: 0 auto;}
#floatMessageBox #floatBtn{left:10px;right: 0px;bottom: 80px;}
}