自适应 自编css

* {
margin: 0;
padding: 0;
}
.noMP{margin: 0;padding: 0;}
html{width:100%;height:100%;}
body{width:100%;height:100%;zoom: 1; overflow:auto;font: normal 120% Helvetica, Arial, sans-serif;}/*1280用 120% 1920 180%*/
iframe{border: 0;height: 100%;width: 100%;}
.fullDiv{width:100%;height:100%;}
.marginAuto{margin: auto;}
.pdr5{padding-right: 5px;}
.pdt5{padding-top: 5px;}
.pdt15{padding-top: 15px;}
.pdb5{padding-bottom: 5px;}
.pdl10{padding-left: 10px;}
.pr{position: relative;}
.widthPer10{width:10%;}.widthPer20{width:20%;}.widthPer30{width:30%;}.widthPer40{width:40%;}.widthPer50{width:50%;}
.widthPer60{width:60%;}.widthPer70{width:70%;}.widthPer80{width:80%;}.widthPer90{width:90%;}.widthPer100{width:100%;}
.heightPer10{height:10%;}.heightPer20{height:20%;}.heightPer30{height:30%;}.heightPer40{height:40%;}.heightPer50{height:50%;}
.heightPer60{height:60%;}.heightPer70{height:70%;}.heightPer80{height:80%;}.heightPer90{height:90%;}.heightPer100{height:100%;}
.t_def{box-sizing: border-box;width:100%;}
.col-def-12{float:left;width:100%;height:100%;}.col-def-11{float:left;width:91.66666666666667%;height:100%;}.col-def-10{float:left;width:83.33333333333333%;height:100%;}.col-def-9{float:left;width:75%;height:100%;}
.col-def-8{float:left;width:66.66666666666667%;height:100%;}.col-def-7{float:left;width:58.33333333333333%;height:100%;}.col-def-6{float:left;width:50%;height:100%;}.col-def-5{float:left;width:41.66666666666667%;height:100%;}
.col-def-4{float:left;width:33.33333333333333%;height:100%;}.col-def-3{float:left;width:25%;height:100%;}.col-def-2{float:left;width:16.66666666666667%;height:100%;}.col-def-1{float:left;width:8.33333333333333%;height:100%;}
.row-def-12{box-sizing: border-box;height:100%;width:100%;}.row-def-11{box-sizing: border-box;height:91.66666666666667%;width:100%;}.row-def-10{box-sizing: border-box;height:83.33333333333333%;width:100%;}.row-def-9{box-sizing: border-box;height:75%;width:100%;}
.row-def-8{box-sizing: border-box;height:66.66666666666667%;width:100%;}.row-def-7{box-sizing: border-box;height:58.33333333333333%;width:100%;}.row-def-6{box-sizing: border-box;height:50%;width:100%;}.row-def-5{box-sizing: border-box;height:41.66666666666667%;width:100%;}
.row-def-4{box-sizing: border-box;height:33.33333333333333%;width:100%;}.row-def-3{box-sizing: border-box;height:25%;width:100%;}.row-def-2{box-sizing: border-box;height:16.66666666666667%;width:100%;}.row-def-1{box-sizing: border-box;height:8.33333333333333%;width:100%;}