body{background:#f0f0f0}.customermessage-btn-box{height:4rem}.customermessage-btn{position:fixed;bottom:0;left:0;width:100%;background:#f0f0f0}.customermessage-btn p{padding:.5rem;overflow:hidden;max-width:640px;margin:0 auto;background:#fff;display:flex}.customermessage-btn-input{width:55%;float:left;border:1px solid #ddd;height:3rem;box-sizing:border-box;padding:.5rem}.customermessage-btn-input input{width:100%;height:100%}.customermessage-btn-img{width:15%;float:left;border:1px solid #ddd;height:3rem;box-sizing:border-box;text-align:center;background:red;height:3rem;text-align:center;color:#fff;line-height:3rem;margin:0 .5rem;position:relative}.customermessage-btn-img i{font-size:1.3rem}.customermessage-btn-img input{opacity:0;position:absolute;top:0;left:0;height:3rem;width:100%;z-index:9}.customermessage-sendbtn{flex:1;width:25%;float:right;display:inline-block;background:red;height:3rem;text-align:center;color:#fff;font-size:1.3rem;line-height:3rem}.customermessage-new{width:15%;float:left;text-align:center}.customermessage-new i{font-size:2rem;line-height:3rem}.customermessage-state-box{height:4rem}.customermessage-state{height:3rem;overflow:hidden;position:fixed;top:3rem;left:0;width:100%}.customermessage-state ul{display:flex;display:-webkit-box;background:#f8f8f8;max-width:640px;margin:0 auto}.customermessage-state ul li{flex:1;-webkit-box-flex:1;height:3rem;line-height:3rem;text-align:center;font-size:1.2rem;cursor:pointer}.customermessage-state ul li span{padding:.5rem 1rem}.customermessage-state ul li.active span{border-bottom:1px solid red}.customermessage-box{background:#f0f0f0}.customermessage-box ul{padding:.5rem;overflow:hidden;padding-bottom:6rem}.customermessage-box ul li{margin:.5rem;margin-bottom:0;width:75%;padding-top:1rem;padding-bottom:1rem}.customermessage-box ul li h4{min-height:2rem;line-height:2rem;font-size:1rem;color:#787878}.customermessage-newleft{float:left;color:#393939}.customermessage-newright{float:right;color:#393939}.customermessage-con p{min-height:2rem;line-height:2rem;font-size:1.1rem;white-space:pre-line}.customermessage-newleft .customermessage-con p:nth-child(1){height:2rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.customermessage-newright .customermessage-con p:nth-child(1){height:2rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.customermessage-newleft .customermessage-con p:nth-child(2){background:#05f10f;border-radius:4px;padding:.5rem}.customermessage-newright .customermessage-con p:nth-child(2){background:#fff;border-radius:4px;padding:.5rem}.customermessage-newleft .customermessage-con p:nth-child(3){color:#ccc}.customermessage-newright .customermessage-con p:nth-child(3){color:#ccc}.customermessage-con p span img{background-color:#fff}.customermessage-check{width:2rem;margin-right:.5rem;float:left;margin-top:2.5rem}.customermessage-box ul li .customermessage-check span{width:2rem;height:2rem;display:inline-block;border-radius:100%;border:1px solid #52bf52;box-sizing:border-box}.customermessage-box ul li.active .customermessage-check span{background:url(../images/icon-right.png) no-repeat;background-size:2rem 2rem;border:none}.customermessage-setread-box{height:5rem;background:#f0f0f0}.customermessage-setread{height:5rem;position:fixed;bottom:4rem;left:0;width:100%;background:#fff}.customermessage-setread-btn{max-width:640px;margin:0 auto;margin:.5rem;padding:.5rem;background:#fff}.customermessage-setread span{width:8rem;display:inline-block;line-height:3rem;height:3rem;margin-right:1rem;text-align:center;background:red;border-radius:4px;color:#fff;font-size:1.1rem}.customermessage-top-img{background:#fff;padding:.5rem;display:none;position:fixed;top:3rem;left:0;right:0;height:3rem}.customermessage-top-img-txt{height:3rem;overflow-y:auto}.bigImg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.opacityBottom{width:100%;height:100%;position:fixed;background:rgba(0,0,0,.8);z-index:1000;top:0;left:0}