.btn{display:flex;align-items:center;justify-content:center;width:290px;height:80px;background:linear-gradient(90deg,#385bff,#9367ff);border-radius:20px;text-decoration:none;font-weight:700;font-size:26px;color:#fff}.btn:hover{background:linear-gradient(225deg,#f166ff,#9351fd 50%,#5c84fe)}.btn.apple:before{background:url(/images/apple.png) 50%;background-size:100% 100%}.btn.apple:before,.btn.google:before{content:"";display:inline-block;width:50px;height:50px;margin-right:7px}.btn.google:before{background:url(/images/google.png) 50%;background-size:100% 100%}@media screen and (max-width:1400px){.btn{width:200px;height:60px;border-radius:10px;font-size:20px}.btn.apple:before,.btn.google:before{width:34px;height:34px}}.index{padding-top:48px;min-width:1366px;height:100vh;overflow-y:scroll}.none{display:none}section{width:1366px;margin:auto}section ul{display:flex}section ul li:not(:last-child){margin-right:30px}.clientShell{width:100%}@keyframes identifier{0%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes identifier1{0%{transform:translateY(-20px);opacity:0}to{opacity:1;transform:translateY(0)}}@keyframes identifier2{0%{opacity:0}70%{opacity:0}to{opacity:1}}.filter{overflow:hidden;position:relative;height:878px;background-color:#ededf9}.filter section{position:absolute;top:0;left:50%;transform:translateX(-50%)}.filter h1{width:580px;height:160px;font-weight:700;font-size:56px;color:#000;line-height:80px;margin:192px 0 30px;animation:identifier .6s}.filter p{width:615px;height:100px;font-size:30px;color:#000;line-height:50px;margin-bottom:80px;animation:identifier1 1s}.filter ul{animation:identifier2 1s}.filter .pic{position:absolute;top:0;left:50%;transform:translateX(-50%)}.enhance{width:1366px;margin:auto;height:670px;background:#fefeff}.enhance section{width:610px;float:left}.enhance section h1{width:486px;height:106px;font-weight:700;font-size:40px;color:#000;line-height:53px;margin:158px 0 30px}.enhance section p{width:545px;height:76px;font-size:26px;color:#000;line-height:38px;margin-bottom:60px}.enhance .pic{margin-top:46px;width:712px;height:575px;float:right}.enhance.active section h1{animation:identifier .6s}.enhance.active section p{animation:identifier1 1s}.enhance.active section ul{animation:identifier2 1s}.cosmetology{height:670px;background:url(/images/bg1.jpg) 50% no-repeat;background-size:1920px 670px}.cosmetology section{width:1366px;margin:auto}.cosmetology section .pic{margin-top:37px;width:736px;height:596px;float:left}.cosmetology section section{width:610px;float:right}.cosmetology section section h1{height:53px;font-weight:700;font-size:40px;color:#000;line-height:53px;margin:205px 0 30px}.cosmetology section section p{height:38px;font-size:26px;color:#000;line-height:38px;margin-bottom:58px}.cosmetology.active section h1{animation:identifier .6s}.cosmetology.active section p{animation:identifier1 1s}.cosmetology.active section ul{animation:identifier2 1s}.infinite{width:1366px;margin:auto;height:740px;background:#fff}.infinite h1{height:54px;font-weight:700;font-size:40px;line-height:53px;margin:80px 0 30px}.infinite h1,.infinite p{color:#000;text-align:center}.infinite p{width:1200px;height:76px;font-size:26px;line-height:38px;margin:0 auto 60px}.infinite ul{display:flex;justify-content:center}.infinite ul li{position:relative;width:310px;height:414px;background:#fff}.infinite ul li:not(:last-child){margin-right:40px}.infinite ul li p{width:100%;height:27px;text-align:left;line-height:27px;margin:0;padding-left:35px;animation:none;position:absolute;bottom:18px;left:0;font-size:20px;color:#fff}.infinite.active h1{animation:identifier .6s}.infinite.active p{animation:identifier1 1s}@media screen and (max-width:1400px){.index{min-width:1000px}section{width:1000px}.filter{height:640px}.filter h1{width:400px;height:120px;font-size:40px;line-height:60px;margin:135px 0 30px}.filter p{width:500px;height:80px;font-size:22px;line-height:40px;margin-bottom:60px}.filter .pic{width:1400px;height:640px}.enhance{width:1000px;height:490px}.enhance section{width:447px}.enhance section h1{width:360px;height:80px;font-size:30px;line-height:40px;margin:110px 0 30px}.enhance section p{width:400px;height:60px;font-size:20px;line-height:30px;margin-bottom:40px}.enhance .pic{margin-top:33px;width:521px;height:421px}.cosmetology{height:488px;background:url(/images/bg1.jpg) 50% no-repeat;background-size:1400px 488px}.cosmetology section{width:1000px}.cosmetology section .pic{margin-top:27px;width:540px;height:438px}.cosmetology section section{width:447px}.cosmetology section section h1{height:40px;font-size:30px;line-height:40px;margin:150px 0 30px}.cosmetology section section p{height:30px;font-size:20px;line-height:30px;margin-bottom:40px}.infinite{width:1000px;height:540px}.infinite h1{height:40px;font-size:30px;line-height:40px;margin:50px 0 30px}.infinite p{width:900px;height:60px;font-size:20px;line-height:30px;margin:0 auto 40px}.infinite ul li{width:227px;height:303px;border-radius:12px}.infinite ul li:not(:last-child){margin-right:30px}.infinite ul li .pic{width:227px;height:303px}.infinite ul li p{height:20px;line-height:20px;padding-left:20px;position:absolute;bottom:14px;left:0;font-size:16px;color:#fff}}footer{height:120px;background:linear-gradient(180deg,#f1f3f7,#f9fafc)}footer .footer{width:1000px;margin:auto;display:flex;justify-content:space-between}footer .footer h2{margin-top:20px;font-size:15px;color:#000}footer .footer a{font-size:15px;color:#000;display:block;margin-top:13px;text-decoration:none}footer .footer p{margin-top:10px;font-size:15px;color:#000}.header{position:absolute;left:0;top:0;z-index:9;min-width:1000px;width:100%;height:48px;line-height:48px;background:#fff;font-weight:700;font-size:20px;color:#000;box-shadow:0 0 10px rgba(0,0,0,.1)}.header h1{width:1366px;margin:auto;padding-left:0}@media screen and (max-width:1400px){.header h1{width:1000px;margin:auto;padding-left:0}}