@charset "utf-8";a,body,div,em,h1,h2,h3,h4,h5,h6,li,p,ul{font-family:PingFang SC,Verdana,Helvetica Neue,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif}html{height:100%}ul{list-style:none;padding:0;margin:0}body{padding:0;margin:0;width:100%;background-color:#000;overflow:hidden}.container{background-color:#000;width:350px;padding:20px}.screen-box{text-align:right;color:#fff}.input-box{font-size:30px;height:40px;line-height:40px;overflow:hidden}.output-box{font-size:48px;height:56px;line-height:56px;overflow:hidden}.line{display:flex;justify-content:space-between;text-align:center;margin-bottom:10px}.line>div{width:80px;height:80px;line-height:80px;text-align:center;color:#fff;border-radius:80px;font-size:25px;cursor:pointer}[data-key="0"]{width:168px!important}.grey-white{background-color:#a5a5a5;color:#000}.grey-white:hover{background-color:#cccaca}.orange{background-color:#ff9f0c;color:#fff}.orange:hover{background-color:#ffbb54}.grey-black{background-color:#333;color:#fff}.grey-black:hover{background-color:#747373}