body{ background-color:#FCF3EC; padding:0; margin:0;}
.clear{ clear:both;}
li{ list-style:none;}
.h5{ height:5px;}
.h10{ height:10px;}
.h15{ height:15px;}
.h20{ height:20px;}
.h25{ height:25px;}
.h30{ height:30px;}
.h40{ height:40px;}
.h50{ height:50px;}
.h60{ height:60px;}
.h70{ height:70px;}
.h80{ height:80px;}
.h90{ height:90px;}
.h100{ height:100px;}
.w100{ width:100%;}

.nowrap{white-space:nowrap;}
.indexpicbg{ width:100%; height:100%; background-color:#C51F35;}
.indexpicbg img{ width:100%;}
.classpb{ width:100%; clear:both;  font-size: 0;}
.banklist{ width:90%; margin:auto;}
.banklist li{ width:46%; float:left; margin:2%;}
.banklist li img{ width:100%;}
.bankshow{ width:100%;}
.bankleft{ width:20%; float:left;}
.bankright{ width:80%; float:left;}

.search_area{ width:82%; margin:auto; border:1px solid #E2443B; background-color:#fff; border-radius:0.5em; -webkit-box-shadow: 0 0 15px 5px #eee; -moz-box-shadow: 0 0 15px 5px #eee; box-shadow: 0 0 15px 5px #eee; padding:1em;}
.search_area p{ text-align:center; font-size:1.3em; color:#444;}



/*弹出窗口*/
.wxh_pop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); z-index: 1000; height: 100%; width: 100%; animation: poupFadIn 0.5s ease 0s 1; outline: none }
.wxh_pop .box { border-radius: 5px; background-color: #fff; position: fixed; z-index: 1001;  top:5%; bottom:5%; left:20px; right:20px; padding:10px; text-align:center; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.32), 0 -3px 0px 0px rgba(0, 0, 0, 0.15) inset; -webkit-animation: f1 0.5s 0s ease 1; }

.wxh_pop .box .closeb { cursor: pointer; position: absolute; display: block; border-radius: 50%; width: 30px; height: 30px; text-indent: -9999px; top: 10px; right: 10px; }
.wxh_pop .box .closeb:after { position: absolute; content: '.'; display: block; width: 25px; height: 2px; background: #B9B9B9; -webkit-transform: rotate(45deg); top: 14px; left: 5px; }
.wxh_pop .box .closeb:before { position: absolute; content: '.'; display: block; width: 25px; height: 2px; background: #B9B9B9; -webkit-transform: rotate(-45deg); top: 14px; left: 5px; }
.wxh_pop .box h1 { color: #333; text-align: center; font-size: 20px; }

.poupFadIn { animation: poupFadIn .2s ease 0s 1; -webkit-animation: poupFadIn .2s ease 0s 1; -moz-animation: poupFadIn .2s ease 0s 1; -o-animation: poupFadIn .2s ease 0s 1; }
.poupFadOut { animation: poupFadOut .2s ease 0s 1; -webkit-animation: poupFadOut .2s ease 0s 1; -moz-animation: poupFadOut .2s ease 0s 1; -o-animation: poupFadOut .2s ease 0s 1; }
@-webkit-keyframes poupFadIn { from {
opacity:0
}
to { opacity: 1 }
}
@-webkit-keyframes poupFadOut { from {
opacity:1
}
to { opacity: 0 }
}
@-webkit-keyframes f1 {  0% {
-webkit-transform: translateY(50px);
opacity:0;
}
 100% {
-webkit-transform: translateY(0);
opacity:1;
}
}


