#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}body{margin:0;padding:0;width:auto}#top[data-v-bbcf4372]{background-color:#1e3d1e;width:100%;height:50px}.logo[data-v-bbcf4372]{float:left;color:#f0f8ff;margin-left:20px;margin-top:15px}.header[data-v-bbcf4372]{height:100%;padding-top:10px;padding-left:10px;padding-bottom:10px}#content[data-v-bbcf4372]{width:auto;background-color:#8da27d;height:100%;display:flex;padding:50px 50px;border-top:1px solid #96af5e}#left_content[data-v-bbcf4372]{float:left;background-color:#fff;width:20%;height:auto;padding-left:10px;padding-top:20px;border-top-left-radius:10px;border-bottom-left-radius:10px}#right_content[data-v-bbcf4372]{float:right;background-color:#fff;width:70%;padding:10px 60px;border-top-right-radius:10px;border-bottom-right-radius:10px}.topbutton[data-v-bbcf4372]{height:100%;width:100%;background-color:var(--el-bg-color-overlay);box-shadow:var(--el-box-shadow-lighter);text-align:center;line-height:40px;color:#96af5e;border-radius:10px}img[data-v-bbcf4372]{width:100%;height:500px;-o-object-fit:cover;object-fit:cover;margin:0;padding:0}p{float:left;font-size:20px;margin-left:10px;width:100%}h1{text-align:center}.introduce{text-align:left}.oc{width:200px;height:200px}