.line-service{width:100%;height:100%;background-color:rgba(0,0,0,.2);position:fixed;left:0;top:0;right:0;margin:0 auto;z-index:-1;color:#333;opacity:0;visibility:hidden;transition:all .3s ease-in;font-size:14px}.line-service.serviceOn{opacity:1;visibility:visible;z-index:24000}.line-service .service-body{width:100%;max-height:100%;max-width:640px;background-color:#fff;position:absolute;left:50%;top:50%;border-radius:20px;transform:translate3d(-50%,300%,0);transition:transform .3s cubic-bezier(0,0,.25,1) 80ms,-webkit-transform .3s cubic-bezier(0,0,.25,1) 80ms,-moz-transform .3s cubic-bezier(0,0,.25,1) 80ms,-o-transform .3s cubic-bezier(0,0,.25,1) 80ms;padding:0 20px 20px}.line-service .serviceUp{-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.line-service .service-body .service-top{padding:20px 0;font-size:16px;text-align:center;position:relative;font-weight:600}.line-service .service-body .service-top p{padding:0 180px}.line-service .service-body .service-top .service-close{position:absolute;top:50%;right:5px;transform:translateY(-50%);font-size:18px;cursor:pointer}.line-service .content .service-item{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:12px 14px;background-color:#f7f7f7;margin-bottom:8px;border-radius:8px;cursor:pointer}.line-service .content .service-item img{width:27px;vertical-align:middle;margin-right:4px;display:inline-block}.line-service .content .service-item span{background-color:transparent;color:#333}.disable-scroll{overflow:hidden!important;height:100vh}@media screen and (max-width:640px){.line-service .service-body{left:0;bottom:0;top:auto;max-height:75%;padding:0 10px 20px}.line-service .serviceUp{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);border-bottom-left-radius:0;border-bottom-right-radius:0}.line-service .service-body .service-top p{padding:0 80px}}@keyframes loading{0%{transform:rotateZ(0)}100%{transform:rotateZ(360deg)}}