.demos{width:1200px;margin:100px auto 0}.demos .ivu-menu-horizontal.ivu-menu-light{display:inline-block;height:40px;line-height:40px;background-color:rgba(6,24,52,.7)}.demos .ivu-menu-horizontal.ivu-menu-light .ivu-menu-item,.demos .ivu-menu-horizontal.ivu-menu-light .ivu-menu-submenu{margin:0 20px;padding:0;color:#fff;font-size:16px;border-bottom:none;border-top:1px solid transparent}.demos .ivu-menu-horizontal.ivu-menu-light .ivu-menu-item-active,.demos .ivu-menu-horizontal.ivu-menu-light .ivu-menu-item:hover,.demos .ivu-menu-horizontal.ivu-menu-light .ivu-menu-submenu-active,.demos .ivu-menu-horizontal.ivu-menu-light .ivu-menu-submenu:hover{color:#0ff;border-bottom:none;border-top-color:#0ff}.demos .ivu-menu-horizontal.ivu-menu-light:after{height:0}.demos .demos-box{padding:20px 0;font-size:15px}.demos .choice{margin-bottom:20px}.demos .prompt{margin-top:20px}.demos .img-box{width:550px;height:450px;-webkit-box-shadow:0 0 10px rgba(0,255,255,.3);box-shadow:0 0 10px rgba(0,255,255,.3);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.demos .img-box .img-down,.demos .img-box .img-remove{position:absolute;top:0;right:0}.demos .img-box .img-down .ivu-icon,.demos .img-box .img-remove .ivu-icon{cursor:pointer}.demos .img-box-inner{width:500px;height:400px;-webkit-box-shadow:0 0 32px rgba(0,255,255,.35) inset;box-shadow:inset 0 0 32px rgba(0,255,255,.35);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.demos .ivu-upload-drag{background-color:transparent;border:none}.demos .ivu-upload-drag:hover{border:none}.demos .after-comparison{width:280px;padding:10px;margin-left:20px;border:2px solid rgba(0,216,255,.45);border-radius:10px}.demos .after-comparison .inner{width:100%;height:100%;background-color:rgba(9,78,101,.5);border-radius:10px}.demos .after-comparison .title{padding:20px 0;text-align:center;font-size:18px;color:#02edef;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASsAAAAQCAYAAABOblluAAABl0lEQVR4nO3ZPWsUQQAG4OckiqbRJqlECFrYREtRsBc/wEbQzsrKn2CxRWy09gcEJLYWgpYiwV4sJFVAUNA0WtjE+FFsE4LR21n3Ltl9n+72ZoYXDt6b2RlVVSVip2rhHjzDlW2P13ESv1osfQIvsbDt2VucqdaXWiwbfTcz7QCxp13d8fkaLuJVizVv4hw2WqwRA3Rg2gFiX3mBSy3mjzAnRRUFUlbRxHdsYrZw/gWs/r84MSQjy1vTzhD7y1ks4nHB3Puo1KUX0Uh2VtHUG3VhNTWLH1JUUWhkeavNzU4M0wf1ke59gzl38EgudaLQjPqlZ0QTc7iNhw3mnMLBTtLEIOQYGCU2MG/8P7rj6t1YRLGUVZRaVR8Fx3ELTzrMEgOQsopSz3F5zLHz+NxhlhiAlFWU2sRPHPnHuPN43X2c6Lsh3Mx8wdFph+ipNbzDyl/G3MBdebneta84Nu0QXRpCWfX6B9wDHti9rA7jGw5NLk70VY6B0dZH9W3fn1zH0wlmiR4bws4qurWCT7t8t4bTE8wSPfYbJ981EMblh7AAAAAASUVORK5CYII=) bottom no-repeat}.demos .after-comparison .detail{font-size:14px}.demos .after-comparison .detail p{padding:5px 20px}