#QRCodeDivWxPayment{width:100px;margin:auto;height:100px}#QRCodeDivWxPayment img{margin:auto}.box,.box1,.box2{background-color:#60a392;color:#fff}.box3{background-color:#fff;color:#000}.pay-payment-service .search-bar .type-item .ant-select{width:120px}.pay-payment-service .payment-service-content .service-list{height:calc(100vh - 170px)}.pay-payment-service .payment-service-content .service-list .ant-spin-container{width:100%;height:100%}.pay-payment-service .payment-service-content .service-list .ant-spin-container .service{width:100%;padding-left:6px}.pay-payment-service .payment-service-content .service-list .ant-spin-container .service .service-title{font-family:MicrosoftYaHeiUI;font-size:14px;color:rgba(0,0,0,.9);letter-spacing:0;line-height:16px;height:32px;border-left:1px dashed #dde1e9;display:-webkit-box;display:-ms-flexbox;display:flex}.pay-payment-service .payment-service-content .service-list .ant-spin-container .service .service-title:before{content:"";background:#dde1e9;width:16px;height:16px;border-radius:50%;margin-right:16px;margin-left:-8px}.pay-payment-service .payment-service-content .service-list .ant-spin-container .service .service-items .serviceItem_wrap{position:relative;margin-top:16px}.pay-payment-service .payment-service-content .service-list .ant-spin-container .service .service-items .line{width:0;height:100%;border-left:1px dashed #dde1e9;position:absolute;left:0;top:0;z-index:9}.pay-payment-service .payment-service-content .service-list .ant-spin-container .service .service-items .service-item_wrap:last-child .line{height:50%}.pay-payment-service .payment-service-content .service-list .ant-spin-container .service .service-items .service-item{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.pay-payment-service .payment-service-content .service-list .ant-spin-container .service .service-items .service-item:before{content:"";border:3px solid #dde1e9;background-color:#fff;width:16px;height:16px;border-radius:50%;margin-right:16px;margin-left:-8px;z-index:10}.pay-payment-service .payment-service-content .service-list .ant-spin-container .service .service-items .service-item .card{width:calc(100% - 30px);height:192px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);margin-top:8px;display:-webkit-box;display:-ms-flexbox;display:flex}.pay-payment-service .payment-service-content .service-list .ant-spin-container .service .service-items .service-item .card .card-left{position:relative;width:34%;height:100%;min-width:312px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:hsla(0,0%,96.1%,.4);background-image:url(../../static/img/liuliangxiang.e0412582.png);background-repeat:no-repeat;background-size:cover;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pay-payment-service .payment-service-content .service-list .ant-spin-container .service .service-items .service-item .card .card-left .card-name{font-family:MicrosoftYaHeiUI;font-size:22px;color:rgba(0,0,0,.7);letter-spacing:0;text-align:center;line-height:32px;width:198px}.pay-payment-service .payment-service-content .service-list .ant-spin-container .service .service-items .service-item .card .card-left .card-name .card-status{display:inline-block;width:41px;height:20px;text-align:center;font-size:10px;color:#fff;letter-spacing:0;line-height:20px;margin-left:5px;vertical-align:middle;margin-bottom:5px}.pay-payment-service .payment-service-content .service-list .ant-spin-container .service .service-items .service-item .card .card-left .card-name .card-overdue{background-color:#b5b5b5}.pay-payment-service .payment-service-content .service-list .ant-spin-container .service .service-items .service-item .card .card-right{-webkit-box-flex:1;-ms-flex:1;flex:1}.pay-payment-service .payment-service-content .service-list .ant-spin-container .service .service-items .service-item .card .card-right .card-right-top{display:-webkit-box;display:-ms-flexbox;display:flex;height:50%}.pay-payment-service .payment-service-content .service-list .ant-spin-container .service .service-items .service-item .card .card-right .card-right-top .card-items{-webkit-box-flex:1;-ms-flex:1;flex:1}.pay-payment-service .payment-service-content .service-list .ant-spin-container .service .service-items .service-item .card .card-right .card-right-top .card-items,.pay-payment-service .payment-service-content .service-list .ant-spin-container .service .service-items .service-item .card .card-right .card-right-top .card-items .card-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pay-payment-service .payment-service-content .service-list .ant-spin-container .service .service-items .service-item .card .card-right .card-right-top .card-items .card-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;width:33.33%;height:60px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-left:1px solid rgba(0,0,0,.08);font-family:MicrosoftYaHeiUI}.pay-payment-service .payment-service-content .service-list .ant-spin-container .service .service-items .service-item .card .card-right .card-right-top .card-items .card-item .card-item-info{width:120px}.pay-payment-service .payment-service-content .service-list .ant-spin-container .service .service-items .service-item .card .card-right .card-right-top .card-items .card-item .card-item-name{font-size:14px;color:rgba(0,0,0,.4)}.pay-payment-service .payment-service-content .service-list .ant-spin-container .service .service-items .service-item .card .card-right .card-right-top .card-items .card-item .card-item-value{font-size:24px;color:rgba(0,0,0,.7);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:DINCondensed-Bold}.pay-payment-service .payment-service-content .service-list .ant-spin-container .service .service-items .service-item .card .card-right .card-right-top .card-items .card-item .card-day{font-size:12px;color:rgba(0,0,0,.7);margin-top:5px}.pay-payment-service .payment-service-content .service-list .ant-spin-container .service .service-items .service-item .card .card-right .card-right-top .card-items .card-item:first-child{border-left:none}.pay-payment-service .payment-service-content .service-list .ant-spin-container .service .service-items .service-item .card .card-right .card-right-top .card-button-outer{width:126px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-flow:row-reverse;flex-flow:row-reverse}.pay-payment-service .payment-service-content .service-list .ant-spin-container .service .service-items .service-item .card .card-right .card-right-top .card-button-outer .dropdown{height:25px;padding:21px 24px 0 0}.pay-payment-service .payment-service-content .service-list .ant-spin-container .service .service-items .service-item .card .card-right .card-percent{width:100%;height:50%;display:-webkit-box;display:-ms-flexbox;display:flex}.pay-payment-service .payment-service-content .service-list .ant-spin-container .service .service-items .service-item .card .card-right .card-percent .card-percent-left{width:calc(33.33333% - 42px);height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pay-payment-service .payment-service-content .service-list .ant-spin-container .service .service-items .service-item .card .card-right .card-percent .card-percent-left .card-percent-info{width:120px}.pay-payment-service .payment-service-content .service-list .ant-spin-container .service .service-items .service-item .card .card-right .card-percent .card-percent-left .card-percent-info .card-percent-name{font-size:14px;color:rgba(0,0,0,.4)}.pay-payment-service .payment-service-content .service-list .ant-spin-container .service .service-items .service-item .card .card-right .card-percent .card-percent-left .card-percent-info .card-percent-value{font-size:24px;color:rgba(0,0,0,.7);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:DINCondensed-Bold}.pay-payment-service .payment-service-content .service-list .ant-spin-container .service .service-items .service-item .card .card-right .card-percent .card-percent-right{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:-48px;padding-right:36px}.pay-payment-service .payment-service-content .service-list .ant-spin-container .service .service-items .service-item .card .card-right .card-percent .card-percent-right .card-percent-after{width:100%;height:12px;background:rgba(0,0,0,.04);border-radius:6px}.pay-payment-service .payment-service-content .service-list .ant-spin-container .service .service-items .service-item .card .card-right .card-percent .card-percent-right .card-percent-after .card-percent-before{background-image:-webkit-gradient(linear,left top,right top,from(#cfd6e1),to(#b6c0d1));background-image:linear-gradient(90deg,#cfd6e1,#b6c0d1);height:12px;border-radius:8px;width:0;-webkit-transition:width .5s ease-in-out;transition:width .5s ease-in-out}.pay-payment-service .payment-service-content .service-list .ant-spin-container .service_no{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:10% 0;font-size:20px;color:#444}