.effecttimestyle190411{ font-size: 88px;}
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

[v-cloak] {
  display: none!important;}
.clearBoxStyle * {
  padding: 0;
  margin: 0;}
.message-div {
    width: 100%;
    padding-left:20px;
    padding-right:20px;
    box-sizing:border-box;}
p.tip span {
    font-weight:bold;
    color:#ff9955;}
.radio-label{
    margin-left: 10px;
    width:55px;
    display:inline-block;}
.button-success, .button-error, .button-warning, .button-secondary {
    color: white;
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);}
.button-success {
    background-color: #1CB841;}
.button-error {
    background-color: #CA3C3C;}
.button-warning {
    background-color: #DF7514;}
.button-secondary {
    background-color: #42B8DD;}
/*分页*/
.pure-paginator {
    letter-spacing: -0.31em;
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 10px;
    text-align: center;
     margin-bottom: 16px;}
.pure-paginator li {
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-align: center;   
    padding-top: 10px;}
.pure-button-primary .pure-button-active {
    background-color: #E6E6E6;
    color: #666666;}
.pure-form .pure-input-group {
    margin-bottom: 0;
    vertical-align: middle;
    position: relative;
    border-collapse: separate;
    vertical-align: middle;
    box-sizing: border-box;
    display: table;}
.pure-input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #E6E6E6;
    border: 1px solid #ccc;
    border-radius: 4px;
    white-space: nowrap;
    vertical-align: middle;}
.pure-input-group-addon:first-child {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: auto;
    display: table-cell;}
.pure-input-group-addon:last-child {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: auto;
    display: table-cell;}
.pure-input-group input:not(:first-child):not(:last-child) {
    border-radius: 0;}
.pure-input-group input:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;}
.pure-input-group input:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;}
/*参考bootstrap的箭头*/
.pure-caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;}
/*tab*/
.pure-tab {
    letter-spacing: -0.31em;
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 5px #FFF solid;
    background-color: #F1F1F1;}
.pure-tab li {
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
    margin-bottom: -1px;}
.pure-tab li .pure-button {
    background-color: #FFF;}
.pure-tab-active {
    background-color: #FFF !important;
    color: #666666 !important;
    border: 1px #e6e6e6 solid !important;
    border-bottom: 0px !important;}
.pure-tab li .pure-button:active, .pure-tab li .pure-button:link, .pure-tab li .pure-button:visited {
    box-shadow: none;
    background: none;
    background-color: #FFF;}
.pure-tab li .pure-button:hover {
    background-color: #e6e6e6;}
.pure-title-input {
    width: 710px;
    height: 38px;
    border: 1px solid #cccccc;
    padding:0 5px;}
.content{
    width:80%;
    margin:0 auto;
    border: 1px solid red;}
.leave-message-tab{
    display: inline-block;}

.leave-message-tab .active{
    width: 90px;
    font-size: 14px;
    color: #ffffff !important;
    background-color: #4178F5 !important;
    line-height: 12px;
    letter-spacing: 2px;}
.btn{
    width: 87px;
    height: 37px;
    color: #666666;
    background-color: #ffffff;
    font-size: 14px;
    margin-right: -6px;
    border: 1px solid #EFEFEF;}
.leave-message-tab .pure-button{
    width:87px;
    height:37px;
    color:#666666;
    background-color: #ffffff;
    font-size:14px;
    margin-right: -6px;
    border:1px solid #EFEFEF;}
.leave-message-tab .pure-button-hover, .pure-button:hover{
    background-image:none !important;
    background-color:#4178F5 !important;
    color:#ffffff !important;}
.pure-button:focus {
   background-image:none !important;}
.leave-message-tab .pure-button-active, .pure-button:active{
    box-shadow:none !important;
    color:#ffffff !important;}
.leave-message-tab select{
    outline:0 none !important;}
.leave-message-item{
    background-color: #F5F5F5;
    min-height: 50px;
    margin-top: 18px;
    padding: 13px;
    position: relative;}

.leave-message-list .leave-message-item{
    /* height: 137px; */
    overflow: hidden;}
.leave-message-type div{
    display:inline-block;
    margin-right:30px;}
.leave-message-type .type{
    background-color: #FFB739;
    font-size: 14px;
    color: #ffffff;
    padding: 6px;
    border-radius: 2px;}
.leave-message-type .user{
    font-size: 14px;
    color: #999999;}
.leave-message-type .user .user-name{
    color:#333333;}
.leave-message-type .data{
    font-size: 14px;
    color: #999999;}
.leave-message-type .reply{
    position: absolute;
    right: 15px;}
.leave-message-type .data .data-time{
    color:#333333;}
.leave-message-title{
    font-size: 16px;
    margin: 13px 0;
    color: #333333;}
.leave-message-content{
    font-size: 14px;
    color: #808080;
    width: 80%;}
leave-message-list. leave-message-item {
   height: 132px;
    overflow: hidden;}
.leave-message-type{
    position: relative;}
.leave-message-delete{
    position: absolute;
    right: 65px;
    bottom: 19px;
    font-size: 14px;
    color: red;
    font-weight: 600;
    cursor: pointer;}
.leave-message-ready{
    position: absolute;
    right: 14%;
    bottom: 18px;
    font-size: 14px;
    color: #4178f5;
    cursor: pointer;}
.leave-message-reply-btn{
    text-align: right;
    position: relative;
    right: 4%;}
.leave-message-reply-btn input{
    height: 24px;
    width: 70px;
    font-size: 14px;
    color: #ffffff;
    background-color: #4178F5;
    line-height: 12px;
    letter-spacing: 2px;}
.replay-send-submit{
    text-align: right;
    position: relative;
    right: 4%;
    padding: 0px 12px;}
.replay-send-submit input{
    height: 24px;
    width: 70px;
    font-size: 14px;
    color: #ffffff;
    background-color: #4178F5;
    line-height: 12px;
    letter-spacing: 2px;
    margin-top:14px;}
.back{
    text-align: center;
    margin-bottom: 10px;}
.back input{
    height: 24px;
    width: 70px;
    font-size: 14px;
    color: #ffffff;
    background-color: #4178F5;
    line-height: 12px;
    letter-spacing: 2px;
    margin-top:14px;}
.message-div .pure-u-1-8, .pure-u-3-24{
    width: 86px;
    font-size: 14px;
    color: #666666;}
.pure-u-21-24, .pure-u-7-8{
    font-size: 14px;
    color: #666666;}
.message-div .pure-button{
    height: 36px;
    width: 95px;
    font-size: 14px;
    color: #ffffff;
    background-color: #4178F5;
    line-height: 12px;
    letter-spacing: 2px;}
.pure-paginator .pure-button{
    font-family: inherit;
    font-size: 100%;
    padding: .5em 1em;
    color: #444;
    color: rgba(0,0,0,.8);
    border: 1px solid #999;
    border: none transparent;
    background-color: #ffffff;
    padding: 2px 8px;
    text-decoration: none;
    border-radius: 2px;
    color: #666666;}
.message-lists img{
    max-width:275px !important;}
.leave-message-content img{
    max-width: 100%;
    max-height: 100%;}

em {
    font-style: italic !important;}
hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box !important;
    height: 2px !important;
    background: #000000 !important;}
blockquote{
    margin-left:25px !important;}
#edui1_iframeholder{
    height:210px !important;}
.p-img{
    padding: 5px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin: 5px;}
.p-content-img{
    width: 100%;
    height: 100%;
    line-height: 150px;}
.loadingclass{
    max-width: 100%;
    max-height: 100%;}
.layui-layer-content{
    text-align:center;
    line-height:480px;}

@media screen and (max-width:500px) {
    .typeMessage input{
        width: 70px !important;}
    #main1042531>div>div{
        font-size: 14px !important;}
    .pure-button{
        padding: 0px !important;}
    .leave-message-tab .active{
        width: 70px;
        font-size: 12px;}
    .btn{
        width: 70px;
        font-size: 12px;}
    .leave-message-tab {
        display: inline-block;
        margin-top: 5px;}
    .leave-message-tab select{
        margin-left: 0px !important;}
    .leave-message-type .reply {
        position: absolute;
        right: -21px;}
    .message-div {
       width: 100%;
       padding-left: 7px;
       padding-top: 16px;
       box-sizing: border-box;}
    .message-div .pure-u-1-8{
        line-height: 30px !important;}
    .pure-u-7-8 p{
        padding:0 !important;}
    .pure-title-input{
        width:100% !important;
        box-sizing: border-box;}
    .edui-editor{
        width:300px !important;}
    .edui-default .edui-editor-iframeholder {
        width: 300px !important;}
    #msgUEditor{
        width:100% !important;}
   .edui-default .edui-editor-wordcount{
        text-align: left !important;}
    .edui-default .edui-editor-breadcrumb{
       display: none !important;}
    .l-messag-content{
       width: 100% 
    ;}
    .l-messag-content ul{
     list-style: disc;
     padding-left:20px;}
    .l-messag-content ol{
      list-style-type: decimal;
      padding-left:20px;}  

    .leave-message-ready{
        right: 5% !important;}
    .leave-message-delete{
        bottom: 33px !important;
        right: 5% !important;}
    .edui-default .edui-toolbar .edui-for-fullscreen {
        float: right;
        display: none !important;}
    .pure-paginator .pure-button{
        width: 20px !important;}
    .pure-paginator li:last-child .pure-button{
        width: 50px !important;
        text-align: center;}
    .leave-message-content img{
        display: inline !important;}
    .edui-default .edui-toolbar .edui-splitbutton{
        display: none !important;}
    #edui48{
        display: none !important;}
}
.leave-message-content {
   word-break: break-all;}
.leave-message-content ul{
    list-style: disc !important;
    padding-left:20px !important;}
.leave-message-content ol{    
  list-style-type: decimal !important;  
  padding-left:20px !important;}

.message-lists p{   
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: nowrap;}

.message-lists b, .message-lists strong, .message-lists * {
  white-space:nowrap!important;

  text-overflow: ellipsis;
  word-break: normal !important
;}

.clearBoxStyle input[type=checkbox]{
  -webkit-appearance: checkbox;}
.clearBoxStyle input[type=radio]{
  -webkit-appearance: radio;}
.clearBoxStyle select {
  padding-left: 6px;}
.messageBox{
  margin: 32px 0;
  padding: 15px;
  border-radius: 6px;
  text-align: center;}
.messageBox img {
  max-width: 100%;}
.messageBox div {
  max-width: 100%;}
.typeMessage .active {
  background-image: none !important;
  background-color: #4178F5 !important;
  color: #ffffff !important;}
.leave-message-list {
  min-height: 300px;}
.message-div p{
  width: 100%;
  line-height: 30px;
  font-size: 14px;
  color: #666;
  margin-top: 4px;
  text-indent: 0;}
.message-div > form {
  margin-top:10px;}
.marginBottom10 {
  margin-bottom: 10px;}
input {
  outline: none;}
.tip {
  padding: 0;
  margin: 0;}
.pure-title-input {
    width: 100%;
    box-sizing: border-box;}
.message-div .pure-u-1-8{
    width: 100%;}
.message-lists p{
    width: 500px;}
#msgWangeditor{
    width: 100%;
    height: 250px;}
#msgWangeditor ul{
    list-style: disc;}
#msgWangeditor ol{    
  list-style-type: decimal;}
#replyEditor{
    width: 100%;
    height: 250px;}