

.report-list-small{
    list-style:none;
    text-align: center;
    margin: 0 auto;
    max-width: 900px;
    padding: 0;
}

.report-list-small li{
    display: inline-block;
    box-sizing:border-box;
    position: relative;

    text-align:left;
    font:normal 14px sans-serif;

    background-color:#f4f8fa;
    border:1px solid #dbe3e7;
    box-shadow: 0 2px 3px #dbe3e7;

    width:200px;
    margin: 12px;
}

.report-list-small .report-avatar{
    float: left;
    padding: 10px 15px;
}

.report-list-small .report-avatar img{
    border-radius: 50%;
    border:0;
}

.report-list-small .report-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
    margin: 19px 0 0;
    max-width: 150px;
}

.report-list-small .report-title a{
    color:#5d6569;
    text-decoration: none;
    font-weight: bold;
}


.service-fold {
    position : relative;
}

.service-fold:before {
    content     : "";
    position    : absolute;
    bottom      : 0;
    left        : 0px;
    width       : 0px;
    height      : 0px;
    border-top  : 20px solid rgba(255, 255, 255, 0.5);
    border-left : 20px solid transparent;
}

.service-fold:hover:before {
    border-top : 20px solid rgba(130, 130, 130, 1);
}

.service-fold:after {
    content       : "";
    position      : absolute;
    bottom        : 0;
    left          : 20px;
    width         : 0px;
    height        : 0px;
    border-bottom : 20px solid rgba(0, 0, 0, 0.15);
    border-right  : 20px solid transparent;
}

.service-box {
    padding             : 20px;
    margin              : 0px;

    background          : -webkit-linear-gradient(right, #D93921 0%, #D93921 100%), -webkit-linear-gradient(right, #D93921 0%, #D93921 100%);
    background          : -moz-linear-gradient(right, #D93921 0%, #D93921 100%), -moz-linear-gradient(right, #D93921 0%, #D93921 100%);
    background          : -o-linear-gradient(right, #D93921 0%, #D93921 100%), -o-linear-gradient(right, #D93921 0%, #D93921 100%);
    background          : -ms-linear-gradient(right, #D93921 0%, #D93921 100%), -ms-linear-gradient(right, #D93921 0%, #D93921 100%);
    background          : linear-gradient(right, #D93921 0%, #D93921 100%), linear-gradient(right, #D93921 0%, #D93921 100%);
    background-position : 100% -20px, 20px 100%;
    background-repeat   : no-repeat;
    margin-bottom       : 30px;
    color               : #fff;
    text-align          : center;
    display             : block;
}

.service-box h3 {
    text-transform : none;
    font-size      : 18px;
    padding        : 20px;
}

.service-box:hover {
    background          : -webkit-linear-gradient(right, #35362c 0%, #35362c 100%), -webkit-linear-gradient(right, #35362c 0%, #35362c 100%);
    background          : -moz-linear-gradient(right, #35362c 0%, #35362c 100%), -moz-linear-gradient(right, #35362c 0%, #35362c 100%);
    background          : -o-linear-gradient(right, #35362c 0%, #35362c 100%), -o-linear-gradient(right, #35362c 0%, #35362c 100%);
    background          : -ms-linear-gradient(right, #35362c 0%, #35362c 100%), -ms-linear-gradient(right, #35362c 0%, #35362c 100%);
    background          : linear-gradient(right, #35362c 0%, #35362c 100%), linear-gradient(right, #35362c 0%, #35362c 100%);
    background-position : 100% -20px, 20px 100%;
    background-repeat   : no-repeat;
}

.service-box > i {
    font-size   : 3em;
    line-height : 100px;
}

.report-list-small .report-title span{
    display: block;
    font-size: 11px;
    color:#808d93;
    padding-top:4px;
}

