.mainContentC{ position: relative; width:100%; height:100%; box-sizing: border-box; border:1px solid #5397F0; } .mainContentC>div { position: absolute; } #clockMap{ width:100%; height:100%; } #clockInfoTotal, #clockInfoCount, #clockInfoSearch{ z-index:9999999; top:30px; background:rgba(38,60,117,.9); } #clockInfoTotal { width:480px; height:100px; left:20px; } #clockInfoCount{ width:580px; height:100px; left:50%; margin-left:-290px; cursor: pointer; } #clockInfoSearch{ height:38px; right:20px; z-index:9999999; background:none; } .clockPointStyle>div{ float:left; padding:0 28px; height:66px; border-right: 1px solid #4E68A1; margin-top:15px; text-align: center; } .clockPointStyle>div>p { line-height:33px; color:#fff; font-size:14px; } .clockPointStyle>div>p:nth-child(1) { font-size: 16px; } .clockPointStyle>div>p:nth-child(2){ font-size:24px; } .clockPointStyle>div:nth-child(1){ width:66px; margin-top:0px; padding-right:0; } .clockPointStyle>div:nth-child(1)>img{ width:100%; height:100%; float:left; margin-top:-20px; } .clockPointStyle>div:nth-child(1), .clockPointStyle>div:last-child{ border-right:0; } .clockPointStyle>div:nth-child(2)>p:last-child{ color:#E7DA93; } #clockInfoTotal>div:last-child>p:last-child{ color:#EF6781; } #clockInfoSearch .layui-btn { height: 38px !important; line-height: 38px !important; background:rgba(38,60,117,.9) !important; } .schoolStyle_pop_info>p{ line-height:40px; } .schoolStyle_pop_img>img{ width:400px; max-height:360px; }