@charset "utf-8";

body { background-color: #f8f8f8;}

.mw_nav { background-color: #fff; }


/*左侧右上角个人信息*/
.p-info-box { padding: 20px 10px; background-color: #fff; border: 1px solid #e6e6e6;}
.p-info-box .p-info { position: relative; }
.p-info-box .p-head { position: relative; width: 70px; height: 70px; }

.p-info-box .p-head .vip-v-icon { position: absolute; right: 0; bottom: 0; width: 24px; height: 24px; color: #fff; }
.p-info-box .p-personal { width: 155px; height: 70px; padding: 5px;}
.p-info-box .p-personal h1 {font-size: 15px; padding: 0px 5px 5px; margin-top: 0; }
.p-info-box .p-personal .p-integral { text-align: center; width: 33.3333333%; }
.p-info-box .p-personal .p-integral .p-ing-bg { }
.p-info-box .p-personal .p-integral .p-ing-bg .p-ing-num { color: #9e9e9e; }
@media (min-width: 1201px) and (max-width: 1980px) { 
	.p-info-box .p-head { width: 100px; height: 100px; }
	.p-info-box .p-personal { width: 176px; height: 100px; padding: 10px; }
	.p-info-box .p-personal h1 { padding: 5px; margin-bottom: 10px;}
	.p-info-box .p-personal .p-integral{ padding: 5px 4px 5px 5px; }
}

.user-type { position: absolute; top: -25px; right: 0; display: inline-block; padding: 2px 10px; background-color: #0a0; color: #fff; 
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
	         box-shadow: 1px 1px 2px rgba(0,0,0,.4);
}


/*左侧菜单*/
.p-menu-box .p-menu { background-color: #fff; border: 1px solid #e6e6e6; min-height: 300px; color: #565656;}
.p-menu-box .p-menu ul li a { display: block; padding: 15px 20px; border-bottom: 1px solid #eee; }
.p-menu-box .p-menu ul li:last-child a { border-bottom-style: none; }
.p-menu-box .p-menu ul li a:hover { cursor: pointer; background-color: #f8f8f8}
.p-menu-box .p-menu ul li.on>a { /* background-color: #00ace9; color: #fff; */ }
.p-menu-box .p-menu ul li.on .downdrop { border-bottom: 1px solid #eee; } 
.p-menu-box .p-menu ul li a .fa:first-child { display: inline-block; width: 24px; text-align: center; } 
.p-menu-box .p-menu ul li a .fa-downlist { float: right; }
@media (min-width: 1201px) and (max-width: 1980px) { 
	.p-menu-box .p-menu { min-height: 400px;}
}


.p-menu-box .p-menu .downdrop { background-color: rgb(251, 251, 251); display: none;}
.p-menu-box .p-menu .downdrop li {  }
.p-menu-box .p-menu .downdrop li a { border-bottom-style: none; padding: 10px 40px; }

/*----------------右侧内容---------------*/
/*选项卡*/
.p-content-box {background-color: #fff; padding: 20px 20px 0 20px; border: 1px solid #e6e6e6;}
.p-content-box h2 { position: relative; color: #0c7af3; margin: 0; font-size: 24px;}
.p-content-box h2 .p-con-title { font-size: 18px; }
.p-content-box h2 a { position: absolute;right: 0;bottom: 0;display: block;height: 19px; }
.p-content { margin-top: 20px; margin-bottom: 20px; border: 1px solid #e4e4e4; }
.p-content ul.p-title-item { border-bottom: 1px solid #e4e4e4; }
.p-content ul.p-title-item { background-color: #f5f5f5; height: 45px; line-height: 45px; width: 100%; margin-bottom: 0; }
.p-content ul.p-title-item li a { display: inline-block; min-width: 80px; text-align: center; font-size: 16px; float: left; border-top: 3px solid transparent; }
.p-content ul.p-title-item li.on a { background-color: #fff; border-color: #0c7af3; }
@media (min-width: 1201px) and (max-width: 1980px) { 
	.p-content ul.p-title-item li a { min-width: 100px; }
}

/*列表*/
.p-con-list { width: 100%; padding: 20px ; height: 420px; position: relative;}
.p-con-list ul li { border-bottom: 1px dotted #ddd; }
.p-con-list ul li a { display: inline-block; height: 35px; line-height: 35px; padding: 0 5px; float: left; }
.p-con-list ul li a.li-text { width: 448px;  }
.p-con-list ul li time { display: inline-block; height: 35px; line-height: 35px; float: right;  }
@media (min-width: 1201px) and (max-width: 1980px) { 
	.p-con-list ul li a.li-text { width: 578px; }
}

.p-nr-items { position: relative; display: block; height: 100%; margin: -20px;}
.p-nr-items .con-left { width: 160px; border-right: 1px solid rgb(221, 221, 221); height: 100%; padding: 10px 5px; float: left;}
.p-nr-items .con-left .ztree li { border-bottom-style: none; }
.p-nr-items .con-left .ztree a { display: inline-block; height: auto; line-height: 14px; padding: 0; float: none; border-bottom-style: none;}
.p-nr-items .con-left .ztree li span.button.ico_docu { position: relative; top: 1px; }

.p-nr-items .con-right { width: 530px; float: left; padding: 10px;}
.p-nr-items .con-right ul li { border-bottom: 1px dotted #ddd; }
.p-nr-items .con-right ul li a.li-text { width: 318px; }
@media (min-width: 1201px) and (max-width: 1980px) { 
	.p-nr-items .con-right { width: 680px; }
	.p-nr-items .con-right ul li a.li-text { width: 418px; }
}

.p-nr-items .con-tip { position: absolute; bottom: -40px; height: 38px; line-height: 38px; text-align: center; width: 100%; border-top: 1px solid rgb(221, 221, 221); background-color: #eee;}

.p-con-list ul li a span.label { position: relative; top: -2px; border-radius: 0; margin-right: 5px; }
.p-con-list ul li a:hover { cursor: pointer; }
.p-con-list ul li:last-child a, .p-con-list ul li:last-child { border-bottom-style: none; }
.p-con-list ul li a time { float: right; }

.p-con-list ul li .score { display: inline-block; height: 35px; line-height: 35px; float: right; margin-right: 15px;  }
.p-con-list ul li .score .num {  display: inline-block;background: #01c579;border-radius: 50px;padding: 0 8px;height: 20px;line-height: 20px;color: #fff;}
.p-con-list ul li .score .num:hover { background: #01af69; cursor: pointer; }

.p-con-list ul li.pay-order a.li-text { width: 360px;  }
.p-con-list ul li.pay-order .score { margin-right: 5px;  }
.p-con-list ul li.pay-order .score .num { padding: 0 4px; font-size: 12px; border-radius: 4px; }
@media (min-width: 1201px) and (max-width: 1980px) { 
	.p-con-list ul li.pay-order a.li-text { width: 420px; }
	.p-con-list ul li.pay-order .score .num { padding: 0 8px; font-size: 11px; border-radius: 50px; font-size: 14px;  }
}


.p-con-list ul li time .fa.fa-bg { background-color: transparent;margin-right: 5px;padding: 2px 5px; border: 1px solid transparent;border-radius: 4px;color: #fff; }
.p-con-list ul li time .fa.fa-bg:first-child { margin-left: 10px; }
.p-con-list ul li time .fa.fa-bg:hover { cursor: pointer; }
.p-con-list ul li time .fa.fa-bg-primary { background-color: #18b1ed; border-color: #1ba9cf; }
.p-con-list ul li time .fa.fa-bg-primary:hover { background-color: #1096c9; border-color: #0e86b4; }
.p-con-list ul li time .fa.fa-bg-danger { background-color: #ff4d51; border-color: #ff4d51; }
.p-con-list ul li time .fa.fa-bg-danger:hover { background-color: #f62a2e; border-color: #ef2a2e; }


.p-con-items { display: none; }
.p-con-list .p-con-loading { text-align: center; font-size: 14px; height: 50px;width: 200px;position: absolute;top: 50%;left: 50%;margin-top: -40px;margin-left: -100px;background: rgba(0,0,0,.4); color: #fff; line-height: 50px;}
.p-con-list .p-con-empty { margin: 40px auto; text-align: center; font-size: 14px; }
.no-job-info { margin: 40px auto; text-align: center; }

@media (min-width: 1201px) and (max-width: 1980px) { 
	
}

/**/
.contact { background-color: #fff; margin-top: 10px; }
.footer-box { margin: 0px -15px 0 -15px; background-color: #fff; }




/*------------------------------个人资料----------------------------*/
.p-personal-info { background-color: #fff; padding: 15px 20px; border: 1px solid #e6e6e6; border-top-style: none; overflow: hidden;}
.p-personal-info .p-personal-box {  }
.p-personal-info .p-personal-box h3 { position: relative; border-bottom: 1px dotted #ddd; margin: 10px 0;}
.p-personal-info .p-personal-box h3 > span.title { display: inline-block;border-bottom: 2px solid #5A5A5A;padding: 5px;color: #5A5A5A; font-size: 16px;position: relative;bottom: -1px;}.p-personal .p-personal-box .col-row-items { padding: 15px 0; }
.p-personal-info .p-personal-box h3 > span.edit { position: absolute;right: 10px;bottom: 5px;color: #a5a5a5; }
.p-personal-info .p-personal-box h3 > span.edit:hover { cursor: pointer; color: #818181; }
.p-personal-info .p-personal-box .col-row { margin: 0; min-height: 30px; line-height: 30px; width: 100%; float: left;}
.p-personal-info .p-personal-box .col-row .col-field { text-align: right;padding-right: 10px;color: #7d7a7a;}
.p-personal-info .p-personal-box .col-row .col-text { display: block; min-height: 1px; }


/*------------------------------我的消息------------------------------*/
/*按钮组*/
.p-content-box .p-title-item .p-btn-groups { float: right;margin-right: 20px; }
.p-content-box .p-title-item .p-btn-groups .p-btn { font-weight: 100;margin: 0 10px; }
.p-content-box .p-title-item .p-btn-groups .p-btn:hover { cursor: pointer; color: #0c7af3 }
.p-content-box .p-title-item .p-btn-groups .p-btn .fa { font-weight: 100; margin-right: 3px; }
/*列表*/
.p-con-list .p-con-items .open-infomation { display: block;float: left;width: 100%;border: 1px solid #ddd;padding: 20px; position: relative; bottom: -1px; }
.p-con-list .p-con-items .open-infomation .col-row { margin: 0; height: 30px; line-height: 30px;}
.p-con-list .p-con-items .open-infomation .col-row .col-field { text-align: right;padding-right: 10px;color: #7d7a7a;}
.p-con-list .p-con-items .open-infomation .col-row .col-text {  }
/*提示*/
.p-con-items h3.item-tips{ position: relative; font-size: 15px;padding: 5px;margin: 0 0 10px 0;border-left: 5px solid #0c7af3;background-color: #eee;/*! border: 1px solid #ddd; */border-left: 5px solid #0c7af3;color: #0070c2; }
.p-con-items h3.item-tips .job-more { position: absolute; right: 10px;  }  

/*支付状态*/
.pay-status { display: inline-block; padding: 0 5px; margin-right: 3px; margin-left: 3px; font-size: 13px; }
.pay-status .gray { color: #999; }
.pay-status .green { color: green; }
.pay-status .orange { color: #d9770b; }




span.gn.gn-primary { background-color: #008aff; padding: 5px 20px; color: #fff; border: 1px solid #007ce6; text-align: center; color: #fff; }
span.gn.gn-primary:hover { cursor: pointer; background-color: #06f; border-color: #007ce6; }
span.gn.gn-success { background-color: rgb(35, 189, 86); border-color: rgb(30, 168, 61); }
span.gn.gn-success:hover {  }


/*xiao xi ti shi xiao hong dian*/
.msg-point { position: absolute; top: 10px; right: 10px; width: 8px; height: 8px; border-radius: 4px; display: block; background-color: red; }