.social-top-title{width:100%;height:38px;line-height:38px;padding:20px 0}.social-top-lt{width:45%;float:left;font-size:18px;font-weight:700}.social-top-lt a{font-size:14px;font-weight:400;color:#999;margin-left:20px}.social-top-rt{float:right;text-align:right}.social-top-rt a{color:#46bb3e;font-size:16px;height:36px;line-height:36px;width:120px;text-align:center;border:1px solid #e2e2e2;border-radius:3px;display:block}.social-top-rt a:hover{color:#fff;background:#666;border:1px solid #666}.social-top-rt a .icon{font-size:16px;margin-right:5px}.social-detail{height:100%;overflow:hidden;clear:both}.page-summary{padding:20px 0;height:auto;overflow:hidden;background:#f6f6f6;border-top:1px solid #e2e2e2;margin-bottom:20px}.page-summary li{width:25%;float:left}.page-summary li .param{padding:0 0 0 2.14286rem}.page-summary li .param .name{display:block;color:#bbb}.page-summary li .param .value{display:block;color:#333;font-size:24px;font-weight:700;margin:10px 0 0}.page-summary li .param .value .unit{margin:0 0 0 .35714rem;color:#bbb;font-size:1rem;vertical-align:middle}.search-and-filters{margin:0 0 12px}.search-and-filters .controls .buttons{width:50%;float:left}.comon-ss-btn{padding:0 .85714rem;margin-right:.30216rem;text-align:center;line-height:2.14286rem;display:inline-block;*float:left;border-radius:.28571rem;border:none;cursor:pointer}.add-autonomy-btn,.yes-batch-btn{color:#fff;background:#4b3}.add-autonomy-btn:hover,.yes-batch-btn:hover{background:#2d9d5e;color:#fff}.no-batch-btn{color:#9b9b9b;background:#dfdfdf}.search-and-filters .controls .search{overflow:hidden;position:relative;padding:0 7px 0 34px;border:1px solid #dfdfdf;border-radius:3px}.search-and-filters .controls .search .icon{color:#9b9b9b;font-size:1rem;position:absolute;top:.64286rem;left:.71429rem}.controls .search .field-search{width:100%;border:none;padding:7px 0 6px;height:21px;-webkit-transition:.2s border;transition:.2s border}.controls .search .link-reset-search{display:none;color:#9b9b9b;position:absolute;top:.1143rem;right:2.21429rem}.all-search,.filters .button-toggle-filters{display:inline-block;cursor:pointer}.controls .search .link-reset-search .icon{font-size:.7rem;color:#666}.search-and-filters .controls .filters{float:right;width:82px;margin:0 0 0 12px;position:relative}.filters .button-toggle-filters{width:60px;text-align:center;padding:8px 9px 8px 11px;position:relative;color:#4b3;background:#fff;border:1px solid #dfdfdf;border-radius:3px;line-height:18px}.filters.active .button-toggle-filters,.filters:hover .button-toggle-filters{color:#2d9d5e;border:1px solid #4b3}.all-search-hide,.all-search-show{height:40px;border:1px solid #e2e2e2;box-sizing:border-box}.filters .button-toggle-filters .icon{font-size:12px;margin-right:6px}.all-search-hide i,.all-search-show{font-size:20px;color:#ccc}.all-search-show{width:40px;line-height:40px;text-align:center}.all-search-hide{width:360px;display:none}.all-search-hide input{height:30px;margin-bottom:10px;width:300px;border:none}.anew-check{height:40px;line-height:40px}.anew-check a{display:inline-block;width:120px;height:40px;text-align:center;color:#4B3;border:1px solid #e2e2e2;border-radius:3px;font-size:18px}.anew-check a:hover{color:#fff;background:#9B9B9B}.filters .filter-popover{border:1px solid #4b3;background:#fff;padding:17px;border-radius:3px;position:absolute;top:35px;right:0;z-index:1;visibility:hidden;opacity:0;-webkit-transition:.4s;transition:.4s;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top}.filters.active .filter-popover{visibility:visible;opacity:1;-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}.filter-popover .filter-item{width:260px;margin:0 0 12px}.simple-select .input .text-field{border:1px solid #dfdfdf;border-radius:.14286rem;background:#fff;padding:.42857rem 2.14286rem .35714rem .42857rem;height:2.14286rem;line-height:1.28571rem;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;-webkit-transition:.2s border;transition:.2s border;display:block;width:100%;resize:none;overflow:hidden;outline:0}.simple-select .popover{display:none;width:100%;top:2.07143rem;max-height:19.92857rem;z-index:600;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;background:#fff;border:1px solid #ccc;position:absolute;left:0;box-shadow:0 1px 8px rgba(0,0,0,.2)}.simple-select .popover .select-item{line-height:1.84286rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:2px 10px;color:#666;border-bottom:1px solid #dfdfdf;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.simple-select .popover .select-item.highlighted,.simple-select .popover .select-item:hover{background:#efefef}.simple-select .popover .select-item .label{color:#666}.simple-select .popover .select-item .hint{font-size:.85714rem;color:#aaa}.simple-select .field-simple-select{display:none}.simple-select .input.multiple .selected-item{background:#efefef;margin:0 .35714rem .28571rem 0;padding:.14286rem .28571rem;line-height:1.14286rem;display:block;border-radius:2px;color:#333;cursor:pointer}.simple-select .input.multiple .selected-item:hover{background:#ddd}.selected-item .item-label{display:inline-block;vertical-align:top}.selected-item .icon-remove{font-size:.85714rem;color:#666;vertical-align:top;font-style:normal;margin:0 0 0 2px}.simple-select .popover .no-results{padding:8px;font-size:12px;line-height:1;color:#999}.simple-select .input .link-clear,.simple-select .input .link-expand{width:2rem;line-height:2rem;color:#9b9b9b;text-align:center;font-size:1.14286rem;border-radius:0 .14286rem .14286rem 0;position:absolute;top:.07143rem;right:.07143rem;bottom:.07143rem;height:auto}.simple-select .input .link-expand{background:#FAFFF8;border-left:.07143rem solid #dfdfdf;font-size:1.64286rem}.filter-popover .button-submit-filters{width:260px;letter-spacing:5px;padding:6px 0;color:#fff;background:#4b3;border-radius:2px;cursor:pointer;border:none}.filter-popover .button-submit-filters:hover{background:#2d9d5e}.search-results{margin:.71429rem 0 0;color:#666;line-height:2.28571rem}.search-results .count{color:#4b3;margin:0 .35714rem}.search-results .conditions{display:inline-block;font-size:0;margin:0 0 0 .28571rem;vertical-align:top}.search-results .conditions .condition-filter{margin:0 .28571rem 0 0}.search-results .conditions .condition{display:inline-block;font-size:.856rem;vertical-align:top}.condition-filter .link-remove-condition{display:inline-block;padding:5px 10px;color:#666;line-height:1rem;background:#f0f0f0;border-radius:3px}.condition-filter .link-remove-condition:hover{background:#dfdfdf;color:#4a4a4a}.condition-filter .link-remove-condition .icon{font-size:12px}.search-results .links{display:inline-block;vertical-align:top;margin:0 0 0 .35714rem}.search-results .links a{margin:0 .35714rem 0 0}.search-results .links .link-color{color:#4b3}.search-results .links .link-color:hover{color:#2d9d5e}.search-results .links .cancel-filter{color:#f5694b}.search-results .links .cancel-filter:hover{color:#ec5738}.social-tb td{line-height:40px}.case-name{font-size:28px;width:500px;height:50px;text-align:center;line-height:50px;border-top:0;border-left:0;border-right:0;border-bottom:1px dashed #e2e2e2;margin:0 auto;display:block}.pagination-wrapper{text-align:right;line-height:28px;margin-top:10px;float:right}.pagination-wrapper span{margin:0 10px;font-weight:700;color:#666}.add-autonomy-btn .icon{font-size:13px;margin-right:.37143rem}.autonomy-edit{color:#4b3}.autonomy-edit:hover{color:#2d9d5e}.autonomy-delete{color:#f5694b}.autonomy-delete:hover{color:#ec5738}.autonomy-delete,.autonomy-edit{margin:0 5px}.form-welfares-plan{margin:1.54286rem 0 0}.form-field{margin:0 0 12px}.form-field.plan-field .field-label{text-align:left;width:4.28571rem}.form-field .field-label{display:block;float:left;width:6.42857rem;height:2.14286rem;box-sizing:border-box;padding:.42857rem 0;line-height:1.35714rem;margin:0 .88571rem 0 .14286rem;color:#666;text-align:right;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.form-field .field-wrapper{display:block;position:relative}.form-field .field{font-weight:700;width:21.42857rem;border:1px solid #dfdfdf;border-radius:2px;background:#fff;padding:0 .5em;height:32px;line-height:32px;-webkit-transition:.2s border;transition:.2s border}.form-field select.field{box-sizing:content-box}.form-field .field:focus,.form-field .input:focus,.simple-select .text-field:focus{border:1px solid #4b3}.form-welfares-plan .form-field.plan-field .field-wrapper{padding-left:4.51429rem}.form-welfares-plan .calculator-wrapper,.form-welfares-plan .plan-entries-wrapper{margin:2.14286rem 0 0}.plan-entries-wrapper .title{margin-bottom:.71429rem}.plan-entries-wrapper .title:after{content:"";display:table;clear:both}.plan-entries-wrapper .title h3{float:left;line-height:2.21429rem;font-size:1rem;color:#333}.plan-entries-wrapper .title .system-plans{float:right;font-size:.82857rem;color:#9b9b9b}.system-plans .label{vertical-align:middle}.plan-entries-wrapper .title .system-plans .select-field,.plan-entries-wrapper .title .system-plans .simple-select{width:8.57143rem;margin-left:.35714rem;vertical-align:middle;display:inline-block}.company-round-rule-column,.personal-round-rule-column{width:100px}.simple-select{background:#fff}.plan-entries-wrapper .title .system-plans .plan-select:before{height:auto;bottom:1px}.entry-fields .plan-entry-table{width:100%;white-space:nowrap;table-layout:fixed}.entry-fields table th{padding:14px 5px 14px 10px;vertical-align:middle;text-align:left;border-top:1px solid #eee;border-bottom:1px solid #eee;color:#999;white-space:nowrap;font-size:12px;font-weight:400;background:#f8f8f8}.entry-fields .plan-entry-table td,.entry-fields .plan-entry-table th{white-space:nowrap}.entry-fields .plan-entry-table td{padding:.71429rem .42143rem}.entry-fields .plan-entry-table th.name-column{width:110px}.entry-fields .plan-entry-table th.align-right{padding-right:.42143rem}.entry-fields .plan-entry-table td.operate-column,.entry-fields .plan-entry-table th.operate-column{width:30px}.entry-fields .form-field .field,.entry-fields .form-field .unit-field{width:100px;max-width:100%}.entry-fields .form-field .select-field,.entry-fields .form-field .simple-select{width:100%;font-size:inherit}.align-right .form-field .field,.entry-fields .align-right{text-align:right}.entry-fields .plan-entry-table td .form-field{margin:0 15px 0 0}.unit-field{position:relative;display:inline-block}.form-field .unit-field .field{margin-right:2.28571rem}.unit-field .field-unit{display:block;width:30px;height:32px;line-height:32px;color:#9b9b9b;text-align:center;position:absolute;top:1px;right:0;transition:.2s border;-webkit-transition:.2s border}.link-delete{color:#f5694b}.link-delete:hover{color:red}.entry-fields .plan-entry-table .link-new{width:120px;height:32px;line-height:32px;border:1px solid #e2e2e2;display:block;color:#49e;border-radius:3px;text-align:center}.entry-fields .plan-entry-table .link-new:hover{color:#fff;background:#666;border:1px solid #666}.entry-fields .plan-entry-table .link-new .icon{font-size:.856rem;margin-right:.37143rem;vertical-align:top;margin-top:3px}.calculator-wrapper h3{line-height:2.21429rem;font-size:1rem;color:#333}.calculator-fields-wrapper{padding-top:.62146rem}.calculator-fields-wrapper .base-field{float:left;margin-right:2.14286rem}.calculator-fields-wrapper .field-label{text-align:left;width:4.41429rem}.calculator-fields-wrapper .field-wrapper{padding-right:40px}.calculator-fields-wrapper .base-field .field{width:11.42857rem}.calculator-fields-wrapper .calculate-button,.save-case-button{display:inline-block;background:#4b3;border:none;color:#fff;padding:.42857rem .85714rem;box-sizing:border-box;line-height:1.24286rem;border-radius:.28571rem;cursor:pointer;text-decoration:none;text-align:center}.calculator-fields-wrapper .calculate-button:hover,.save-case-button:hover{background:#2d9d5e}.field-wrapper .field-placeholder{min-height:2.14286rem;box-sizing:border-box;padding:.42857rem .42857rem .42857rem 0;line-height:1.35714rem;color:#999}.calculator-fields-wrapper .calculation-result .company-paid,.calculator-fields-wrapper .calculation-result .personal-paid{margin-right:1.42857rem}.field-desc,p.field-desc{margin:.57143rem 0 0;line-height:1.4;font-size:.85714rem;color:#9b9b9b}.form-buttons{padding:2.14286rem 0 0}.save-case-button{padding:.71429rem 1.14286rem}.form-employee-welfare .field-placeholder{min-height:2.14286rem;box-sizing:border-box;padding:.42857rem .42857rem 0 0;line-height:1.35714rem;color:#4b3;display:inline-block}.form-employee-welfare .form-field .field-hint{display:inline-block;margin:0 0 0 6px;line-height:32px;font-size:12px;color:#999}.rpopinput{cursor:pointer}.form-employee-welfare .form-field .field-pay-label{display:block;float:left;width:80px;line-height:34px;margin:0 1rem 0 0;color:#666;text-align:right;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.field-pay-select,.form-employee-welfare .select-field .select{background:#fff;padding:0 .5em;height:32px;line-height:32px;font-weight:700}.form-employee-welfare .form-field .field-pay-wrapper{display:block;position:relative;overflow:hidden}.form-employee-welfare .form-field .field{width:260px}.form-employee-welfare .simple-select{width:17.81714rem}.form-employee-welfare .select-field{display:inline-block;position:relative;width:21.42857rem;background-color:#fff}.form-employee-welfare .select-field .select{width:80px;border:1px solid #dfdfdf;border-radius:2px;-webkit-transition:.2s border;transition:.2s border}.field-pay-select{width:136px;border:1px solid #dfdfdf;border-radius:2px;-webkit-transition:.2s border;transition:.2s border}.pay-tabs-title{font-size:12px;height:45px;overflow:hidden;line-height:45px;color:#999;border-top:1px solid #eee;border-bottom:1px solid #eee}.pay-arrow,.pay-col,.pay-list-num,.pay-number{float:left;margin-left:10px;overflow:hidden;word-break:keep-all;text-overflow:ellipsis;white-space:nowrap}.pay-number{width:6%}.pay-col{width:16%;text-align:center}.pay-detail .pay-col{width:11%}.pay-arrow{padding-left:10px}.pay-arrow .icon{font-size:14px;color:#666;transition:.3s;-webkit-transition:.3s}.pay-list-num{width:5%;padding-left:50px}.pay-name{width:110px}.gross-pay,.payroll-deductions,.real-wage,.salary-amount,.withholding{width:130px}.pay-tabs-box,.pay-tabs-info{width:100%;height:auto;overflow:hidden}.pay-tabs-info.active .content-wrapper{padding:1.42857rem 0;height:auto;opacity:1;visibility:visible}.pay-tabs-info.active .pay-arrow .icon{-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform:rotate(90deg)}.pay-tabs-list{height:50px;line-height:50px;border-bottom:1px solid #f2f2f2;border-top:none;cursor:pointer}.pay-tabs-icon{padding-left:20px}.pay-tabs-list:hover{background:#f8f8f8}.pay-tabs-list:hover .pay-arrow .icon{color:#4b3;font-weight:700}.content-wrapper{background:#f6f6f6;overflow-y:hidden;border:1px solid #e8e8e8;border-top:none;visibility:hidden;height:0;padding:0;opacity:0;box-shadow:inset 0 6px 6px -6px rgba(0,0,0,.1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.content-wrapper:hover{background:#fcfcfc}.content-wrapper .summary{float:left;font-size:14px;width:220px;padding:0 10px;text-align:center}.content-wrapper .summary .persion-info{padding:12px 0 22px}.summary .persion-info img.avatar{display:inline-block;height:3.57143rem;margin:0 .71429rem 0 0;text-align:center;vertical-align:middle;width:3.57143rem;border-radius:50%;box-shadow:0 0 .28571rem 0 rgba(0,0,0,.15)}.summary .persion-info .names{margin:0;display:inline-block;vertical-align:middle;text-align:left}.summary .persion-info .names .name{line-height:200%;font-weight:bolder;font-size:1.14286rem;color:#4a4a4a}.summary .persion-info .names .job-title{line-height:200%;display:block}.summary .link{padding:16px 0}.summary .link a{color:#4b3}.summary .link a:hover{color:#2196F3}.summary .actions a{display:inline-block;margin:0 4px;padding:4px 12px;border:1px solid #ddd;border-radius:3px;background:#fff}.summary .actions a.color-cc:hover{border-color:#4b3}.summary .actions a.color-theme:hover{border-color:#f5694b}.content-wrapper .details{position:relative;padding:0 30px;border-left:1px solid #dfdfdf;font-size:14px;overflow:hidden}.content-wrapper .details .inner-tb{width:100%;color:#666}.content-wrapper .details tbody tr:hover{background:#eee}.content-wrapper .details td,.content-wrapper .details th{padding:0 6px;line-height:30px;text-align:right}.content-wrapper .details tr td:first-child,.content-wrapper .details tr th:first-child{text-align:left}.content-wrapper .no-data{padding:54px 0;text-align:center;color:#aaa;font-size:16px}.content-wrapper .no-data .icon{margin-bottom:15px;font-size:100px;color:#ccc}.payment{display:inline-block;line-height:1.8;text-align:left}.payment .tit{float:left;width:100px;text-align:right;color:#999}.pay-history{margin-top:30px;padding-left:15px}.pay-history .item{position:relative;padding:0 0 30px 25px;border-left:1px solid #ddd}.pay-history .mark{position:absolute;left:-8px;top:-2px;width:15px;height:15px;background:#bbb;border-radius:50%}.pay-history .time{float:left;color:#999;width:50px}.pay-history .wrap{overflow:hidden}.pay-history .desc{margin-top:10px;color:#999;line-height:24px}