*{margin:0;padding:0;}
ul,ol,li{list-style:none;}
.shiyan{width:1300px;margin:0 auto;}
.ul_before{float: left;width:530px;margin-top:30px;padding:20px;border:1px solid #fff;box-shadow:0 0 10px skyblue;}
.ul_before li{display:inline-block;width:100px;height:100px;}
.ul_before li img{display:block;width:100%;height:100%;}
button{float:left;width:100px;height:40px;    margin-top: 188px;
    margin-left: 30px;background: -webkit-linear-gradient(skyblue,#00ec00);
    background: -ms-linear-gradient(skyblue,#00ec00);
    background: -moz-linear-gradient(skyblue,#00ec00);
    background: linear-gradient(skyblue,#00ec00);border:1px solid #efefef;border-radius:3px;color:#fff;font-size:15px;cursor:pointer;}
.ul_after{float: right;width:530px;padding:20px;box-shadow:0 0 10px #00ec00;margin-top:85px;}
.ul_after li{display:inline-block;width:100px;height:100px;margin:0px 2px;}
.ul_after li img{display:block;width:100%;height:100%;}