.Map_con { position: relative; } .allmap { height: 671px; width: 100%; overflow: hidden; } .Con_P { width: 300px; height: 650px; position: absolute; top: 0; right: 0; z-index: 10000; background: url(/Content/Areas/Common/images/Article/op_bg.png) repeat; padding: 10px; } .Con_P p { font-size: 14px; line-height: 28px; font-family: "宋体"; color: #fff } @media only screen and (max-width: 768px) { .tab_box .artic_left, .tab_box .artic_right, .tab_li { width: 100%; } .column_lists li { margin: 0 30px 14px; float: left; } .artic_list li { margin-bottom: 20px; height: auto; } .tab_li li { margin: 0 26px; } .tab_box .artic_right { padding: 0 10px; } .Con_P { width: 100% !important; height: auto !important; position: inherit !important; padding: 10px !important; box-sizing: border-box; } } @media only screen and (max-width: 700px) { .column_lists li { margin: 0 6px 14px; } .tab_li li { margin: 0; } } @media only screen and (max-width: 550px) { .tab_li li { margin: 0 20px 10px; } .column_lists li { margin: 0 18px 14px; } } @media only screen and (max-width: 360px) { .tab_li li { margin: 0 8px 10px; } .column_lists li { margin: 0 10px 14px; } }