html, body {height:100%; overflow:hidden;}
ul li {list-style-type:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,code,pre,form,fieldset,legend,input,button,textarea,area,blockquote,th,td,p {margin:0; padding:0;}
.ftable {margin:0 auto; text-align:center; height:100%;}
.fbox {width:600px; height:600px; margin:0 auto; background-color:#ddd; overflow:hidden;}
.fbox:after, .fbox ul:after {content:""; display:block; clear:both;}
.fbox ul {width:100%;}
.fbox ul li {width:10%; height:100%; float:left; cursor:pointer;}
.fbox.hard_debug ul li {width:300px; height:300px;}
.fbox.hard_1 ul li {width:150px; height:150px;}
.fbox.hard_2 ul li {width:100px; height:100px;}
.fbox.hard_3 ul li {width:75px; height:75px;}
.fbox.hard_4 ul li {width:60px; height:60px;}
.fbox ul li div {width:100%; height:100%; border:2px solid #ddd; margin-right:-2px; margin-bottom:-2px; box-sizing:border-box; position:relative; z-index:1; background-color:#f0f0f0;}
.fbox ul li div p {width:100%; height:100%; position:absolute; top:0; left:0; background-position:center center; background-repeat:no-repeat; background-size:80%; transition:0.2s ease-in; opacity:0; transform:scale(0,1);}
.fbox ul li.on div p {opacity:1; transform:scale(1,1);}
.fbox ul li:hover div {background-color:#2b84d0; box-shadow:0 0 5px rgba(0,0,0,0.3); z-index:10;}
.fbox ul li.done div {background-color:#a5adb4;}
.fbox_btn {position:fixed; bottom:40px; width:160px;}
.fbox_btn1 {left:30px;}
.fbox_btn2 {right:30px;}
.fbox_btn div {padding-bottom:10px;}
.fbox_btn button {width:100%; height:36px; font-size:14px; outline:none; border-radius:5px; box-sizing:border-box; cursor:pointer; border:3px solid #2b84d0; background-color:#2b84d0; color:#fff;}
.fbox_btn button:hover {background-color:#fff; color:#2b84d0;}
.hard_select {width:100%; height:30px; margin-bottom:10px; padding:0 8px; box-sizing:border-box;}
.outdiv {font-size:14px; line-height:20px;}
.outdiv_span {color:red;}