@charset "utf-8";

body {
	font-size: 14px;
}

.page-container {
	padding: 5px 10px;
	/* background: #fefefe; */
	text-align: center;
}

.page-container div.page {
	display: none;
}

.page {
	display: none;
}

.current {
	display: block;
}

.page-container div.current {
	display: block;
}

.panel {
	margin-bottom: 15px;
}

.panel-hide {
	display: none;
}

.panel-default>.panel-heading {
	/*height: 38px;*/
	height: 30px;
	padding: 4px 10px;
	line-height: 30px;
	text-align: left;
	background-image: none;
	color: #888;
	border-bottom: 1px solid #B4A8A8;
	/*font-size: 16px;**/
}

/*.input-pop z-index>>msgbox z-index**/
.input-pop {
	position: absolute;
	border: 1px solid #d0d0d0;
	font-size: 24px;
	line-height: 40px;
	letter-spacing: 1px;
	background: #fff;
	margin-top: -47px;
	margin-left: 0;
	padding: 0 5px;
	white-space: nowarp;
	min-width: 305px;
	max-width: 560px;
	min-height: 40px;
}

.money {
	padding-left: 2px;
	padding-right: 2px;
	color: #36f;
}

.money-cn {
	color: #000000;
	font-size: 16px;
	white-space: nowrap;
}

.money-left {
	padding-left: 2px;
	color: #0F9EFC;
	font-size: 15px;
}

.money-right {
	font-size: 12px;
	color: #0F9EFC;
	padding-right: 2px;
}

.red, .red .money-left, .red .money-right {
	color: red;
}

.green, .green .money-left, .green .money-right {
	color: green;
}

.blue, .blue .money-left, .blue .money-right {
	color: blue;
}

.small {
	font-size: 12px;
	color: #999;
}

/****Table.default***/
table tr td {
	vertical-align: middle;
}

table.ui-table tr td, table.ui-form tr td {
	vertical-align: middle;
	border-bottom: 1px dashed #bbb;
}

table.hpd_ui_table tr td:last-child {
	max-width: 200px;
}
/************Table.form*********************/
table.ui-form {
	width: 100%;
	line-height: 50px;
	border-collapse: collapse;
	/* font-size: 17px; */
}

table.ui-form tr td {
	text-align: left;
	/* font-size: 17px; */
}

table.ui-form tr>td:FIRST-CHILD {
	max-width: 50%;
	text-align: right;
	padding-right: 2px;
	/* 	font-size: 18px; */
	color: #747474;
}

table.ui-form tr>td:nth-child(2) {
	padding-left: 2px;
	max-width: 75%;
	text-align: left;
}

table.ui-form tr>td:nth-child(3) {
	padding-left: 10px;
	text-align: left;
	color: #666;
}

table.ui-tb-cust {
	width: 100%;
	line-height: 38px;
	border-collapse: collapse;
	/* font-size: 18px; */
	margin-top: 10px;
}

table.ui-tb-cust tr td {
	padding-left: 2px;
	text-align: left;
	background: #fff;
}

table.ui-tb-cust tr td.td-label, table.ui-form  tr td.td-label {
	text-align: right;
	padding-right: 2px;
	background: #fff;
}

/************UL锟斤拷式*********************/
ul.group {
	margin: 0;
	padding: 0;
}

ul.group li {
	margin-left: 0;
	margin-bottom: 0;
	height: 28px;
	padding: 3px;
	border: 1px solid #999;
	display: inline-table;
	text-align: center;
	min-width: 60px;
	>
}

ul.group li:hover {
	padding: 2px;
	border: 2px solid #66f;
}

ul.group li.selected {
	padding: 2px;
	border: 2px solid #66f;
	background: #fff url("../../img/selected/li-selected.png") no-repeat right bottom;
}

/************Table列表样式*********************/
.ui-table {
	width: 100%;
	font-size: 13px;
	background: #ddd;
}

table.ui-table {
	display: table;
	border-collapse: collapse;
	border-spacing: 1px;
	border: none;
}

table.ui-table-center>thead th, table.ui-table-center>tbody tr {
	text-align: center;
}

.ui-table>thead th {
	background-color: #f5f5f5;
	color: #909090;
	margin: 0px;
	padding: 11px 8px;
	height: 32px;
	font-weight: 100;
	font-size: 14px; >
	padding: 0px 4px; >
	height: 30px;
}

.ui-table>thead th h3 {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
}

.ui-table td {
	/* padding: 16px 6px; */
	/* border-bottom: 1px solid #c6d5e1; */
	height: 50px;
}

.ui-table .head {
	/* background: #eee url(../../images/sort/sort.gif ) 7px center no-repeat; */
	cursor: pointer;
	padding-left: 18px;
}

.ui-table .desc, .ui-table .asc {
	background-color: #bbb;
}

.ui-table>tbody tr:hover td { /* border-bottom: 1px solid #6c95ff; */
	
}

table.ui-table>tbody tr td a {
	display: inline-block;
	padding: 3px 7px;
	border-radius: 5px;
}

table.ui-table>tbody tr td a:hover, table.ui-table>tbody tr td a:focus {
	color: #82b6e1;
}

table.ui-table>tbody tr td a.ui-txt-success:hover {
	background-color: #09a991;
}

table.ui-table>tbody tr td a.ui-txt-warning:hover {
	background-color: #f65246;
}

table.ui-table>tbody tr td a.ui-txt-feeds:hover {
	background-color: #314c83;
}

.ui-table .desc {
	/* background: #bbb url(../../images/sort/desc.gif) 7px center no-repeat; */
	cursor: pointer;
	padding-left: 18px
}

.ui-table .asc {
	/* background: #bbb url("../../images/sort/asc.gif") 7px center no-repeat; */
	cursor: pointer;
	padding-left: 18px;
}

.ui-table th a {
	color: #fff;
	text-decoration: none;
}

.ui-table .head:hover, .ui-table .desc:hover, .ui-table .asc:hover {
	color: #000;
}

.ui-table>tbody tr {
	background: #fff;
	/* border-bottom: 1px solid #e0e0e0; */
}

.ui-table>tbody tr:nth-child(even), .ui-table tbody tr td.evenrow {
	/* background: #f6f6f6; */
	
}

.ui-table>tbody tr:hover {
	background: #eef0f2;
}

.ui-table td.evenselected {
	background: #f2f2f2;
}

.ui-table td.oddselected {
	background: #f4f4f4
}
/* *******************新的************************ */
.ui-table1 {
	width: 100%;
	font-size: 13px;
	background: #ddd;
}


table.ui-table1 {
	display: table;
	border-collapse: collapse;
	border-spacing: 1px;
	border: none;
}


.ui-table1>thead th {
	background-color: #f5f5f5;
	color: #909090;
	margin: 0px;
	padding: 11px 8px;
	height: 32px;
	font-weight: 100;
	font-size: 14px; >
	padding: 0px 4px; >
	height: 30px;
}

.ui-table1>thead th h3 {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
}

.ui-table1 td {
	/* padding: 16px 6px; */
	/* border-bottom: 1px solid #c6d5e1; */
	height: 50px;
	line-height: 50px;
}

.ui-table1 .head {
	/* background: #eee url(../../images/sort/sort.gif ) 7px center no-repeat; */
	cursor: pointer;
	padding-left: 18px;
}

.ui-table1 .desc, .ui-table .asc {
	background-color: #bbb;
}

.ui-table1>tbody tr:hover td { /* border-bottom: 1px solid #6c95ff; */
	
}

table.ui-table1>tbody tr td a {
	display: inline-block;
	padding: 3px 7px;
	border-radius: 5px;
}


.ui-table1 .desc {
	/* background: #bbb url(../../images/sort/desc.gif) 7px center no-repeat; */
	cursor: pointer;
	padding-left: 18px
}

.ui-table1 .asc {
	/* background: #bbb url("../../images/sort/asc.gif") 7px center no-repeat; */
	cursor: pointer;
	padding-left: 18px;
}

.ui-table1 th a {
	color: #fff;
	text-decoration: none;
}

.ui-table1 .head:hover, .ui-table1 .desc:hover, .ui-table1 .asc:hover {
	color: #000;
}

.ui-table1>tbody tr {
	background: #fff;
	/* border-bottom: 1px solid #e0e0e0; */
}

.ui-table1>tbody tr:nth-child(even), .ui-table1 tbody tr td.evenrow {
	/* background: #f6f6f6; */
	
}

.ui-table1>tbody tr:hover {
	background: #eef0f2;
}

.ui-table1 td.evenselected {
	background: #f2f2f2;
}

.ui-table1 td.oddselected {
	background: #f4f4f4
}

/************Table锟�锟斤拷证锟斤拷式*********************/
.x-form-invalid, textarea.x-form-invalid {
	background: url("../../images/invalid_line.gif") repeat-x scroll center bottom rgb(255, 255, 255);
	border: 2px solid rgb(221, 120, 112);
}

.x-form-text {
	vertical-align: middle;
}

.x-form-warn {
	float: right;
	display: inline-block;
	background-repeat: no-repeat;
	background-image: url("../../images/exclamation.gif");
	background-position: left bottom;
	width: auto;
	padding-left: 20px;
	padding-top: 22px;
}
/***************warm container*************************/
.warm-container {
	text-align: left;
}

#CalendarOuterPanel table {
	width: 100%;
}

#CalendarOuterPanel .calendar-table td {
	cursor: pointer;
	text-align: center;
	height: 30px;
	width: 30px;
	line-height: 30px;
	border: 1px solid #B3B3B3;
}

#CalendarOuterPanel .calendar-table th {
	text-align: center;
	height: 30px;
	width: 30px;
	line-height: 30px;
}

#CalendarOuterPanel .calendar-table-bar td {
	line-height: 30px;
}

#CalendarOuterPanel .cal-select {
	text-align: center;
}

#CalendarOuterPanel .cal-left {
	text-align: left;
}

#CalendarOuterPanel .cal-right {
	text-align: right;
}

#CalendarOuterPanel div {
	text-align: center;
}

.result-msg {
	
}

.result-msg .success .msg-icon {
	background: center url('../../img/core/success.png');
	background-repeat: no-repeat;
	height: 200px;
	background-size: 200px;
}

.result-msg.e404 {
	background: transparent;
	filter: none;
}

.result-msg.e404 .error .msg-icon {
	width: 100%;
	background: center url('../../img/core/404.gif');
	background-repeat: no-repeat;
	height: 300px;
}

.result-msg.e404 .error .msg-text {
	text-align: center;
}

.result-msg.e404 .msg-content {
	padding-top: 100px;
}

.yui-result {
	text-align: center;
}

.yui-result .yui-result-img {
	height: 200px;
}

.yui-result .yui-result-img.trans-error {
	background: center url('../../img/core/failure.png') no-repeat;
	background-size: 200px;
}

.yui-result .yui-result-img.trans-success {
	background: center url('../../img/core/success.png') no-repeat;
	/* background-size: 200px; */
	height: 238px;
	margin-top: 45px;
}

.yui-result div p {
	margin: 0;
	display: inline-block;
}

.ui-txt-sucs {
	margin-top: 20px !important;
	margin-bottom: 10px !important;
}

/***表单 div.ui-form start***/
div.ui-form {
	padding-top: 33px;
	padding-bottom: 10px;
	position: relative;
}

div.ui-form p.h4 {
	width: 125px;
	text-align: center;
}

div.ui-form .ui-form-row {
	padding: 8px 0px 8px 0px;
}

div.ui-form .ui-form-row .ui-form-control p {
	height: 20px;
	line-height: 28px;
	padding: 0 11px;
	margin: 0;
	font-size: 16px;
}

div.ui-form .ui-form-row .ui-form-control p.ui-form-normal {
	height: auto;
	line-height: 18px;
	min-height: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}

div.ui-form .ui-form-label {
	width: 120px;
	line-height: 30px;
	text-align: right;
	position: absolute;
}

div.ui-form .ui-form-label:AFTER, div.ui-panel .ui-form-label:AFTER {
	content: ":"
}

div.ui-form .ui-form-control, div.ui-form .ui-form-mark {
	padding-left: 145px;
	padding-right: 10px;
	border-radius: 5px;
}

div.ui-form.form-normal .ui-form-control, div.ui-form.form-normal .ui-form-mark {
	padding-left: 290px;
}

div.ui-form.form-normal .ui-form-label {
	width: 260px;
}

div.ui-form.form-normal .ui-form-control {
	padding-right: 224px;
}

div.ui-form.form-large .ui-form-control {
	padding-right: 95px;
}

div.ui-form-submit.ui-form-container {
	text-align: -webkit-center;
	padding-left: 29px;
}

div.ui-form-submit .ui-form p.h4 {
	text-align: center;
}

div.ui-form-item-r>button {
	width: 85px;
	padding: 6px 0;
	min-width: 85px;
}

div.ui-form-submit .ui-form {
	width: auto;
	text-align: left;
}

div.ui-form-submit .ui-form .ui-form-control {
	padding-right: 80px;
	padding-left: 135px;
	text-align: left;
}

div.ui-form-item-r {
	padding-right: 85px;
}

div.ui-form-submit .ui-form-control .ui-radio {
	font-size: 12px;
	color: #000;
}

div.ui-form-submit .ui-btn-warp button {
	width: 165px;
}

div.ui-form-submit div.ui-form .ui-form-label {
	width: 180px;
}

div.ui-form-submit div.ui-form .ui-form-control, div.ui-form-submit div.ui-form .ui-form-mark {
	padding-left: 200px;
}

div.ui-form-submit div.ui-form-item-r {
	padding-right: 235px;
}

div.ui-form-submit div.ui-form .ui-form-control div.ui-select-input, div.ui-form-submit div.ui-form .ui-form-control input,
	div.ui-form-submit div.ui-form .ui-form-control p {
	width: 300px;
}

div.ui-form.no-border {
	border: none;
}

div.ui-form .ui-row {
	padding: 10px 0px;
}

div.ui-form .ui-row.ui-row-text {
	height: 30px;
}

.ui-form .form-control-upload {
	padding: 0 11px;
}

.ui-form .ui-upload {
	position: relative;
}

div.ui-form .ui-row .ui-form-label, div.ui-form .ui-row .ui-form-mark {
	line-height: 20px;
	min-height: 20px;
}

div.ui-form .ui-row  .ui-form-lab {
	line-height: 30px;
	min-height: 30px;
}

hr.dotted {
	border-bottom: 1px dotted #e0e0e0;
}

.ui-border {
	border: 0px solid #E0E0E0;
}

.hpd-promt-div-18 {
	background: rgb(237, 249, 255);
	width: 784px;
	height: 62px;
	margin-top: 20px;
	border: 1px solid #06993f;
}

.hpd-img-light-18 {
	margin-top: 8px;
	color: #06993f;
	font-weight: 800;
}

.hpd-span-msg-18 {
	margin-left: 20px;
	position: absolute;
}
/***表单 div.ui-form end***/

/**信用卡页面样式 start**/
.page #cardIndex {
	padding-left: 30px;
	padding-top: 35px;
}

div.ui-credit {
	height: 140px;
}

div.ui-green-ground {
	background: url("../../../page/17/credit_card_green.png") no-repeat;
	width: 200px;
	height: 124px;
	float: left;
	margin-top: 8px;
}

div.credit-card {
	width: 328px;
	float: left;
	left: 43px;
}

div.ui-blue-ground {
	background: url("../../../page/17/credit_card_blue.png") no-repeat;
	width: 200px;
	height: 124px;
	float: right;
	margin-top: 8px;
}

div.ui-credit-ground {
	background: url("../../../page/17/credit_card_background.png") no-repeat;
	width: 328px;
	height: 140px;
	float: left;
}

div.ui-logo-ground {
	height: 37px;
	margin-top: 20px;
	margin-left: 20px;
}

div.ui-logo-ground img {
	width: 140px;
}

span.ui-credit-type {
	float: right;
	font-size: 12px;
	color: #ffffff;
	margin-right: 20px;
	margin-top: 5px;
}

div.ui-acct-font {
	margin-left: 20px;
	color: #ffffff;
	font-size: 19px;
}

div.ui-card-font {
	margin-left: 20px;
	color: #fff;
	font-size: 14px;
	margin-top: 18px;
}

div.ui-white-ground {
	margin-top: 20px;
	position: relative;
	height: 132px;
}

div.ui-white-ground img {
	width: 100%;
}

div.ui-white-ground .ui-henf-mar {
	background: #fbfbfc;
	border: 1px solid #efefef;
	font-size: 14px;
	color: #999999;
	height: 30px;
}

div.ui-white-ground .ui-henf-mar .mar-left {
	float: left;
	margin-left: 20px;
}

div.ui-white-ground .ui-henf-mar .mar-center {
	float: left;
	margin-left: 130px;
}

div.ui-white-ground .ui-henf-mar .mar-right {
	float: right;
	margin-right: 20px;
}

div.ui-white-ground .ui-henf-mar label {
	height: 30px;
	line-height: 30px;
}

div.ui-margin-form {
	background: #fbfbfc;
	border: 1px solid #efefef;
	font-size: 14px;
	color: #999999;
	height: 50px;
	margin-top: 30px;
}

div.ui-margin-form .ui-begDt-st, div.ui-margin-form .ui-div-items {
	float: left;
	margin: 15px 0 10px 10px;
	width: 10%;
}

div.ui-margin-form .ui-begDt-st1, div.ui-margin-form .ui-div-item {
	float: left;
	width: 15%;
	margin-top: 7px;
}

table.ui-credit-table, table.ui-credit-tables {
	position: absolute;
	top: 0;
	width: 100%;
	border-collapse: separate;
	border-spacing: 30px 20px;
}

div.ui-table-credit {
	margin-top: 20px;
}

div.ui-detail-ground {
	margin-top: 35px;
	text-align: center;
	position: relative;
}

div.ui-detail-ground .ui-form {
	width: 100%;
	position: absolute;
	top: 0;
	padding-top: 0;
}

div.ui-credit-transDetail {
	height: 100px;
	text-align: center;
	color: #000000;
}

div.ui-credit-transDetail span {
	line-height: 140px;
	font-size: 28px;
}

div.ui-credit-detail {
	padding-top: 20px;
}

div.ui-detail-ground div.ui-form .ui-form-label {
	width: 350px;
}

div.ui-detail-ground div.ui-form .ui-form-control, div.ui-detail-ground div.ui-form .ui-form-mark {
	padding-left: 380px;
}

.ui-form-pd30 {
	padding-left: 30px;
}
/**信用卡轮播样式 end**/