<div ng-controller="accountgeneralconditionController">
    <style>
        .rt-account-card {
            height: 100px;
            background-color: rgba(26, 203, 209, 0.1);
            border: 1px solid rgba(26, 203, 209, 0.15);
            float: left;
            width: 48.5%;
        }

        .rt-account-title {
            padding-left: 20px;
            padding-top: 2px;
            height: 26px;
            color: #fff;
            font-weight: bold;
            font-size: 16px;
        }

        .rt-account-lable {
            padding-left: 20px;
            padding-top: 10px;
            color: white;
        }
    </style>
    <div id="accountgeneralcondition" style="height: 210px;">
        <div class="rt-account-card">
            <div class="rt-account-title" style=" background-color: #1acbd1;">
                商业企业
            </div>
            <div class="rt-account-lable">
                活跃量：<a style="    color: #1acbd1;
            font-weight: bold;">{{vm.reportClientCount.BizCount}}</a>
            </div>
            <div class="rt-account-lable">
                总量：<a style="color: #1acbd1;
            font-weight: bold;">{{ vm.reportClientCount.BizCapacity}}</a>
            </div>
        </div>
        <div class="rt-account-card" style=" float: right;">
            <div class="rt-account-title" style=" background-color: #e75e6e;">
                等级医院
            </div>
            <div class="rt-account-lable">
                活跃量：<a style="    color: #e75e6e;
                font-weight: bold;">{{vm.reportClientCount.HosCount}}</a>
            </div>
            <div class="rt-account-lable">
                总量：<a style="color: #e75e6e;
                font-weight: bold;">{{ vm.reportClientCount.HosCapacity}}</a>
            </div>
        </div>
        <div class="rt-account-card" style="margin-top: 10px;">
            <div class="rt-account-title" style=" background-color: #fea772;">
                零售终端
            </div>
            <div class="rt-account-lable">
                活跃量：<a style="    color: #fea772;
                font-weight: bold;">{{vm.reportClientCount.OtcCount}}</a>
            </div>
            <div class="rt-account-lable">
                总量：<a style="color: #fea772;
                font-weight: bold;">{{ vm.reportClientCount.OtcCapacity}}</a>
            </div>
        </div>
        <div class="rt-account-card" style="margin-top: 10px; float: right;">
            <div class="rt-account-title" style=" background-color: #4bd192;">
                基层医疗
            </div>
            <div class="rt-account-lable">
                活跃量：<a style="    color: #4bd192;
                    font-weight: bold;">{{vm.reportClientCount.ThrCount}}</a>
            </div>
            <div class="rt-account-lable">
                总量：<a style="color: #4bd192;
                    font-weight: bold;">{{ vm.reportClientCount.ThrCapacity}}</a>
            </div>
        </div>
    </div>
</div>