/*媒体查询:注意and后面空格的添加*/ /*iphone: w < 768px*/ @media screen and (max-width: 768px){ .sp_show { width:100%;height:300px; } .sp_bt_an { font-size:40px; position:static; left:50%; top:20%;color:#ffffff;margin-left:-20px;z-index:2; font-weight:normal; } } /*pad: w >= 768 && w< 992*/ @media screen and (max-width: 992px) and (min-width: 768px) { .sp_show { width:100%;height:300px; } .sp_bt_an { font-size:40px; position:static; left:50%; top:40%;color:#ffffff;margin-left:-20px;z-index:2; font-weight:normal; } } /*中等屏幕 w >= 992 && w<1200*/ @media screen and (max-width: 1200px) and (min-width: 992px) { .sp_show { width:100%;height:350px; } .sp_bt_an { font-size:40px; position:static; left:50%; top:40%;color:#ffffff;margin-left:-20px;z-index:2; font-weight:normal; } } /*大屏幕 && w》1200*/ @media screen and (min-width: 1200px) { .sp_show { width:100%;height:400px; } .sp_bt_an { font-size:40px; position:static; left:50%; top:40%;color:#ffffff;margin-left:-20px;z-index:2; font-weight:normal; } } .tu_sp { -webkit-filter: brightness(70%); filter: brightness(70%); } .content-display-show { margin-top:20px; margin-bottom:20px; } .content-display-show h3 { text-align:center;font-size:15px;background:#ffffff;color:#444444;height:50px;line-height:50px;margin-top:-0px;-moz-box-shadow:2px 2px 5px #f2f2f2; -webkit-box-shadow:2px 2px 5px #f2f2f2; box-shadow:2px 2px 5px #f2f2f2;}