.theorybox{width: 1370px;margin: 0 auto;padding-top: 70px;}
.theorytit{width: 190px;height: 60px;color: #fff;font-size: 24px;background: #04385e;text-align: center;line-height: 60px;float: left;}
.theicobox{width: 1154px;height: 60px;float: right;background: url('../testimages/list/theline.png') no-repeat bottom left;}
.themore{float: right;font-size: 14px;color:#cda077;padding-right: 17px; position: relative;margin-top: 20px;}
.theicon{position: absolute;top:4px}
.thelist{display: flex;flex-direction:row;flex-wrap:wrap;justify-content: space-between;}
.theitem{width: 647px;height: 189px;margin-top: 40px;padding: 30px;box-sizing: border-box;
    border: solid 1px #dcdcdc;border-radius: 6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;}
.thetit{width: 458px;color:#4c4c4c;
    overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1; -webkit-box-orient: vertical;}
.thetxt{color:#8c8c8c;font-size: 14px;margin-top: 24px; 
    overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical;}
.theday{float: right;width: 78px; font-size: 14px;color:#b2b2b2;margin-top: 24px;background: url('../testimages/list/thedaynor.png') no-repeat left;padding-left: 20px;}
.theitem:hover .thetit,.theitem:hover .theday{color:#cda077}
.theitem:hover .theday{background: url('../testimages/list/thedayhov.png') no-repeat left;}