.email-me-template .img-box img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 309px;height: 288px;}
.wrap-email-pop .m-error{
	padding-left: 120px!important;
	bottom: -30px!important;
}
.wrap-email-pop .item-box.no-pdt{
	height: 100px;
	margin-top: 13%;
}
.wrap-email .table-no-data.max-width-limit1920{
	font-size: 14px!important;
}
.wrap-email .table-no-data.max-width-limit1920 p i{
	margin-top: 2px;
}
.wrap-email .table-no-data.max-width-limit1920 p i::before{
	font-size: 26px!important
}
.wrap-email .iconfont{
	font-size: 14px;
}
.wrap-email .iconfont::before{
	font-size: 16px
}
/* 所有详情页附件 */
.email-details-annexes ul li{
	margin: 10px 0;
}
.email-details-annexes ul li i{
	color: #385793;
}
.email-details-annexes ul li span{
	color: #666666;
	margin-left: 5px;
}

.email-details-annexes ul li a{
	color: #2baab1;
}
/* 26页邮件提醒 */
.wrap-email-remind .right-content{
	padding: 10px;
}
.wrap-email-remind .right-content .button-top{
	height:78px;
	background:rgba(245,245,245,1);
	border:1px solid rgba(231,231,231,1);
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.wrap-email-remind .email-theme{
	height:174px;
	background:rgba(224,236,249,1);
	padding: 20px;
}
.wrap-email-remind .email-theme .email-theme-title{
	font-size: 16px;
	font-weight: bold;
	color: #333333;font-family:Source Han Sans CN;
	
}
.wrap-email-remind .email-theme  div{
	line-height: 40px;
	display: flex;	
	align-items: center;
	color: #999999;
}
.wrap-email-remind .email-theme  div p{
	width: 60px;
	display: flex;
	justify-content: space-between;
}
.wrap-email-remind .bold{
	font-weight: bold;
	color: #222222;
}

.wrap-email-remind .email-center-content{
	padding: 20px;
	
}
.wrap-email-remind .email-center-content .email-center-title{
	font-size:14px;
	font-family:Source Han Sans CN;
	font-weight:550;
	color:#333333;
	line-height:22px;
}

.wrap-email-remind .email-center-content .email-item{
	display: flex;
	color: #666666;
}
.wrap-email-remind	.email-center-content .email-item p:nth-of-type(1){
	width: 100px;
}
.wrap-email-remind	.email-center-content .email-item p:nth-of-type(2){
	width: calc(100% - 100px);
}
.wrap-email-remind .email-center-content p{
	line-height: 40px;
}
.wrap-email-remind .inquiry{
	padding: 20px;
}
.wrap-email-remind .inquiry-title{
	height: 30px;
	line-height: 30px;
	padding-left: 20px;
	color: #222222;
	font-size: 14px;
	font-weight: 550;
	background: #E0ECF9;
}
.wrap-email-remind .inquiry-content{
	display: flex;
	align-items: center;
}
.wrap-email-remind .inquiry-content p{
	width:86px;
	height:86px;
	background:rgba(255,255,255,1);
	border:1px solid rgba(217,217,217,1);
	padding: 10px;
}
.wrap-email-remind .inquiry-content p img{
	width: 100%;
}
.wrap-email-remind .inquiry-content a{
	color: #385793;
}
.wrap-email-remind .system-email{
	padding: 20px;
	height:94px;
	background:rgba(245,245,245,1);
}
.wrap-email-remind .system-email p{
	line-height: 20px;
	height: 30px;
	display: flex;
	align-items: center;
}
.wrap-email-remind .system-email p:nth-of-type(2){
	color: #385793;
	font-weight: 550;
}
/*  */
.wrap-email-contacts .color-yellow{
	color: #e4bc43;
}
/* 已读 */
.wrap-email-contacts .read{
	
}
/* 未读 */
.wrap-email-contacts .unread{
	font-weight: bold;
}
.wrap-email-contacts .email-folder-search{
	margin: auto 30px;
}
.wrap-email-contacts .email-folder-search input{
	width: auto;
}
.wrap-email-contacts .cursor{
	cursor: pointer;
	position: relative;
}
.wrap-email-contacts .cursor1{
	position: relative;
}
/*第二页联系人弹窗  */

.wrap-tips{
	width: 100%;
	max-width: 298px;
	height: 130px;
	min-width: 200px;
	z-index: 999;
	border:1px solid rgba(217,217,217,1);
}
.wrap-tips .icontop2{
	color: rgba(217,217,217,1);
	position: absolute;
	/* z-index: -10; */
	left: 20px;
	top: -12px;
}
.wrap-tips .icontop2.san{
	color: #FFFFFF;
	top: -10px;
}

.wrap-tips-content{
	width: 100%;
	min-height: 84px;
	color: #000000;
	background: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.wrap-tips-content div:nth-of-type(1) p:nth-of-type(1){
	color: #333333;
	font-weight: bold;
}
.wrap-tips .wrap-tips-content .wrap-tips-content-left{
	width: calc(100% - 50px);
	overflow: hidden;
}

.wrap-tips .wrap-tips-content .wrap-tips-content-left p{
	display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;
}
.wrap-tips-content .write{
	margin-bottom: 20px;
}
.wrap-tips-button{
	width: 100%;
	height: 44px;
	background: #F5F5F5;
	display: flex;
	border-top:1px solid #D9D9D9;
}

.wrap-tips-button p{
	flex: 1;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	
	font-weight: bold;
	font-size: 15px;
}
.wrap-tips-button p:nth-of-type(1){
	border-right:1px solid #D9D9D9;
}
/* 添加到已有用户 */
.email-add-new-client{
	
}
.email-add-new-client .content-scroll-box{
	
}
.email-add-new-title{
	max-width: 300px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
.email-add-new-client .content-scroll-box select{
	width: 100%;
	max-width: 335px;
	min-height: 36px;
	border:1px solid rgba(230,230,230,1);
	border-radius:2px;
}
.email-add-new-client .content-scroll-box .item-box{
	max-width: 600px;
	overflow: hidden;
	padding-top: 10px;
}


.email-add-new-client .content-scroll-box .item-box .item-title{
	width: 100px;
	text-align: right;
	margin-right: 30px;
	float: left;
}
.email-add-new-client .ajax-form-dialog label.m-error{
	padding-left:130px;
	position: static!important;
	margin: 0!important;
}
.email-add-new-client .content-scroll-box .item-box .item{
	width: 100%;
	max-width: 335px;
	min-height: 36px;
	float: left;
}
.email-add-new-client.wrap-box .content-scroll-box .item-box .input{
	margin: 0;
}
/* 添加到新用户 */
.email-add-new-client.wrap-box .content-scroll-box .item-box .input input[readonly]{
	cursor: no-drop;
	background-color: #f4f4f4;
}
/* 选择我的模板 12 13 */
.email-add-template-me.wrap-box .content-box{
	border:0;
}
.email-add-template-me .flow-default{
	width: 180px;
	min-height: 100%;
	border: 1px solid #E8E8E8;
	font-size: 14px;
}
.email-add-template-me .flow-default li{
	min-height: 65px;
	width: 100%;
	display: flex;
	align-items: center;
	border: 1px solid #E8E8E8;
	padding: 10px 20px;
	cursor: pointer;
}
.email-add-template-me .flow-default .active-left{
	background: #2baab1;
	color: #ffffff;
}
.email-add-template-me .content-scroll{
	display: flex;
}
.email-add-template-me .right-template{
	min-height: 440px;
	width: calc(100% - 30px);
	padding-left: 30px;
}
.email-add-template-me .right-template .title{
	width: 100%;
	min-height: 30px;
	display: flex;
}
.email-add-template-me .right-template .title .item-title{
	width: 70px;
	min-height: 30px;
	line-height: 30px;
	text-align: right;
}
.email-add-template-me .right-template .title .item-content{
	min-height: 30px;
	line-height: 30px;
	padding: 0px 10px;
	width: calc(100% - 70px);
	border-radius:3px;
	font-weight: bold;
}
.email-add-template-me .right-template .title .item-content-c{
	line-height: 26px;
	padding: 10px 15px;
	width: calc(100% - 70px);
	cursor: no-drop;
	border-radius:3px;
	min-height:280px;
	overflow-x: auto;
	background:rgba(255,255,255,1);
	border:1px solid rgba(232,232,232,1);
	margin-left: 10px;
}
.email-add-template-me .right-template .title .item-content-c img{
	height: auto;
}
.email-add-template-me .right-template .title .item-content-c table{max-width: 100%;}
.email-add-template-me .right-template .title .no-bgc{
	background:#FFFFFF;
}
.email-add-template-me .right-template .title .input{
	max-width: 634px;
	width: 100%;
	border:1px solid rgba(232,232,232,1);
	padding: 10px;
}
.email-add-template-me .right-template .title .input textarea{
	width: 100%;
	max-width: 634px;
	min-height: 578px;
	cursor: no-drop;
}
/*20 21 我的模板 系统模板  */
.email-me-template{
			
}
.email-me-template .right-content .item{
	width: 100%;
	height: 100%;
	max-width:1560px;
	margin: 20px;
	position: relative;
	
}
.email-me-template .right-content .item-box-title{
	height: 60px;
}
.email-me-template  .item-box-main{
	min-height:calc(100% - 60px);
	border-left: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
	border-bottom: 1px solid #E7E7E7;
}
.email-me-template .add-btn{
	padding-top: 20px;
	padding-left: 20px;
}
.email-me-template .item-box-content{
	overflow: hidden;
}
.email-me-template .item-example{
	width: 100%;
	max-width:310px;
	min-height:175px;
	border:1px solid rgba(231,231,231,1);
	border-radius:2px;
	position: relative;
	padding: 10px;
	margin: 5px 10px;
	float: left;
	overflow: hidden;
}
.email-me-template .masking{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: 9;
	transition: all .4s; 
}
.email-me-template .item-example:hover .masking{
	top: 0;
}
.email-me-template .masking .delete{
	position: absolute;
	right: 20px;
	top: 20px;
}

.email-me-template .masking .delete:hover{
	color: #FFFFFF;
}

.email-me-template .masking .masking-btn{
	max-width: 200px;
	position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);
	display: flex;justify-content: center;align-items: center;
}

.email-me-template .item-example .title-h1{
	
	font-size:16px;
	font-weight:bold;
	color:rgba(51,51,51,1);
	margin: 0;
}
.email-me-template .item-example .item-example-content{
	width: 100%;
	max-width: 254px;
	font-size: 14px;
	color: #666666;
	margin: 10px 0;
}
.email-me-template .item-example .color-999{
	font-size: 13px;
	display: flex;
	align-items: center;
}
.email-me-template .item-example .color-blue{
	position: absolute;
	bottom: 20px;
	right: 20px;
	font-size: 60px;
	opacity: 0.3;
}
.ajax-form-email-dialog .ajax-form-dialog label.m-error{
	padding-left:40px;
	position: static;
}

.email-fujian-list-box{ margin: 10px 0 0;}
.email-fujian-list-box .item{width: 100%;height: 30px;margin-top: 10px;padding-left: 20px;
background: #F5F5F5;}
.email-fujian-list-box .item:nth-of-type(1){
	margin-top: 20px;
}
.email-fujian-list-box .item i{font-size: 14px; line-height: 30px; display: inline-block;vertical-align: middle; color: #395A98;margin-right: 2px;}
.email-fujian-list-box .item .name{font-size: 16px;line-height: 30px; color: #666666;display: inline-block;vertical-align: middle;}
.email-fujian-list-box .item .size{line-height: 30px; color: #999;display: inline-block;vertical-align: middle;}
.email-fujian-list-box .item .delete{line-height: 30px;margin-left: 16px; color: #2baab1;display: inline-block;vertical-align: middle;}
.email-fujian-list-box .item .delete:hover{opacity: 0.8;filter: alpha(opacity=0.8);}


.wrap-email .layui-btn.layui-btn-primary{border: 1px solid #2baab1;}
.wrap-email .layui-btn.layui-btn-primary:hover{opacity: 1;}
.wrap-email .move_email{position: relative; height: 34px;line-height: 34px;border-radius: 5px; padding: 0 10px;width: 100%;background: url("../images/email-bot-arrow.png") right center no-repeat;}
.wrap-email .move_email p{padding-right: 10px;color: #2baab1;}
.wrap-email .move_email ul{background-color: #fff; display: none;min-width: 100%;position: absolute;top: 100%;left: 0;border: 1px solid #dcdcdc;}
.wrap-email .move_email li{color: #333; line-height: 30px;font-size: 16px;padding: 0 10px;cursor: pointer;}
.wrap-email .move_email li:hover{color: #fff;background-color: #005FB2;}

.wrap-email .biaoji-email{position: relative; height: 34px;line-height: 34px;border-radius: 5px; padding: 0 10px;width: 100%;background: url("../images/email-bot-arrow.png") right center no-repeat;}
.wrap-email .biaoji-email p{padding-right: 10px;color: #2baab1;}
.wrap-email .biaoji-email ul{background-color: #fff; display: none;min-width: 100%;position: absolute;top: 100%;left: 0;border: 1px solid #dcdcdc;}
.wrap-email .biaoji-email li{color: #333; line-height: 30px;font-size: 16px;padding: 0 10px;cursor: pointer;}
.wrap-email .biaoji-email li:hover{color: #fff;background-color: #005FB2;}

.go-send-email td{padding: 6px 8px;}
.wrap-email table thead tr th{padding: 6px 8px;}


.send-email-succeed-con{
	display: flex;
	height: 120px;
	align-items: center;
	padding: 55px 0 0 80px;
}
.send-email-succeed-con .img-box{
	margin-right: 20px;
}
.send-email-succeed-con .send-email-succeed-text{
	height: 68px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}