﻿@charset "utf-8";
/* CSS Document */
body{ background:#eee;}
.bh-remittances{  max-width:1600px;  min-width:1200px; min-height:380px; overflow:hidden; margin:45px auto 35px auto;}
.bh-remittances .bh-remit{ width:25%; height:auto;overflow:hidden; float:left; margin-bottom:16px;}
.bh-remittances .bh-bank{ width:96%; height:200px;box-shadow: 0 1px 2px rgba(0,0,0,.2); border-bottom:solid 1px #ccc;border-top:solid 1px #fafafa; overflow:hidden; background:#fafafa; cursor:pointer; margin:0px auto;}
.bh-remittances .bh-bank:hover{box-shadow: 0 1px 2px rgba(0,0,0,.5);}
.bh-remittances .bh-banklogo{ width:35%; height:200px; float:left; border-right:solid 1px #189aff; box-sizing:border-box;}
.bh-remittances .bh-bankmain{ width:65%; height:200px; float:left; overflow:hidden; position:relative;}
.bh-remittances .bh-bankname{ width:98%; margin:0px auto; text-align:center; height:65px; line-height:65px; font-size:15px;}
.bh-remittances .bh-address{ width:90%; line-height:26px; color:#666; margin:0px auto;}
.bh-remittances .bh-amount{width:90%; line-height:26px; color:#666; margin:0px auto;}
.bh-remittances .bh-name{ position:absolute; bottom:0px; text-align:center; width:100%; height:27px; line-height:27px; background:#189aff; color:#fff; overflow:hidden;}
.bh-remittances .bh-blogo{ width:85px; height:85px; margin:50px auto 0px auto;overflow:hidden; background:#fff; border-radius:100px; box-shadow: 0 1px 2px rgba(0,0,0,.2);border-top:solid 1px #efefef; }

/* ============ 移动端适配 ============ */
@media (max-width: 768px) {
    .bh-remittances{ min-width:auto; max-width:100%; padding:0 12px; box-sizing:border-box; }
    .bh-remittances .bh-remit{ width:50%; }
    .bh-remittances .bh-bank{ height:auto; padding-bottom:12px; }
    .bh-remittances .bh-banklogo{ width:40%; height:140px; display:flex; align-items:center; justify-content:center; }
    .bh-remittances .bh-blogo{ width:60px; height:60px; margin:0; }
    .bh-remittances .bh-bankmain{ width:60%; height:auto; }
    .bh-remittances .bh-bankname{ font-size:14px; height:45px; line-height:45px; }
    .bh-remittances .bh-address{ font-size:12px; line-height:1.6; }
    .bh-remittances .bh-amount{ font-size:12px; }
    .bh-remittances .bh-name{ position:static; }
}

@media (max-width: 480px) {
    .bh-remittances .bh-remit{ width:100%; }
}