body{background:#ccc}.layout{display:flex;flex-direction:row;justify-content:center}#mineSweeper{position:relative;margin:0 1rem}#mineSweeper .title{width:100%;display:flex;align-items:center;justify-content:space-between;height:4rem;color:#fff;background:#4a752c}#mineSweeper .title .left-title{width:23%}#mineSweeper .title .icon,#mineSweeper .title .left-title{display:flex;align-items:center;margin:0 1rem}#mineSweeper .title .icon img{margin-right:.3rem}#mineSweeper .title .icon span{margin-right:.7rem}#mineSweeper .title .clock{background:url(../img/clock_icon.4fac5349373cbfce4d69b053b6866ebc.png) no-repeat 50%/90%}#mineSweeper .tips{pointer-events:none;position:absolute;left:38%;top:30%;border-radius:10%;background-color:rgba(68,86,32,.69)}#mineSweeper .tips .tips-dig{display:none;transition:all 1s ease-out}#mineSweeper .tips .tips-flag{display:inline;transition:all 1s ease-out}#board{display:flex;flex-wrap:wrap;background:rgba(226,225,225,.52)}#board,#board span{box-sizing:border-box}#board span{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:1px;font-size:22px;font-weight:700;color:#1976d2}.go-google-link{margin-bottom:-6px;margin-left:5px}.go-google-link img{cursor:pointer}.two{color:#388e3c!important}.three{color:#7b1fa2!important}.four{color:#d464c2!important}.five{color:#ff8f00!important}.boom,.mine{color:#673ab7!important}.boom{background:#e46060!important}#board span:nth-child(odd){background:#e5c29f}#board span:nth-child(2n){background:#d7b899}#board span.odd-cover-color{cursor:default;background:#aad751}#board span.odd-marked-mine{cursor:pointer;background-image:url(../img/flag_icon.9297ed796996d7348c01593e2fa9c4d3.png);background-position:50%;background-repeat:no-repeat;background-size:80%;background-color:#aad751}#board span.odd-marked-uncover-mine{background:50%/80% no-repeat url(../img/flag_icon.9297ed796996d7348c01593e2fa9c4d3.png),#e5c29f}#board span.even-cover-color{cursor:default;background:#a2d149}#board span.even-marked-mine{cursor:pointer;background:url(../img/flag_icon.9297ed796996d7348c01593e2fa9c4d3.png) no-repeat 50%/80%,#a2d149}#board span.even-marked-uncover-mine{background:url(../img/flag_icon.9297ed796996d7348c01593e2fa9c4d3.png) no-repeat 50%/80%,#d7b899}#board span.odd-cover-color:hover{cursor:pointer;background:#c0f15c}#board span.even-cover-color:hover{cursor:pointer;background:#b6ec52}.ai-left-click{border:2px dashed #32a1ce}.ai-right-click{border:thick double #c657d4}.abso-msg{position:absolute;top:0;width:99%}.abso-msg .message-box{position:relative;display:flex;justify-content:center;margin-top:-3rem;opacity:1;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.abso-msg .message-box .content{position:absolute;display:flex;align-items:center;height:40px;border-radius:5px;padding:0 2rem}.abso-msg .message-box .content .right-icon{padding:2px 0 0 6px;background:#84d634}.abso-msg .message-box .content .error-icon,.abso-msg .message-box .content .right-icon{width:25px;height:25px;font-weight:700;border-radius:50%;margin-right:10px;box-sizing:border-box;color:#fff}.abso-msg .message-box .content .error-icon{font-size:17px;padding-left:8px;background:#ff5c5c}.abso-msg .message-box .right-bk{background-color:#e0fbdd}.abso-msg .message-box .error-bk{background-color:#fbeff5}@-webkit-keyframes slidedown{0%{margin-top:-3rem;height:300%}25%{opacity:0}75%{opacity:1}to{margin-top:1rem;height:100%}}@keyframes slidedown{0%{margin-top:-3rem;height:300%}25%{opacity:0}75%{opacity:1}to{margin-top:1rem;height:100%}}.option{width:210px;margin:0 2rem}.option .title{width:100%;display:flex;align-items:center;height:4rem;padding:0 1rem;box-sizing:border-box;color:#fff;background:#4a752c}.option .content{padding:1rem;color:#1976d2;background-color:#a2d149;font-weight:600}.option .content form{margin:8px 0}.option .content .label{padding-left:3px;display:inline-block}.option .content .form{display:inline-block;padding-left:5px}.option .content .diff{height:1.5rem;border-radius:5px;font-size:15px;margin:0 .5rem 0 0;cursor:pointer}.option .loop-info{padding-left:25px;color:#696969}.option .loop-info div{margin:5px 0}.charts{margin:2rem auto}