.zp_diy{ width:100%; padding:5px 10px; background:#f2f2f2; box-sizing:border-box;}
.zp_diy a{ width:50%; box-sizing:border-box; padding:5px; display:block; float:left;}
.zp_diy .zp_area{ position:relative; border-radius:5px; height:70px; color:#fff; display:block; width:100%;}
.zp_diy .zp_area .zp-left{ margin-right:40px;}
.zp_diy .zp_area .zp-left .title{padding-left:12px; height:40px; line-height:43px; font-size:1.2em;overflow: hidden;}
.zp_diy .bg_red{background:#FF3300;}
.zp_diy .bg_blue{background:#0099FF;}
.zp_diy .zp_area .zp-left .button{ white-space: nowrap; overflow: hidden; transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); display:inline-block; padding:4px 6px; font-size:0.9em; border:1px solid #fff; border-radius:10px;letter-spacing:4px;}
.zp_diy .zp_area .zp-right{position:absolute;right:10px; bottom:10px;}
.zp_diy .zp_area .zp-right img{ width:42px; height:42px; }