ZKYYCallCenter_UI/CallCenterWe.../css/widgets/widgets.css

* {
            font-family: "微软雅黑";
        }

        @font-face {
            font-family: 'iconfont';
            src: url('fonts/iconfont.eot');
            /* IE9*/
            src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('fonts/iconfont.woff') format('woff'), /* chrome、firefox */
            url('fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
            url('fonts/iconfont.svg#iconfont') format('svg');
            /* iOS 4.1- */
        }

        .iconfont {
            font-family: "iconfont";
            font-size: 40px;
            font-style: normal;
        }

        .fl {
            float: left;
        }

        .fr {
            float: right;
        }

        .bc {
            background-color: #FFFFFF;
            border: 2px solid #EBEBEB;
            padding: 25px 20px;
        }

        .size-14 {
            font-size: 14px;
            font-weight: normal;
        }

        .ba {
            background-color: #F5F5F5;
            border: 2px solid #EBEBEB;
            padding: 0px;
        }

        .left_box {
            background-color: #FFFFFF;
        }

        .rows {
            display: -webkit-box;
        }

        .lazur {
            color: #23c6c8;
        }

        .bottom_line {
            border-bottom: 2px solid #CCCCCC;
        }

        .clear {
            margin: 0;
            padding: 0;
            margin-top: 2%;
        }

        .widgets {
            padding: 15px 20px;
            margin-bottom: 25px;
            margin-top: 35px;
        }
        /*.ss{

                background: url(img/huan.png) no-repeat;
                background-size: contain;
                background-position: center;
                margin-left: 20px;

            }*/
        .fenxian {
            border: 2px solid #CCCCCC;
            margin-bottom: 10px;
            display: inherit;
            position: absolute;
            width: 100%;
            TOP: 50%;
        }

        .left1 {
            LEFT: 15px;
        }

        .left2 {
            right: 15px;
        }

        .rowTitle {
            position: absolute;
            font-size: 16px;
            top: 40px;
            left: 45px;
            font-weight: 800;
            padding-bottom: 10px;
            border-bottom: 2px solid #CCCCCC;
            letter-spacing: 4px;
        }

        .num_box {
            background-color: #fefefe;
            border: 1px solid #EBEBEB;
            border-radius: 5px;
            margin-top: 10px;
            -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
            height: 318px;
        }

        .size-16 {
            font-size: 16px !important;
        }

        .size-14 {
            font-size: 14px !important;
        }

        .size-15 {
            font-size: 15px !important;
        }

        .size-12 {
            font-size: 12px !important;
        }

        .min_bottom {
            margin-bottom: 15px !important;
        }
        .row{cursor: pointer;}
		.row-1:hover .fa-4x-1{
			color: #FFFFFF;
			background: #67cdcb;
			
		}
		.row-2:hover .fa-4x-2{
			color: #FFFFFF;
			background: #b8dcfc;
		}
		.row-3:hover .fa-4x-3{
			color: #FFFFFF;
			background: #f080ce;
		}
		.row-4:hover .fa-4x-4{
			color: #FFFFFF;
			background: #fa9182;
		}
		.fa-4x-1 {
            font-size: 3em;
            color: #67cdcb;
            background-color: #FFFFFF;
            padding: 10px;
            border-radius: 5px;
        }
        .fa-4x-2 {
            font-size: 3em;
            color: #b8dcfc;
            background-color: #FFFFFF;
            padding: 10px;
            border-radius: 5px;
        }
        .fa-4x-3 {
            font-size: 3em;
            color: #f080ce;
            background-color: #FFFFFF;
            padding: 10px;
            border-radius: 5px;
        }
        .fa-4x-4 {
            font-size: 3em;
            color: #fa9182;
            background-color: #FFFFFF;
            padding: 10px;
            border-radius: 5px;
        }
        /*.bg_green {
            background: -webkit-linear-gradient(left, #accafd, #b8dcfc);
            background: -moz-linear-gradient(left, #accafd, #b8dcfc);
            background: -o-linear-gradient(left, #accafd, #b8dcfc);
            background: -webkit-gradient(linear, 100% 0, 0 0, from(#b8dcfc), to(#accafd));
            background: linear-gradient(left, #accafd, #b8dcfc);
        }

        .bg_blue {
            background: -webkit-linear-gradient(left, #f26997, #f080ce);
            background: -moz-linear-gradient(left, #f26997, #f080ce);
            background: -o-linear-gradient(left, #f26997, #f080ce);
            background: -webkit-gradient(linear, 100% 0, 0 0, from(#f080ce), to(#f26997));
            background: linear-gradient(left, #f26997, #f080ce);
        }

        .bg_red {
            background: -webkit-linear-gradient(left, #fbc356, #fa9182);
            background: -moz-linear-gradient(left, #fbc356, #fa9182);
            background: -o-linear-gradient(left, #fbc356, #fa9182);
            background: -webkit-gradient(linear, 100% 0, 0 0, from(#fa9182), to(#fbc356));
            background: linear-gradient(left, #fbc356, #fa9182);
        }

        .bg_black {
            background: -webkit-linear-gradient(left, #88eec0, #8bdedd);
            background: -moz-linear-gradient(left, #88eec0, #8bdedd);
            background: -o-linear-gradient(left, #88eec0, #8bdedd);
            background: -webkit-gradient(linear, 100% 0, 0 0, from(#8bdedd), to(#88eec0));
            background: linear-gradient(left, #88eec0, #8bdedd);
        }

        .bg_wj {
            background: -webkit-linear-gradient(left, #6c77da, #7351ac);
            background: -moz-linear-gradient(left, #6c77da, #7351ac);
            background: -o-linear-gradient(left, #6c77da, #7351ac);
            background: -webkit-gradient(linear, 100% 0, 0 0, from(#7351ac), to(#6c77da));
            background: linear-gradient(left, #6c77da, #7351ac);
        }*/

        .jg {
            letter-spacing: 2px;
            margin-top: -3px;
            font-weight: bolder;
        }

        .mt {
            margin-top: 10px;
        }

        .ibox-content {
            padding: 15px 15px;
            background-color: #fefefe;
            border: 1px solid #EBEBEB;
            border-radius: 5px;
            -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
            box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
        }

        .size-20 {
            font-size: 20px;
            color: #4078ad;
        }

        .border_top {
            border-top: none;
        }
        /*.margin-tops{
                margin-top:-50px;
            }*/
        .padding-left-min {
            padding-left: 0;
            padding-top: 5px;
        }
		.row{
			position: relative;
		}
		
        /*.mins-left {
            position: absolute;
            left: 15px;
            text-align: center;
        }*/
       .col-xs-3{
       	padding-left: 15px !important;
       }
		.mins-left {
            position: absolute;
            right: 15px;
            text-align: center;
        }
        .widget h2, .widget h3 {
            margin-top: 0px;
        }

        .col-sm-2 {
            width: 20%;
        }

        .col-sm-4 {
            width: 33%;
        }

        .min_right {
            margin-right: 15px;
        }

        .col-xs-3 {
            padding-left: 5px;
        }

        .huan {
            background: url(./img/huan.png)no-repeat;
        }

        .min-padding {
            padding-bottom: 10px;
            padding-top: 10px;
            border-bottom-width: 1px;
            border-radius: 5px !important;
            padding-left: 10px;
            padding-right: 5px;
        }

        .progress {
            height: 5px;
            background-color: #CCCCCC;
        }

        .progress-bar-ff {
            background-color: #FFF;
        }

        .ff {
            color: #FFFFFF;
        }

        .c-bottom {
            margin-top: 5px;
        }

        .bg-purple {
            background: -ms-linear-gradient(right, #ea76dd,#8a9cf4);
            background: -webkit-gradient(linear, 100% 0, 0 0, from(#ea76dd), to(#8a9cf4));
            background: -webkit-linear-gradient(right, #ea76dd, #8a9cf4);
            background: -moz-linear-gradient(right, #ea76dd, #8a9cf4);
            background: -o-linear-gradient(right, #ea76dd, #8a9cf4);
            background: linear-gradient(right, #ea76dd, #8a9cf4);
            background: #ea76dd; /* Opera 11.1 - 12.0 */ /* Firefox 3.6 - 15 */ /* 标准的语法 */
        }

        .bg-blues {
            background: -ms-linear-gradient(right, #67aefe,#67aefe);
            background: -webkit-linear-gradient(right, #67aefe, #67aefe);
            background: -moz-linear-gradient(right, #67aefe, #7bd7fe);
            background: -o-linear-gradient(right, #67aefe, #7bd7fe);
            background: -webkit-gradient(linear, 100% 0, 0 0, from(#67aefe), to(#7bd7fe));
            background: linear-gradient(right, #67aefe, #7bd7fe);
            background: #67aefe; /* Opera 11.1 - 12.0 */ /* Firefox 3.6 - 15 */ /* 标准的语法 */
        }

        .bg-yellow {
            background: -ms-linear-gradient(right,#f95a84,#f86953);
            background: -webkit-linear-gradient(right, #f95a84, #f86953);
            background: -moz-linear-gradient(right, #f95a84, #f86953);
            background: -o-linear-gradient(right, #f95a84, #f86953);
            background: -webkit-gradient(linear, 100% 0, 0 0, from(#f95a84), to(#f86953));
            background: linear-gradient(right, #f95a84, #f86953);
            background: #f95a84; /* Opera 11.1 - 12.0 */ /* Firefox 3.6 - 15 */ /* 标准的语法 */
        }
        /*.p-xl{
            border-width: 5px;
            border-style: solid;
            border-color: #69cbd0  #69cbd0 #be8bd6   #47bde3 ;
            border-radius: 50%;
        }*/
        .c-bottom {
            width: 29%;
            overflow: hidden;
            margin-right: 5px;
            float: left;
        }

            .c-bottom ul {
                overflow: hidden;
                width: 100%;
                padding-left: 0px;
                list-style: none;
                margin-top: 3px;
                cursor: pointer;
            }
        .Text{
        	width: 100%;
        	text-align: center;
        }