.t-step3{margin-bottom:20px;}
.step-h2{
    font-weight:500;font-size:22px;line-height:28px;text-align:center;padding:0;margin:0;
    padding:8px 0;display:block;width:100%;color:#666;
}

.step-box{
    background:#15825f;padding:6px;margin-bottom:5px;
    border-radius:8px;-khtml-border-radius:8px;-moz-border-radius:8px;
}
.step-date{
  text-align:center;
  padding:6px 0;
  color:#fff;
}

.step-zean{float:left;width:20%;text-align:center;}
.step-zean .step-zeanimg{
    display:inline-block;height:80px;width:80px;overflow:hidden;
    border:2px solid #ddd;
    border-radius:50%;-khtml-border-radius:50%;-moz-border-radius:50%;
    -webkit-box-shadow: 4px 2px 17px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 4px 2px 17px -10px rgba(0,0,0,0.75);
    box-shadow: 4px 2px 17px -10px rgba(0,0,0,0.75);
}
.step-zean .step-zeanname{
    padding:0;margin:0 auto;line-height:22px;margin-top:-10px;font-weight:500;color:#fff;
    background:#434343;width:90%;transform:skew(-25deg);
}
.step-zean .step-zeanname span{display:block;transform:skew(25deg);}

.step-select{float:left;width:80%;padding-top:3px;}
.step-select .step-col{
    float:left;width:33%;text-align:center;background:#fff;border:1px solid #15825f;
    padding:8px 3px;
}
.step-select .step-col .step-img{
    height:60px;width:60px;overflow:hidden;margin:0 auto;
    border:1px solid #ddd;
    border-radius:50%;-khtml-border-radius:50%;-moz-border-radius:50%;
}
.step-select .step-col .step-img img{width:100%;}

@media screen and (min-width: 590px) and (max-width: 889px){
    .step-zean .step-zeanname{font-size:12px;}
}

@media screen and (min-width:280px) and (max-width:589px){
    .step-h2{font-size:18px;line-height:22px;}

    .step-zean{float:none;width:100%;}
    .step-zean .step-zeanimg{height:60px;width:60px;}
    .step-select{float:none;width:100%;}
    .step-select .step-col{float:none;width:100%;}
}