.dialog-btn,.payment-record div:nth-of-type(2),.personal-main,.social-detail,personal-basic ul{clear:both}.personal-header .fl h3{display:inline-block;margin-right:20px;font-weight:700;color:#4A4A4A}.personal-header .fl a{color:#999;display:inline-block}.personal-header .fr{height:40px;background:#fff;border:1px solid #e3e3e3;color:#4B3;padding:0 24px;font-size:16px;border-radius:2px;text-align:center;line-height:40px}.personal-header .fr:hover{background:#999;color:#fff}.personal-main{width:70%;padding-top:30px;margin:0 auto}.personal-photo{width:100px;height:100px;display:inline-block;background:#e2e2e2;border-radius:50%;float:left}.personal-photo img{width:100%;border-radius:50%}.personal-content{display:inline-block;margin-left:50px;float:left;width:82%}.personal-basic{border-bottom:1px solid #e2e2e2;padding-bottom:50px;margin-bottom:40px}div.personal-basic:last-child{border:none}.personal-basic .title{width:100%;height:40px;position:relative}.personal-basic h4{color:#4A4A4A;height:40px;font-size:16px;font-weight:700}.personal-basic li span{display:inline-block;width:120px;line-height:40px;color:#999}.personal-basic li i{margin-left:20px;color:#45BFF9;display:none}#select-sex{width:340px;float:none}#select-sex>i{top:0}#select-sex .downlist{top:30px;left:0}#select-phone{float:none;height:40px;line-height:40px}#select-phone>input{width:125px;margin:0}#select-phone .add-select-down{top:-40%}#select-phone .downlist{top:30px;left:0}.masklayer-main-item #num{height:40px;line-height:40px;border:1px solid #e2e2e2}.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}.page-summary{padding:20px 0;height:auto;overflow:hidden;background:#f6f6f6;border-top:1px solid #e2e2e2;margin-bottom:20px}.page-summary li{width:33%;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:#4a4a4a;font-size:24px;margin:10px 0 0}.page-summary li .param .value a{display:inline-block;width:40px;height:20px;line-height:20px;text-align:center;border:1px solid #e2e2e2;color:#4b3;margin-left:10px;border-radius:2px;font-size:14px;background:#fff}.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}.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;display:inline-block;line-height:18px;cursor:pointer}.filters.active .button-toggle-filters,.filters:hover .button-toggle-filters{color:#2d9d5e;border:1px solid #4b3}.filters .button-toggle-filters .icon{font-size:12px;margin-right:6px}.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}.payment-adjust{width:400px;display:none}.payment-adjust .masklayer-main-item{margin-left:60px}.add-remark{display:none}.add-remark .masklayer-main-item p,.payment-record div{display:inline-block}.add-remark-item{position:relative}.add-remark-item label{position:absolute;top:0}.add-remark-item textarea{margin-left:150px;height:80px;width:280px;padding:10px}.payment-record{width:100%;clear:both;font-size:12px;margin-top:30px}.payment-record div{line-height:25px}.payment-record-date{width:150px;float:left}.payment-record-date i{float:left;margin-right:15px;color:#999}.payment-record-date p{color:#999}.payment-record-content i{color:#0271BC;margin-left:15px;cursor:pointer;display:none}.payment-record-name{color:#999;line-height:30px}.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-col{width:12%;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{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;border-right:1px solid #e2e2e2}.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-top:15px}.summary .persion-info .names .name{line-height:200%;font-weight:bolder;font-size:1.14286rem;color:#4a4a4a}.summary .persion-info .names .name:hover{color:#0271BC}.summary .persion-info .names .job-title{display:block;color:#999}.summary .link{padding:16px 0}.summary .link p:nth-of-type(2){font-size:20px;font-weight:700}.content-wrapper .details{position:relative;padding:0 30px;border-left:1px solid #dfdfdf;font-size:14px;overflow:hidden}.content-wrapper .details-minus,.content-wrapper .details-plus{float:left;margin-right:80px}.content-wrapper ul li{line-height:30px}.content-wrapper ul span{display:inline-block;width:100px;text-align:right;color:#999}.content-wrapper .details-plus span:nth-of-type(2){color:#46BB3E;position:relative}.content-wrapper .details-minus span:nth-of-type(2){color:#F75;position:relative}.content-wrapper ul span i{color:#999;position:absolute;right:-25px;cursor:pointer}.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}.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}.page-shebao li{width:25%}.pay-item{width:18%}.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,.payment{text-align:left}.payment{display:inline-block;line-height:1.8;margin-bottom:20px}.payment .tit{float:left;width:100px;text-align:right;color:#999}.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}.field-pay-select,.form-field .field{border:1px solid #dfdfdf;padding:0 .5em;line-height:32px;-webkit-transition:.2s border;font-weight:700;background:#fff;height:32px}.form-employee-welfare .form-field .field{box-sizing:content-box}#add-shebao-date{width:135px}#add-shebao-date input{height:32px;line-height:32px}.field-pay-select{width:136px;border-radius:2px;transition:.2s border}.form-field{margin:0 0 12px}.form-field .field{width:21.42857rem;border-radius:2px;transition:.2s border}.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}.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;font-weight:700;background:#fff;padding:0 .5em;height:32px;line-height:32px}.amend-layer{position:absolute;top:35%;left:35%}.file-content{display:block;float:right;position:relative;width:60%;text-align:left}.personal-basic .title input{font-size:18px;display:block;opacity:0;width:120px}.personal-basic .title a{width:120px;height:35px;display:block;line-height:35px;text-align:center;border:1px solid #e2e2e2;border-radius:5px;font-size:16px;color:#4B3;position:absolute;top:0;right:0}.flexslider{margin:0}.flexslider li{margin-right:10px}.flexslider li img{height:200px!important}.masklayer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:11;background:rgba(0,0,0,.4);display:none}.masklayer div{top:25%;left:30%;width:800px;position:relative}.masklayer div img{width:100%}.masklayer .icon{position:absolute;top:-10px;right:-50px;color:#fff;font-size:35px;cursor:pointer}.personal-basic .sort{width:50%}.personal-basic .action{width:44%}.personal-basic .sort span{display:inline-block;width:25%;margin-right:20px;text-align:center;line-height:30px;border:1px solid #e2e2e2;margin-bottom:20px;cursor:pointer}.personal-basic .sort span.active,.personal-basic .sort span:hover{background:#4B3;color:#fff}.personal-basic .action input[type=text]{width:100%;height:30px;border:1px solid #e2e2e2;margin-bottom:20px;padding-left:10px}.personal-basic .action input[type=button]{display:block;width:80px;height:35px;background:#4B3;border-radius:3px;border:none;color:#fff;font-size:16px;margin:0 auto;cursor:pointer}.personal-basic li span b{color:#f5694b}