.bankswrap .list ol{padding:0;overflow:hidden}
.bankswrap .list ol li{width:calc((100%/4) - 67px);position:relative;display:inline-block;vertical-align:top;margin:10px;padding:20px 20px;background-color:#fff;border:2px solid #f3f3f3;border-radius:15px}
.bankswrap .list ol li a{color:#1a1a1a}
.bankswrap .list ol li .info{margin:5px;transition:all linear .2s}
.bankswrap .list ol li .info p{text-align:center}
.bankswrap .list ol li .info .info_box{display:flex;justify-content:space-between;padding:10px 15px 0;align-items:flex-end;width:90%}
.bankswrap .list ol li .info .info_box .Txt{width:50%}
.bankswrap .list ol li .info .info_box .Txt h3 a{}
.bankswrap .list ol li .info .icontt{display:flex;align-items:center;margin:-1px 0 0;}
.bankswrap .list ol li .info .icontt a{padding:2.5px;text-align:center;width:35px;border-radius:38px}
.bankswrap .list ol li .info .icontt a.mobile img{background:#aed4dc}
.bankswrap .list ol li .info .icontt a img{margin:0;width:auto;padding:8px;background:#8bc34a;text-align:center;border-radius:38px}
.bankswrap .list ol li a img{width:70px}
.bankswrap .list ol li .info .pic{background-position:50% 0%;background-size:contain;background-repeat:no-repeat;margin-bottom:15px}
.bankswrap .list ol li .info .pic img{width:100%}
.bankswrap .list ol li .info h3{margin:5px 0;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:7px 15px;background-color:#ededed;border-radius:50px;text-align:center}
.bankswrap .list ol li .info span{font-size:14px;color:#464646;margin-bottom:4px;display:table;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(/images/14/bg_content.png)}
#products-detail{overflow:hidden;display:flex;align-items:center;justify-content:space-between}
#products-detail .sub-pro-img{float:left;width:48%}
#products-detail .sub-pro-img p{background-repeat:no-repeat;background-position:50% 50%;background-size:contain;}
#products-detail .sub-pro-img p img{width:100%}
#products-detail .txt-set{float:right;width:48%}
#products-detail .txt-set .product-txt{}
#products-detail .product-txt h2{font-size:19pt;padding-bottom:15px;letter-spacing:.02em;color:#000;border-bottom:1px dashed #c1c0bf}
#products-detail .product-txt .pptxt{font-size:25px;padding: 30px 10px 10px;}
#products-detail .product-txt h2 span{color:#242424;vertical-align:baseline;margin-bottom:4px}
#products-detail .product-txt h3{font-weight:normal;margin:0px 0}
#products-detail .product-txt h3 img{width:100px}
#products-detail .product-txt .connectwithit{display:flex;margin-top:22px;flex-direction:row;padding:0px 10px;margin-top: 40px;}
#gogo{margin-top:20px}
#gogo p{position:relative;text-align:center}
#gogo p a{display:inline-block;background: #e9c27f;border-radius: 50px;padding: 9px 40px;font-family:'Lusitana',serif;position:relative;z-index:2;transition:transform 1s cubic-bezier(0.08,0.65,0.38,1.08);color: #fff;margin-left: 10px;}
#gogo p a b{font-weight:400;margin-right:10px}
#gogo p{position:relative;overflow:hidden;display:inline-block;border-radius:11px}
#gogo p:after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background:#df1027;display:block;z-index:1;transform:scale(0,1);transform-origin:right center 0;transition:transform 1s cubic-bezier(0.08,0.65,0.38,1.08)}
#gogo p:hover{background-color:#ffdf57}
#products-detail .product-txt .connectwithit ul{display:flex;align-items: center;}
#products-detail .product-txt .connectwithit ul li{vertical-align:top;background: #8bc34a;text-align:center;display:flex;align-items:center;margin-right:10px;flex-direction:row;flex-wrap:wrap;border-radius: 50%;}
#products-detail .product-txt .connectwithit ul li a{}
#products-detail .product-txt .connectwithit ul li a img{width: 30px;height: 30px;padding:20px;}
#products-detail .product-txt .connectwithit ul li.phone-type{background: #aed4dc;}
#products-detail .product-txt .connectwithit ul li.phone-type a{color:#545454;display:inline-block;line-height:100%}
.otherp{margin-top:50px}
#tabSp{color:#000000;font-size:12pt;line-height:150%;margin:0 0px 10px 0;padding: 15px;background: #f1f1f1;border-radius: 10px;}
#messageList-reply{margin-top:40px}
.message-board section{background:#f8f8f8;margin:20px 0;overflow:hidden;border-radius: 15px;}
.message-board .info{overflow:hidden;margin:20px}
.message-board .info .pic{background-repeat:no-repeat;background-position:50% 50%;background-size:cover;float:left;display:none}
.message-board .info .pic img{width:100%}
.message-board .info .detail{}
.message-board .info .creditor-detail{margin-top:15px}
.message-board .info .creditor-detail h4{font-size:13pt;line-height:110%}
.message-board .info .creditor-detail h5{font-size:12pt;line-height:110%;font-weight:normal;color:#909090}
.message-board .info .creditor-detail h4 a{display:inline-block;background:#eacb4e;color:#927b1c;padding:2px 15px}
.message-board .info .creditor-detail h4 a:hover{color:#ffffff}
.message-board .info .creditor-detail h4 a img{vertical-align:middle;margin-right:12px;width:40px;margin-top:5px;line-height:100%}
.message-board .info .creditor-detail p{text-align:right;color:#909090}
.message-board .info .creditor-detail p b{color:#121212}

@media screen and (max-width:1440px){
	#products-detail .product-txt .connectwithit ul li a img{width:40px;height:40px;padding:20px}
}
@media screen and (max-width:1280px){
	.bankswrap .list ol li{width: calc((100%/3) - 67px);}
}
@media screen and (min-width:1025px){
	.bankswrap .list ol li:hover .info{margin-top:-5px}
}
@media screen and (max-width:1024px){}

@media screen and (max-width:768px){
	.bankswrap .list ol li{width: calc((100%/2) - 67px);}
	#products-detail .sub-pro-img{width:100%}
	#products-detail .txt-set{width:100%;margin-top:30px}
	.message-board .info .pic{width:160px}
	.message-board .info .creditor-detail{margin:0}
	.message-board .info .creditor-detail h4 a img{width:30px}
	.message-board .info .creditor-detail h5{margin:20px 0 11px}
	.bankswrap .list ol li{}
	#products-detail .product-txt h3 img{width:80px}
	#products-detail{display:flex;flex-direction:column;align-items:flex-start}
}
@media screen and (max-width:640px){
	.bankswrap .list ol li .info{margin:12px 2px 2px;padding:0px}
	.message-board .info .pic{width:100px}
	.message-board .info{margin:10px}
	#products-detail .product-txt .connectwithit ul li{margin-left:0px}
	.bankswrap .list ol li{width:calc((100%/1) - 60px)}
}
@media screen and (max-width: 480px){
	.bankswrap .list ol li .info .icontt a img{padding:5px;}
	.bankswrap .list ol li .info .icontt a{width:30px;margin-left: 10px;}
	.bankswrap .list ol li .info h3{font-size:16px}
	#products-detail .product-txt .connectwithit ul li a img{width: 30px;padding: 10px;height: 30px;}
	#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}
	.message-board .info .creditor-detail h4 a img{width:25px;vertical-align:middle;margin-top:0}
	.message-board .info .creditor-detail p,.message-board .info .creditor-detail h5{font-size:10pt}
	.bankswrap .list ol li a{width:50%}
	.bankswrap .list ol li a img{width:25%}
}