.wf-dialog{position:fixed;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.wf-dialog,.wf-dialog .wf-dialog-shadow{top:0;left:0;z-index:999;width:100%;height:100%}.wf-dialog .wf-dialog-shadow{position:absolute;background-color:rgba(0,0,0,.5)}.wf-dialog .showDialogBg{-webkit-animation:showDialogBg .2s;animation:showDialogBg .2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes showDialogBg{0%{opacity:0}to{opacity:1}}@keyframes showDialogBg{0%{opacity:0}to{opacity:1}}.wf-dialog .hideDialogBg{-webkit-animation:hideDialogBg .2s;animation:hideDialogBg .2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes hideDialogBg{0%{opacity:1}to{opacity:0}}@keyframes hideDialogBg{0%{opacity:1}to{opacity:0}}.wf-dialog .wf-dialog-content{width:auto;margin:0 auto;z-index:1000}.wf-dialog .showDialog{-webkit-animation:showDialog .2s;animation:showDialog .2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes showDialog{0%{-webkit-transform:scale(0);transform:scale(0)}90%{-webkit-transform:scale(1.05);transform:scale(1.05)}95%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes showDialog{0%{-webkit-transform:scale(0);transform:scale(0)}90%{-webkit-transform:scale(1.05);transform:scale(1.05)}95%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}.wf-dialog .hideDialog{-webkit-animation:hideDialog .2s;animation:hideDialog .2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes hideDialog{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes hideDialog{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}body{background-color:#f4f4f4}.zzf-index .ps{width:88%;height:2.5rem;background-color:#ffd866;padding:0 6% 0 6%;line-height:2.5rem;font-size:.75rem;color:#785b3f}.zzf-index .ps .left{float:left;width:80%}.zzf-index .ps .left,.zzf-index .ps .right{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zzf-index .ps .right{float:right;width:20%;text-align:right}.zzf-index .head{width:100%;height:11.25rem;background-color:#fff}.zzf-index .head .content{width:94%;height:9.375rem;margin-left:3%;margin-top:.9375rem;background-image:url(../../static/img/banner.4931f7b5.png);background-size:100% 100%}.zzf-index .head .content .title{width:65%;height:1.875rem;margin-top:1.5625rem;margin-left:1.875rem;font-size:1.5rem;color:#fff}.zzf-index .head .content .desc{width:60%;height:.9375rem;margin-top:1.875rem;margin-left:1.875rem;font-size:.6875rem;padding-left:6%;line-height:.9375rem;color:#fff;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAeCAYAAAA/xX6fAAAAAXNSR0IArs4c6QAAAnpJREFUSA29lrFLHEEUxl21NJAQtTBKMAEbKwVLuTYhjYqlTcDKEMs0qfInJAq2ooUgFlqkszvxOgVB8EoJp42CRbAIJOvv25tH5nTuZjTmPvhu37753ns772Z3pqOjzchS6uV5PoZuCk7CF3AACmewBstwO8uyQ64PB4Vm4QlMhbSz965I0DCseFV+YC/Dt3AE9jjKlk9j0hgUO5xUGGEJXkChBudhVyxYGqdVjKAcpZZxEsBfUNiBT1oGBAYV42K5FLnCRRlUG21mX7E7A/mSXIqF36CgnHfbi9P+M80sWgxNP1yD6/Dp7SfBp6LKJVQaxnFoNQrqf1Ib0a0qwGGuIaG7YUzttf/07+rFaUt/PhQY8hGzBQ0TIY18CLTohJNCgzFe3NaXdXQ1WmJihuBn+MZ8oSvjWr32yozpCb5AYTkU8Bg+5S4qUEuLQ58r4Xv9Ev8l+BVchDNxdaGw3JOaYRUKI7FgNM+gFstvKPyBfQlx+iIJVc3Q/xA3jUX8msF9qFVsr80p9gWM4dwJBiwwFqBxLetpeKQbhxV2iNxuEq75fVvazUztvbrGfp5QRDUaWqr9TFDLYtAM7S/YYHaXsQA3brlramnZOd8lBH/wNEueHTMtd1nTTXrx0Y1Cwx5GBj/BO99RvzrjDS9+J205QFCFg/C9L75lL3j3x9i78CXxV54/ZCqnclfR1o8gPEX0443mDBp+YnwMZfd9aMIfb4kYbLk9Mb4AN6Ha2OsnDtlomm9PrmB7N2BXtMSTteeIYW2hoIraUUMv+f87RHlF1V77TzGL/UxbzOMfE62oa7FWr50GVDiG6EE48ws0s6nSnqN+swf4F/8NX6Kdu0e9gVQAAAAASUVORK5CYII=);background-repeat:no-repeat;background-size:auto 100%}.zzf-index .buy{width:92%;height:9.375rem;border-top:.0625rem solid #e4e4e4;border-bottom:.0625rem solid #e4e4e4;background-color:#fff;margin-top:.625rem;padding:0 4% 0 4%}.zzf-index .buy .title{width:100%;height:1.875rem;line-height:2.5rem;font-size:.875rem;font-weight:700}.zzf-index .buy .btns{width:100%;height:6.25rem}.zzf-index .buy .btns .btn{float:left;width:30%;margin:1.5%;border-radius:.3125rem;border:.0625rem solid #ccc;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fdfdfd;margin-top:.625rem}.zzf-index .buy .btns .btn,.zzf-index .buy .btns .btn input{height:2.5rem;line-height:2.5rem;font-size:.75rem;text-align:center;color:#444}.zzf-index .buy .btns .btn input{width:100%;background-color:transparent;border:0}.zzf-index .buy .btns .btn input.active{color:#fff}.zzf-index .buy .btns .btn.active{background-color:#282828;color:#fff;border:0}.zzf-index .calc{width:92%;height:9.375rem;border-top:.0625rem solid #e4e4e4;border-bottom:.0625rem solid #e4e4e4;background-color:#fff;margin-top:.625rem;padding:0 4% 0 4%}.zzf-index .calc .cell{width:100%;height:1.875rem;line-height:1.875rem;font-size:.75rem;position:relative;color:#444}.zzf-index .calc .cell .right{position:absolute;right:0}.zzf-index .calc .cell-danjia{width:100%;height:2.1875rem;line-height:2.1875rem;font-size:.75rem;position:relative;color:#f57a5e;font-weight:700}.zzf-index .calc .cell-danjia .right{position:absolute;right:0}.zzf-index .calc .cell-jine{width:100%;height:2.5rem;line-height:2.5rem;font-size:.75rem;position:relative;color:#444}.zzf-index .calc .cell-jine .price{position:absolute;top:0;right:0}.zzf-index .calc .cell-jine .price .priceNum{font-size:1.5rem}.zzf-index .tip{width:100%;height:1.875rem;line-height:1.875rem;text-align:center;color:#444;font-size:.6875rem;margin-bottom:3.75rem;margin-bottom:calc(3.75rem + constant(safe-area-inset-bottom));margin-bottom:calc(3.75rem + env(safe-area-inset-bottom));text-decoration:underline}.zzf-index .bottom{position:fixed;bottom:0;width:100%;height:3.75rem;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);background-color:#fff;border-top:.0625rem solid #e2e2e2}.zzf-index .bottom .btn{width:94%;height:2.75rem;margin-left:3%;margin-top:.5rem;background-color:#222;color:#fff;text-align:center;line-height:2.75rem;font-size:.875rem;border-radius:.3125rem}.zzf-index .dialog-demo{width:65%;height:10.3125rem;background-color:transparent;background-image:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.5)),to(hsla(0,0%,100%,.5))),-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,98.8%,.8)),to(hsla(0,0%,98.8%,.8)));background-image:-webkit-linear-gradient(hsla(0,0%,100%,.5),hsla(0,0%,100%,.5)),-webkit-linear-gradient(hsla(0,0%,98.8%,.8),hsla(0,0%,98.8%,.8));background-image:linear-gradient(hsla(0,0%,100%,.5),hsla(0,0%,100%,.5)),linear-gradient(hsla(0,0%,98.8%,.8),hsla(0,0%,98.8%,.8));background-color:#fff;border-radius:.75rem;margin:0 auto;position:relative}.zzf-index .dialog .title{width:100%;height:1.25rem;font-size:1.0625rem;text-align:center;color:#030303;padding-top:1.25rem;line-height:1.25rem}.zzf-index .dialog .desc{width:80%;margin-left:10%;height:1rem;font-size:.8125rem;line-height:1rem;color:#030303;margin-top:1.25rem}.zzf-index .dialog .input-area{width:80%;margin-left:10%;margin-top:.3125rem;height:1.5625rem;background-color:#fff;border:.0625rem solid #999;-webkit-box-sizing:border-box;box-sizing:border-box}.zzf-index .dialog .input-area input{background-color:transparent;width:90%;height:100%;margin-left:5%;line-height:1.5rem;font-size:.8125rem;border:0;outline:none}.zzf-index .dialog .btns{position:absolute;bottom:0;border-top:.03125rem solid #4d4d4d;width:100%;height:2.5rem;-webkit-box-sizing:border-box;box-sizing:border-box}.zzf-index .dialog .btns .left{float:left;border-right:.03125rem solid #4d4d4d;-webkit-box-sizing:border-box;box-sizing:border-box}.zzf-index .dialog .btns .left,.zzf-index .dialog .btns .right{width:50%;height:2.5rem;font-size:1.0625rem;color:#0076ff;text-align:center;line-height:2.5rem}.zzf-index .dialog .btns .right{float:right}.zzf-index .dialog2 .title{width:100%;height:1.25rem;font-size:1.0625rem;text-align:center;color:#030303;padding-top:1.25rem;line-height:1.25rem}.zzf-index .dialog2 .desc{height:1rem;font-size:.8125rem;line-height:1rem;color:#030303;margin-top:1.25rem;padding:0 1.875rem}.zzf-index .dialog2 .btns,.zzf-index .dialog2 .desc{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.zzf-index .dialog2 .btns{position:absolute;bottom:0;border-top:.03125rem solid #4d4d4d;height:2.5rem}.zzf-index .dialog2 .btns .left{float:left;border-right:.03125rem solid #4d4d4d;-webkit-box-sizing:border-box;box-sizing:border-box}.zzf-index .dialog2 .btns .left,.zzf-index .dialog2 .btns .right{width:50%;height:2.5rem;font-size:1.0625rem;color:#0076ff;text-align:center;line-height:2.5rem}.zzf-index .dialog2 .btns .right{float:right}.zzf-index .dialogEnd .title{width:100%;height:1.25rem;font-size:1.0625rem;text-align:center;color:#030303;padding-top:3.125rem;line-height:1.25rem}.zzf-index .dialogEnd .btns{position:absolute;bottom:0;border-top:.03125rem solid #4d4d4d;width:100%;height:2.5rem;-webkit-box-sizing:border-box;box-sizing:border-box}.zzf-index .dialogEnd .btns .center{width:100%;height:2.5rem;font-size:1.0625rem;color:#0076ff;text-align:center;line-height:2.5rem}