.bankswrap .list ol{
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}
.bankswrap .list ol li{
    width: calc((100%/4) - 5px);
    position:relative;
    display: inline-block;
    vertical-align: top;
}
.bankswrap .list ol li a{
    color: #646464;
    font-weight: 400;
    font-size: 21px;
}
.bankswrap .list ol li .info{
    /* border: 2px solid #e5e5e5; */
    margin: 5px;
    padding: 10px;
    transition:all linear .2s;
    box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.2);
    }
.bankswrap .list ol li .info p{
	text-align:center;
}
.bankswrap .list ol li a img{
	width: 50px;
	margin: 5px;
}
.bankswrap .list ol li .info .pic{background-position:50% 50%;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{text-align:center;border-bottom: 1px solid #c5c5c559;padding-bottom:10px;margin-bottom:10px;font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.bankswrap .list ol li .info .trime{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.bankswrap .list ol li .info span{ text-align:center;color:#5a5a5a; font-size:14px; display:block;}
#products-detail{
    overflow: hidden;
}
#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;
    background-color: #f5f5f554;
    border-left: #d5d4d4 1px solid;
}
#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;
    font-weight: 400;
    padding: 10px;
    border-bottom: #c1c1c15e 1px solid;
}
#products-detail .product-txt h2 span{
    color: #2bb19d;
    vertical-align: baseline;
    margin-right: 13px;
    border: #1da59138 1px solid;
    padding: 0 10px;
    font-size: 31px;
}
#products-detail .product-txt h3{
    font-weight: normal;
    font-size: 12pt;
    line-height: 180%;
    margin: 30px 0;
}
#products-detail .product-txt .connectwithit{}




#gogo{/* text-align:center; */margin-top: 20px;}
#gogo p{position:relative;text-align:center;}
#gogo p a{/* color: #000000; */display:inline-block;border: 1px solid #0c0c0c;border-radius: 11px;padding:3px 40px;font-family:'Lusitana',serif;position:relative;z-index:2;transition:transform 1s cubic-bezier(0.08,0.65,0.38,1.08);}
#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;margin-top: 10px;}
.contren li{
    display: flex;
    margin: 5px;
}
.contren .J_QRcode{}
.contren .J_Linecode{
    background: #41a05a;
}
.contren .phone-type{
    background: #ffdf57;
}
#products-detail .product-txt .connectwithit ul li a{}
#products-detail .product-txt .connectwithit ul li img{
    width: 110px;
}
#products-detail .product-txt .contren .J_Linecode img, #products-detail .product-txt .contren .phone-type img{
    width: 90px;
}

#products-detail .product-txt .connectwithit ul li.phone-type a{
    color: #545454;
    display: inline-block;
    line-height: 100%;
}

.otherp{margin-top: 50px;}
#tabSp{
    color: #7d7d7d;
    font-size: 12pt;
    line-height: 150%;
    margin: 50px 0;
}
#messageList-reply{margin-top: 40px;}
.message-board section{
    background: #f8f8f8;
    margin: 20px 0;
    overflow: hidden;
}
.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: #4cac8f;
}

@media screen and (max-width: 1440px) {
	#products-detail .product-txt .connectwithit ul li a img{
    width: 70px;
}
	#products-detail .product-txt .connectwithit ul li.phone-type a img{
    margin: 11px;
    width: 47px;
}
	#products-detail .product-txt .connectwithit ul li.phone-type{padding-right: 10px;}
}
@media screen and (max-width: 1280px) {
.bankswrap .list ol li{
    width: 33%;
}
#products-detail .product-txt .connectwithit ul li.phone-type{    font-size: 20pt;}
#products-detail .product-txt .connectwithit ul li.phone-type a img{
    width: 35px;
    margin: 16.5px 10px;
}
}
@media screen and (min-width: 1025px) {
	.bankswrap .list ol li:hover .info{/* border: 2px solid #2d96cd; */margin-top: -5px;}
}

@media screen and (max-width: 1024px) {
	#products-detail .product-txt .connectwithit ul li.phone-type a img{width: 34px;}
}
@media screen and (max-width: 768px) {
#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;
}

}
@media screen and (max-width: 640px) {
.bankswrap .list ol li{
    width: 49%;
}
	.bankswrap .list ol li .info{border: 1px solid #e5e5e5;
    margin: 2px;
    padding: 7px;}
.message-board .info .pic{
    width: 100px;
}
.message-board .info{
    margin: 10px;
}

}
@media screen and (max-width: 480px) {
	.bankswrap .list ol li .info h3{    font-size: 16px;}
	#products-detail .product-txt .connectwithit ul li a img{
    width: 55px;
}
	#products-detail .product-txt .connectwithit ul li.phone-type{
    border-radius: 8px;
}
	#products-detail .product-txt .connectwithit ul li.phone-type a img{
	margin: 10px 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;
}
.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%;
}
}