.popular-body{width:100vw;background-color:#fff;box-sizing:border-box!important}.ppl-banner{height:560px;background:url(../img/bg.png) center center no-repeat;background-size:cover;padding:94px 0 35px;text-align:center}.ppl-banner .txt-t{margin:0 auto;width:240px;height:30px;border:1px solid #fff;border-radius:15px;color:#fff;font-size:14px;text-align:center;line-height:30px}.ppl-banner h2{margin:20px 30px;line-height:1;font-size:88px;font-weight:700;color:#fb8500}.ppl-banner p{color:#fff;line-height:1;margin-bottom:16px;font-size:26px}.ppl-banner a{display:block;margin:42px auto 84px;width:240px;height:56px;background:#fb8500;border:1px solid #fff;border-radius:28px;font-size:0;text-align:center}.ppl-banner a span{padding-left:6px;line-height:54px;font-size:24px;color:#fff;letter-spacing:2px}.ppl-banner a i{line-height:54px;color:#fff;font-size:20px;margin-left:10px}.swiper-text{text-align:center;margin:0 auto;height:18px;overflow:hidden}.swiper-text li{height:17px;font-size:0;text-align:center}.swiper-text li i{font-size:18px;color:#fb8500;line-height:1}.swiper-text li span{font-size:18px;line-height:14px;color:#fff;margin-right:5px}.swiper-text li span:last-child{margin-right:0}.ppl-service{width:100%;padding:80px 20px 100px;background:#f7f7f7}.ppl-service ul{max-width:1200px;margin:50px auto 0;display:flex;flex-wrap:wrap;justify-content:space-around}.ppl-service li{flex:1;max-width:275px;min-width:275px;height:319px;background:#fff;box-shadow:0 3px 3px 0 rgba(102,102,102,.1);border-radius:5px;margin-top:30px;text-align:center;padding:30px 25px 0;transition:1s;transform:scale(1);box-sizing:border-box!important}.ppl-service li .img-box{width:100px;height:100px;margin:0 auto}.ppl-service li .img-box img{width:100%;height:100%}.ppl-service li h6{font-size:24px;line-height:1;margin:30px auto 25px;color:#222}.ppl-service li p{width:100%;font-size:15px;color:#222;line-height:24px}.ppl-service li:hover{transform:scale(1.05);transition:1s}.ppl-title{text-align:center}.ppl-title h4{color:#364054;font-size:38px;line-height:1}.ppl-title h4 i{color:#fb8500;font-size:38px}.ppl-title .line{margin:20px auto;width:60px;height:3px;background:#fb8500}.ppl-title p{font-size:20px;line-height:1;color:#666}.ppl-allrights{padding-top:100px}.ppl-allrights ul{max-width:1200px;margin:80px auto 0;display:flex;flex-wrap:wrap;justify-content:center}.ppl-allrights li{flex:1;max-width:244px;min-width:244px;text-align:center;padding:10px 0 35px;border-right:2px solid #999}.ppl-allrights i{font-size:44px;color:#fb8500;line-height:1}.ppl-allrights p{font-size:18px;line-height:1;margin-top:24px;color:#222}.ppl-allrights li:hover i{animation:popushake .5s;animation-iteration-count:1}.ppl-serveshow{padding-top:100px}.serveshow-box{max-width:1200px;margin:0 auto;padding:80px 122px 100px;position:relative}.serveshow-box .img-box{width:100%;height:100%}.serveshow-box .img-box img{width:100%;height:100%}.serveshow-box .show-item{position:absolute;width:320px;border-radius:3px;padding:20px;text-align:left}.serveshow-box .show-item h6{font-size:22px;line-height:1;color:#fff;margin-bottom:18px}.serveshow-box .show-item p{font-size:14px;color:#fff}.serveshow-box .item-1{left:10px;bottom:287px;background:linear-gradient(90deg,#f78084,#f55b87)}.serveshow-box .item-2{left:10px;bottom:130px;background:linear-gradient(90deg,#a584f6,#5a8cf5)}.serveshow-box .item-3{right:10px;top:84px;background:linear-gradient(90deg,#63e3ea,#64b3ef)}.serveshow-box .item-4{right:10px;top:232px;background:linear-gradient(90deg,#dfbb5d,#f1ad00)}.card-box{max-width:1200px;position:relative;min-height:626px;margin:78px auto 0;padding:0 10px 92px}.card-box .img-box{position:absolute;right:0;top:0;width:75%}.card-box .img-box img{width:100%}.card-box .txt-item{text-align:left;margin-bottom:12px;width:288px;padding-top:23px}.card-box h6{font-size:22px;line-height:1;margin-bottom:14px;font-weight:700}.card-box p{width:100%;font-size:16px;line-height:24px;color:#666}.card-box .col-pin{color:#f55e87}.card-box .col-gre{color:#23e93a}.card-box .col-blu{color:#30e5df}.card-box .col-yel{color:#e4c726}.ppl-supply{height:790px;background:url(../img/tgbanner.png) center center no-repeat;background-size:cover;padding:80px 0}.ppl-supply .ppl-title h4{color:#fff}.supply-box{position:relative}.supply-box .supply-line{width:100%;height:20px;background:#e5effa;position:absolute;z-index:0}.supply-box .top-1{top:54px}.supply-box .top-2{top:260px}.supply-box ul{max-width:1280px;padding:0 40px;margin:97px auto 0;display:flex;flex-wrap:wrap;justify-content:space-between}.supply-box li{flex:1;max-width:22%;min-width:22%;padding:22px 20px 35px;background:#fff;border:1px solid #e3e0e0;text-align:center;margin-bottom:80px;position:relative}.supply-box li i{font-size:30px;color:#12368e;line-height:1;margin-bottom:20px}.supply-box li p{font-size:18px;line-height:1;color:#222}.supply-box .img-box{position:absolute;top:50%;transform:translateY(-50%);left:-42px;width:80px;height:80px;background:url(https://image.yuncaigou.net/tg/numbg.png) no-repeat;background-size:100% 100%;text-align:center;line-height:80px;font-size:26px;font-weight:700;color:#fff}.supply-box a{display:block;margin:0 auto;width:240px;height:60px;line-height:60px;color:#fff;font-size:20px;background:linear-gradient(90deg,#fb8500,#f7c082);border-radius:30px;text-align:center}.supply-box li:hover{box-shadow:0 0 12px 4px #000}.supply-box li:hover i{animation:popushake .5s;animation-iteration-count:1}.ppl-app{padding:100px 10px}.ppl-app .app-box{padding-top:80px;max-width:1200px;margin:0 auto}.ppl-app .fl{font-size:0;width:50%}.ppl-app .fl p{color:#12368e}.ppl-app .fr{font-size:0;width:50%}.ppl-app .fr p{color:#fb8500}.ppl-app .img-box{display:inline-block;vertical-align:middle;width:46%}.ppl-app .img-box img{width:100%;height:100%}.ppl-app .jian-box{display:inline-block;vertical-align:middle;width:29px;height:17px}.ppl-app .jian-box img{width:100%;height:100%}.ppl-app p{line-height:1;margin-top:30px;text-align:center;font-size:24px}.ppl-case{padding:65px 10px 0;background:#f7f7f7}.ppl-case .swiper-container-horizontal>.swiper-pagination-bullets,.ppl-case .swiper-pagination-custom,.ppl-case .swiper-pagination-fraction{bottom:56px}.ppl-case .swiper-pagination-bullet{width:12px;height:12px;opacity:1;background:#999}.ppl-case .swiper-pagination-bullet-active{background:#fb8500}.pplcase-box{max-width:1200px;margin:50px auto 0;padding-bottom:125px}.pplcase-box ul{width:100%;box-sizing:border-box}.pplcase-box li{width:100%;padding:42px 54px 42px 65px;background-color:#fff}.pplcase-box .l-box{float:left;font-size:0;width:50%;white-space:nowrap}.pplcase-box .l-box .img-box:last-child{margin-left:30px}.pplcase-box .img-box{width:53%;display:inline-block}.pplcase-box .img-box img{width:100%}.pplcase-box .case-company{float:left;padding-top:62px;margin-left:14%;width:34%}.pplcase-box .case-company h4,.pplcase-box .case-company h5{font-size:20px;font-weight:700;color:#333;line-height:1}.pplcase-box .case-company h4{margin-bottom:30px}.pplcase-box .case-company h5{margin:50px 0 25px}.pplcase-box .intro-item{margin-bottom:20px;font-size:0;padding-left:5px;width:100%}.pplcase-box .intro-item span{display:inline-block;color:#999;font-size:14px;line-height:1;vertical-align:middle;width:74px;margin-right:30px;letter-spacing:4px}.pplcase-box .intro-item p{display:inline-block;color:#222;font-size:16px;line-height:1;vertical-align:middle}.pplcase-box .nospace span{letter-spacing:0}.pplcase-box .data-box{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.pplcase-box .data-item{max-width:84px;min-width:84px;flex:1;text-align:center;margin-bottom:10px}.pplcase-box .data-item p{font-size:12px;color:#fb8500}.pplcase-box .data-item p i{font-size:20px;font-weight:700}.pplcase-box .data-item span{font-size:14px;text-align:center;color:#999;display:block}.pplcase-box a{display:block;margin-top:76px;text-align:center;width:160px;height:46px;background:#fb8500;color:#fff;line-height:46px;font-size:16px}.ppl-memberfee{padding:100px 10px 150px;background-color:#fff}.ppl-memberfee ul{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;margin:80px auto 0}.ppl-memberfee li{flex:1;max-width:23%;min-width:23%;text-align:center;padding:40px 0;background:#f7efe7;border:1px solid #c1ab95;box-shadow:0 3px 3px 0 rgba(102,102,102,.1);border-radius:5px;position:relative;transition:.5s}.ppl-memberfee li span{position:absolute;top:162px;left:0;width:100%;text-align:center;font-size:20px;color:#f90}.ppl-memberfee h6{font-size:18px;line-height:1;color:#826622}.ppl-memberfee p{font-size:20px;margin:50px 0 62px;line-height:1;color:#826622}.ppl-memberfee p i{display:inline-block;font-size:48px}.ppl-memberfee .img-box{margin:0 auto;width:50px}.ppl-memberfee .img-box img{width:100%}.ppl-memberfee li:hover{box-shadow:0 0 5px 3px rgba(102,102,102,.4)}.ppl-memberfee li:hover span{animation:popushake .5s;animation-iteration-count:1}.ppl-form-mask{width:100vw;height:100vh;background-color:rgba(0,0,0,.4);position:fixed;top:0;left:0;z-index:101}.ppl-form{width:500px;height:445px;background:#fff;border-radius:10px;position:relative;margin:100px auto 0;padding:40px;text-align:left}.ppl-form p{font-size:22px;color:#333;line-height:33px;margin-bottom:50px}.ppl-form .input-box{width:100%;height:46px;background:#fde1d3;border:1px solid #999;border-radius:5px;margin-bottom:14px;padding:14px;font-size:0}.ppl-form .input-box span{width:76px;text-align:center;font-size:14px;display:inline-block;vertical-align:middle;color:#022;line-height:1}.ppl-form .input-box input{width:calc(100% - 80px);font-size:14px;display:inline-block;vertical-align:middle;color:#222;line-height:1;box-shadow:none;-webkit-box-shadow:none}.ppl-form a{display:block;text-align:center;margin-top:30px;width:100%;font-size:18px;line-height:46px;color:#fff;height:46px;background:#fb8500;border-radius:5px}.ppl-form-close{position:absolute;right:-30px;top:-30px;width:60px;height:60px;text-align:center;border-radius:50%;background-color:#fff;cursor:pointer}.ppl-form-close i{font-size:26px;color:#999;line-height:60px}.divtest{opacity:0}.animation-delay-2{-webkit-animation-delay:.25s;animation-delay:.35s}.animation-delay-3{-webkit-animation-delay:.35s;animation-delay:.55s}.animation-delay-4{-webkit-animation-delay:.35s;animation-delay:.75s}@keyframes popushake{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@media only screen and (min-width:976px){.ppl-allrights li:nth-child(12),.ppl-allrights li:nth-child(4),.ppl-allrights li:nth-child(8){border-right:none}}@media only screen and (min-width:732px) and (max-width:975px){.ppl-allrights li:nth-child(12),.ppl-allrights li:nth-child(3),.ppl-allrights li:nth-child(6),.ppl-allrights li:nth-child(9){border-right:none}.card-box .img-box{width:100%;position:static}.pplcase-box .l-box{float:inherit;margin:0 auto}.pplcase-box .case-company{float:inherit;width:80%}.pplcase-box a{margin-top:20px}.ppl-memberfee li{max-width:48%;min-width:48%;margin-bottom:20px}}.ppl-message{display:block;position:fixed;width:100%;bottom:0;left:0;height:120px;padding:20px 10px;background:rgba(0,0,0,.8);z-index:99}.ppl-mes-box{max-width:1200px;margin:0 auto;font-size:0;text-align:left;white-space:nowrap;position:relative}.ppl-mes-box .userhead{font-size:57px;color:#fff;vertical-align:middle}.ppl-mes-box h3{font-size:26px;display:inline-block;vertical-align:middle;color:#fb8500;margin-right:10px;line-height:1}.ppl-mes-box .input-box{display:inline-block;vertical-align:middle;max-width:200px;width:17%;height:40px;background:#fff;border-radius:20px;margin-right:14px;font-size:0;padding:10px 20px;overflow:hidden}.ppl-mes-box .input-box span{font-size:14px;line-height:1;vertical-align:middle;color:#666;cursor:default}.ppl-mes-box .input-box input{width:56%;margin-left:8px;font-size:16px;color:#222;display:inline-block;vertical-align:middle}.ppl-mes-box a{display:inline-block;vertical-align:middle;width:110px;height:40px;line-height:40px;color:#fff;text-align:center;font-size:14px;background:#fb8500;border-radius:20px}.ppl-mes-box .ppltel-box{display:inline-block;vertical-align:middle;margin-left:10px}.ppl-mes-box .ppltel-box p{color:#fff;line-height:1;margin-bottom:14px}.ppl-mes-box .ppltel-box i{font-size:14px}.ppl-mes-box .ppltel-box span{margin-left:10px;font-size:14px}.ppl-mes-box .ppltel-box h4{font-size:26px;line-height:1;font-weight:700;color:#fb8500}.ppl-mes-box .ppl-mes-close{position:absolute;top:-18px;right:0;color:#fff;font-size:40px;cursor:pointer}.open-ppl-mes{display:block;position:fixed;bottom:150px;left:0;width:120px;height:80px;background:#fb8500;border-radius:0 40px 40px 0;text-align:left;padding:6px 15px;cursor:pointer;z-index:98}.open-ppl-mes .img-box{width:46px;height:40px;margin-left:11px}.open-ppl-mes .img-box img{width:100%;height:100%}.open-ppl-mes p{font-size:18px;color:#fff;line-height:1;margin-top:3px}.ppl-right-flow{position:fixed;right:0;top:50%;z-index:98;width:64px}.ppl-right-flow .flow-item{max-width:64px;display:block;line-height:64px;padding:0 20px;height:64px;white-space:nowrap;background:#253c6a;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:2px;margin-bottom:10px;text-align:left;font-size:0;cursor:pointer}.ppl-right-flow .flow-item i{font-size:26px;color:#fff;vertical-align:middle}.ppl-right-flow .flow-item span{color:#fff;line-height:64px;font-size:18px;vertical-align:middle;margin-left:20px}.ppl-right-flow .tel{max-width:260px;margin-left:-196px;transform:translateX(196px);transition:1s}.ppl-right-flow .tel:hover{transform:translateX(0)}@media only screen and (max-width:731px){.ppl-allrights li:nth-child(10),.ppl-allrights li:nth-child(12),.ppl-allrights li:nth-child(2),.ppl-allrights li:nth-child(4),.ppl-allrights li:nth-child(6),.ppl-allrights li:nth-child(8){border-right:none}}@media only screen and (max-width:768px){.ppl-banner p{font-size:24px}.ppl-service li{max-width:210px;min-width:210px}.ppl-service li .img-box{width:90px;height:90px}.ppl-service li h6{margin:25px auto 20px}.ppl-title h4{font-size:34px}.ppl-title h4 i{font-size:34px}.serveshow-box{padding:80px 0 100px}.serveshow-box .item-1{bottom:160px}.serveshow-box .item-2{bottom:32px}.serveshow-box .item-3{top:0}.serveshow-box .item-4{top:126px}.card-box .img-box{width:100%;position:static}.supply-box ul{padding:0 20px}.supply-box li{padding:22px 5px 35px}.supply-box li p{font-size:16px;line-height:18px}.supply-box .img-box{width:40px;height:40px;line-height:40px;font-size:22px;left:-22px}.ppl-app .fl,.ppl-app .fr{width:100%;float:inherit;margin:0 auto}.ppl-app .fr{margin:20px auto 0}.pplcase-box .l-box{float:inherit;margin:0 auto}.pplcase-box .case-company{float:inherit;width:80%}.pplcase-box a{margin-top:20px}.ppl-memberfee li{max-width:48%;min-width:48%;margin-bottom:20px}.ppl-message{display:none}.open-ppl-mes{display:none!important}}