.banner{width:100%;height:640px;margin-top:60px}.banner .banner_contain{width:1200px;height:100%;margin:0 auto}.banner .banner_contain .banner_left{padding-top:165px;float:left}.banner .banner_contain .banner_left .banner-title{color:#000000e6;font-size:40px;font-weight:700;line-height:48px}.banner .banner_contain .banner_left .banner-title .blue{font-size:40px;font-weight:700;line-height:48px;color:#2d6dff}.banner .banner_contain .banner_left .tips{margin-top:12px;color:#000000b3;font-size:16px;line-height:24px}.banner .banner_contain .banner_left .register_btn{margin-top:24px;display:inline-flex;align-items:center;justify-content:center;width:140px;height:48px;background-color:#2d6dff;border-radius:6px;color:#fff;font-size:16px;font-weight:600}.banner .banner_contain .banner_left .register_btn:hover{background-color:#2d6cffc4}.banner .banner_contain .banner_right{position:relative;width:810px;height:603px;float:right;padding-top:38px}.banner .banner_contain .banner_right .light{position:absolute;width:640px;height:640px;background-image:url(/assets/background-light.Dw4Zp921.png);background-size:100%;top:30px;left:30px;z-index:1}.banner .banner_contain .banner_right .banner-item{position:absolute;top:112px;left:175px;display:inline-block;width:226.6667px;height:39px;background-image:url(/assets/banner-item.BhBwuiKR.png);background-size:100%;background-color:#fff;border-radius:6px;cursor:pointer;z-index:3;outline:none}.banner .banner_contain .banner_right .banner-item:hover{background-color:#f2f3f5}.banner .banner_contain .banner_right .banner-item:active{background-color:#e8f3ff}.banner .banner_contain .banner_right img{position:absolute;z-index:2;width:100%}.select_btn{width:100%;height:64px;border-bottom:1px solid rgba(0,0,0,.05)}.select_btn .select_btn_contain{width:1200px;height:100%;margin:0 auto;display:flex;align-items:center;justify-content:center}.select_btn .select_btn_contain .select_btn_div{position:relative;flex:1;color:#000;padding:16px 16px 24px;font-size:16px;font-weight:500;line-height:22px;height:100%;display:flex;justify-content:center;cursor:pointer}.select_btn .select_btn_contain .select_btn_div>img{width:24px;height:24px;margin-right:12px}.select_btn .select_btn_contain .select_btn_div:hover{color:#2d6dff}.select_btn .select_btn_contain .select_btn_div.active{color:#000}.select_btn .select_btn_contain .select_btn_div.active:after{content:"";display:inline-block;width:32px;height:6px;border-radius:15px 15px 0 0;background-color:#2d6dff;position:absolute;bottom:0}.sub_title{color:#181818;font-size:32px;font-weight:600}.sub_tips{margin-top:40px;color:#313131;font-size:18px;line-height:26px}.module_img{width:100%;height:100%}.w_auto{width:1200px;height:600px;margin:0 auto}.text_float{display:inline-flex;flex-direction:column;justify-content:center}.text_right{align-items:flex-end}.harf_right{float:right}.harf_left,.harf_right{width:600px;height:600px}.harf_left{float:left}.h_600{width:100%;height:600px}.mb_120{margin-bottom:120px}.mb_240{margin-bottom:240px}.brainpower_approve,.mobile_attendance,.task_systems{width:100%}.special_left{height:505px;width:450px;float:left}.special_right{width:688px;height:505px;float:right}@media screen and (max-width:767px){.banner{height:auto;min-height:0;margin-top:56px;padding:48px 16px 32px;overflow:hidden}.banner .banner_contain{width:100%;display:flex;flex-direction:column}.banner .banner_contain .banner_left{float:none;padding-top:0}.banner .banner_contain .banner_left .banner-title{font-size:32px;line-height:40px}.banner .banner_contain .banner_left .tips{font-size:15px;line-height:23px}.banner .banner_contain .banner_left .register_btn{width:128px;height:44px;font-size:15px}.banner .banner_contain .banner_right{float:none;width:100%;height:300px;padding-top:28px;margin-top:20px}.banner .banner_contain .banner_right .light{width:320px;height:320px;top:0;left:50%;transform:translate(-50%)}.banner .banner_contain .banner_right .banner-item{width:150px;height:26px;top:54px;left:18px}.banner .banner_contain .banner_right .img-box{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:flex-end}.banner .banner_contain .banner_right .img-box img{width:100%;height:auto}.select_btn{height:auto;overflow:hidden}.select_btn .select_btn_contain{width:100%;justify-content:flex-start;overflow-x:auto;padding:0 16px}.select_btn .select_btn_contain .select_btn_div{flex:0 0 auto;min-width:128px;height:56px;padding:16px 12px 18px;white-space:nowrap}.select_btn .select_btn_contain .select_btn_div>img{width:22px;height:22px;margin-right:8px}.sub_title{font-size:24px;line-height:32px}.sub_tips{margin-top:16px;font-size:15px;line-height:24px}.sub_tips br{display:none}.module_img,.w_auto{width:100%;height:auto}.w_auto{padding:0 16px;display:flex;flex-direction:column}.h_600{height:auto}.mb_120,.mb_240{margin-bottom:64px}.harf_left,.harf_right,.special_left,.special_right{float:none;width:100%;height:auto}.text_float{min-height:0;padding:0;display:flex;justify-content:flex-start}.text_right{align-items:flex-start}.approve,.check,.task{padding-top:48px}.approve_left,.check_left,.flexible_left,.free_choice_left,.inquire_task_left,.location_left,.sign_in_left,.statistics_left,.task_left,.template_left{margin-bottom:24px}}