#annual-service-charge-page .panel-top{padding:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff}#annual-service-charge-page .panel-top .avatar{-webkit-box-flex:0;-ms-flex:0 0 80px;flex:0 0 80px;height:80px;margin-right:24px}#annual-service-charge-page .panel-top .avatar img{border-radius:10%!important;width:100%;height:100%}#annual-service-charge-page .panel-top .msg{font-size:20px;color:#333}#annual-service-charge-page .panel-top .msg p{color:#333;margin-bottom:5px}#annual-service-charge-page .panel-top .msg p span{margin-left:20px}#annual-service-charge-page .panel-top .msg .use{color:#1aad19}#annual-service-charge-page .panel-top .msg .noUse{color:#333}#annual-service-charge-page .panel-top .msg .system{margin-bottom:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#annual-service-charge-page .panel-top .msg .system span{font-size:14px;color:#333}#annual-service-charge-page .panel-top .msg .system .hint{color:#f72f0e}#annual-service-charge-page .panel-top .msg .system .violet{color:#7a00ff}#annual-service-charge-page .panel-top .msg .img{vertical-align:middle;margin-left:5px;cursor:pointer}#annual-service-charge-page .panel-top .highlight{color:#f72f0e!important}#annual-service-charge-page .panel-top .btn{width:100px}#annual-service-charge-page .panel-top .btn:first-of-type{margin:0 24px 0 40px}#annual-service-charge-page .panel-top .btnSwitch{margin-left:auto;margin-right:10px}#annual-service-charge-page .panel-contant{padding:40px;background-color:#fff;border-radius:4px;margin-top:32px}#annual-service-charge-page .panel-contant .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#annual-service-charge-page .panel-contant .content .fee-data{font-size:20px;color:#333}#annual-service-charge-page .panel-contant .data-statistics{display:-webkit-box;display:-ms-flexbox;display:flex;padding:40px 0;margin:25px 0;border-radius:4px;border:1px solid #ebebee}#annual-service-charge-page .panel-contant .data-statistics .item{width:33.33%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-right:1px solid #ebebee}#annual-service-charge-page .panel-contant .data-statistics .item .item-top{font-size:14px;color:#333}#annual-service-charge-page .panel-contant .data-statistics .item .item-bottom{color:#1aad19;margin:16px 0}#annual-service-charge-page .panel-contant .data-statistics .item .item-bottom span{font-size:30px;margin-right:4px}#annual-service-charge-page .panel-contant .data-statistics .item .statistics{color:#999}#annual-service-charge-page .panel-contant .data-statistics .item .statistics .high{color:#1aad19}#annual-service-charge-page .panel-contant .data-statistics .item:last-child{border-right:none}#annual-service-charge-page .panel-contant .container{-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.02);box-shadow:0 0 20px 0 rgba(0,0,0,.02);border-radius:4px}#annual-service-charge-page .panel-contant .container .club-name{display:-webkit-box;display:-ms-flexbox;display:flex}#annual-service-charge-page .panel-contant .container .club-name .avatar{-webkit-box-flex:0;-ms-flex:0 0 48px;flex:0 0 48px;height:48px;margin-right:10px}#annual-service-charge-page .panel-contant .container .club-name .avatar img{width:100%;height:100%}#annual-service-charge-page .panel-contant .container .club-name .msg{font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#annual-service-charge-page .panel-contant .container .club-name .msg p{color:#333;margin-bottom:4px}#annual-service-charge-page .panel-contant .container .club-name .msg span{color:#999}#annual-service-charge-page .panel-contant .container .payAmount .highlight{color:#f72f0e}#annual-service-charge-page .panel-contant .container .oper{color:#1aad19;padding:0 8px;cursor:pointer}#annual-service-charge-page .panel-contant .container .oper:first-child{padding-left:0;border-right:1px solid #eee}.system-expires-modal .ant-modal-body{padding-left:120px}.system-expires-modal .mr10{margin:0 10px}.system-expires-modal .date-tips{color:#fa5151}.system-expires-modal .pay-tips{display:-webkit-box;display:-ms-flexbox;display:flex}.system-expires-modal .pay-tips .component-form-input .tip{margin-top:0}.system-expires-modal .time .ant-calendar-picker{width:280px}.system-expires-modal .time .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.system-expires-modal .time .content .highlight{color:#fa5151}