#app,body,html{height:100%;width:100%}#app{min-width:unset;min-height:unset}.mainSearchContent{width:100%;height:100%;padding:0 5%}.mainSearchContent .topImg{width:100%;height:14%;padding:2% 0}.mainSearchContent .topImg .contentBox{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mainSearchContent .topImg .contentBox .logo{height:100%;width:20%}.mainSearchContent .topImg .contentBox .title{width:78%;height:100%;margin-left:2%}.mainSearchContent .content{padding-top:5%;height:22%}.mainSearchContent .content .level{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;height:100%;border-radius:4px;background:-webkit-gradient(linear,left top,right top,color-stop(50%,#31905f),color-stop(0,#359766));background:linear-gradient(90deg,#31905f 50%,#359766 0);background-size:3% 100%}.mainSearchContent .content .level .icon{width:30px}.mainSearchContent .about{cursor:pointer;padding-top:3%;font-size:12px;height:10%;text-align:center}.mainSearchContent .about .title{color:#6d6475}.mainSearchContent .about .look{color:#4cd964}.mainSearchContent .about .eyeImg{width:20px}@media screen and (min-width:700px) and (max-width:1024px){.mainSearchContent .level{font-size:20px}.mainSearchContent .level .icon{width:40px;margin-bottom:5px}.mainSearchContent .about{font-size:20px}.mainSearchContent .about .eyeImg{width:25px}}@media screen and (min-width:1024px) and (max-width:1600px){.mainSearchContent .about,.mainSearchContent .level{font-size:25px}.mainSearchContent .about .eyeImg{width:30px}}