/* 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:60px;line-height:60px;margin:0 auto;color:#ffffff;} 
.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;}
.bankList{height:100%;width: 100%;font-size:12px;justify-content:space-evenly;-ms-flex-line-pack: center;align-content:left;}
.bankList li{display:inline-block;white-space:nowrap;margin-right:23px;color:#222;}
.bankList li:first-child{margin-left:24px;}
.bankList li:hover{color:#544bf9}

.menuList{width:360px;text-align:right;color:#222;font-size:12px;}
.menuList li{display:inline-block;white-space: nowrap;margin-right:23px;cursor:pointer;}
.menuList li:first-child{margin-right:28px;}
.menuList li:last-child{margin-right:24px;width:48px;height:24px;line-height:24px;border-radius:8px;color:#fff;text-align:center;background:#6461f0}

.menuListS{width:80%;margin:0 auto;text-align:right;color:#222;}
.menuListS li{display:inline-block;white-space: nowrap;margin-right:10px;cursor:pointer}
.menuListS li:hover{color:#544bf9}
.menuListS li:first-child{margin-right:10px}

/*----BODY PANEL----*/
.bodyPan{-webkit-box-flex:1;-ms-flex: 1 0 auto;flex: 1 0 auto;}
.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:10px;}
.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:32px;line-height:32px;padding:4px 4px 4px 10px;font-size:1.5rem;vertical-align:center;border-radius: 10px 0 0 10px;border: 2px solid #c4c7ce;}
.bodyPan input.btnSearch{width:108px;height:44px;line-height:44px;overflow:hidden;border:0px;border-radius: 0 10px 10px 0;font-size:18px;color:#fff;cursor:pointer;background:#4e6ef2;transition:background-color .2s ease-out;}
.bodyPan input.btnSearch:hover{width:108px;height:44px;line-height:44px;overflow:hidden;border:0px;border-radius: 0 10px 10px 0;margin:0;border:0px;cursor:pointer;font-size:18px;color:#fff;cursor:pointer;background:#4662d9}

.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:#544bf9;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;
}
/*============膥┯把计================*/
/*逼把计*/
.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,.menuList{display:none}
}
@media only screen and (min-width:993px){
  .topPan .container{width:100%;}
}
@media (max-width: 790px){
}
@media (max-width: 720px){ 
  .topPan{height: 56px;line-height: 56px;}
  .main-logo{margin-top:30px;zoom:80%;}
  .bodyPan input.address{width:100%;min-width:160px;height:32px;line-height:32px;4px 4px 4px 10px;font-size:1.5rem;vertical-align:center;border-radius: 10px 0 0 10px;border: 2px solid #c4c7ce;}

}
