.margin_div{
    width:14rem;
    margin: 0 auto;
}
.messages_box{
    width:15rem;
}
.messages_title{
    font-size: 0.667rem;
    color: #666;
    /*height:1.25rem;*/
    position: relative;
}
.messages_title_test{
    display: inline-block;
    width:11.3rem;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    line-height: 1.6rem;
}
.unread .messages_title_test{
    color:#333;
}
.onread .messages_title_test{
    color:#666;
}
.messages_text{
    width:14rem;
    /*overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
    font-size: 0.53rem;
    word-wrap: break-word;
    word-break: break-all;
}
.unread .messages_text{
    color:#666;
}
.onread .messages_text{
    color:#999;
}
.message_time{
    color:#999;
    font-size:0.44rem ;
    float: left;
}
.click_show{
    display: block;
    border:1px solid #e3e6ec;
    padding:0 0.3rem;
    line-height: 1.5rem;
    text-align: right;
}
.messages_status{
    float: left;
    font-size: 0.53rem;
    line-height: 1.6rem;
}
.unread .click_show{
    color:#666;
}
.unread .messages_status{
    color:#ec6c4a;
}
.onread .messages_status{
    color:#53a6ff;
}
.onread .click_show{
    color:#666;
}
.messages_show{
    display: inline-block;
    width:0.35rem;
    height:0.5rem;
    float: right;
    vertical-align: middle;
    position: relative;
    top:0.55rem;
    margin: -0.1rem 0.4rem;
}
.del{
    width:0.5rem;
    height:0.5rem;
    display: inline-block;
    position: absolute;
    top:0.3rem;
    right: 0;
}
.del_all{
    text-align: center;
    margin-top:0.2rem;
    display:block;
}
.del_all div{
    display: inline-block;
    color:#ec4a4a;
    font-size: 0.53rem;
    vertical-align: middle;
}
.del_all_icon{
    width: 0.5rem;
    height:0.5rem;
    display: inline-block;
    vertical-align: middle;
}
.can{
    border-left:0.2rem solid #87b5ff;
}
.cnot{
    border-left:0.2rem solid #1ad5a0;
}
/*hong*/
.warning{
    border-left:0.2rem solid #fe8383;
}
.warn_icon{
    display:inline-block;
    width:0.5rem;
    height:0.5rem;
    margin-right: 0.2rem;
}
.margin_top4{
    border-top:none;
}
.taskTitle {
    height: 1.8rem;
    line-height: 1.8rem;
    background: #fff;
    display: -moz-box;
    display: -webkit-box;
    display: box;
}
.taskTitle a.taskActive {
    background: #fafafa;
}
.taskTitle a {
    display: block;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
    text-align: center;
    font-size: 0.53rem;
    border-right: 0.05rem solid #f7f7f7;
    width: 50%;
}
.taskTitle a.taskActive:nth-child(2) .circleOut {
    border: 0.05rem solid #32C369;
}
.taskTitle a.taskActive span {
    line-height: 1.65rem;
    display: inline-block;
    /* border-bottom: 0.08rem solid #4e9af6; */
    color: #4e9af6;
}
.circleOut {
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    background: transparent;
    border: 0.05rem solid #999;
    -webkit-border-radius: 0.4rem;
    -moz-border-radius: 0.4rem;
    border-radius: 0.4rem;
    position: relative;
    vertical-align: middle;
    bottom: 0.05rem;
}
.taskTitle a.taskActive:nth-child(1) .circleOut {
    border: 0.05rem solid #FF3300;
}
.taskTitle a.taskActive:nth-child(1) .taskTitle_text,
.taskTitle a.taskActive:nth-child(1) .taskTitle_text>span {
    color: #FF3300;
}
.taskTitle a.taskActive:nth-child(2) .taskTitle_text {
    color: #32C369;
}
.circleIn {
    position: absolute;
    display: none;
    width: 0.16rem;
    height: 0.16rem;
    border-radius: 0.2rem;
    background: #000;
    top: 0.07rem;
    left: 0.07rem;
}
.taskTitle a.taskActive:nth-child(1) .circleIn {
    background: #FF3300;
}
.taskTitle a.taskActive:nth-child(2) .circleIn {
    background: #32C369;
}