html, body{width: 100%; height: 100%}
body{display: flex; justify-content: center; align-items: center;}
.tabs{position: absolute; top: 30px; left: 50%; transform: translateX(-50%); color: #CFFBF5; font-size: 16px;}
.tabs .tab1{margin-right: 150px}
.tabs .tab{border-bottom: 2px solid transparent; padding-bottom: 8px; cursor: pointer;}
.tabs .on{font-weight: bold; position: relative; border-bottom-color:white; color: white;}
.logo h3{font-size: 30px; margin-left: 16px; color: white;}
.content{margin-top: 50px; border-top: 1px solid white; color: white; font-size: 16px; padding-top: 10px}
.content p{margin-top: 20px}
.btns{margin-top: 35px}
.btns a:first-child{margin-right: 50px;}
.btns a img{transition: all 300ms}
.btns a:hover img{transform: scale(1.1);}
.beian{position: absolute; left: 0; right: 0; bottom: 15px; text-align: center; color: white; font-size: 14px;}
.beian a{color: white; margin-left: 20px}
.beian a:hover{color: #16897a}