:root{--primary:#ff7307;--grey:#666;--grey1:#999;--grey2:#ccc;--grey3:#e2e2e2;--black:#1f1f1f}body,html{background:transparent;overflow:hidden}.app-container,body,html{width:100%;height:100%}.parking-coupon-container{overflow-y:scroll;width:100%;height:100%}.parking-coupon-container::-webkit-scrollbar{width:0;display:none}.parking-coupon-container .receive-before{min-height:100%;background:url(../img/bg.c856147e.png) 0 0/100% no-repeat;overflow:hidden}.parking-coupon-container .receive-before .header-title{text-align:center;font-weight:500;font-size:4.267vw;color:#fff;height:11.733vw;line-height:11.733vw;margin-top:2.667vw}.parking-coupon-container .receive-before .content{background:#fff;margin:41.867vw 3.733vw 0;border-radius:2.133vw;padding:5.333vw 4vw 4.8vw;box-sizing:border-box}.parking-coupon-container .receive-before .content .row1{display:flex;align-items:center;justify-content:space-between}.parking-coupon-container .receive-before .content .row1 .leading span{color:#222;font-size:4.8vw}.parking-coupon-container .receive-before .content .row1 .leading i{vertical-align:middle;font-size:5.333vw;color:#e4291c}.parking-coupon-container .receive-before .content .vehicle-type-list{margin-top:3.733vw;display:flex}.parking-coupon-container .receive-before .content .vehicle-type-list span{color:#666;font-size:3.733vw;font-weight:500;margin-right:8.133vw;display:flex;flex-direction:column;align-items:center}.parking-coupon-container .receive-before .content .vehicle-type-list span.active{color:#2364e5;font-weight:700;font-size:4.267vw}.parking-coupon-container .receive-before .content .vehicle-type-list span.active:after{content:"";display:block;width:60%;height:.533vw;background:#2263e5;margin-top:.8vw}.parking-coupon-container .receive-before .content .row2{margin-top:4.8vw}.parking-coupon-container .receive-before .content .row2 .list{display:flex;justify-content:space-between}.parking-coupon-container .receive-before .content .row2 .list .item{width:8.533vw;height:12.267vw;background:#f5f5f5;border-radius:1.067vw;text-align:center;line-height:12.267vw;border:.5px solid #e5e5e5}.parking-coupon-container .receive-before .content .row2 .list .item .num{font-weight:700;font-size:6.4vw;color:#333}.parking-coupon-container .receive-before .content .row2 .list .item .province{display:inline-block;width:100%;height:100%;font-weight:700;font-size:5.867vw;color:rgba(61,118,236,.4);background:rgba(15,76,182,.1);border:none}.parking-coupon-container .receive-before .content .row3{height:13.333vw;margin-top:8vw;background:linear-gradient(270deg,#2263e5,#479cf4);opacity:.4;box-shadow:.533vw 1.067vw 2.133vw rgba(42,111,232,.3);border-radius:1.067vw;line-height:13.333vw;text-align:center}.parking-coupon-container .receive-before .content .row3.active,.parking-coupon-container .receive-before .content .row3.active .btn{opacity:1}.parking-coupon-container .receive-before .content .row3 .btn{font-weight:400;font-size:5.333vw;color:#fff;opacity:.5}.parking-coupon-container .receive-before .rule-container{margin-top:10.667vw}.parking-coupon-container .receive-before .rule-container .title{color:#333;font-size:4.267vw;font-weight:700;text-align:center;position:relative}.parking-coupon-container .receive-before .rule-container .title:after,.parking-coupon-container .receive-before .rule-container .title:before{content:"";display:block;width:29.333vw;height:1px;background:#b4cee8;position:absolute;top:50%;transform:translateY(-50%)}.parking-coupon-container .receive-before .rule-container .title:before{left:7.467vw}.parking-coupon-container .receive-before .rule-container .title:after{right:7.467vw}.parking-coupon-container .receive-before .rule-container .list{padding:5.867vw 8vw 0}.parking-coupon-container .receive-before .rule-container .list .item{margin-bottom:4.8vw}.parking-coupon-container .receive-before .rule-container .list .item .rule{font-size:3.733vw;color:#333;font-weight:700;display:flex;align-items:center}.parking-coupon-container .receive-before .rule-container .list .item .rule:before{content:"";display:block;width:1.6vw;height:1.6vw;background:#999;border-radius:50%;margin-right:1.6vw}.parking-coupon-container .receive-before .rule-container .list .item .desc{margin-left:3.2vw;font-size:3.2vw;color:#666;margin-top:3.2vw}.parking-coupon-container .receive-after{width:100%;min-height:100%;background:url(../img/success-bg.84386695.png) 0 0/100% no-repeat;overflow:hidden}.parking-coupon-container .receive-after .status{margin-top:5.867vw;display:flex;align-items:center;justify-content:center;font-size:5.867vw;font-weight:700;color:#fff}.parking-coupon-container .receive-after .status .smile-icon{width:6.933vw;height:6.933vw;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQBSURBVHgB1VqBcdswDIRzHUAbhBvUG1TdIBvEGzQbWJ3A7gROJ0g6gdIJlEwgZQKnE6CERdcyDYKgQrnx3/ESySDIBwkQIjmDjEDEuf1T2vLZFvq/sMV4Yp0rz7a82vI0m82e4aPAkihtWdmyxfFobdk4g/xXIjXmR2PLAs6FCYn4aG0xkIiZVtAqJ39Y2nKnEH+Dg5/8cc8E0nENvV9pp9falu/Wz94gF8hSzmIxi1a2lAl6abTXSt0GcsA1Kjl8nUIi0k4dIfW+oGEV3AoNNDmIMG2WGB4xMuwtjAFZQyCzhomB/fQNkUobKex9ZhtQdgNnArUl9MNolRSBIU+3TAa4mcKRoj4WGgWrj0Jm0KcQqZWmIoezTTOhbzeBvpVSpZapUMEHAfZrlo86JLxghFtFIxRAKNQaGAns/XaBimUgYPSSE2xUgsd1lp78ChLB6HhAwdmd8eRRQt536khHuBElaHI9qXOETaRezdQphwIbUUCvlBCdpgMd64COLaQbYrfYXzmZ0qvT2ez2CcYhJSsuEt/v4PrWea93KdEV9uuL8X78BXH8TnzP4T7w/hHi+Ok9FzsuNOdTp9sezJSpUbN6H+vwczYKTkZRj5t2d+w8hgQ4xaqQK+gwqTqwD/V+9rDhnLuBCwGeLjUNBQXjyb3C5eDFey44Qh1cLoor5mW+zYjp0XnPxSdIgItgC+jXiXu7HnQwAVyU22f4j0nt4Ck2gmw7kJvkGwlPv5ZbQfYkQtOU60APM/h/P1q5sYDjTMFgeG279p47IuT7jGT1znv+Avnh6+yETUbjyxIhP/RJFvFTonnOaed8p/RevwhV/LZfiJB/lFFAeJS4HOsb5MMSdG1CIKvoQt9CFQSA/GbFu0fJBQMfSQHhXz+YTm4FRRXXMCYmpZ7O0NZZJdRpg+QDbMsEZYRmDClHpkkxEvKZ9iYmUAudCG13tZiwWYL9NGsCukqhXs3IzzVCktI7DGMjEXMGWQr1K6Fuwcg3nCA3Si3KOzAVyqD6D05u5Yi2kToVCAgQWoSEa0Z4FWlgge87MN6DdKh2jPB4djSSYBlo7DbSAPnCPY5HjYkblXj4yi1iguuA9aJrjTOIltgWM53+DTFjOkWMaRiN9xPlU181lyScjv0ljP0h8Zsr9EVMOp6yHgRHOuSn8EOr3sAlAuUjySVMCOwj2RIPUdJADmB4/xpdY9lHC/lD43w7UW6kWoFYjec51r+GXED9xYsV6nddC0diifF1TH0AkHo1pgL99w9Fsg4OkY2wt/Ic9FdjflC7k0VE5WjlQI0TXOyQiFHAaDA/6rMSYYhR0KDsoMXxIB9a5yCi9iEN8HBF00B/TdMAv9VM/kA+RhsgWa9o/gVioCG+8tew5gAAAABJRU5ErkJggg==) 100%/100%;margin-right:2.133vw}.parking-coupon-container .receive-after .content{margin:5.333vw 3.733vw 0;background:#fff;padding:4.267vw;border-radius:2.133vw;position:relative}.parking-coupon-container .receive-after .content .primary-box{border:1px dashed rgba(35,100,229,.35);border-radius:.8vw;padding:7.2vw 9.067vw 6.667vw;text-align:center}.parking-coupon-container .receive-after .content .primary-box .top{display:flex;align-items:center;justify-content:center;font-size:4.267vw;color:#333;font-weight:700}.parking-coupon-container .receive-after .content .primary-box .top .success-icon{width:5.867vw;height:5.867vw;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQESURBVHgB7ZlNTBNBFMffbKEFIgYwGuUjKVECN8EYLCcLB2OABOHMQT2YCBrgppFESCThBkSQmzHRqwoHiCTGFlHpxaSejAFliTWegCIc+kF3fFO6bbcf21nabXvgd2F2d2b57+Px3rw3AMfoC4E0sTy9YKUEGgVBuApAG4FCGb61LPiQgpsQECkQkVLpG0hgd9xft0MaHEmwdcJc5isyDlCJDobF8SPiR9glj3/UMSSKoBFNgplQr6nwMQ4HIQOg8BdahRt4J7bM1A8EDMIcfqIVMkcjKTDcqG4/teta3HbyLOCycMuzugnIkFVVmFztWxtKNUlVcMgF3rIhZAEU4zR6/a32IdGdbI6g9gKfqdAGWRLLoOgi3qKggZKSVDBzA/YCyDYUrCEXTEjCfzrLTN1N/A8eh9xhqek4veta2HLEPojzYctEg5mYAswVzJBb3CavvzbWn+NdoijA4qwZco8c8xUoLByy7gbkEWjl8mgrKy18aN28wmMsUMR/hWBCsxPC2ht6YOn2V3jda4OmymbVuYSQAcW1PGC7LmIgNtAZJna4NRKA9r3/4Nrzy6praIC2yru8iIUF/a0bK5ax59tLuY4YIvlAiLp5EXQkkVjG1Oex1IuJYJWHEQtLxAw6kUzskw8P4OPG+9QvoDRszIhgyhd7L1VegeG2cWiv7+GZrip28ccb4CRcJBSEb3FUDudKq2C66+WhEBTcVNUMY/iLdRarECxoWARnS6sV1x0o+lFb4i1HBsUqiHYJd6rJa1vf4e/eH8W9RKJ1EBuf6bDyTSmYxcx7872qonWyrCgPwj5MBOrkiRRMLBM93fUq6NPRoivRZRJlrnTdANPdpjwMW1g6gGXgRBYda2ldxCJUksIFaiRxUOCqWmWSiY4mE2KDYANGHiq2ly0zdTtaGyOHoU7pHoyMiUX/xWq6Vr5QlEjVHRXFuDuyggb2cS+wgtmq1HgSTphKYR0jCRO7InJkMA6wVJv7vbA9H76Ofhgq63cgj6DEX+u4G+kMKRJHcGdPpSnIE1grK1osIy7TmXyBEZ4kkgVECfyjsTfjynxxye2p6azw4vddhxxCKQw5+n7ZY+8n7Eu4FrYdNe3l5fg3sUAuQLd09K8n3KSo9tZaZutskKU6T4b11770rTUle666WzN5/N34Q1NCSQ9qNxb7W9Vm8LVbZ85P4mZjAPQE3WC1/2fKli5XQ9u1uPMOm86bGGZYMaj1iEAdFpEIfYhiR3imc3fgWYe8uvMMZhxaTjLV1USrmkoOuj/diY8GyTjSoYxltsGMzYIRXIwnRxr7cGhRCnSqqORg0n5L1BzvM3LsxXoa6C6sssUPIeboYy8IFgbUKUmwzHaE6R57HaM3/wFyWY8FeFe6DgAAAABJRU5ErkJggg==) 100%/100%;margin-right:1.6vw}.parking-coupon-container .receive-after .content .primary-box .duration{margin-top:8vw;height:13.333vw;background:rgba(35,100,229,.1);border-radius:2.133vw;display:flex;align-items:center;justify-content:center;color:#2364e5;font-size:4.8vw;font-weight:700}.parking-coupon-container .receive-after .content .primary-box .desc{margin-top:6.933vw;font-size:4.267vw;color:#666}.parking-coupon-container .receive-after .content .primary-box .desc span{color:#333;font-weight:700;margin:0 1.6vw}.parking-coupon-container .receive-after .content .rule-box{margin-top:6.133vw}.parking-coupon-container .receive-after .content .rule-box .t{font-weight:700;text-align:center;font-size:4.267vw;color:#333}.parking-coupon-container .receive-after .content .rule-box .t:after,.parking-coupon-container .receive-after .content .rule-box .t:before{content:"";position:absolute;width:5.333vw;height:5.333vw;background:linear-gradient(180deg,#0f4cb6,#1450b8);border-radius:50%}.parking-coupon-container .receive-after .content .rule-box .t:before{left:0;transform:translateX(-50%)}.parking-coupon-container .receive-after .content .rule-box .t:after{right:0;transform:translateX(50%)}.parking-coupon-container .receive-after .content .rule-box .rule-list{padding:5.867vw 0 0}.parking-coupon-container .receive-after .content .rule-box .rule-list .item{margin-bottom:4.8vw}.parking-coupon-container .receive-after .content .rule-box .rule-list .item .rule{font-size:3.733vw;color:#333;font-weight:700;display:flex;align-items:center}.parking-coupon-container .receive-after .content .rule-box .rule-list .item .rule:before{content:"";display:block;width:1.6vw;height:1.6vw;background:#999;border-radius:50%;margin-right:1.6vw}.parking-coupon-container .receive-after .content .rule-box .rule-list .item .desc{margin-left:3.2vw;font-size:3.2vw;color:#666;margin-top:3.2vw}.parking-coupon-container .van-popup--center{top:81.6vw}.parking-coupon-container .van-popup--round{border-radius:2.133vw}.parking-coupon-container .van-popup--container{width:85.333vw;height:100%;padding:4.533vw 6.4vw 5.067vw;text-align:center;display:flex;flex-direction:column;justify-content:space-between}.parking-coupon-container .van-popup--container .title{font-size:4.8vw;color:#333;font-weight:700}.parking-coupon-container .van-popup--container .middle .p1{color:#2364e5;font-size:4.8vw;font-weight:700}.parking-coupon-container .van-popup--container .middle .desc{font-size:3.733vw;color:#666;margin-top:4.267vw}.parking-coupon-container .van-popup--container .btns{display:flex;justify-content:space-between}.parking-coupon-container .van-popup--container .btns .btn{width:34.133vw;height:11.733vw;border-radius:2.133vw;display:flex;justify-content:center;align-items:center;font-size:4.267vw;font-weight:700}.parking-coupon-container .van-popup--container .btns .btn:first-child{color:#ef2928;background:rgba(239,41,40,.15)}.parking-coupon-container .van-popup--container .btns .btn:last-child{background:#2364e5;color:#fff}.parking-coupon-container .keyboard-placeholder{height:72vw;width:100%;display:none}.parking-coupon-container .keyboard-placeholder.active{display:block}.parking-coupon-container .keyboard{background:#c5d1e4;width:100%;height:0;bottom:0;position:absolute;transition:height .2s;text-align:end;z-index:99}.parking-coupon-container .keyboard.active{height:72vw}.parking-coupon-container .keyboard.active .done{display:inline-block}.parking-coupon-container .keyboard.active .keyboard-list{display:flex}.parking-coupon-container .keyboard .done{display:none;line-height:10.667vw;color:#2364e5;font-size:4.267vw;font-weight:500;padding-right:2.667vw;text-align:end}.parking-coupon-container .keyboard-list{padding:0 1.333vw 2.667vw;display:flex;flex-wrap:wrap;position:relative;display:none}.parking-coupon-container .keyboard-list .item{width:8.533vw;height:11.2vw;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.3);border-radius:1.6vw;text-align:center;line-height:11.2vw;font-size:4.8vw;margin-right:1.333vw;margin-bottom:1.6vw;border:none}.parking-coupon-container .keyboard-list .item.gray-bg{background:#eee}.parking-coupon-container .keyboard-list .item:active{background:#2364e5;color:#fff}.parking-coupon-container .keyboard-list .item:nth-child(10n){margin-right:0}.parking-coupon-container .keyboard-list .options{position:absolute;right:1.333vw;bottom:4.267vw;display:flex}.parking-coupon-container .keyboard-list .options.small .btn{width:18.4vw}.parking-coupon-container .keyboard-list .options .btn{width:20.267vw;height:11.2vw;box-shadow:0 1px 0 rgba(0,0,0,.3);border-radius:1.6vw;background:#fff;line-height:11.2vw;text-align:center;margin-left:1.6vw;font-size:4.8vw;border:none}.parking-coupon-container .keyboard-list .options .btn.delete{background:#9eabbe}.parking-coupon-container .keyboard-list .options .btn:active{background:#2364e5;color:#fff}