body{background:#009688;padding:0;margin:0;font:20px/1 HanHei SC,PingHei,PingFang SC,STHeitiSC-Light,Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden;cursor:default;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern";direction:ltr;text-align:left}.r{float:right}.l{float:left}.clear{clear:both}b{width:20px;height:20px;padding:2px;border:2px solid #879372;margin:0 2px 2px 0;float:left}b,b:after{display:block}b:after{content:"";width:12px;height:12px;background:#879372;overflow:hidden}b.c{border-color:#000}b.c:after{background:#000}b.d{border-color:#560000}b.d:after{background:#560000}.bg{background:url(//img.alicdn.com/tps/TB1qq7kNXXXXXacXFXXXXXXXXXX-400-186.png) no-repeat;overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}.app{width:640px;padding-top:42px;box-shadow:inset 0 0 10px #fff;border-radius:20px;position:absolute;top:50%;left:50%;margin:-480px 0 0 -320px;background:#efcc19}.rect{width:480px;padding:45px 0 35px;border:solid #000;border-width:0 10px 10px;margin:0 auto;position:relative}.rect.drop{-webkit-transform:translateY(5px);transform:translateY(5px)}.screen{width:390px;height:478px;border:5px solid;border-color:#987f0f #fae36c #fae36c #987f0f;margin:0 auto;position:relative}.screen .panel{width:380px;height:468px;margin:0 auto;background:#9ead86;padding:8px;border:2px solid #494536}.state{width:108px;position:absolute;top:0;right:15px}.state p{line-height:47px;height:57px;padding:10px 0 0;white-space:nowrap;clear:both}.state .bottom{position:absolute;width:114px;top:426px;left:0}.load{width:240px;height:240px;float:left;position:relative;color:#fff;text-align:center;position:absolute;top:50%;left:50%;margin:-120px 0 0 -120px}@-webkit-keyframes loads{0%,80%,to{box-shadow:0 0 #efcc19;height:4em}40%{box-shadow:0 -2em #efcc19;height:5em}}@keyframes loads{0%,80%,to{box-shadow:0 0 #efcc19;height:4em}40%{box-shadow:0 -2em #efcc19;height:5em}}.load p{position:absolute;bottom:0;left:-25%;width:150%;white-space:nowrap;display:none}.load .loader{text-indent:-9999em;margin:8em auto;position:relative;font-size:11px;-webkit-animation-delay:-.16s;animation-delay:-.16s}.load .loader,.load .loader:after,.load .loader:before{background:#efcc19;-webkit-animation:loads 1s infinite ease-in-out;animation:loads 1s infinite ease-in-out;width:1em;height:4em}.load .loader:after,.load .loader:before{position:absolute;top:0;content:""}.load .loader:before{left:-1.5em;-webkit-animation-delay:-.32s;animation-delay:-.32s}.load .loader:after{left:1.5em}