#messages-box{padding:50px 0}
#messages-box #messageList{}
#messageList li{width:calc((100%/4) - 0px);display:inline-block;margin-right:-4px;vertical-align:top}
#messageList li .box{margin:15px;padding:30px;position:relative;background:#fff;box-shadow:0 0 5px rgb(0 0 0 / 10%);border-radius:15px}
#messageList li .box h3{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:20px}
#messageList li .box h3 a,#messageList li .box .message-catalog .cns p.lend-statu a{transition:all linear .2s}
#messageList li .box h3 a:hover,#messageList li .box .message-catalog .cns p.lend-statu a:hover{opacity:0.8}
#messageList li .box .statu{margin:4px 0;border-bottom:1px solid #d6d6d6;padding-bottom:10px;margin-bottom:15px;position:relative}
#messageList li .box .statu p{font-size:14px;color:#4e4e4e;line-height:150%;height:41px;overflow:hidden}
#messageList li .box .statu p b{font-weight:normal;display:inline-block;position:relative}
#messageList li .box .message-catalog{overflow:hidden}
#messageList li .box .message-catalog .cns{overflow:hidden;float:left}
#messageList li .box .message-catalog .cns p{float:left;margin-right:8px}
#messageList li .box .message-catalog .cns p a{display:block;padding:3px 15px;font-size:15px;color:#000000;background-color:#e9e9e9;border-radius:50px}
#messageList li .box .message-catalog .cns p.lend-statu a{color:#fff;background:#848484}
#messageList li .box .message-catalog .cns p.lend-statu.end a{background:#ecbf85}
#messageList li .box .message-catalog .views{float:right;color:#505050;font-size:16px}
#messageList li .box .message-catalog .views b{color:#d3d3d3;font-size:28px;margin-right:5px}
#messageList-detail{}
#messageList-detail >h3{color:#4c4c4c;font-weight:normal}
#messageList-detail >h3 b{color:#434582}
#messageList-detail ul{margin:20px 0}
#messageList-detail li{}
#messageList-detail li .list{overflow:hidden;border-bottom:1px dotted #E6E5E6;font-size:13pt;line-height:120%}
#messageList-detail li .list .subtitle{float:left;width:150px;text-align:center;line-height:50px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background-color:#f9f9f9;font-weight:600}
#messageList-detail li .list .subcontent{float:left;width:calc(100% - 180px);margin-left:30px;line-height:50px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#messageList-detail .iwanna{}
#messageList-detail .iwanna .unknow{}
#messageList-detail .iwanna .unknow p{border:2px solid #c9c9c9;padding:15px 20px;display:inline-block;color:#5f5f5f;margin-right:15px}
#messageList-detail .iwanna .unknow a{display:inline-block;background:#4cac8f;color:#fff;padding:10px 25px}
#messageList-detail .iwanna .know{}
#messageList-detail .iwanna .know p{font-size:13pt;line-height:120%;background:#4cac8f;display:inline-block;color:#fff;padding:10px 15px}
#messageList-creditor{margin-top:50px}
#messageList-creditor h3,#messageList-reply >h3{font-size:18pt;line-height:110%}
#messageList-creditor .message-board{}
#messageList-creditor .message-board section{background:#f8f8f8;margin:20px 0;overflow:hidden}
#messageList-creditor .message-board .info{overflow:hidden;margin:20px}
#messageList-creditor .message-board .info .pic{background-repeat:no-repeat;background-position:50% 50%;background-size: contain;float:left}
#messageList-creditor .message-board .info .pic img{width:100%}
#messageList-creditor .message-board .info .detail{float:left;margin-left:20px;width:calc(100% - 290px)}
#messageList-creditor .message-board .info .creditor-detail{margin-top:15px}
#messageList-creditor .message-board .info .creditor-detail h4{font-size:13pt;line-height:110%}
#messageList-creditor .message-board .info .creditor-detail h5{font-size:12pt;line-height:110%;font-weight:normal;color:#909090}
#messageList-creditor .message-board .info .creditor-detail h4 a{display:inline-block;background:#606060;color:#ffffff;padding:4px 15px;border-radius: 15px;font-size: 15px;font-weight: 400;}
#messageList-creditor .message-board .info .creditor-detail h4 a:hover{color:#ffffff}
#messageList-creditor .message-board .info .creditor-detail h4 a img{vertical-align:middle;margin-right:12px;width:40px;margin-top:0px;line-height:100%;display: none;}
#messageList-creditor .message-board .info .creditor-detail p{text-align:right;color:#909090}
#messageList-creditor .message-board .info .creditor-detail p b{color:#323232}

@media screen and (max-width:1440px){
	#messageList li{width: calc((100%/2) - 0px);}
}
@media screen and (max-width:1280px){
	#messageList li .box .statu p{font-size:14px}
}
@media screen and (min-width:1025px){}
@media screen and (max-width:1024px){
	#messageList li{width: calc(50% - 5px);margin:0}
}
@media screen and (max-width:768px){
	#messageList-creditor .message-board .info .pic{width:160px}
	#messageList-creditor .message-board .info .detail{width:calc(100% - 180px)}
	#messageList-creditor .message-board .info .creditor-detail{margin:0}
	#messageList-creditor .message-board .info .creditor-detail h4 a img{width:30px}
	#messageList-creditor .message-board .info .creditor-detail h5{margin:20px 0 11px}
}
@media screen and (max-width:640px){
	#messageList li .box .message-catalog .views b{font-size:22px}
	#messageList-creditor .message-board .info .pic{width:100px}
	#messageList-creditor .message-board .info .detail{width:calc(100% - 120px)}
	#messageList-creditor .message-board .info{margin:10px}
}
@media screen and (max-width:480px){
	#messageList li{width: calc(100% - 5px);margin:0}
	#messageList li .box h3{font-size:18px;margin-bottom:10px}
	#messageList li .box{padding:20px}
	#messageList li .box .message-catalog .views,#messageList li .box .message-catalog .cns{float:none}
	#messageList li .box .message-catalog .views{text-align:right;margin-top:10px}
	#messageList-creditor .message-board .info .pic{width:70px}
	#messageList-creditor .message-board .info .detail{width:calc(100% - 90px)}
	#messageList-creditor .message-board .info .creditor-detail h4 a{padding:3px 10px;font-size:10pt}
	#messageList-creditor .message-board .info .creditor-detail h4 a img{width:25px;vertical-align:middle;margin-top:0}
	#messageList-creditor .message-board .info .creditor-detail p,#messageList-creditor .message-board .info .creditor-detail h5{font-size:10pt}
	#messageList-detail >h3{font-size:12pt}
	#messageList-detail li .list .subtitle{width:100px;font-size: 15px;}
	#messageList-detail li .list .subcontent{width:calc(100% - 120px);margin-left:20px}
	#messageList-creditor h3,#messageList-reply >h3{font-size:16pt}
	#messageList-detail .iwanna .unknow,#messageList-detail .iwanna .know{text-align:center}
	#messageList-detail .iwanna .unknow p{margin:0 0 15px}
	#messageList li .box .message-catalog .cns p a{font-size: 13px;padding: 3px 15px;}
}