*{margin:0;padding:0;box-sizing:border-box;transition:all .5s}body{font-family:Microsoft JhengHei,Microsoft YaHei,STHeiti SC,SimHei}.pad16{padding:16px}.flex{display:flex}.flex_between_end{display:flex;justify-content:space-between;align-items:flex-end}.flex_between_center{display:flex;justify-content:space-between;align-items:center}.contain{height:100%}.h1{line-height:60px;color:#333;font-size:42px;text-align:center}.h2{line-height:48px;color:#999;font-size:34px;text-align:center}li,ul{list-style:none}a{color:#000;text-decoration:none}a:active,a:hover{color:#000}@media screen and (max-width:320px){.contain{width:100%;min-width:320px}.h1{font-size:20px;line-height:40px}.h2{font-size:16px;line-height:32px}.skillItem{width:50%}.footerLeft{display:none}.skillItem .img-bg{transform:scale(.5)}}@media screen and (min-width:320px) and (max-width:750px){.contain{width:100%}.h1{font-size:30px;line-height:50px}.h2{font-size:26px;line-height:40px}.skillItem{width:33%}.footerLeft{display:none!important}.skillItem .img-bg{transform:scale(.75)}.blogBoxLeft{width:100%}.blogBoxRight{width:100%}}@media screen and (min-width:750px){.contain{width:1200px;margin:0 auto}.skillItem{width:19%}.blogBoxLeft{width:70%}.blogBoxRight{width:30%}}