*{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}li{list-style:none;vertical-align:top}a{cursor:pointer}body,html{width:100%;min-width:1200px;background-color:#f0f3f4}p{margin:0}.clearfix:after{display:block;content:"clear";clear:both;line-height:0;visibility:hidden}button{border:none;outline:none}#root{height:100%}#modal{position:fixed;width:100%;top:51%;padding-top:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:rgba(0,0,0,.12);z-index:1001}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{border-radius:7px;-webkit-box-shadow:inset 0 0 5px #d8d8d8;background:#d8d8d8}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px #eee;border-radius:0;background:#eee}.main-header .logo-wrapper{display:inline-block;width:200px;padding:0 8px 0 30px}.main-header .logo-wrapper img{width:100%}.main-header .desc-wrapper{display:inline-block;height:30px;line-height:30px;vertical-align:middle;border-left:1px solid #fff;padding-left:20px}.main-header .desc-wrapper span{font-size:18px}.main-header .user-wrapper{display:inline-block;min-width:260px;height:30px;line-height:30px;float:right;margin-top:25px;margin-right:50px;border-left:1px solid #fff}.main-header .user-wrapper span{padding-right:20px;vertical-align:middle;font-size:16px;color:#fff}.main-header .user-wrapper img:first-child{margin-left:28px;margin-right:15px;height:34px}.main-header .user-wrapper img:nth-child(2){height:24px;cursor:pointer}.left-sidebar ul li{margin:10px auto!important}.project-modal-wrapper{position:absolute;top:48%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:560px;padding:30px;background:#fff;opacity:1;box-shadow:0 3px 10px 0 rgba(34,34,34,.12);z-index:1200}.project-modal-wrapper .close-btn{position:absolute;right:30px;top:30px;width:25px;height:25px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbBAMAAAB/+ulmAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAASUExURUxpcZWZoZWXn5+fn5SZopeXn0zmuFoAAAAGdFJOUwA+6xhuQO5eMj4AAABCSURBVBjTY2CgJTAEk4wGUK6QAIIEiSvCCIQ0XBIsgyQJkkKSBEqrKKLY5eTAgFsWVS+ayaj2orkKIhEkgN1HtAEAp+AEu85MlR0AAAAASUVORK5CYII=);cursor:pointer}.project-modal-wrapper .modal-title-wrapper h1{margin:0;font-weight:700;font-size:20px;color:#333}.project-modal-wrapper .modal-main-wrapper{margin-top:32px}.project-modal-wrapper .modal-main-wrapper .form-inline{margin-top:14px}.project-modal-wrapper .modal-main-wrapper .btn-group{width:100%;margin-top:40px;text-align:right}.project-modal-wrapper .modal-main-wrapper .btn-group button{border-radius:4px;margin-left:32px;text-align:center;width:74px}.project-modal-wrapper .modal-main-wrapper .btn-group button.sure{color:#fff;background:#2b89fb}.project-modal-wrapper .modal-main-wrapper .btn-group button.cancel{color:#95979f;background:#fff;border:1px solid #a8b4c2}.send-email-wrapper{position:absolute;top:48%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:460px;padding:30px;background:#fff;opacity:1;box-shadow:0 3px 10px 0 rgba(34,34,34,.12);z-index:1200}.send-email-wrapper .close-btn{position:absolute;right:30px;top:28px;width:20px;height:20px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbBAMAAAB/+ulmAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAASUExURUxpcZWZoZWXn5+fn5SZopeXn0zmuFoAAAAGdFJOUwA+6xhuQO5eMj4AAABCSURBVBjTY2CgJTAEk4wGUK6QAIIEiSvCCIQ0XBIsgyQJkkKSBEqrKKLY5eTAgFsWVS+ayaj2orkKIhEkgN1HtAEAp+AEu85MlR0AAAAASUVORK5CYII=);cursor:pointer}.send-email-wrapper .modal-title-wrapper h1{margin:0;font-weight:700;font-size:18px;color:#333}.send-email-wrapper .modal-main-wrapper{margin-top:32px}.send-email-wrapper .modal-main-wrapper .form-inline{margin-top:14px}.send-email-wrapper .modal-main-wrapper .form-inline .form-label{font-family:PingFangSC-Regular;color:#7b8896;font-weight:400}.send-email-wrapper .modal-main-wrapper .form-inline .ant-select-auto-complete{width:100%}.send-email-wrapper .modal-main-wrapper .form-inline .ant-checkbox-wrapper{width:100%;margin:5px 0;font-family:PingFangSC-Regular;color:#7b8896;font-weight:400}.send-email-wrapper .modal-main-wrapper .btn-group{width:100%;text-align:center}.send-email-wrapper .modal-main-wrapper .btn-group .sending{height:40px;margin-bottom:10px}.send-email-wrapper .modal-main-wrapper .btn-group button{background:#2b89fb;border-radius:2px;width:220px;height:40px;font-family:SFProText-Medium;font-size:16px;color:#fff}.project-wrapper{height:520px;padding:20px}.project-wrapper .project-head-box button{height:40px;padding:0 25px;background:#2b89fb;border-radius:2px;color:#fff;font-size:16px}.project-wrapper .project-head-box button.project-head-export{float:right;margin-left:20px}.project-wrapper .project-head-box button.project-head-delete{float:right;background:#fff;border:1px solid #fb442b;color:#fb442b}.project-wrapper .project-body-box{margin-top:20px}.project-wrapper .project-body-box .ant-table thead{font-size:16px}.project-wrapper .project-body-box .ant-table .ant-checkbox-disabled{display:none}.project-wrapper .project-body-box .ant-table .ant-table-hide-scrollbar{margin-right:-20px}.project-wrapper .project-body-box .ant-table .ant-table-body .price{padding-left:6px}.project-wrapper .project-body-box .ant-table .ant-table-body .price span{margin:auto 1px}.project-wrapper .project-body-box .ant-table .ant-table-body .name-box .folder-img{width:30px}.project-wrapper .project-body-box .ant-table .ant-table-body .name-box span{margin:auto 10px auto 25px;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;max-width:50%;display:inline-block;overflow:hidden}.project-wrapper .project-body-box .ant-table .ant-table-body .contains-box span{margin:auto 2px}.project-wrapper .project-body-box .ant-table .ant-table-body .operate-box{text-align:center}.project-wrapper .project-body-box .ant-table .ant-table-body .operate-box img{margin:auto 20px;cursor:pointer}.operate-drop-down ul span{vertical-align:middle;margin-left:13px}.export-drop-down ul li span{vertical-align:middle;margin-left:11px}.add-invoice-to-project-modal-wrapper{position:absolute;top:48%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:560px;padding:30px;background:#fff;opacity:1;box-shadow:0 3px 10px 0 rgba(34,34,34,.12);z-index:1200}.add-invoice-to-project-modal-wrapper .close-btn{position:absolute;right:30px;top:30px;width:25px;height:25px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbBAMAAAB/+ulmAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAASUExURUxpcZWZoZWXn5+fn5SZopeXn0zmuFoAAAAGdFJOUwA+6xhuQO5eMj4AAABCSURBVBjTY2CgJTAEk4wGUK6QAIIEiSvCCIQ0XBIsgyQJkkKSBEqrKKLY5eTAgFsWVS+ayaj2orkKIhEkgN1HtAEAp+AEu85MlR0AAAAASUVORK5CYII=);cursor:pointer}.add-invoice-to-project-modal-wrapper .modal-title-wrapper h1{margin:0;font-weight:700;font-size:20px;color:#333}.add-invoice-to-project-modal-wrapper .modal-main-wrapper{margin-top:32px}.add-invoice-to-project-modal-wrapper .modal-main-wrapper .form-inline{margin-top:14px}.add-invoice-to-project-modal-wrapper .modal-main-wrapper .form-inline .search-value{width:100%}.add-invoice-to-project-modal-wrapper .modal-main-wrapper .add-new{margin:16px auto}.add-invoice-to-project-modal-wrapper .modal-main-wrapper .add-new button{width:120px;background:#2b89fb;border-radius:2px;font-family:PingFangSC-Medium;color:#fff}.add-invoice-to-project-modal-wrapper .modal-main-wrapper .add-new input{width:80%;margin-right:20px}.add-invoice-to-project-modal-wrapper .modal-main-wrapper .add-new .anticon{margin:auto 10px;cursor:pointer}.add-invoice-to-project-modal-wrapper .modal-main-wrapper .btn-group{width:100%;margin-top:40px;text-align:right}.add-invoice-to-project-modal-wrapper .modal-main-wrapper .btn-group button{border-radius:4px;margin-left:32px;text-align:center;width:74px}.add-invoice-to-project-modal-wrapper .modal-main-wrapper .btn-group button.sure{color:#fff;background:#2b89fb}.add-invoice-to-project-modal-wrapper .modal-main-wrapper .btn-group button.cancel{color:#95979f;background:#fff;border:1px solid #a8b4c2}.ant-modal{position:absolute;top:40%;left:0;right:0;-webkit-animation:unset;animation:unset;-webkit-transform-origin:unset!important;transform-origin:unset!important}.invoice-wrapper{position:relative;height:470px;padding:20px}.invoice-wrapper .invoice-head-box button{height:40px;padding:0 25px;background:#2b89fb;border-radius:2px;color:#fff;font-size:16px}.invoice-wrapper .invoice-head-box button:nth-child(2){float:right;margin-left:20px}.invoice-wrapper .invoice-head-box button:nth-child(3){float:right;background:#fff;border:1px solid #fb442b;color:#fb442b}.invoice-wrapper .invoice-body-box{position:relative;margin-top:20px;height:400px}.invoice-wrapper .invoice-body-box .ant-table thead{font-size:16px}.invoice-wrapper .invoice-body-box .ant-table .ant-table-body{overflow:auto!important}.invoice-wrapper .invoice-body-box .ant-table .ant-table-body td .price span{margin:auto 1px}.invoice-wrapper .invoice-body-box .ant-table .ant-table-body td .price span:nth-child(2){margin-right:9px}.invoice-wrapper .invoice-body-box .ant-table .ant-table-body td .change-field{color:#fb442b}.invoice-wrapper .invoice-body-box .ant-table .ant-table-hide-scrollbar{margin-right:-20px}.invoice-wrapper .invoice-body-box .uploading-invoice-btn-box{position:absolute;bottom:0;text-align:center;width:100%}.invoice-wrapper .invoice-body-box .uploading-invoice-btn-box button{height:40px;width:20%;min-width:200px;border-radius:2px;border:1px solid #2b89fb;background:#2b89fb;color:#fff;margin:auto 40px}.invoice-wrapper .invoice-body-box .uploading-invoice-btn-box button:first-child{border:1px solid #2b89fb;background:#fff;color:#2b89fb}.invoice-wrapper .invoice-foot-box{position:absolute;bottom:-60px;width:100%;text-align:center}.invoice-detail-wrapper .invoice-detail-head-box button{height:40px;padding:0 25px;background:#2b89fb;border-radius:2px;color:#fff;font-size:16px}.invoice-detail-wrapper .invoice-detail-body-box{margin-top:25px}.invoice-detail-wrapper .invoice-detail-body-box .left-img-box{display:inline-block;width:55%;margin-right:3%;height:650px;text-align:center;overflow:auto}.invoice-detail-wrapper .invoice-detail-body-box .left-img-box .img-box{height:100%;width:100%}.invoice-detail-wrapper .invoice-detail-body-box .left-img-box .img-box .draw-rectangle{position:absolute;border:2px solid #2b89fb;overflow:hidden;z-index:2;display:none}.invoice-detail-wrapper .invoice-detail-body-box .left-img-box .img-box img{max-width:100%;max-height:100%}.invoice-detail-wrapper .invoice-detail-body-box .right-invoice-box{display:inline-block;width:42%;text-align:center;height:650px;background:#fff;vertical-align:top;overflow:auto;padding:40px 0 30px}.invoice-detail-wrapper .invoice-detail-body-box .right-invoice-box .form-inline{margin-bottom:20px}.invoice-detail-wrapper .invoice-detail-body-box .right-invoice-box .form-inline label{width:20%;font-size:16px;font-weight:400;color:#555;text-align:right;vertical-align:top;margin-right:21px}.invoice-detail-wrapper .invoice-detail-body-box .right-invoice-box .form-inline .ant-time-picker,.invoice-detail-wrapper .invoice-detail-body-box .right-invoice-box .form-inline .date-picker{width:60%}.invoice-detail-wrapper .invoice-detail-body-box .right-invoice-box .form-inline .ant-time-picker input,.invoice-detail-wrapper .invoice-detail-body-box .right-invoice-box .form-inline .date-picker input{width:100%}.invoice-detail-wrapper .invoice-detail-body-box .right-invoice-box .form-inline .ant-select{width:60%}.invoice-detail-wrapper .invoice-detail-body-box .right-invoice-box .form-inline .ant-select input{width:100%}.invoice-detail-wrapper .invoice-detail-body-box .right-invoice-box .form-inline input,.invoice-detail-wrapper .invoice-detail-body-box .right-invoice-box .form-inline textarea{width:60%}.invoice-detail-wrapper .invoice-detail-body-box .right-invoice-box .form-inline.price input{width:40%}.invoice-detail-wrapper .invoice-detail-body-box .right-invoice-box .form-inline.price div{width:20%;display:inline-block;vertical-align:text-bottom;text-align:right;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.invoice-detail-wrapper .invoice-detail-body-box .right-invoice-box .form-inline.price div .equal{display:inline-block;width:10%}.invoice-detail-wrapper .invoice-detail-body-box .right-invoice-box .form-inline.price div .default-currency-name{display:inline-block;width:30%}.invoice-detail-wrapper .invoice-detail-body-box .right-invoice-box .form-inline.price div .convert-total{display:inline-block;vertical-align:top;width:50%;margin-left:3%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.invoice-detail-wrapper .invoice-detail-body-box .right-invoice-box .change-field .ant-select,.invoice-detail-wrapper .invoice-detail-body-box .right-invoice-box .change-field input{color:#fb442b}.invoice-detail-wrapper .invoice-detail-body-box .right-invoice-box .btn-group{margin-top:45px;width:85%;text-align:right}.invoice-detail-wrapper .invoice-detail-body-box .right-invoice-box .btn-group button{background:#2b89fb;border-radius:2px;height:40px;width:130px;margin-left:32px;color:#fff}.invoice-detail-wrapper .invoice-detail-foot-box{text-align:center;margin-top:30px}.receipts-wrapper{margin:10px 20px}.receipts-wrapper .head-box .project-name{font-family:SFProText-Semibold;font-size:32px;color:#000;white-space:nowrap;text-overflow:ellipsis;max-width:80%;display:inline-block;overflow:hidden}.receipts-wrapper .head-box button{float:right;background:#2b89fb;border-radius:2px;color:#fff;font-size:16px;height:44px;width:13%;min-width:150px}.receipts-wrapper .progress-box{height:22px}.receipts-wrapper .progress-box .ant-progress-inner{background-color:#deb1b1}.receipts-wrapper .search-box{margin:10px auto;height:170px;background:#fff;padding:22px 10px}.receipts-wrapper .search-box .search-item{margin:15px auto}.receipts-wrapper .search-box .search-item .search-key{width:15%;margin-right:3%}.receipts-wrapper .search-box .search-item .search-value{width:55%}.receipts-wrapper .search-box .reset{margin:15px auto;text-align:right}.receipts-wrapper .search-box .reset button{padding:0 35px;background:#2b89fb;border-radius:2px;color:#fff}.receipts-wrapper .body-box{background:#fff}.new-drop-down ul{width:100%;text-align:center}.new-drop-down ul .upload-invoice{display:inline-block;width:100%}.main-layout{width:100%;min-width:1200px;height:100%}.main-layout .ant-layout{height:100%}.main-layout .ant-layout .ant-layout-header{height:80px;line-height:80px;width:100%;background-color:#2b89fb;box-shadow:0 4px 24px 0 rgba(37,38,94,.1);color:#fff;padding:0}.main-layout .ant-layout .ant-layout-sider{background-color:#fff}.main-layout .ant-layout .ant-layout-content{padding:40px 10px 10px}