.ql-panel {border:1px solid #ccc;border-radius:3px;width:1034px;height:505px;margin:8px auto;font-family:'Microsoft YaHei';text-align:center}
.ql-panel-title {line-height:40px;font-size:24px;color:#333;padding:68px 0 58px;}
.ql-panel-body { margin-top:-40px;}
.ql-a-item{display:inline-block;vertical-align:top;cursor:pointer;height:109px;line-height:109px;font-size:22px;color:#1bb8fa;background-color:#ebf7ff;border-radius:6px;overflow:hidden;white-space:nowrap;position:relative;text-decoration:none;padding:0 .5em 0 100px;text-align:center;min-width:160px;margin:40px 10px 0;}
.ql-a-item:before {content:"";width:82px;height:180px;background:url(../images/icons.png) no-repeat 100px 100px;position:absolute;top:50%;margin-top:-41px;left:14px;}
.ql-a-item-1:before {background-position:-462px -22px; }
.ql-a-item-2:before {background-position:-592px -22px; }
.ql-a-item-3:before {background-position:-998px -22px;}
.ql-a-item-4:before {background-position:-722px -22px;}
.ql-a-item-5:before {background-position:-862px -22px;}
.ql-a-item:hover:before {margin-top:-138px}
.ql-a-item:hover {color:#fff;background-color:#1BB8FB;}
 
.ql-a-item {transition: all .6s linear 0s; }
.ql-a-item:before {transition: all .3s linear 0s;}