@font-face{ font-family:m-dai361-icon; src:url('fdfont.ttf') format('truetype'); font-weight:400; font-style:normal } 
[view]{ width:100%; overflow:auto; position:relative; background-color:#fff; display:none } 
[view]:first-child{ display:block }

.hide { display:none; }
.clear { clear:both; }

.switch-tabs { padding:5px; position:relative; z-index:999;margin-bottom: 10px; }
.switch-tabs ul { height:36px; line-height:36px; -webkit-border-radius:5px; border-radius:5px; background-color:rgba(255,255,255,0); border:solid 1px #cccccc; overflow:hidden; display:-webkit-box; display:-webkit-flex; display:flex; width:100%; background:#fff; }
.switch-tabs li:first-child { border:none; margin:0; }
.switch-tabs li { text-align:center; border-left:1px solid #cccccc; -moz-flex:1; -webkit-flex:1; -moz-box-flex:1; -webkit-box-flex:1; overflow:hidden; }
.switch-tabs li a { color:#000; font-size:14px; display:block; }
.switch-tabs .select-tab { background: #f5f5f5; }
.switch-tabs .select-tab a { color:#2095f2; font-weight:700; display:block; }

.input-fields{ padding-left:10px; padding-right:10px } 

.field-wrap{ min-height:60px; display:-webkit-box; display:box; -webkit-box-align:center; }
.field-wrap label{ display:block; width:30%; -webkit-box-flex:1; box-flex:1;padding-left: 3px; font-size: 16px; }
.field-wrap .field{ width:65%; -webkit-box-flex:1; box-flex:1; }
.field-wrap .long-field{ width:35%; }
.field-wrap .short-field{ width:25%; margin-left:3%; }
.field-wrap .mid-field{ width:32%; }
.field .ui-text{ margin:0; width:100%; }
.field .ui-text input{ border:solid 1px #c1c1c1; height:35px; line-height:1; text-indent:0.5em; }
.field .rate-text input{ text-indent:1.0em; }
.field .repay-method{ width:100%; } 

.ui-bar-fixed { width:100%; left:0; top:0; z-index:100; }
.ui-bar{ height: 40px; padding: 0 10px; position: relative;line-height: 40px;margin-bottom: 10px;border-radius: 4px; border: 1px solid #0369aa; -webkit-box-shadow: 0 1px 0 #40c1ff inset; background: -webkit-gradient(linear,0 0,0 100%,from(#26a7ef),to(#018cd7));} 
.ui-bar .fh{ position: absolute;left: 5px;top: 6px;border-radius: 4px;cursor: pointer; }  
.ui-bar .bt{ width: 100%; color: #fff;  text-align: center;font-weight: 700; font-size: 16px;} 

.ui-btn{ width:100%;  height:38px; display:inline-block; overflow:hidden; vertical-align:middle; text-align:center; line-height:38px; color:#fff; font-size:18px; font-weight:700; text-shadow:0 1px 0 rgba(0,0,0,.38); text-decoration:none; border-radius:4px; border:1px solid #0369aa; -webkit-box-shadow:0 1px 0 #40c1ff inset; background:-webkit-gradient(linear,0 0,0 100%,from(#26a7ef),to(#018cd7));cursor: pointer;margin-top:10px;box-sizing: border-box;} 
.ui-btn:hover{color:#fff;}


.ui-bar-occupied{ z-index:99; }

.ui-text{ width:96%; margin:2px 5px; height:28px; display:block; display:box; display:-webkit-box; -webkit-box-align:center; -webkit-box-flex:1; box-flex:1; position:relative; font-size:16px; line-height:32px; border:0; background-color:#fff; font-size:100%; border:0; vertical-align:middle; line-height:inherit } 
.ui-text::-webkit-input-placeholder,.ui-text input::-webkit-input-placeholder{ color:#666; font-size:16px } 
.ui-text input{ display:block; -webkit-appearance:none; width:100%; height:30px; line-height:1; margin:0; padding:0; -webkit-box-flex:1; box-flex:1; border-radius:0; border:0; vertical-align:middle; font-size:100% } 
.ui-text:after{ position:absolute; right:5px; top:5px; color:#666; content:attr(data-tail) } 
.ui-text:after { right:10px; top:8px; }
.rate-text:before{ position:absolute; left:5px; top:5px; color:#666; content:"=" }

.ui-text{ position:relative }


.ui-select{ width:100%; height:32px; line-height:32px; padding:0; margin:0; display:block; position:relative; display:-webkit-box; display:box; -webkit-box-flex:1; box-flex:1; font-size:16px; } 
.ui-select .value-bar{ width:100%; height:35px; line-height:32px; margin:0; text-indent:8px; font-size:14px; position:relative; color:#333; border:1px solid #c7c7c7; background-color:#fff; box-sizing: border-box;}
.ui-select .value-bar[data-value]{ color:#333; }
.ui-select .value-bar:after{ position:absolute; right:0.5em; top:0px; content:"下"; font-family:"m-dai361-icon"; font-size:0.8em; color:#000; }
.ui-select select{ width:100%; height:100%; -webkit-appearance:none; font-size:16px; position:absolute; left:0; top:0; opacity:0;padding:10px; } 


.calc-result{ padding-bottom:20px; }
.result-list li{ border-bottom:solid 1px #e0e0e0; padding:0 10px; overflow:hidden; }
.result-list .group-tit{ font-size: 16px; background: #e9eef7; height: 40px; line-height: 40px; }
.result-list li .item-name{ float:left; font-size:16px; line-height: 44px; width:50%; }
.result-list li .item-value{ color:#999; float:right; font-size:16px; line-height:44px; padding-right:20px; text-align:right; width:40%; }
.result-list li p{ clear:both; color:rgb(153, 153, 153); font-size:12px; line-height:20px; position:relative; top:-8px; }



.view-more { text-align: center; font-weight: 700; line-height: 40px; cursor: pointer;border-bottom: 1px solid #cfcfcf; } 



.data-table { width:100%; display:table; max-width:100%; background-color:transparent;border-collapse:collapse; border-spacing:0; }

.data-table thead>tr>th, .data-table tbody>tr>td { padding:7px 4px; line-height:1.428571429; vertical-align:top; border-bottom:1px solid #d2d2d2; color:#3d3d3d; font-size:14px; text-align: center;}
.data-table thead>tr>th { padding:10px 4px; vertical-align:bottom; color:#777; border-bottom:1px solid #ddd; text-align:center; }

.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th { color:#E285AB; background-color:#f9f9f9; }
.table-striped>tbody>tr:nth-child(even)>td, .table-striped>tbody>tr:nth-child(even)>th { color:#299BD1; }

#data_detail_1{max-height:500px;}
#data_detail_2{max-height:500px;}
.data-container .group-tit { font-size: 16px; background: #e9eef7; height: 40px; line-height: 40px;}
.data-container div.group-tit { border-bottom:solid 1px #e0e0e0; padding:0 10px; overflow:hidden; }