/*reset css*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i,center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption,.footer, .header,  footer, header, menu, nav, output, ruby, section, summary,time, mark, audio, video{margin: 0;padding: 0;border: 0;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,.footer, .header, footer, header,  menu, nav, section {display: block;}
/*html{font-size: 100px;}*/
html{font-size: 100%;}
body{text-align: left;margin:0 auto;font-size:24px;color:#333;font-family: arial,"黑体";
    background: #FFFFFF;}
ol, ul {list-style: none;}
blockquote,q {quotes: none;}
a{text-decoration: none;display: inline-block;color:#333;outline: none;}
*{outline: none;-webkit-tap-highlight-color:rgba(0,0,0,0);outline: none;}
a:focus,a:active,a:link,a:visited,a:hover{outline: none;text-decoration: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
img{ width:100%;}
table {border-collapse: collapse;border-spacing: 0;}
textarea,input,button{resize: none; outline: none;-webkit-appearance: none;}
::-webkit-input-placeholder { color: #ccc;}

/*清除浮动*/
.cf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.cf{*zoom:1;}
.block{ display: block;}
.none{display:none;}


/*移动端 h5*******************************************************/
a,button,input,optgroup,select,textarea {
    -webkit-tap-highlight-color:rgba(0,0,0,0); /*去掉a、input和button点击时的蓝色外边框和灰色半透明背景*/
}
a, img {
    -webkit-touch-callout: none; /*禁止长按链接与图片弹出菜单*/
}
body{
    -webkit-overflow-scrolling:touch; 
}
/* html {-ms-touch-action: none;height: 100%;}
body { height: 100%;overflow:auto;}   */
/********************************************************/
.fl{
	float:left;position: relative;
	}
.status{
	 display: block;
     width: 9px;
     height: 8px;
     background: #f00;
     border-radius: 50%;
     position: absolute;
     top: 0;
     right: -15px;
	}
.fr{float:right;}
.text_l{text-align: left !important;}
.text_c{ text-align: center;}
.text_r{ text-align: right;}

.bt1{ border-top: 1px solid #f3f3f3!important;}
.bb1{ border-bottom: 1px solid #f3f3f3!important;}

.b_tb_b{border-top: 1px solid #f3f3f3;border-bottom: 1px solid #f3f3f3;}
/*超出显示...*/
.ellipsis{white-space:nowrap; text-overflow:ellipsis;overflow:hidden; display:block;}
/*强制换行*/
.br{word-break:break-all;word-wrap:break-word;}

.mt10{margin-top: 10px;}
.mt16{margin-top: 16px!important;}
.mt20{margin-top: 20px;}

/*icon*/
i{display: inline-block;}
.search-menu{height:58px; position:absolute; right:30px; top:0px; display:block; background:url(/public/images/mTouch/icon_menu.png) no-repeat right center; width:48px; background-size:auto 8px; }

.outer{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction:column;
    -webkit-box-orient:vertical;
    box-orient:vertical;
    -webkit-flex-direction:column;
    flex-direction:column;
}
.inner{
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #fff;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    padding:0 0 1px;margin:0;width: 100%;position: relative;background: #F7F7F8;
}

.allRead {
    position: absolute;
    right: 4%;
    top: 20px;
    font-size: 14px;
    color: #fff;
    text-align: right;
    padding:4px 9px;
    background:#ff2d2d;
    border-radius:6px;
    }

.batch-operation {
	position: absolute;
	right: 4%;
	top: 5px;
	font-size: 13px;
	color: #fff;
	display: none
}

.operation-read-all{
	background: #0bb70b;
	border-radius: 4px;
	padding: 4px 9px;
	margin-bottom: 3px
}

.operation-del-all{
	background: #ff2d2d;
	border-radius: 4px;
	padding: 4px 9px
}

 .zzf_my_mes .notice .cell .plain {
    word-wrap: break-word;
}

.u-msg{
    display: block;
    padding: 0 20px 20px;
    background: #fff;
    font-size: 16px;
    margin-bottom: 5px;
    color: #333;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    position: relative;
}
.u-msg-t{
    padding: 20px 0 20px;
    min-height: 25px;
    font-size: 16px;
    text-align: right;
}
.u-msg-t i{
    display: inline-block;
}
.u-msg-t h2{
    float: left;
    font-size: 18px;
    position: relative;
}
.u-msg-t h2 em{
    /* display: inline-block; */
    display: none;
    position: absolute;;right: -20px;
    top: 0px;
    background:#d22d39;
    width: 15px;height: 15px;border-radius: 100%;
}
.u-msg-con{
    height: 47px;
    margin: 0 15px 12px 66px;
    overflow: hidden;
    line-height: 1.4;
    word-break:break-all;
    word-wrap:break-word;
}
.u-msg-logo{position: absolute;width: 80px;height: 80px;text-align:left;}
.u-msg-logo img{height: 60%;width: 60%} 

.u-msg-sender em{
    display: inline-block;
    background:#d22d39;
    width: 8px;height: 8px;border-radius: 100%;
    margin-left: 10px;
    position: relative;
    top: -5px;
}
.u-con-db .u-msg-sender em{display: none;}
.u-msg-sender{
    margin: 0 40px 10px 66px;
    font-size: 14px;
    word-break:break-all;
    word-wrap:break-word;
}
.i-triangle{
    display: inline-block;
    position: absolute;
    top: 55px;
    right: 20px;
    width: 20px;
    height: 20px;
    background: url(/public/images/u_triangle2.png) no-repeat center center;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all .3s;
    transition: all .3s;
}
.i-triangle2{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.u-msg-con2{
    display: none;
    margin: 0 15px 12px 66px;
    line-height: 1.4;
    word-break:break-all;
    word-wrap:break-word;
}
.read{color:#999}
.unread{color:black}
/* .u-con-db, .u-con-db .u-msg-sender{
    color: #999;
} */
.u-con-db h2 em{display: none;}
.a-dateil-h{
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

@-webkit-keyframes heightDown {
    0% {
        opacity: 0;
        -webkit-transform:translateY(-20px)
    }
    100% {
        opacity: 1;
       -webkit-transform:translateY(0)
    }
}
@keyframes heightDown {
    0% {
        opacity: 0;
        transform:translateY(-20px)
    }
    100% {
        opacity: 1;
        transform:translateY(0)
    }
}

@-webkit-keyframes heightOut {
    0% {
        opacity: 1;
        -webkit-transform:translateY(0)
    }
    100% {
        opacity: 0;
       -webkit-transform:translateY(-20px)
    }
}
@keyframes heightOut {
    0% {
        opacity: 1;
        transform:translateY(0);
    }
    100% {
        opacity: 0;
        transform:translateY(-20px);
    }
}