.dbg{ width:100%;height:100%;background:none; } .container{width:100%;height:100%;} .demo{ text-align:left; margin-top: 0px; margin-left: 0px; } span.counter{ font-size: 50px; font-family: Impact,sans-serif; font-weight: bold; color: #e60012; } span.jb{ font-size:12px; font-family:"Microsoft YaHei"; font-weight:normal; color: #212121; padding-left:10px; } span.jieshao{font-size:14px;color: #1f1f1f;} .demo #demo01{width: 25%;text-align:center;float:left;margin-bottom: 10px;margin-top:10px;border-right: 1px solid #cdcccb;} .demo #demo02{width: 25%;text-align:center;float:left;margin-bottom: 10px;margin-top:10px;border-right: 1px solid #cdcccb;} .demo #demo03{width: 25%;text-align:center;float:left;margin-bottom: 30px;margin-top:10px;} .demo #demo04{width:25%;text-align:center;float:left;margin-bottom: 30px;margin-top:10px;border-left: 1px solid #cdcccb;} @media only screen and (max-width: 768px){ span.jb{ font-size:14px; } span.counter{ font-size:35px; } span.jieshao{font-size: 14px;} .c_portalResPublic_codeContainer-01001004001{ min-height:500px; width:100%; } .demo #demo01{width:50%;text-align:center;float:left;} .demo #demo02{width:50%;text-align:center;float:left;} .demo #demo03{width:50%;text-align:center;float:left} .demo #demo04{width:50%;text-align:center;float:left;} } @media only screen and (min-width: 769px){ .c_portalResPublic_codeContainer-01001004001{ min-height:500px; width:100%; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }.pagebox,#-remove--flag{width:100%;margin:0px auto;}body,#-remove--flag{} #c_portalResPublic_codeContainer-16063772831245263{ width:auto; max-width:1740px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:10px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; }