﻿@charset "utf-8";
/* CSS Document */

/**/
.body_padTop{ padding:60px 0 0;}
.Sidebar{ width:200px; position:fixed; left:0px; top:50px; bottom:0px; overflow:auto; overflow-x:hidden;}
.Sidebar02{ width:60px; position:fixed; left:0px; top:50px; bottom:0px; z-index:9;}
.Sidebar02-treePage{ width:280px;}
.Contain{ width:1200px; margin:50px auto 30px;}
.Contain-w1002{ width:1002px; margin:0px auto 30px;}
.RightSidebar{ position:fixed; left:200px; right:0; top:50px; bottom:0;}
.RightSidebar-treePage{ left:280px !important;}


/*头部*/
.Header{ width:100%; height:50px; background:#4394ff; top:0; left:0; z-index:200; color:#fff;}
.Header .logo{ width:auto; height:50px; padding:0 10px; cursor:pointer;}
.Header .logo img{ width:auto; height:40px; margin:5px 3px 0 0;}
.Header .name{ height:50px; line-height:50px; color:#fff;}
.Header .tell{ height:50px; line-height:50px; color:#fff;}
.Header .tell img{ margin-top:15px; height:20px;}
.Header .homeIcon{ cursor:pointer;}
.Header .helpIcon{ cursor:pointer;}
.Header .frMenu{ margin:0 20px; cursor:pointer;}
.Header .frMenu li{ height:50px; line-height:50px;}
.Header .frMenu img{ width:40px; height:40px; border-radius:50%;}
.Header .frMenu .dropdown{ position:absolute; left:0; top:50px; width:110px; padding:5px 0; border:solid 1px #bdc3c7; background:#f1f3f6; display:none; z-index:3;}
.Header .frMenu .dropdown dt{ height:30px; line-height:30px; text-align:center;}
.Header .frMenu .dropdown dt a{ display:block; height:30px;}
.Header .frMenu .dropdown dt a:hover{ background:#677ae4; color:#fff;}
.Header .frMenu li.toggle:hover .dropdown{ display:block;}
.Header .frMenu .caret{ border-top-color:#FFF;}
.Header .frMenu .userName{ display:inline-block; width:22px; height:22px; line-height:22px; background:#fff;}
.Header .frMenu .userName img{ width:25px; height:25px; border-radius:50%;}
.Header .frMenu .loginOut a{ color:#fff;}
.Header .ifRz{ background:#3d7ed4; height:28px; line-height:28px;}
.Header .frbtn{}
.Header .frbtn .btnClose{ background:#5e6ece; height:50px;}
.Header .notice{}
.Header .notice img{ margin-top:15px;}
.Header .notice .num{ position:absolute; right:-7px; top:10px; border-radius:15px; padding:0 5px; height:16px; line-height:16px; font-size:12px; background:#e74c3c; color:#fff; text-align:center;}
.Header .backHome{ line-height:20px; border-right:solid 1px #5d6ece; cursor:pointer;}
.Header .dropdown-menu{ left:inherit; right:20px; margin-top:31px !important;}

/*登录*/
.hrb-login-mainBox{ width:1000px; left:50%; top:50%; margin:-200px 0 0 -500px;}

.hrb-login-adPic{ width:500px; height:397px;}
.hrb-login-adPic img{ width:500px; height:397px;}

.hrb-login-box{ width:390px; padding:40px; position:relative; box-shadow:0px 0px 15px 0px rgba(0,84,254,0.1);}
.hrb-login-box .title{ color:#1890ff;}
.hrb-login-box li{ position:relative;}
.hrb-login-box li .name{ position:absolute; left:10px; top:22px; font-size:14px; line-height:34px; color:#ddd;}
.hrb-login-box li .text{ width:100%; height:35px; line-height:35px; padding:0 15px 0 35px; color:#000; background:transparent; border:solid 1px #e9e9e9;}
.hrb-login-box li .text:hover{ border:solid 1px #1890ff;}
.hrb-login-box li .text::-webkit-input-placeholder{ color:#999; }
.hrb-login-box li .codeA{ line-height:43px;}
.hrb-login-box li.noPad{ padding-top:0;}
.hrb-login-box .errorTips{ color:#fec81c;}
.hrb-login-box .btnlogin{ height:35px; background:#4394ff;}
.hrb-login-box .btnlogin:hover{ background:#3399ff;}
.hrb-login-box .logo{ color:#4394ff;}
.hrb-login-box .logo img{ height:55px;}
.hrb-login-box .huoqu{ width:74px; height:24px; height:22px; border:solid 1px #e6e6e6;text-decoration: none;}
.hrb-login-box .numSpan{ width:70px; height:45px; line-height:43px; position:relative;}
.hrb-login-box .numSpan:after{ position:absolute; content: ''; right:20px; width:1px; height:12px; background:#f2f2f2; top:16px;}

/*注册*/
.register-bg{ width:100%; height:100%; background:url(/img/login/bgReg.png) no-repeat center center;}
.hrb-reg-box{ width:390px; padding:30px 40px 30px; margin-top:-75px; box-shadow:0px 0px 15px 0px rgba(0,84,254,0.1);}
.hrb-reg-box .title{ color:#1890ff;}
.hrb-reg-box li{ position:relative;}
.hrb-reg-box li .name{ position:absolute; left:10px; top:12px; font-size:15px; line-height:34px; color:#999;}
.hrb-reg-box li .text{ width:100%; height:40px; line-height:40px; padding:0 15px 0 40px; color:#000; background:transparent; border-bottom:solid 1px #ddd;}
.hrb-reg-box li .text:hover{ border-color:#1890ff;}
.hrb-reg-box li .text::-webkit-input-placeholder{ color:#999; }
.hrb-reg-box li .codeA{ line-height:43px;}
.hrb-reg-box li .icon-wenhao{ right:0; bottom:10px; color:#ccc;}
.hrb-reg-box li.noPad{ padding-top:0;}
.hrb-reg-box-box .errorTips{ color:#fec81c;}
.hrb-reg-box .btnlogin{ height:40px; background:#4394ff;}
.hrb-reg-box .btnlogin:hover{ background:#3399ff;}
.hrb-reg-box .logo{ color:#4394ff;}
.hrb-reg-box .logo img{ height:55px;}
.hrb-reg-box .huoqu{ line-height:24px; position:absolute; right:0px; bottom:10px; border:solid 1px #4394ff; color:#4394ff; z-index:8; text-decoration: none;}
.hrb-reg-box .huoqu:hover{ background:#4394ff; color:#fff;}
.hrb-reg-box .numSpan{ width:70px; height:45px; line-height:43px; position:relative;}
.hrb-reg-box .numSpan:after{ position:absolute; content: ''; right:20px; width:1px; height:12px; background:#f2f2f2; top:16px;}

.hrb-regTips{ position:absolute; z-index:8; width:100%; height:100%; background:url(/img/login/regTips.jpg) no-repeat center top; background-size:100% 100%;}
.hrb-regTips p{ position:absolute; left:0; letter-spacing:1px; width:100%; color:#fff; text-align:center;}
.hrb-regTips .p1{ top:35%; font-size:17px; font-weight:bold;}
.hrb-regTips .p2{ bottom:1%; opacity:0.6;}
.hrb-regTips .btnCopy{ background:rgba(255,255,255,0.9);}

@media screen and (min-width:300px) and (max-width:800px){
    .hrb-regTips{ display:block !important;}
}


.hrb-appdown{ position:absolute; z-index:200; width:52px; height:52px; right:5px; top:5px; cursor:pointer;}
.hrb-appdown-l-2 { position: absolute; z-index: 100; right: -0px; top: 0px; font-size: 50px; color: #ffbd1e; }
.hrb-appdown-l-2 img{}
.hrb-login-tips{ position:absolute; z-index:300; right:45px; top:20px; color:#4394ff; border:none; width:100px; letter-spacing:1px; font-size:12px;text-align: right;}

.hrb-login-code{ height:492.6px; letter-spacing:1px; display:none; color:#666;}
.hrb-login-code img{ border-radius:50%; width:85%; margin:90px 0 0px;}

/*工作台*/
.hrb-current{ padding:0 20px 5px;}
.hrb-current a{ color:#999;}

.hrb-workbench-total{}
.hrb-workbench-total li{ padding:0 25px;}
.hrb-workbench-total li:after{ position:absolute; right:0; top:5px; width:1px; height:35px; background:#f3f3f3; content:'';}
.hrb-workbench-total li:last-child{ padding-right:0;}
.hrb-workbench-total li:last-child:after{ display:none;}

.hrb-right-bigTitle{ padding:0 20px; font-size:17px !important;}

.hrb-workbench-fastMenu{}
.hrb-workbench-fastMenu li{ margin:10px; height:40px; line-height:38px; padding:0 20px; border-color:#ddd;}
.hrb-workbench-fastMenu li .iconfont{ font-size:20px;}
.hrb-workbench-fastMenu li:hover{ border-color:#4394ff; color:#4394ff;}

.hrb-workbench-daiban{}
.hrb-workbench-daiban li{ height:30px; line-height:30px;}
.hrb-workbench-daiban li p{ display:block; float:left;}
.hrb-workbench-daiban li p.p1{ width:60%;}
.hrb-workbench-daiban li p.p2{ width:30%;}
.hrb-workbench-daiban li p.p3{ width:10%;}

/*表单填写*/
.hrb-fromBox{}
.hrb-fromBox li{ margin:15px 0 0 0; padding-left:100px; min-height:30px; line-height:30px;}
.hrb-fromBox li .leftName{ left:20px; width:80px; line-height:28px; color:#666;}
.hrb-fromBox li span.red{ margin-right:3px;}
.hrb-fromBox li .inputStyle-grayLine,.hrb-fromBox li .selectStyle-grayLine,.hrb-fromBox li .textareaStyle-grayLine{ width:380px;}
.hrb-fromBox li .labelRadio{ font-weight:normal; font-size:14px; margin:0 15px 0 0;}
.hrb-fromBox li .contract{}
.hrb-fromBox li .contract dt{ display:inline-block; margin-right:10px; margin-bottom:10px; border:solid 1px #e1e5ec; padding:3px 10px;}
.hrb-fromBox li .contract dt:hover,.hrb-fromBox li .contract dt.acur{ color:#4394ff; border-color:#4394ff;}
.hrb-fromBox li .btnStyle-blueBg{ width:150px; height:38px; line-height:36px;}

/*数据列表*/
.hrb-tableList{}
.hrb-tableList .table>thead>tr>th{ border-bottom-width:1px; border-bottom-color:#eee;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{ padding:10px 0 10px 20px; border-top-color:#eee;}
.RedSea .table td{ color:#666;}


/*左侧*/
.hrb-subMenu{}
.hrb-subMenu li{ padding:2px 0;}
.hrb-subMenu li a:link{ color:#999; font-size:14px;}
.hrb-subMenu li a{ color:#999; display:block; height:45px; line-height:45px; border-right:solid 3px #fff; padding-left:20px;}
.hrb-subMenu li a:hover,.hrb-subMenu li a.acur{ background:#e6f7ff; border-right:solid 3px #4394ff; color:#4394ff;}
.hrb-subMenu li .leftIcon{ margin:0 10px 0 0; float:left;}
.hrb-subMenu li .arrow{ float:right; font-size:10px; margin-right:15px; color:#000; margin-top:15px;}
.hrb-subMenu li ul{ display:none;}
.hrb-subMenu li ul li a{ padding-left:45px;}
.hrb-subMenu li a.on{ color:#4394ff;}

.shrink-bar{ position:absolute; left:195px; top:50%; margin-top:-30px; cursor:pointer; z-index:500;}
.shrink-bar .barIconSq{ display:block; width:25px; height:60px; background:url(../img/sq.png) no-repeat left top;}
.shrink-bar .barIcon{ background:url(../img/zk.png) no-repeat left top;}
.shrink-bar-sq{ left:0px;}

/*附件下载*/
.hrb-fileList-box{ overflow:hidden;}
.hrb-fileList-box dl{ overflow:hidden;}
.hrb-fileList-box dl dt{ width:360px; height:30px; padding:1px;}
.hrb-fileList-box dl dt .down{}
.hrb-fileList-box dl dt .size{ display:inline-block; height:14px; line-height:12px; border-right:solid 1px #ebe8ee; margin:6px 5px 0 0; padding-right:5px;}
.hrb-fileList-box dl dt .iconfont{ width:26px; font-weight:normal;}
.hrb-fileList-box dl dt .iconfont img{ width:26px; height:26px;}
.hrb-fileList-box dl dt .xls{ background:#1bbc9b;}
.hrb-fileList-box dl dt .xlsx{ background:#1bbc9b;}
.hrb-fileList-box dl dt .ppt{ background:#dc6141;}
.hrb-fileList-box dl dt .doc{ background:#3399ff;}
.hrb-fileList-box dl dt .docx{ background:#3399ff;}
.hrb-fileList-box dl dt .txt{ background:#8fa7ca;}
.hrb-fileList-box dl dt .pdf{ background:#ff9900;}
.hrb-fileList-box dl dt .rar{ background:#8e4f89;}
.hrb-fileList-box dl dt .zip{ background:#8e4f89;}
.hrb-fileList-box dl dt .png{ background:#00cc00;}
.hrb-fileList-box dl dt .other{ background:#8fa7ca;}
.hrb-fileList-box dl dt .name{ width:270px;}
.hrb-fileList-box dl dt .photo{ display:inline-block; float:left;}
.hrb-fileList-box dl dt .photo img{ width:36px; height:36px; margin-right:15px;}
.hrb-fileList-box dl dt .blue{ background:none !important;}
.hrb-fileList-box i{ font-style:inherit;}

.uploadFileBtn{cursor: pointer;color: #fff !important;padding: 6px;border-radius: 5px;background: #3399ff;margin-left: 10px;font-size: 14px;}

.success-box1{ padding-top:50px;}
.success-box1 .icon-chenggong{ font-size:80px;}
.success-box1 .p1{}
.success-box1 .p2{}

.success-box2{ background:#fafafa; width:610px; margin:0 auto;}
.success-box2 li{ padding:15px 0;}
.success-box2 li p{ display:inline-block;}
.success-box2 li p.name{ width:200px;}

.success-box3{ width:610px; margin:0 auto;}
.success-box3 .btnGTH{}
.success-box3 .btnGTH .hoverBox{ display:none; left:0; bottom:40px; width:620px; height:280px; padding:20px 35px; z-index:78;}
.success-box3 .btnGTH:hover{}
.success-box3 .btnGTH:hover .hoverBox{ display:block;}

.hrb-yaoqingTips{}
.hrb-yaoqingTips .hoverBox{ display:none; right:-20px; bottom:30px; width:620px; height:280px; padding:20px 35px; z-index:78;}
.hrb-yaoqingTips:hover .hoverBox{ display:block;}
.hrb-yaoqingTips .Triangle-bottom:after{ left:inherit; right:20px;}

.hrb-right-upperPart{ overflow:hidden;}
.hrb-right-upperPart .btnViewProfile{ right:20px; top:50%; margin-top:-18px; height:36px; line-height:34px;}
.hrb-right-upperPart .peopleTotal{ right:20px; top:0;}

.hr-process-list{}
.hr-process-list .boxList{}
.hr-process-list .flowSteps{ padding:50px; overflow:hidden;}
.hr-process-list .flowSteps li{ display:inline-block; float:left; position:relative;}
.hr-process-list .flowSteps li .iconBox{ width:35px; height:35px; background:#3399ff;}
.hr-process-list .flowSteps li .iconBox .iconfont{ line-height:34px; font-size:16px;}
.hr-process-list .flowSteps li .icon-buzhou{ font-size:40px; display:inline-block; margin-top:65px; color:#ccc;}
.hr-process-list .flowSteps li .icon-jiantou{ font-size:12px; display:inline-block; margin-top:78px; color:#ccc;}
.hr-process-list .flowSteps li .stepUserList{ overflow:hidden; max-width:300px;}
.hr-process-list .flowSteps li .stepUserList span{ display:inline-block; float:left; padding:0 10px; height:24px; line-height:22px; background:#e6f7ff; border-radius:3px; overflow:hidden; margin:0 3px 5px 3px; color:#3399ff; border:solid 1px #3399ff;}
.hr-process-list .flowSteps li .stepUserList .icon-guanbi{ font-size:12px; margin-left:3px;}
.hr-process-list .boxContent{ width:100%; overflow-x:auto; white-space:nowrap;}
.hr-process-list .addStep{ color:#bbb; padding:0 30px; right:20px; top:55px;}
.hr-process-list .addStep .iconfont{ margin:45px 0 10px 0;}
.hr-process-list .addStep:hover{ border-color:#ccc; color:#333;}
.hr-process-list .addStepUser,.hr-process-list .deleteStep{ border:solid 1px #999; margin-left:3px;}
.hr-process-list .addStepUser:hover,.hr-process-list .deleteStep:hover{ color:#333;}


/*菜单管理*/
.appletMenu-bigTitle{ padding-left:15px !important; clear:both;}
.appletMenu-subTitle{ padding-left:30px !important; clear:both;}
.appletMenu-subTitle:before{ position:absolute; content:''; left:17px; border-radius:5px; top:16px; width:5px; height:5px; background:#ccc;}

.appletMenu-list{ overflow:hidden;}
.appletMenu-list dt{ padding:0 25px 0 85px; width:275px; height:85px; overflow:hidden; cursor:pointer; filter:grayscale(1);}
.appletMenu-list dt .iconBox{ width:55px; height:55px; line-height:55px; left:15px; top:15px;}
.appletMenu-list dt .iconBox .iconfont{ font-size:28px;}
.appletMenu-list dt .iconBox img{ width:45px; margin-top:5px;}
.appletMenu-list dt .name{ padding:21px 0 4px 0;}
.appletMenu-list dt .name i{ margin-left:5px !important; display:none;}
.appletMenu-list dt:hover,.appletMenu-list dt:hover .intro{ color:#677ae4;}
.appletMenu-list dt.acur{ filter:none;}
.appletMenu-list dt.acur i{ display:inline-block;}

/*图片轮换*/
.slideBox{ overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; display:none;}
.slideBox .hd ul li{ float:left; margin-right:2px; border-radius:50%; width:10px; height:10px; line-height:10px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#4394ff; color:#fff; }
.slideBox .bd{ position:relative; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ height:400px; max-width:568px;}
.slideBox .bd .downBtn{ display:block; position:relative; z-index:888; margin:10px auto; width:120px; line-height:34px; border:solid 1px #3399ff;}

.slideBox .prev, .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:25px; height:25px; filter:alpha(opacity=50); opacity:0.5;   }
.slideBox .next{ left:auto; right:3%;}
.slideBox .prev{ border-top:solid 2px #666; border-left:solid 2px #666; -webkit-transform:rotate(-50deg); transform: rotate(-50deg);}
.slideBox .next{ border-top:solid 2px #666; border-right:solid 2px #666; -webkit-transform:rotate(45deg); transform: rotate(45deg);}
.slideBox .prev:hover, .slideBox .next:hover{ filter:alpha(opacity=100); opacity:1;  }



/*重置boostrap样式*/
.nav-tabs{ border-bottom:none;}
.nav-tabs>li{ cursor:pointer; font-size:14px;}
.nav>li>a{ padding:10px 0; margin-right:25px; border:none;}
.nav-tabs>li>a:hover{ background:none !important; color:#3399ff; border:none; border-bottom:solid 2px transparent;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{ border:none; background:none; border-bottom:solid 2px #3399ff; color:#3399ff;}

.pageblock{ padding:10px 20px !important; height:auto !important; border:none !important; margin-top:0 !important;}
.table{ margin-bottom:10px;}
.form-control{ height:30px; font-size:12px;}

.input-group .btn{ padding:5px 12px; font-size:12px;}
.input-group .btn-default{ border-color:#ccc; color:#666;}
.btn.active, .btn:active{ border-color:#3399ff; color:#3399ff; box-shadow:none; -webkit-box-shadow:none;}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover{ border-color:#3399ff;}

/*帮助中心*/
.hrb-helpCategoryMenu{}
.hrb-helpCategoryMenu li{ padding:2px 0; padding-left:15px;}
.hrb-helpCategoryMenu li p{ border-bottom:dotted 1px #eee;}
.hrb-helpCategoryMenu li a{ font-size:14px; color:#333; display:block; position:relative; height:40px; line-height:40px; padding-right:25px; border-right:solid 3px #fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hrb-helpCategoryMenu li a:hover,.hrb-helpCategoryMenu li a.acur{ color:#4394ff;}
.hrb-helpCategoryMenu li .leftIcon{ margin:0 10px 0 0; float:left;}
.hrb-helpCategoryMenu li .arrow{ position:absolute; right:15px; top:15px; font-size:10px; color:#000;}
.hrb-helpCategoryMenu li ul{ display:none;}
.hrb-helpCategoryMenu li a.on{ color:#4394ff;}
.hrb-helpCategoryMenu li a.disable{ color:#999;}

.hrb-helpHeader{ width:100%; height:65px;}
.hrb-helpHeader .box{ width:1200px; margin:0 auto;}
.hrb-helpHeader .logo{ float:left;}
.hrb-helpHeader .logo img{ height:40px; margin-top:15px;}

.hrb-help-search{ background:#2068f2; height:95px; padding-top:55px;-webkit-box-sizing: content-box;}
.hrb-help-search .searchBox{ width:450px; height:35px; position:relative; padding:0 80px 0 25px; margin:0 auto; box-sizing:border-box;}
.hrb-help-search .searchBox .text{ width:80%; border:none; font-size:12px; height:35px; line-height:34px;}
.hrb-help-search .searchBox .text::-webkit-input-placeholder{ font-size:12px; color:#757575;}
.hrb-help-search .searchBox .text::-moz-placeholder{ font-size:12px; color:#757575;}
.hrb-help-search .searchBox .text::-ms-input-placeholder{ font-size:12px; color:#757575;}
.hrb-help-search .searchBox .btnGo{ position:absolute; right:0; top:0; width:70px; height:34px; line-height:34px; display:block; color:#4295ff;}
.hrb-help-search .searchBox .btnGo:before{ position:absolute; content:''; left:-3px; top:11px; width:1px; height:14px; background:#4295ff;}
.hrb-help-search .searchBox .btnGo:hover{ color:#000;}

.hrb-help-box1{ padding:50px 0;}
.hrb-help-box1 .box{ width:1200px; margin:0 auto;}
.hrb-help-box1 .listUl{ overflow:hidden;}
.hrb-help-box1 .listUl li{ width:25%; height:135px; float:left; margin:15px 0; color:#777;}
.hrb-help-box1 .listUl li .photo{}
.hrb-help-box1 .listUl li .photo img{ width:85px; height:85px; border-radius:50%; margin-bottom:20px;}
.hrb-help-box1 .listUl li .title{ display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:80%;}
.hrb-help-box1 .listUl li:hover{ color:#4295ff;}

.hrb-help-box2{ padding:30px 0; background:#fbfcff;}
.hrb-help-box2 .box{ width:1200px; margin:0 auto;}
.hrb-help-box2 .listUl{ overflow:hidden;}
.hrb-help-box2 .listUl li{ width:33.33%; height:35px; line-height:35px; float:left; padding-left:30px; box-sizing:border-box;}
.hrb-help-box2 .listUl li a{ display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:90%; color:#777;}
.hrb-help-box2 .listUl li a:hover{ color:#4295ff;}

.hrb-help-box3{ padding:30px 0;}
.hrb-help-box3 .box{ width:1200px; margin:0 auto;}
.hrb-help-box3 .tabBox{ border-bottom:solid 1px #eee;}
.hrb-help-box3 .tabBox li{ padding:0 20px; display:inline-block; position:relative; margin-right:10px; color:#2068f2;}
.hrb-help-box3 .tabBox li#more_ques{ font-size:12px; padding:0; margin:0;}
.hrb-help-box3 .tabBox li#more_ques .iconfont{ font-size:12px; margin-left:5px;}
.hrb-help-box3 .tabBox li#more_ques:hover a{ color:#2068f2;}
.hrb-help-box3 .tabBox li.acur{ color:#2068f2;}
.hrb-help-box3 .tabBox li.acur:before{ position:absolute; content:''; left:0; bottom:-1px; width:100%; height:3px; background:#2068f2;}
.hrb-help-box3 .menuBox{ width:185px;}
.hrb-help-box3 .menuBox li{ padding-left:35px; color:#757575; box-sizing:border-box; position:relative; margin-bottom:5px;}
.hrb-help-box3 .menuBox li:before{ position:absolute; content:''; left:15px; top:11px; width:0px; height:0px; border:4px solid transparent; border-bottom:4px solid #757575;}
.hrb-help-box3 .menuBox li.acur{background: #e2f0ff;color:#2068f2;}
.hrb-help-box3 .menuBox li.acur:before{ position:absolute; content:''; left:18px; top:14px; width:0px; height:0px; border:4px solid transparent; border-left:4px solid #4095ff;}
.hrb-help-box3 .questionList{ width:975px;}
.hrb-help-box3 .questionList ul{ overflow:hidden;}
.hrb-help-box3 .questionList li{ width:35%; height:35px; line-height:35px; float:left;}
.hrb-help-box3 .questionList li a{ display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:90%; color:#777;}
.hrb-help-box3 .questionList li a:hover{ color:#4295ff;}

.hrb-help-box4{ padding:30px 0;}
.hrb-help-box4 .box{ width:1200px; margin:0 auto;}
.hrb-help-box4 .menuBox{ width:185px;}
.hrb-help-box4 .menuBox li{}
.hrb-help-box4 .menuBox li p{ color:#2068f2; position:relative; color:#2068f2; border-bottom:solid 1px #eee; font-size:15px; padding:5px 0;}
.hrb-help-box4 .menuBox li .arrow{ position:absolute; right:5px; top:5px; color:#ccc; font-size:12px;}
.hrb-help-box4 .menuBox li.acurP p:before{ position:absolute; content:''; left:0; bottom:-1px; width:100%; height:3px; background:#2068f2;}

.hrb-help-box4 .menuBox li ul{ padding-top:15px; display:none;}
.hrb-help-box4 .menuBox li ul li{ padding-left:10px; font-size:13px; color:#757575; box-sizing:border-box; position:relative; margin-bottom:5px;}
.hrb-help-box4 .menuBox li ul li .arrow{ top:0;}
.hrb-help-box4 .menuBox li ul li p{ font-size:13px; border-bottom:none; padding:0; color: #757575;}
.hrb-help-box4 .menuBox li ul li p:before{ display:none;}
.hrb-help-box4 .menuBox li ul li:before{ position:absolute; content:''; left:15px; top:11px; width:0px; height:0px; border:4px solid transparent; border-bottom:4px solid #757575; display:none;}
.hrb-help-box4 .menuBox li ul li.acur{background: #e2f3ff;}
.hrb-help-box4 .menuBox li ul li.acur p{ color:#2068f2;}
.hrb-help-box4 .menuBox li ul li.acur:before{ position:absolute; content:''; left:18px; top:14px; width:0px; height:0px; border:4px solid transparent; border-left:4px solid #4095ff;}

.hrb-help-box4 .menuBox li ul li ul{ padding-top:0;}
.hrb-help-box4 .menuBox li ul li ul li p{font-size:13px;border-bottom:none;padding:0;color:#757575;}
.hrb-help-box4 .menuBox li ul li ul li p:before{ display:none;}

.hrb-help-box4 .menuBox li ul li ul li ul{ padding-top:0;}
.hrb-help-box4 .menuBox li ul li ul li ul li p{ font-size:13px; border-bottom:none; padding:0; color:#757575;}
.hrb-help-box4 .menuBox li ul li ul li ul li p:before{ display:none;}

.hrb-help-box4 .menuBox li ul li ul li ul li ul{ padding-top:0;}
.hrb-help-box4 .menuBox li ul li ul li ul li ul li p{ font-size:13px; border-bottom:none; padding:0; color:#757575;}
.hrb-help-box4 .menuBox li ul li ul li ul li ul li p:before{ display:none;}

.hrb-help-box4 .menuBox li p{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-right: 20px !important;}
.hrb-help-box4 .questionInfo{ width:900px;}

.publishTask-btnOnline{ right:50px; top:50%; margin-top:-20px;}
.publishTask-QRcode{ right:0; top:0; bottom:0; width:550px; z-index:455; display:none;}
.publishTask-QRcode .closeBtn{ min-height:40px;}
.publishTask-QRcode .closeBtn:hover{ opacity:0.8;}
.publishTask-QRcode .box{ width:100%; height:calc(100% - 40px); display:table;}
.publishTask-QRcode .box p{ display:table-cell; vertical-align:middle;}
.publishTask-QRcode .box img{ width:270px; height:270px;}

.serviceFee-btnBox{ right:50px; bottom:50px;}
.serviceFee-btnBox .btn{ height:150px; display:table; background:#e6f7ff; border-color:#e6f7ff; line-height:24px; padding:0 25px;}
.serviceFee-btnBox .btn span{ display:table-cell; vertical-align:middle;}
.serviceFee-btnBox .btn:hover{ background:#3399ff;}
.serviceFee-detail{ right:0; top:0; bottom:0; width:550px; z-index:455; display:none;}
.serviceFee-detail .closeBtn{ min-height:40px;}
.serviceFee-detail .closeBtn:hover{ opacity:0.8;}
.serviceFee-detail .box{ width:100%; height:calc(100% - 40px);}
.serviceFee-detail .box .dot{ padding-left:15px;}
.serviceFee-detail .box .dot:before{ width:5px; height:5px; background:#ccc; border-radius:50%; position:absolute; content:''; left:0; top:9px;}
.serviceFee-detail .taxRate{ border-left:solid 1px #eee; border-top:solid 1px #eee;}
.serviceFee-detail .taxRate dt{ border-bottom:solid 1px #eee; overflow:hidden;}
.serviceFee-detail .taxRate dt span{ display:block; padding:10px; float:left; border-right:solid 1px #eee;}
.serviceFee-detail .taxRate dt .d1{ width:15%;}
.serviceFee-detail .taxRate dt .d2{ width:45%;}
.serviceFee-detail .taxRate dt .d3{ width:20%;}
.serviceFee-detail .taxRate dt .d4{ width:20%;}






