ifm/WebRoot/views/whh/main.css

/* footer的图标 */
        .nav>li>span{
		    display: block;
		    background-size: 123% !important;
		    margin-top: 0.02rem;
        }
        /* footer的默认字体颜色 */
        .nav>li>a{
        	color: #555;
        }
        /* footer的默认字体颜色 */
        .nav>li>span{
        	background-size: 55px;
		    background-position: center;
		    background-repeat: no-repeat;
        }
        /* footer的点击字体颜色 */
        .textColor{
        	color: #2385E2 !important;
        }
        .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus{
        	text-decoration: none;
    		background-color: #f6f6f6 !important;
        }
        .nav>li>a {
            margin-bottom: 0 !important;
		    padding:0 !important;
		    background-color: #f6f6f6 !important;
		}
		/* 底部导航栏定义 */
        /*
        .nav-pills > li:not(:last-child){
            border-right: 1px #ddd;
        }
        .nav-pills > li {
            width:24.5%;
            height:40px;
            background-color:#d3d3d3;
            text-align:center;
            font-size:14px;
        }
        */
        @media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */
	        #yjts{
	        	height:35% !important;
	        }
	        #mcgk .list-group-item{
	        	height: 32px !important;
	        	line-height: 32px !important;
	        }
	        .row>.navbar-fixed-bottom{
	        	font-size: 12px;
	        }
		}
		@media (device-height:640px) and (-webkit-min-device-pixel-ratio:2){/* 兼容Galaxy S5 */
		}
		@media (device-height:667px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6*/
		}
		@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6 Plus */
	        #mcgk .list-group-item{
	        	height: 42px !important;
	        	line-height: 42px !important;
	        }
		}
        @media (device-height:1024px) and (-webkit-min-device-pixel-ratio:2){/* 兼容ipad */
			#mcgk .list-group-item{
	        	height: 65px !important;
	        	line-height: 65px !important;
	        }
	        #yjts .list-group-item{
	        	height: 65px !important;
	        	line-height: 65px !important;
	        }
	        #scxx .list-group-item{
	        	height: 65px !important;
	        	line-height: 65px !important;
	        }
	        .row>.navbar-fixed-bottom{
	        	font-size: 20px !important;
	        }
	        #mcgk{
	        	font-size: 22px !important;
	        }
	        #yjts{
	        	font-size: 22px !important;
	        }
	        #scxx{
	        	font-size: 22px !important;
	        }
		}
		.container{
			width: 100% !important;
		}
        .nav-justified {
            width: 100%;
            border-bottom: 0;
        }

        .nav-justified > li {
            float: none;
        }

        .nav-justified > li > a {
            margin-bottom: 5px;
            text-align: center;
        }

        .nav-justified > .dropdown .dropdown-menu {
            top: auto;
            left: auto;
        }

        .nav-justified > li {
            text-align: center;
            padding-top: 3px;
        }

        .nav-justified > li > a {
            margin-bottom: 0;
            padding:0 0;
        }

        .nav-justified > li > a {
            margin-right: 0;
        }

        .nav-pills > li:not(:last-child) {
            border-right: 1px #ddd;
        }

        /* 定义轮播图片大小 */
        .carousel-inner > .item > img {
            width: 100%;
        }

        /* 定义轮播字体位置 */
        .carousel-caption {
            bottom: 0;
            padding-bottom: 5px;
        }

        /* 定义资讯消息内部样式间隔 */
        .media {
            margin-top: 5px;
        }

        .media:not(:last-child) {
            padding-bottom: 5px;
            border-bottom: 1px solid #ddd;
        }

        /* 定义导航箭头图标 */
        .glyphicon-chevron-right {
            float: right;
            margin-right: 5px;
        }

        .glyphicon-chevron-right + .badge {
            margin-right: 5px;
        }

        /* 列表分割线 */
        .list-group-item {
            border: 0;
            height: 38px;
            line-height: 38px;
            padding: 0px;
        }

        .list-group-item:not(:first-child) {
            border-top: 1px solid #ddd;
        }

        /* 缩小面板内间隔 */
        .panel-body {
            padding: 0px 5px 0px 5px;
        }
        .haifm{
            height: 100% !important;
		    display: flex;
		    flex-direction: column;
		    flex: 0 0 90%;
        }
        body{
        	display:flex;
        	flex-direction: column;
        }
		.dj_b{
		background: url(../whh/img/bai-1.png);
		}
		.sh_b{
		 background: url(../whh/img/bai-2.png);;
		}
		.cl_b{
		background: url(../whh/img/bai-3.png);;
		}
		.dj_d{
		background: url(../whh/img/ding-1.png);
		}
		.sh_d{
		 background: url(../whh/img/ding-2.png);;
		}
		.cl_d{
		background: url(../whh/img/ding-3.png);;
		}
		.left{
				width: 22px;
		    	margin-right: 13px;
			}
			.checkAll{
				JUSTIFY-CONTENT: space-between;
	   			 font-size: 17px;
	   			 background-color: #dddfe0;
	   			 
			}
			.right{
				width:90%;
			}
			.mui-table-view{
			    background: #D7DFEA;
				color: #fff;
			}
			.mui-table-view-cell{
				background: #4E768F;
				text-align: left;
			    margin: 0 0.05rem;
			}
			.suosou{
				justify-content: center;
			    background: #bbcde1;
			    border-bottom: none;
			    padding: 0.12rem 0.8rem 0.12rem 0.5rem;
			}
			.suosou input{
				border-radius: 50px;
				background: #fff !important;
			}
			input[type=search]{
				text-align: inherit;
			}
			.row {
			    padding: 0.05rem 0;
			}
			.rowBox{
			    margin: 0 0.08rem;
				margin-top: 0.05rem;
				flex-direction: row;
				margin: 15px;
			}
			.hiddenli .row + .row{
				font-size: 0.2rem;
			}
			.iofo{
				background: #4E768F;
			    color: #fff;
			    padding: 0.05rem 0.2rem;
			    border-radius: 0.5rem;
			}
			li.mui-table-view-cell{
				margin-top: 0.02rem;
			}
			.mui-table-view-cell:first-child{
				margin-top: 0.2rem;
			}
			.rowBox:last-child{
				margin-bottom: 0.15rem;
			}
			/*时间查询*/
			.md-modal {
			    bottom: inherit !important;
			    position: absolute;
			}
			.md-content .titlebz {
			    width: 106%;
			    margin-left: -3%;
			    margin-top: 0.4rem;
			    border-radius: 0;
			    padding: 0.1rem 0;
			}
			.ggys {
			    margin-left: 0;
			}
			.mui-table-view-cell>.mui-switch {
			    top: 0.25rem;
			}
			.footer2{
				display: flex;
			    flex-direction: row;
			    justify-content: space-around;
			    height: 46px;
			    background-color: #D7DFEA;
			}
			.footer2>div{
				background-color: #fff;
			    width: 88px;
			    height: 40px;
			    text-align: center;
			    padding-top: 10px;
			    font-size: 18px;
			    border-radius: 13px;
			    color: #4e7891;
			}
			.green{
				background-color: #b6d0d8 !important;
			}
			.md-modal {
		   	 margin-left: 0;
			}
			.md-content .titlebz {
			    width: 106%;
			    margin-left: -3%;
			    margin-top: 0.4rem;
			    border-radius: 0;
			    padding: 0.1rem 0;
			}
			.bzmd-content {
			    border-radius: 0;
			}
			.sjokbox{
				justify-content: space-around !important;
			}
			
			.sjokbox > span{
				    background-color: #6C98B1;
				    width: 96px;
				    border-radius: 11px;
			}
			.error{
				    font-size: 18px;
				    color: red;
				    margin-left: 9%;
				    height: 105px;
			}
			.greyColor{
				background-color :#ebebe4 !important;
			}
			.flex1{
				flex:1;
			}
			.disFlex{
				display: flex;
			}