.mt20{margin-top: 20px;}
.text-center{text-align:center}
.user-homepage-shadow{box-shadow:0 1px 1px rgba(0,0,0,.05);background-color:#fff;border-radius:0;border:1px solid #e7ecf3;}
.user-homepage-panel{margin-bottom:15px}
.user-homepage-information{padding:15px;border-bottom:1px solid #e9e9e9}
.user-homepage-pad-ver{padding-top:15px;padding-bottom:15px}
.user-homepage-pad-img{box-shadow:0 0 0 4px rgba(0,0,0,.1);border-radius:50%}
.user-homepage-font{font-weight:600;color:#2b425b;font-size:1.2em}
.user-homepage-min-font{margin:5px 0 10px;font-size:.9em;color:#afb9c3}
.user-homepage-pad-ver a{display: block;}
.user-homepage-pad-ver a:hover .user-homepage-pad-img{box-shadow:0 0 0 4px #065ea5}
.user-homepage-about{padding:15px;font-weight:600;color:#2b425b}
.user-homepage-list-group{font-size:.9em;line-height:1.25;margin-bottom:5px;width: 90%;margin:0 auto;}
.user-homepage-list-group li{padding:5px 0;border:1px solid transparent;margin-bottom:-1px;border-width:1px 0;border-radius:0;background-color:transparent;color:inherit}
.user-homepage-list-group li a.color{color:#337ab7}
.user-homepage-list-group li .layui-btn{border-radius: 0;}
.user-homepage-pad-hor{padding-left:15px;padding-right:15px;border-bottom:15px;color:#758697;text-indent:20px}
.user-homepage-list-inline{margin-left:15px;margin-right:15px;padding-bottom:20px}
.user-homepage-list-inline a{display:inline-block}
.user-homepage-list-inline .layui-btn{font-size:.9em;line-height:1.42857;vertical-align:middle;height:auto;padding:4px 7px;margin:0 10px 10px 0}
.user-homepage-text-center{text-align:center;margin-bottom:15px}
.user-homepage-padding15{padding:15px;margin-bottom:15px}
.user-homepage-padding8{padding:0 8px}
.user-homepage-paddingmb{margin:0 -7.5px}
.user-homepage-content{margin-left:15px;padding:0}
.user-btn{background:#065ea5}

.user-message-fluid{background:#fff;height:auto;}

.user-homepage-list-imgtxt .panel-body{padding:15px;overflow:hidden;margin-bottom:15px;border-bottom: 1px #eee solid}
.user-homepage-list-imgtxt .panel-body .media-left{display:block;float:left;vertical-align:top;padding-right:10px}
.user-homepage-list-imgtxt .media-body{width:auto;display:block;overflow:hidden}
.user-homepage-list-imgtxt .media-body .pad-btm{padding-bottom:15px}
.user-homepage-list-imgtxt .media-body .pad-btm p:first-child{padding-bottom:5px}
.user-homepage-list-imgtxt .media-body .min-font{margin-bottom:10px}
.user-homepage-list-imgtxt .media-body .min-font .layui-breadcrumb a{font-size:11px}
.layui-breadcrumb span[lay-separator]{margin:0 5px}
.user-homepage-list-imgtxt .media-body .pad-btm .fontColor a{font-weight:600;color:#337ab7}
.user-homepage-list-imgtxt .media-body .pad-btm .fontColor span{color:#FF5722;font-weight:600}

.user-homepage-list-imgtxt .media-body .h-img{display:block;max-width:100%;height:auto;margin-top:10px}
.user-homepage-list-imgtxt .img-xs{width:60px;height:60px;}
.user-homepage-list-imgtxt .media-body .media{margin-top:15px;overflow:hidden}
.user-homepage-list-imgtxt .media-body .media .media-right{float:right;padding-top:10px}
.user-homepage-list-imgtxt .media-body .media .media-right .list-inline{margin-bottom:10px}
.user-homepage-list-imgtxt .media-body .media .list-inline li{padding:0 5px;display:inline-block;color: #fff;}
.user-homepage-list-imgtxt .media-body .media .list-inline li.edit{background: #065ea5}
.user-homepage-list-imgtxt .media-body .media .list-inline li.del{background: #FF5722}
.user-homepage-list-imgtxt .media-body .media .list-inline li a{color: #fff;}
.user-homepage-list-imgtxt .media-body .media .media-right .list-inline li span{font-size: 12px;}
.user-homepage-list-imgtxt .media-body .media .media-left{display:block;overflow:hidden;width:auto}
.user-homepage-list-imgtxt .media-body .media .media-left .font-blod{font-weight:700;color:#758697}
.user-homepage-list-imgtxt .media-body .media-list{padding-top:15px;margin-top:15px;border-top:1px solid #e9e9e9}
.user-homepage-list-imgtxt .media-body .media-list .media-item{padding-bottom:15px;margin-top:15px}
.user-homepage-list-imgtxt .media-body .media-list .media-item-left{display:inline-block;padding-right:10px;margin-bottom:5px}
.user-homepage-list-imgtxt .media-body .media-list .media-item-left img{display:block;float:left}
.user-homepage-list-imgtxt .media-body .media-list .media-text{overflow:hidden;width:auto;display:inline-block}
.user-homepage-list-imgtxt .media-body .media-list .media-text a{margin-right:10px;font-weight:600;display:inline-block}
.user-homepage-list-imgtxt .media-body .media-list .media-text div:nth-child(2){margin-top:5px}
.user-homepage-list-imgtxt .media-body .media-list .layui-btn{height:24px;line-height:24px;font-size:12px;padding:0 20px;margin-bottom:10px}
.user-homepage-content .h4{font-size:18px;font-weight:600;color:#FF5722;}
.user-homepage-content small{color:#afb9c3}
.user-homepage-content .layui-card-header{font-size: 16px;font-weight: bold;height: 50px;line-height: 50px;}
.user-homepage-content .layui-table-page{text-align: center;height: 50px;}
.user-homepage-content .layui-laypage .layui-laypage-curr .layui-laypage-em{background: #065ea5}
.user-homepage-content .layui-table-page>div{height: 35px;}
.user-homepage-content .layui-table-page .layui-laypage a,.user-homepage-content  .layui-table-page .layui-laypage span{height: 35px;line-height: 35px;}

.user-homepage-content .layui-tab{padding:15px;}
.user-homepage-content .layui-tab-title li{font-size:16px;}

.user-homepage-content .layui-card-header2{font-size:14px;height:50px;line-height:50px;position:relative;padding:0 15px;border-bottom:1px #eee solid;}
.layadmin-backlog-body{display: block; padding: 10px 15px;color: #333;background: #f8f8f8}
.layadmin-backlog-body h3{padding-bottom: 10px; font-size: 12px;font-weight: bold;}
.layadmin-backlog-body p{font-size: 14px;color: #888}
.layadmin-backlog-body p cite{font-style: normal; font-size: 18px; color: #FF5722;}
.layadmin-backlog-body p cite.ft1{color: #065ea5;}
.layadmin-backlog-body:hover{background-color: #f2f2f2; color: #888;}

.user-message-fluid .layui-form{padding:45px 40px 0;}
.user-message-fluid .layui-input-block{margin-left:0;}
.user-message-fluid .layui-input-right{float:right;}
.user-messag-icon{overflow:hidden;float:left;margin-top:4px}
.user-messag-icon .layui-icon{font-size:24px;line-height:30px;margin-right:15px;color:#c4cbcf}
.message-content{padding:0}
.message-content .media-body{margin-bottom:20px;padding-bottom: 20px;border-bottom: 1px #eee solid}
.message-content .media-body .pad-btm{padding-bottom:0}
.message-content .media-left{float:left;margin-right:10px}
.message-content .media-left .headpic{border-radius:50%}
.message-text{padding-top:10px}
.message-content-btn{text-align:center}
.message-content .layui-btn{height:auto;line-height:26px;padding:5px 30px;font-size:16px}

.agent-maillist-fluid{padding:0;}
.agent-maillist-fluid .agent-contact-box{padding:20px;background-color:#fff;border:1px solid #e7eaec;overflow:hidden}
.agent-maillist-fluid .agent-text-center{text-align: center;}
.agent-maillist-fluid .agent-text-center img{max-width:80%;border-radius:50%;margin-top:5px}
.agent-maillist-fluid .agent-font-blod{font-weight:600}
.agent-maillist-fluid .agent-maillist-img{margin-top:5px}
.agent-maillist-fluid .agent-title{margin:5px 0 10px}
.agent-maillist-fluid .agent-textimg{line-height:25px;margin-bottom:10px}
.agent-maillist-fluid .agent-address{line-height:1.5;margin-bottom:5px}
.agent-maillist-fluid .agent-padding-left20{padding-left:20px}

.left-tree{width: 90%;background-color:#fff!important;margin:0 auto;color:#333;}
.left-tree .layui-nav-item{background-color: #065ea5;margin-bottom: 10px;}
.left-tree .layui-nav-item a{color: #fff;}
.left-tree .layui-nav-item a:hover{background-color:#FF5722}
.left-tree .layui-nav-itemed>.layui-nav-child{background-color:rgba(255,255,255,.9)!important;}
.left-tree .layui-nav-child a{color: #333}
.left-tree .layui-nav-bar{background-color:#c53300;}
.left-tree .layui-this, .left-tree .layui-this>a, .left-tree .layui-nav-child dd.layui-this, .left-tree .layui-nav-child dd.layui-this a{background-color:#FF5722!important;}

.layui-card-body pre{padding: 10px 15px; margin: 10px 0; font-size: 12px; border-left: 6px solid #009688;  background-color: #f8f8f8; font-family: Courier New; overflow: auto;}

.agent-top-avatar{left:20px;top:30px;}
.agent-top-avatar img{box-shadow:0 0 0 4px rgba(0,0,0,.1);border-radius:50%}

.agent-top-con{left:100px;top:30px;}
.agent-top-con h3{font-size: 16px;font-weight: bold;}
.agent-top-con p{color: #999;font-size:12px;}
.agent-top-con span,.agent-top-con span a{color:#333!important;font-size:13px;}

.user-homepage-fluid .layui-tab-title li{font-weight: bold;}
.user-homepage-fluid .layui-tab-brief>.layui-tab-title .layui-this{color: #000;}
.user-homepage-fluid .layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom:2px solid #065ea5;}

.user-homepage-fluid .layui-card-body .newslist{margin:10px;}
.user-homepage-fluid .user-index-box1 .newslist{margin:0;height: 180px;}
.user-homepage-fluid .user-index-box1 .newslist ul li{margin-bottom:5px;padding-bottom:0;height: 30px;}
.user-homepage-fluid .user-index-box1 .newslist ul li a{width: 340px;white-space: nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: block;float: left;height: 30px;}

.timeline-box{background:#fff;padding:20px 8px;position:relative;}
.timeline-main{position:relative}
.timeline-main h1{font-size:24px;background:#fff;z-index:1;position:relative;color:#065ea5;margin-left:15px;text-align: center;}
.timeline-main h1 i{padding-right:10px;font-size:30px;display: block;margin:10px auto;}
.timeline-main h1 span{display:none}
.timeline-main h2,.timeline-main h3{width:48%;text-align:right}
.timeline-main h2,.timeline-main h2>a{font-size:24px;margin:5px 0;color:#065ea5;font-weight: bold;}
.timeline-main h3,.timeline-main h3>a{font-size:14px;margin:2px 0;color:#ff5722}
.timeline-month ul li{padding:10px 0}
.timeline-month ul li .h4{display:inline-block;width:48%;text-align:right;float:left}
.date{display:inline-block;padding:2px 5px;color:#000;font-size:15px;margin-top:5px}
.avatar-box{width: 100%;}
.avatar-box img{width:80px;height: 80px;float: right;margin-right:0;margin-bottom: 10px;border-radius: 10px;}
.dot-circle{color:#065ea5;width:42px;text-align:center;font-size:22px;z-index:1;position:relative;background:#fff;float:left}
.content{max-width:40%;float:left;padding:20px;margin-left:10px;position:relative;z-index:1;background:#e8eff6;color:#000;}
.content p.title{font-size:16px;font-weight: bold;}
.content::before{position:absolute;left:-20px;top:6px;height:0;width:0;content:'';border:10px solid rgba(255,255,255,0);border-top:10px solid rgba(255,255,255,0);border-bottom:10px solid rgba(255,255,255,0);border-right-color:#e8eff6}
.timeline-line{position:absolute;left:50%;top:0;height:100%;width:2px;background:#065ea5;z-index:0}
.timeline-year{margin:10px 0}
.timeline-month ul li.lefttime .h4{width:47.8%;text-align:left;float:right}
.timeline-month ul li.lefttime .dot-circle{float:right}
.timeline-month ul li.lefttime .content{float:right;margin-right:10px;}
.timeline-month ul li.lefttime .content::before{position:absolute;left:auto;right:-20px;top:6px;height:0;width:0;content:'';border:10px solid rgba(255,255,255,0);border-top:10px solid rgba(255,255,255,0);border-bottom:10px solid rgba(255,255,255,0);border-left-color:#e8eff6}
.timeline-month ul li.lefttime .avatar-box img{width:80px;height: 80px;float: left;margin-left:0;}