body{font-family:OPPOSans-R,OPPOSans,sans-serif;font-weight:400}.block-title,.bold,h2{font-family:OPPOSans-B,OPPOSans,sans-serif;font-size:36px;font-weight:700;line-height:1.5}.subtitle .medium,h3{font-family:OPPOSans-M,OPPOSans,sans-serif;font-weight:500;font-size:26px}.r,h5{font-family:OPPOSans-R,OPPOSans,sans-serif;font-weight:400;font-size:18px}.subtitle{color:#05f}.content{font-size:14px}.block{padding-top:77px}.block-major{padding:77px 0 80px}.hrpage-block{margin:0 auto;width:1440px}.block-middle{display:block;text-align:center;margin:0 auto}.hrsaas-revert{overflow:revert}.block-bg-img20{background-image:url(/static/assets-new/images/individualPages/web-image20.png);background-color:#f5f9fe;background-size:cover;background-repeat:no-repeat}.position-img2{resize:auto;position:absolute;top:160px;left:10px;width:98%}.position-z99{z-index:99}.btn-box{width:100%;padding:35px 0 0}.btn-box,.index-banner-button2{text-align:center;display:inline-block}.index-banner-button2{padding:0 5px;height:40px;line-height:40px;border-radius:21px;border:1px solid #05f;color:#05f}.index-banner-button2:hover{background-color:#004bf8;color:#fff}.data-circular-mark{opacity:1;margin-right:10px;width:12px;height:12px;display:inline-block;border-radius:100%}.bg-major{background-color:#f2f3f8}.bg-major3{background-color:#f7fafe}.font-color-blue{color:#05f}.font-color-white{color:#fff}.bg-007aff{background:#05f}.bg-76D89E{background:#76d89e}.hrsaas-overwrite .block-title{text-align:center;display:inline;line-height:1;color:#001524;-webkit-transform:translateY(300px);transform:translateY(300px)}.hrsaas-overwrite .block-title h2{padding-bottom:15px}.industry-cases{width:1360px;margin:0 auto}.industry-cases-item:first-child{padding-top:0}.industry-cases-item{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding-top:30px}.industry-cases-item .cases-category{text-align:left;display:flow;margin-top:40px;font-size:18px;width:130px;min-width:130px;padding:0 0 0 20px}.industry-cases-item .cases-list{display:-webkit-box;display:-ms-flexbox;display:flex}.industry-cases .cases-list-item{margin-left:30px;margin-top:30px;width:380px;height:290px;display:block;border:1px solid #f1f1f1;overflow:hidden;border-radius:10px;background:#fff;text-align:left}.industry-cases .cases-list-item .cases-logo{width:100%;height:50%;overflow:hidden}.industry-cases .content-logo{height:170px;overflow:hidden}.industry-cases .content-logo img{height:100%}.industry-cases .cases-list-item img{display:inline;width:100%;height:auto;-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s}.industry-cases-item .cases-dynamic-item{display:block;height:100%;position:relative}.industry-cases-item .cases-dynamic-item .sImg{height:80px;width:80px;border-radius:8px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:125px;left:20px;-webkit-box-shadow:0 9px 15px 0 rgba(122,137,233,.15);box-shadow:0 9px 15px 0 rgba(122,137,233,.15);overflow:hidden}.industry-cases .cases-date{margin-top:14px;font-size:13px;padding:0 10px;color:#999}.industry-cases .cases-list-item .cases-description{width:100%;padding:0 10px;line-height:20px;margin-top:20px;height:40px;color:#001524;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.industry-cases-item .cases-dynamic-item .cases-company-name{color:#05f;line-height:54px;text-align:left;padding-left:120px;padding-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.industry-cases-item .cases-dynamic-item .cases-company-description{color:#001524;font-size:14px;line-height:23px;text-align:left;padding:12px 20px 0;overflow:hidden;text-overflow:ellipsis;max-height:82px;-webkit-line-clamp:2}.example-enterprise-imgbg-tl{position:absolute;top:122px;left:117px;background-position-x:20px}.example-enterprise-imgbg-br{position:absolute;bottom:14px;right:117px;background-position-x:20px}.example-enterprise .example-card{height:320px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.example-enterprise .example-ico-logo{width:255px;line-height:320px;background-repeat:no-repeat;background-attachment:local;background-position:50%;background-image:url({{staticRootPath}}/assets-new/images/hrsaas/web-ico-29.png)}.example-enterprise .example-card .example-left,.example-enterprise .example-card .example-right{z-index:99;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0;width:572px}.example-enterprise .example-card .example-left{margin-right:-40px}.example-enterprise .example-card .example-right{margin-left:-32px;font-family:OPPOSans-M,OPPOSans,sans-serif}.example-enterprise .example-card .example-left .content,.example-enterprise .example-card .example-right .content{line-height:1.3;font-size:14px;text-align:left}.example-enterprise .example-card .example-left .content{width:420px}.example-enterprise .example-card .example-right .content{width:378px}.example-enterprise .example-card .example-right .after-use{padding-left:78px}.example-enterprise .example-card .example-left .content p,.example-enterprise .example-card .example-right .content p{margin-top:15px}.example-enterprise .example-card .after-use,.example-enterprise .example-card .before-use{line-height:328px;padding:0 15px;font-size:18px;font-weight:700}.paper-list-down{width:80px;line-height:30px;text-align:center;display:block;font-size:14px;height:30px;margin-left:20px;background:#44b0ff;color:#fff;border-radius:4px}.example-enterprise .example-card .example-left:after{height:300px;width:538px;background:#000;-webkit-clip-path:polygon(90% 100%,90% 10%,100% 10%,100% 40%,100% 60%,100% 80%,100% 100%);clip-path:polygon(90% 100%,90% 10%,100% 10%,100% 40%,100% 60%,100% 80%,100% 100%)}.hrsaas-sense .payroll-service{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-weight:400}.hrsaas-sense .payroll-service .item-content{position:relative;margin-top:30px;border-radius:10px;background:#fff;-webkit-box-shadow:4px 3px 17px 4px rgba(122,137,233,.15);box-shadow:4px 3px 17px 4px rgba(122,137,233,.15)}.hrsaas-sense .payroll-service .item-title{color:#fff;background:#05f;padding:10px 20px;border-radius:27px}.hrsaas-sense .payroll-service .item-text{width:250px;font-size:14px;padding:40px 30px;border-radius:4px;color:#535353;line-height:1.5;font-weight:400;letter-spacing:1.2px}.hrsaas-sense .payroll-service .payroll-service-items{height:330px;font-size:14px;padding:30px 25px}.hrsaas-sense .payroll-service .payroll-service-items img{height:50px;width:50px}.hrsaas-sense .payroll-service .payroll-service-items a{color:#05f;cursor:pointer}.hrsaas-sense .payroll-service .payroll-service-items .btn-box-gotonow{position:absolute;width:100%;height:18px;font-size:14px;font-weight:400;line-height:18px;bottom:20px}.logo-content{background-color:#fff}.logo-content .index-logoitem{float:left;width:215px;height:70px;text-align:center;margin:16px 18px}.logo-content .index-logoitem img{width:92%;height:92%}.appointment{background:#f7f8f9}.appointment-form{width:800px;margin:124px auto 80px;background-color:#fff;padding:40px 0;border-radius:4px}.appointment-form input::-webkit-input-placeholder,.appointment-form textarea::-webkit-input-placeholder{color:#999}.appointment-form input{height:36px;display:block;line-height:34px;padding:0 10px}.appointment-form input,.appointment-form textarea{width:100%;background:0 0;border:1px solid #dbdbdb;border-radius:4px;color:#999;outline:0;font-size:14px}.appointment-form input:focus,.appointment-form textarea:focus{border-color:#44b0ff;color:#333}.appointment-form input:focus::-webkit-input-placeholder,.appointment-form textarea:focus::-webkit-input-placeholder{color:#333}.appointment-form input.warning,.appointment-form textarea.warning{border-color:#ff6621}.appointment-form textarea{padding:12px;line-height:18px;overflow-x:hidden}.appointment-form__title{font-size:32px;line-height:45px;text-align:center}.appointment-form__content{width:400px;margin:0 auto;padding-top:16px}.appointment-form__checkbox{width:16px;margin:0 8px;height:16px;position:relative}.appointment-form__checkbox input,.appointment-form__checkbox span{position:absolute;top:0;left:0;bottom:0;width:100%;z-index:0;background-color:transparent}.appointment-form__checkbox input{opacity:0;z-index:1}.appointment-form__checkbox span{border:1px solid #dbdbdb}.appointment-form__checkbox input:checked+span{background-color:#44b0ff;border:none}.appointment-form__checkbox input:checked+span:after{content:"✓";font-size:15px;display:block;position:relative;top:-2px;left:2px;color:#fff;width:12px}.appointment-form__item{margin-top:10px}.appointment-form__item--lable{display:block;font-size:14px;margin-bottom:4px;line-height:20px;text-align:left}.appointment-form__item--lable:after{content:"*";color:#fe443f;margin-left:2px}.appointment-form__item--lable.not-require:after{display:none}.appointment-form__item--code input{width:270px}.appointment-form__item--code a{width:120px;margin-left:10px;line-height:36px;text-align:center;border-radius:4px;font-size:14px;color:#666;border:1px solid #dbdbdb}.appointment-form__item .select2-container--default .select2-selection--single .select2-selection__rendered{height:36px;line-height:34px;border-radius:4px;text-align:left;padding-left:10px}.appointment-form__more .appointment-form__item--lable:after{display:none}.appointment-form__more .appointment-form__item--checkbox{width:13px;margin:4px 8px}.appointment-form .form-code__btn--disabled{cursor:not-allowed;background-color:#999;color:#f1f1f1}.appointment-form__btn{display:block;margin-top:40px;height:45px;line-height:45px;border-radius:6px;background-color:#44b0ff;text-align:center;font-size:16px;color:#fff}.appointment-form__text{font-size:13px;color:#666;margin-top:16px;text-align:center}.appointment-form .select2-container--default,.appointment-form .select2-results__option{font-size:14px}.appointment-form .select2-container--default.select2-container--focus .select2-selection--multiple{border:1px solid #dbdbdb}.appointment-form .select2-container{margin-bottom:0}.appointment-form .select2-selection{min-height:36px}.appointment-form .err-input{color:#fe443f;border-color:#fe443f}.appointment-form .err-input+.select2-container--default .select2-selection--multiple,.appointment-form .err-input+.select2-container--default .select2-selection__rendered{border-color:#fe443f}.appointment-form .err-input+.select2-container--default .select2-search__field::-webkit-input-placeholder,.appointment-form .err-input+.select2-container--default .select2-selection__placeholder{color:#fe443f}.appointment-form .err-input::-webkit-input-placeholder{color:#fe443f}.appointment-form .select2-container--default .select2-selection--multiple .select2-selection__rendered{padding-left:10px}.appointment-form .select2-container--default .select2-selection--multiple .select2-selection__rendered li{font-size:14px;margin-top:8px}.appointment-form .select2-container--default .select2-selection--single .select2-selection__placeholder{font-size:14px}.appointment-form .select2-selection--multiple .select2-search--inline .select2-search__field{display:block;margin-top:0;line-height:20px}@media only screen and (max-width:767px){.appointment-form{width:100%;margin:0;padding:.4rem 0}.appointment-form__title{font-size:18px;line-height:30px}.appointment-form__content{padding-top:0;width:3.35rem}.appointment-form__item{margin-top:.1rem}.appointment-form__item--code input{width:2.2rem}.appointment-form__item--code a{margin-left:.1rem;width:1.05rem}.appointment-form__btn{margin-top:.36rem}.appointment .m-icon-menu,.appointment .nav-to-en{color:#44b0ff}}.form{width:300px;padding:0;margin:0 auto}.form-title{margin-bottom:24px;font-size:18px}.form .appointment-form__item--code input{width:170px}.form-btn{clear:both;display:block;height:42px;line-height:42px;border-radius:4px;background-color:#44b0ff;color:#fff;margin-top:20px;font-size:18px}div#last-div~div.last-show{display:block!important}@media only screen and (max-width:767px){.form{width:90%}.form-title{margin-bottom:.16rem;font-size:16px}.form-btn{font-size:14px}.form .appointment-form__item--code{display:-webkit-box;display:-ms-flexbox;display:flex}.form .appointment-form__item--code input{width:120px}.form .appointment-form__item--code a{margin-left:10px;width:104px}}.block-six{width:100%;position:relative;height:678px;z-index:10;display:flow;text-align:center;background:url(/static/assets-new/images/hrsaas/web-bg-1.jpg) no-repeat bottom;background-size:cover;color:#fff}.block-six h2{padding-top:80px;font-size:36px;font-weight:bolder}.hrpage-block-footer-box{position:absolute;bottom:0;width:100%}.hrpage-block-footer-box .hrpage-block-footer-bg{position:relative;height:164px;overflow:hidden}.hrpage-block-footer-box .hrpage-block-footer-bg .footer-bg1{-webkit-transform:scaleX(-1);transform:scaleX(-1);right:0;position:absolute}.hrpage-block-footer-box .hrpage-block-footer-bg .footer-bg2{left:0;position:absolute}@media (max-width:1500px){.hrpage-block{width:1000px}.block-six,.industry-cases,.layout-footer{min-width:1000px}.industry-cases{width:1000px}.industry-cases-item,.industry-cases-item .cases-list{min-width:1000px}.industry-cases-item:nth-child(2) .cases-list .cases-list-item .content-logo{height:160px}.industry-cases-item:nth-child(3) .cases-list .cases-list-item{height:238px}.industry-cases .cases-list-item{width:316px;height:273px}.industry-cases .cases-list-item .cases-dynamic-item .sImg{height:60px;width:60px;top:110px}.industry-cases .cases-list-item .cases-dynamic-item .cases-company-name{line-height:30px;padding-left:88px}.industry-cases .cases-list-item .cases-dynamic-item .cases-company-description{max-height:80px}.industry-cases .content-logo{height:128px}.example-enterprise .example-card{height:300px}.example-enterprise .example-card .example-left{margin-right:-40px;width:525px;background-size:contain}.example-enterprise .example-card .example-left .content{width:400px}.example-enterprise .example-card .example-left .before-use{margin-left:-7px;line-height:300px}.example-enterprise .example-card .example-right{background-size:cover;margin-left:-43px;width:525px}.example-enterprise .example-card .example-right .after-use{margin-left:-17px;line-height:300px;padding-right:10px}.example-enterprise .example-card .example-ico-logo{width:195px;line-height:300px;background-size:contain}}