body *{box-sizing:border-box;flex-shrink:0}@media only screen and (max-width:300px){html{font-size:2.2px}}@media only screen and (min-width:300px){html{font-size:2.7px}}@media only screen and (min-width:360px){html{font-size:3px}}@media only screen and (min-width:400px){html{font-size:3.5px}}@media only screen and (max-width:600px){.mainApp16,.mainApp24{min-width:300px!important}}.mainApp24{max-width:2400px}.mainApp16,.mainApp24{width:95vw;min-width:1150px}.mainApp16{max-width:1600px}.blockImg{width:100%;height:100%;position:absolute;top:0;z-index:1}#app{margin:0 auto}body{font-family:PingFangSC-Regular,Roboto,Helvetica Neue,Helvetica,Tahoma,Arial,PingFang SC-Light,Microsoft YaHei}button{margin:0;padding:0;border:1px solid transparent;outline:none;background-color:transparent}button:active{opacity:.6}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.justify-start{display:flex;justify-content:flex-start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:flex-end}.justify-evenly{display:flex;justify-content:space-evenly}.justify-around{display:flex;justify-content:space-around}.justify-between{display:flex;justify-content:space-between}.align-start{display:flex;align-items:flex-start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:flex-end}.flex-align-justify{display:flex;align-items:center;justify-content:center}.marTop30{margin-top:30px}.narTop3r{margin-top:3rem!important}