*{ margin: 0; padding: 0; } html,body{ margin: 0px; padding: 0; width: 100%; height: 90%; overflow: hidden; background: #c2ccd0; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } /*火狐*/ input[type="number"] { -moz-appearance: textfield; } h1{ margin: 10px; padding: 5px; width: 50%; position: relative; left: 25%; box-shadow: 4px 4px 5px #888888; } ul{ width: 60%; position: relative; left: 20%; text-align: right; border: 1px solid #bbcdc5; box-shadow: 4px 4px 5px #888888; } li{ margin: 5px; padding: 10px; width: 80%; list-style: none; } .notice{ display: inline-block; text-align: center; padding: 1px; margin: 1px; height: auto; display: none; width: 30px; } .hfc{ display: block; margin: 10px; padding: 10px; height: 25%; text-align: center; font-size: large; font-weight: bold; background: #e0eee8; } .display{ height: 90%; margin: 10px; padding: 10px; position: relative; text-align: center; border-bottom: 1px solid #bbcdc5; font-size: large; font-weight: bold; text-align: center; background: #e0eee8; } .result{ outline: none; border-top: none; border-bottom: 1px solid black; border-left: none; border-right: none; text-align: center; font-size: large; font-weight: bold; background: #e0eee8; } .btnn,.btnn2{ width: 100px; height: 50px; font-size: large; font-weight: bold; background: #f3f9f1; outline: none; border: #c2ccd0; box-shadow: 4px 4px 5px #888888; } #time{ display: inline-block; width: 100px; height: 25px; text-align: center; border: #c2ccd0; box-shadow: 4px 4px 5px #888888; } #info{ float: left; margin: 5px; padding: auto; width: 15%; height: 50px; border: 1px solid red; border: #c2ccd0; box-shadow: 4px 4px 5px #888888; text-align: center; } #module{width: auto; text-align: center; font-size: medium; }