.demo-image{width:100%}.M-box,.M-box1,.M-box2,.M-box3,.M-box4{position:relative;text-align:center;zoom:1}.M-box1:after,.M-box1:before,.M-box2:after,.M-box2:before,.M-box3:after,.M-box3:before,.M-box4:after,.M-box4:before,.M-box:after,.M-box:before{content:"";display:table}.M-box1:after,.M-box2:after,.M-box3:after,.M-box4:after,.M-box:after{clear:both;overflow:hidden}.M-box span,.M-box1 span,.M-box2 span,.M-box3 span,.M-box4 span{float:left;margin:0 5px;width:42px;height:32px;line-height:32px;border:1px solid #c5c5c5;color:#888;font-size:12px}.M-box .active,.M-box1 .active,.M-box2 .active,.M-box3 .active,.M-box4 .active{float:left;margin:0 5px;width:42px;height:32px;line-height:32px;color:#FFF;background:#2383F4;border:1px solid #2383F4;border-radius:2px;font-size:12px}.M-box a,.M-box1 a,.M-box2 a,.M-box3 a,.M-box4 a{float:left;margin:0 5px;width:42px;height:32px;line-height:32px;border:1px solid #c5c5c5;color:#888;background:#FFF;font-size:12px}table,table td{border:1px solid #CAD3DA}.M-box a:hover,.M-box1 a:hover,.M-box2 a:hover,.M-box3 a:hover,.M-box4 a:hover{color:#FFF;background:#2383F4}.M-box .next,.M-box .prev,.M-box1 .next,.M-box1 .prev{font-family:Simsun;font-size:16px;font-weight:700}.method,pre{font-family:Monaco,Consolas,"Courier New"}.count,.now{padding:0 5px;color:#2383F4}.eg img{max-width:800px;min-height:500px}input{float:left;margin:0 5px;width:38px;height:38px;line-height:38px;text-align:center;background:#fff;border:1px solid #ebebeb;outline:0;color:#bdbdbd;font-size:14px}table{width:100%}table td{padding:10px;width:150px}table thead tr{height:40px;line-height:40px;text-align:center;border-bottom:1px solid #CAD3DA}table thead td{padding:0;border-left:1px solid #CAD3DA;background:#DFEBFB}.eg,pre{padding:10px}table .explain{width:500px}table tbody tr:nth-child(even){background:#E7EFF9}.bad,.eg{border:1px dashed #bdbdbd;background:#f9f9f9}.eg{margin:20px 0}.bad{padding:0 0 0 10px;color:#757575}