.detail_box_table{ background: #FFFFFF; border-radius: 12px; padding: 12px 35px 35px; } .detail_box_table ul li { float: left; padding: 10px 15px; } .detail_box_table ul li p{ padding: 5px 17px; } .detail_box_table ul { background: #f5f5f5; border-radius: 12px; margin-top: 15px; } .detail_box_table ul li:nth-child(1) p,.detail_box_table ul li:nth-child(2) p{ background-color: #168a44; color: #FFF; border-radius: 50px; } .supplyList{ background: #FFFFFF; padding: 12px 35px; border-radius: 12px; } .supplyList_list li{ margin-top: 15px; border:1px solid #e3e3e3; border-radius: 12px; overflow: hidden; position: relative; } .supplyList_list li:hover{ cursor: pointer; box-shadow: 1px 1px 5px #ccc; } .supplyList_list li:hover table tr:first-child td p{ color: #168a44!important; } .supplyList_list li table{ padding: 10px 0px; margin-left: 2%; width: 70%; } .supplyList_tel{ color: #168a44; font-weight: bold; font-size: 16px; text-align: right; } .supplyList_money{ color: #d21313; font-size: 20px; } .supplyList_money span{ color: #d21313; font-size: 14px; } .bq{ font-size: 12px; background: #168a44; color: #FFF; padding: 2px 5px; border-radius: 4px; margin-left: 10px; } .supplyList_time{ color:#a7a6a6; text-align: right; } .icon_tel{ background: url("../../static/images/newBusinessEntities/icon_tel.png") no-repeat; display: inline-block; width: 20px; height: 20px; background-size: 100% 100%; vertical-align: middle; } .fail{ position: absolute; right: 20%; top: 12%; }