/* CSS Document */
body{padding:0px; margin:0; background-color:#FFFFFF; color:#ffffff;font:14px/18px Arial, Helvetica, sans-serif}
table{font-size:13px}
.div10{height:10px}
.div20{height:20px}
.clear{clear:both}
.red{color:#ff0000}
.blue{color:#0000ff}
.orange{color:#ff8a00}
.green{color:#3e8500}
.floatR{float:right}
.floatL{float:left}

#mask{background-color: #929292;width: 100%;display:none;height:100%;_height:2500px;left:0;top:0;filter:alpha(opacity=50);opacity:0.3;z-index:99;position:fixed!important;position:absolute}
.normalBody{background:#fafdff}

/*----MAIN PANEL----*/
#wrapper{width:100%; margin:0 auto}
/*----TOP PANEL----*/
.topPan{width:100%;height:96px;line-height:96px;margin:0 auto;background-color: #00b7ea;color:#ffffff;background:url("../images/topBg.jpg");background-size:cover;background-repeat: no-repeat;} 
.topPan .container{width:100%;margin:0 auto;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.logoDv{width:220px;margin:0;padding-left: 20px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-line-pack: center;align-content:center;}
.logoDv img{height:37px;width:200px;display: block;margin: auto;}
.bankList{height:100%;width: 100%;font-size: 15px;-ms-flex-preferred-size: 100%;flex-basis: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: space-evenly;-ms-flex-pack: space-evenly;justify-content: space-evenly;-ms-flex-line-pack: center;align-content: center;}
.bankList li{display:inline-block;white-space: nowrap;}
.bankList li a{color:#fff;text-decoration:none;white-space: nowrap;padding:10px 6px;}
.bankList li a:hover{background:rgba(0, 11, 46, 0.5);}
.bankListBottom{width:680px;font-size:13px;display: none;margin:5px auto 0 auto;;height:32px;line-height:32px;}
.bankListBottom li{float:left;width:76px;min-width:76px;height:32px;line-height:32px;text-align:center;background:#ffffff;margin:0 9px 0 0;border-radius:20px}
.bankListBottom li a{color:#676767;text-decoration:none;}

.menuList{width:360px;text-align:right;}
.menuList li{display:inline-block;white-space: nowrap;margin-right:10px;cursor:pointer}
.menuList li:first-child{margin-right:10px}

/*----BODY PANEL----*/
.bodyPan{-webkit-box-flex:1;-ms-flex: 1 0 auto;flex: 1 0 auto;background-image: url("../images/bg-main.jpg");background-size:cover;background-repeat:no-repeat;background-position:center left;}
.bodyPan .container{width:80%;margin: 0 auto;max-width: 1280px;}
.row{max-width:800px;margin-left: auto;margin-right: auto;margin-bottom: 20px;text-align: center;}
.main-logo{margin-top:48px;}
.searchDv{width:100%;position:relative}
.urlDv{display:table-cell;width:90%;vertical-align:top}
.btnDv{display:table-cell;width:10%;vertical-align:top;text-align:right}
.bodyPan input.address{width:100%;height:38px;line-height:38px;padding:8px;font-size:1.5rem;vertical-align:center;border:1px solid #9e9e9e;}
.bodyPan input.btnSearch{width:130px;height:56px;line-height:56px;overflow:hidden;border:0px;font-size:18px;color:#fff;cursor:pointer;background:#00b7ea;transition:background-color .2s ease-out;}
.bodyPan input.btnSearch:hover{width:130px;height:56px;line-height:56px;overflow:hidden;margin:0;border:0px;cursor:pointer;font-size:18px;color:#fff;cursor:pointer;background:#05c8ff}

.listPan .container{width:80%;margin: 0 auto;max-width: 1280px;}
.listDv{color:#666666;}
.listDv h5{color:#666666;font-size: 1.64rem;line-height:110%;margin: 1.5rem 0 1.5rem 0;font-weight:normal}
.listDv .tbDv{padding: 0.5rem 2rem  0.5rem 1rem;border: 1px solid #dadada;border-radius:0.6rem}
.listTb tr th,.listTb tr td{padding:15px 5px;color:#666666;font-size:15px;text-align:center;border-bottom:1px solid #dadada}
.listTb tr:last-child td{border-bottom:none}
.listTb tr th{font-weight:bold}
.listTb .linkDv{color:#039be5;cursor:pointer}

/*代硉跌怠*/
.showUrl{margin:0;border:1px solid #2ece2e;background-color:#ffffff}

.popDv{display:-webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position:fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 1000;opacity: 1;-webkit-transition: opacity 300ms ease-in-out, visibility 300ms;-o-transition: opacity 300ms ease-in-out, visibility 300ms;transition: opacity 300ms ease-in-out, visibility 300ms;}
.popDv .windowDv{
position: relative;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#066dcd), to(#94cff6));
    background-image: -webkit-linear-gradient(bottom, #066dcd, #94cff6);
    background-image: -o-linear-gradient(bottom, #066dcd, #94cff6);
    background-image: linear-gradient(to top, #066dcd, #94cff6);
    padding: 2.5rem 1rem 1rem 1rem;
    border-radius: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50rem;
    max-height: 80%;
    color: white;
}
/*
#popDv div.windowDv{position:absolute;z-index:9999;clear:both}
#popDv div.titleDv{height:31px;line-height:31px;clear:both;text-align:left;color:#ffffff;border:1px solid #7df24f;background:url('../images/reBgX.png') repeat-x 0px -122px}
#popDv div.titleDv h3{font-size:15px;margin:0 0 0 10px}
.btn_close{height:20px;width:21px;overflow:hidden;margin:6px 6px 0 0;cursor:pointer;border:none;background:url('../images/img.png') repeat-x -258px -80px}
.btn_close:hover{height:20px;width:21px;overflow:hidden;margin:6px 6px 0 0;cursor:pointer;border:none;background:url('../images/img.png') repeat-x -258px -100px}

#popDv table{margin:0 auto;width:440px;border:2px solid #86ea6f;border-collapse:collapse; font:16px Arial, Helvetica, sans-serif}
#popDv table td.titleTd{height:24px;padding:0 0 0 0;border-bottom:1px solid #cecece;text-align:center;color:#333333;font-size:15px;font-weight:bold;background-color:#f2ffe9}
#popDv table td.titleTd div{height:24px;padding:6px 0 0 0;border-top:1px solid #aeea9c;border-bottom:1px solid #aeea9c;vertical-align:middle}
#popDv table td.contentTd,#popDv table td.contentTdA{height:26px;padding:2px 0 0 5px;font-size:15px;border:1px solid #e3f2dd;color:#0f3f94;text-align:center}
#popDv table td.contentTdA{background:#ffffdd}
#popDv table td.contentTd div.leftDv,#popDv table td.contentTdA div.leftDv{float:left;width:49%;text-align:right}
#popDv table td.contentTd div.rightDv,#popDv table td.contentTdA div.rightDv{float:right;width:49%;text-align:left}
#popDv table td.contentTd span.speedSpan,#popDv table td.contentTdA span.speedSpan{color:#c52727;font-size:12px}
#popDv table td.noteTd{height:28px;line-height:28px;font-size:13px}
*/
/*footer*/
#footer_spacer{height:0px}
.footer{position: fixed;bottom: 0; width: 100%;height:77px;padding-top:0px;color: #fff;background-color: #00b7ea;background-image:url("../images/footerBg.jpg");background-size: cover;background-repeat: no-repeat;}
.footer .upDv{margin:30px auto 0 auto;text-align:center}

/*============膥┯把计================*/
/*逼把计*/
.inb{display:inline-block}
.algR{text-align:right}
.algL{text-align:left}

/*===== Chrome and Safari =====*/
@media screen and (-webkit-min-device-pixel-ratio:0){

}
@media only screen and (max-width:1260px){
  .bankList{display:none}
  .bankListBottom{display:block}
  .bankListBottom li{float:left;width:76px;min-width:76px;height:32px;line-height:32px;text-align:center;background:#ffffff;margin:5px 9px 0 0;border-radius:20px}
  .footer .upDv{margin:5px auto 0 auto;text-align:center}
}
@media only screen and (min-width:993px){
  .topPan .container{width: 80%;}
}
@media (max-width: 790px){
  .footer{position: fixed;bottom: 0; width: 100%;height:117px;padding-top:10px;color: #fff;background-color: #00b7ea;background-image:url("../images/footerBg.jpg");background-size: cover;background-repeat: no-repeat;}
  .footer .upDv{margin:20px auto 0 auto;text-align:center}
  .bankListBottom{width:340px;margin:5px auto}
  .footer .upDv{margin:5px auto 0 auto;text-align:center}
}
@media (max-width: 720px){ 
  .logoDv {width: 125px;}
  .logoDv img{height:23px;width: 125px;min-width: 125px;}
  .topPan{height: 56px;line-height: 56px;}
  .main-logo{margin-top:30px;width:260px;height:62px;}
  .bodyPan input.address{width:100%;min-width:160px;height:38px;line-height:38px;padding:8px;font-size:1.5rem;vertical-align:center;border:1px solid #9e9e9e;}

}