@charset 'UTF-8';
* {
	padding: 0;
	margin: 0;
}

html {
	font-family: PingFangSC-Regular, sans-serif, Microsoft YaHei;
	font-size: 10px;
}

body {
	position: relative;
	font-family: PingFangSC-Regular, sans-serif, Microsoft YaHei;
}

.blue {
	color: #04A1E9 !important;
}

.green {
	color: #4AC275 !important;
}
.green1 {
	color: #00bf9a !important;
}
.red {
	color: red;
}
.yellow {
	color: #EFC100;
}
.green2 {
	color: #A3E2B7;
}
.grayx{
	color:#999;
}
.clickp{
	cursor: pointer;
}

/*清除浮动*/

.cleanFloat::after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
}

ul,
li {
	list-style: none;
	margin-bottom:0;
}

label {
	margin: 0;
}

input {
	outline: none;
	border: 0;
}

.page-sidebar .sidebar-menu .submenu li .narrow {
	border-radius: 0;
}

.page-sidebar .sidebar-menu .submenu li .narrow:hover {
	border-radius: 0;
}

.HospitalName {
	display: inline-block;
	margin: 0 15px;
	/*height:100%;
	line-height: 100%;*/
	/*padding-bottom: 5px;*/
}

.HospitalName img {
	display: inline-block;
/* 	width: 50px; */
	height: 34px;
/* 	border-radius: 50%; */
	background: #fff;
}

.HospitalName p {
	vertical-align: middle;
	display: inline-block;
	color: #01B08f;
	font-size: 3.0rem;
	margin: 0 0 3px 12px;
}

.navbar-portal{
	width:470px;
	margin-left: 20px;
}
.navbar-portal .item{
	background: #bbbbbb;
	height:55px;
	width:130px;
	font-size:18px;
	color:#fff;
	cursor: pointer;
	margin-right:20px;
}
.navbar-portal .item:last-child{
	margin-right:0;
}
.navbar-portal .item:hover{
	background: #4BA284;
}
.navbar-portal .item.active{
	background: #4BA284;
}
.navbar-portal .item i{
	font-size: 30px;
    height: 32px;
    margin-right: 10px;
}
.sm-portalBox{
	background:#EDF1F5;
	position: relative;
    z-index: 9;
    padding: 10px 0;
}
.sm-portal{
	padding: 10px 0;
	background:#fff;
}
.sm-portal .item{
	background: #bbbbbb;
	font-size:16px;
	color:#fff;
	cursor: pointer;
	padding: 5px 0;
    width: 94px;
}
.sm-portal .item.active{
	background: #4BA284;
}
.sm-portal .item i{
	margin-bottom: 3px;
	font-size: 22px;
}

.userBox{
	margin-right: 65px;
}
.userBox a{
	font-size:12px;
	color:#333;
	line-height:20px !important;
}
.bgs {
	/*border-radius: 10px;*/
	background: #fbfbfb;
	border: 1px solid #e4e6e8;
}

.balanceBg {
	background: url(../img/icon/icon-18.png) no-repeat bottom, url(../img/icon/icon-19.png) no-repeat bottom;
	background-size: 100% auto;
	background-color: #01B08F;
	margin-bottom: 8px;
	padding: 5px 15px;
}

.balance {
	float: left;
	font-size: 20px;
	color: #fff;
}

.balance span {
	vertical-align: middle;
	margin-right: 40px;
}

.balance .text {
	font-size: 30px;
}

.topUpBtn {
	width: 82px;
	height: 30px;
	background-color: #fff !important;
	border: 0;
	display: block;
	float: right;
	color: #01B08F;
	margin-top: 7px;
}
.topUpBtn:hover{
	background-color:#009679 !important;
	color:#fff;
}

/*在线充值*/

.Explain {
	margin-bottom: 16px;
}

.Explain .title {
	height: 45px;
	line-height: 45px;
	padding: 0 25px;
	font-size: 16px;
	border-bottom: 2px solid #e4e6e8;
}

.Explain .text {
	padding: 10px 25px;
	font-size: 13px;
	font-weight: bold;
}

.Explain .text p {
	line-height: 24px;
}

.roadBox {
	height: 80px;
	border-bottom: 2px solid #E4E6E8;
	text-align: center;
}

.roadBox ul {
	display: inline-block;
	line-height: 80px;
}

.roadBox ul li {
	display: inline-block;
	margin-right: 20px;
}

.roadBox li div {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
}

.roadBox li .title {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #E5E6E8;
	text-align: center;
	line-height: 40px;
	color: #989898;
	position: relative;
}

.roadBox li .title::before {
	content: "";
	border-left: 15px solid #E5E6E8;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	position: absolute;
	top: 12px;
	right: -10px;
}

.roadBox li .text {
	margin: 0 20px;
	color: #989898;
}

.roadBox li .index {
	width: 24px;
	height: 16px;
	background: url(../../assets/img/icon/icon-7s.png) no-repeat;
	background-size: 100% 100%;
	vertical-align: text-top;
	margin: 0 20px;
}

.roadBox .arrive .title {
	background: #01B08F;
	color: #FFF;
}

.roadBox .arrive .title::before {
	border-left: 15px solid #01B08F;
}

.roadBox .arrive .text {
	color: #01B08F;
}

.roadBox .arrive .index {
	background: url(../../assets/img/icon/icon-7.png) no-repeat;
	background-size: 100% 100%;
}

.conBigBox {
	padding: 20px;
}

.moneyInpBox {
	padding: 30px 30px;
	font-size: 16px;
	font-weight: bold;
}

.moneyInpBox .inpBox {
	float: left;
}

.moneyInpBox .imgBox {
	float: right;
	margin-top: 30px;
}

.moneyInpBox .imgBox img {
	width: 59px;
	height: 57px;
}

.inpBox .title {
	margin-bottom: 50px;
}

.inpBox .text {
	color: #00A0E9;
	font-size: 33px;
	height: 53px;
}

.inpBox .text label {
	display: inline-block;
	font-size: 33px;
}

.inpBox .text input {
	display: inline-block;
	border: 0;
	background: #fff;
	font-size: 22px;
	padding: 0;
	width: 180px;
}

.inpBox .text input[type=text]:focus {
	border: 0;
	background: #fff;
	box-shadow: none;
}

.nextButton {
	margin: 0px 0 30px 0;
}

.nextBtn {
	display: block;
	margin: 0 auto;
	border: 0;
	background: #10B08F;
	color: #fff;
	padding: 7px 20px;
}


/*	按钮样式	*/

.myRadio {
	position: relative;
}

.myRadio input[type=radio],
label {
	/*position: relative;*/
}

.myRadio label {
	position: relative;
	padding-left: 40px;
	cursor: pointer;
}

.myRadio label::before {
	position: absolute;
	top: 21px;
	left: 0;
	content: "";
	width: 30px;
	height: 30px;
	border: 2px solid #E5E6E8;
	border-radius: 50%;
}

.myRadio label::after {
	position: absolute;
	top: 29px;
	left: 9px;
	content: "";
	width: 13px;
	height: 13px;
	background: #00A0E9;
	border-radius: 50%;
	display: none;
}

.myRadio input[type=radio]:checked+label::before {
	border: 2px solid #00A0E9;
}

.myRadio input[type=radio]:checked+label::after {
	display: block;
}


/*  /按钮样式      */

.myRadio label span {
	display: inline-block;
	border: 2px solid #E4E6E8;
	width: 351px;
	height: 70px;
	line-height: 66px;
	font-size: 22px;
	margin-left: 20px;
	padding-left: 66px;
	position: relative;
}

.myRadio label span::before {
	content: "";
	width: 35px;
	height: 31px;
	background: url(../../assets/img/icon/icon-10.png) no-repeat;
	background-size: auto 100%;
	position: absolute;
	top: 18px;
	left: 20px;
}

.myRadio .alipay span::before {
	background: url(../../assets/img/icon/icon-11.png) no-repeat;
	background-size: auto 100%;
}

.puySelectBox {
	padding-bottom: 100px;
}


/*  支付确认  */

.orderBox {
	display: inline-block;
	padding: 60px 0;
}

.orderBox>div {
	display: inline-block;
}

.qrBox {
	width: 253px;
	height: 255px;
	border: 2px solid #E4E6E8;
	background: #FFF;
	position: relative;
}

.qrBox::before,
.qrBox::after {
	content: "";
	width: 30px;
	height: 30px;
	position: absolute;
}

.qrBox::before {
	top: -5px;
	left: -5px;
	border-top: 3px solid #10B08F;
	border-left: 3px solid #10B08F;
}

.qrBox::after {
	bottom: -5px;
	right: -5px;
	border-bottom: 3px solid #10B08F;
	border-right: 3px solid #10B08F;
}

.orderMsg {
	vertical-align: top;
	margin-left: 30px;
}

.orderMsg h3 {
	font-size: 42px;
	color: #f47564;
}

.orderMsg ul {
	margin-top: 40px;
}

.orderMsg ul li {
	margin-top: 20px;
	font-size: 19px;
}


/*	支付成功	*/

.overOrder {
	margin: 100px 0;
}

.goodBox h1 {
	letter-spacing: 0.1em;
	color: #f47564;
}

.goodBox ul {
	margin-top: 40px;
}

.goodBox ul li {
	display: inline-block;
	font-size: 15px;
	margin: 0 20px;
}


/**********专家统计页面************/

.moneyTit {
	padding: 0 0 10px 5px;
	font-size: 19px;
}

.inCome>div {
	width: 50%;
	float: left;
}

.round {
	padding: 33px 0;
}

.round div {
	height: 170px;
	width: 170px;
	margin: 0 auto;
	border-radius: 50%;
	position: relative;
	background: -webkit-linear-gradient(#5697F3, #00a0e9);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#5697F3, #00a0e9);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#5697F3, #00a0e9);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(#5697F3, #00a0e9);
	/* 标准的语法 */
}

.greenBg div {
	height: 170px;
	width: 170px;
	margin: 0 auto;
	border-radius: 50%;
	position: relative;
	background: -webkit-linear-gradient(#4AC275, #B9EAC4);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#4AC275, #B9EAC4);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#4AC275, #B9EAC4);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(#4AC275, #B9EAC4);
	/* 标准的语法 */
}

.round div p {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 140px;
	height: 140px;
	border-radius: 50%;
	background: #fff;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	margin: 0;
	padding: 40px 0;
}

.round div p span {
	display: block;
	font-size: 20px;
	text-align: center;
	padding: 5px 0;
}

.inCome ul {
	margin: 0;
}

.inCome ul li {
	padding: 22px 20px;
	font-size: 19px;
	border-left: 1px solid #EDEDED;
}

.inCome ul li p {
	margin: 10px 0;
}

.inCome ul .special {
	border-bottom: 1px solid #EDEDED;
}

.getBox ul {
	/*float:left;
	width:50%;*/
	margin: 0;
	font-size: 16px;
}

.getBox ul li {
	padding: 5px 20px;
}

.getBox ul li p {
	margin: 0;
	padding: 10px 0;
}

.bmm {
	margin-bottom: 16px !important;
}


/*.FilmBox{
	padding-left:3%;
}*/

ul.FilmBox li {
	height: 66px;
	line-height: 55px;
	font-size: 22px;
}

.fl {
	float: left;
}

.fr {
	float: right;
}


/*************************/

.nextButton {
	/*改*/
	padding: 0 30px 20px 30px;
}


/* 11-17 新增*/

.conBigBoxs {
	padding: 0 30px 30px 30px;
	width: 100%;
	border
}

.conBigBoxs p {
	padding: 10px 0;
	font-size: 1.8rem;
	text-align: center;
	margin: 10px 0;
}

.payFun {
	margin: 17px 0;
}

.payFun p {
	padding: 10px 0;
	font-size: 1.8rem;
	text-align: center;
	margin: 0;
}

.pay {
	position: relative;
	padding-left: 36px;
	cursor: pointer;
}

.pay::before {
	content: "";
	width: 23px;
	height: 21px;
	background: url(../../assets/img/icon/icon-10.png) no-repeat;
	background-size: auto 100%;
	position: absolute;
	top: 4px;
	left: 8px;
}

.aliPay::before {
	background: url(../../assets/img/icon/icon-11.png) no-repeat;
	background-size: auto 100%;
}

.accountMsg h4 {
	border-bottom: 1px solid #E4E6E8;
	padding: 15px 10px;
	margin: 0;
}

.accountMsg div {
	text-align: center;
	font-size: 3rem;
	height: 100px;
	line-height: 100px;
}

.accountMsg p {
	padding: 10px;
	height: 100px;
	margin: 0;
}

.moneySel {
	border-color: #01B08F;
	position: relative;
}

.moneySel::after {
	position: absolute;
	content: "";
	background: url(../../assets/img/icon/icon-34.png) no-repeat;
	background-size: auto 100%;
	width: 30px;
	height: 30px;
	bottom: -1px;
	right: 0;
	z-index: 10;
}


/********1129改版新增***********/

#searchable_filter {
	margin: 15px 0 10px 0;
	/* overflow: hidden; */
}

.navbar .sidebar-collapse.active {
	text-align: left;
}

.DTTTFooter {
	padding: 25px 5px 9px 10px;
	background: #fff;
	border: 0;
}

.breadcrumb>li {
	color: #000;
}

.dataTables_filter label:before {
	content: '';
}

.table-bordered>tbody>tr>td {
	text-align: center !important;
	font-size: 1.5rem;
}

.table-bordered>tbody>tr>td {
	border: none;
	border-left: 1px solid #EAEAEA;
}

.table-bordered>tbody>tr td:first-child {
	border-left: none;
}

.table thead>tr th:first-child {
	border-left: none;
}

.loading-progress img {
	width: 220px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	/* IE 9 */
	-moz-transform: translate(-50%, -50%);
	/* Firefox */
	-webkit-transform: translate(-50%, -50%);
	/* Safari 和 Chrome */
	-o-transform: translate(-50%, -50%);
	/* Opera */
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area::before {
	content: '';
	position: absolute;
	top: 23px;
	right: 19px;
	border-left: 10px solid #333333;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}

#hospitalImagingTop {
	height: 300px;
}
.table>thead>tr>th{
	vertical-align:middle;
}
.selsctLabel{
	padding-left:17px;
}
.selsctLabel label{
	margin-bottom:15px;
}
.topUpTitle{
	padding-top:14px !important;
}
.btn-sm>.fa{
	vertical-align: middle;
}
.control-label{
	display:inline-block;
	line-height:29px;
	padding-right:0;
}
@media only screen and (max-width:1400px) {
	html {
		font-size: 47%;
	}
	.page-sidebar .sidebar-menu a {
		height: 46px;
		line-height: 45px;
	}
	.page-sidebar .sidebar-menu .submenu li a {
		width: 183px;
		padding-left: 23px;
	}
	.page-breadcrumbs {
		line-height: 45px;
	}
	.navbar .navbar-inner .navbar-container {
		height: 55px;
		line-height: 50px;
	}
	.page-sidebar .sidebar-menu a .menu-expand {
		top: 17px;
	}
	.navbar .sidebar-collapse.active .collapse-icon {
		padding: 0 14px;
	}
	.navbar .sidebar-collapse .collapse-icon {
		line-height: 55px;
	}
	.navbar .navbar-inner .navbar-header .navbar-account .account-area>li {
		line-height: 49px;
	}
	.statusMsg .new {
		top: 16px !important;
	}
	.statusMsg::after {
		top: 14px !important;
	}
	.navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area::before {
		top: 20px !important;
	}
	.navbar .navbar-inner .navbar-header .navbar-account .setting{
		top:22px !important;
	}
	.navbar .navbar-inner .navbar-header .navbar-account .setting a .glyphicon-log-out:before {
		top: -7px;
		width: 26px;
		height: 22px;
	}
	.bgs .title {
		line-height: 42px !important;
	}
	.page-sidebar.menu-compact .sidebar-menu>li>.submenu {
		padding-top: 46px;
	}
	.widget-header {
		min-height: 42px !important;
		line-height: 42px !important;
	}
	.dateAdds::before {
		top: 11px !important;
	}
	.dateAdd::before {
		top: 37px !important;
	}
	.whole div::before{
		top:0 !important;
	}
	.interactive::before{
		top:15px !important;
	}
	.edit{
		margin:2px 0;
	}
	.braceletDataBox ul li{
		margin-right:85px !important;
	}
	.braceletMsg .newAdd{
	    width: 73.8% !important;
	}
	.icon-bracelet{
		padding: 25px 0 45px 60px;
	}
	.homeTopUp ul li{
		padding:17px 30px!important;
	}
	.allIncome .all{
		padding: 20px 0 !important;
	}
	.input-sm{
/* 		line-height:1.5 !important; */
	}
	
	.navbar-portal .item{
		font-size: 17px;
		height: 40px;
		margin-right: 8px;
	}
	.navbar-portal .item i{
		font-size: 25px;
		height: 28px;
		margin-right: 7px;
	}
}

@media only screen and (max-width:1024px) {
	html {
		font-size: 48%;
	}
	.page-sidebar .sidebar-menu a {
		height: 48px;
		line-height: 48px;
	}
	.page-breadcrumbs {
		line-height: 47px;
	}
	.page-sidebar .sidebar-menu a .menu-expand {
		top: 19px;
	}
	.navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area::before {
		top: 21px !important;
	}
	.navbar .navbar-inner {
		min-height: 55px;
		height: 55px;
	}
	.navbar .navbar-inner .navbar-container {
		line-height: 55px;
		height: 55px;
	}
	.navbar .sidebar-collapse.active .collapse-icon {
		padding: 0 13px;
	}
	.bgs .title {
		line-height: 42px !important;
	}
	.dateAdds::before {
		top: 11px !important;
	}
	#hospitalImagingTop {
		height: 247px !important;
	}
	.topUp {
		width: 147px !important;
		height: 147px !important;
	}
	.topUp div {
		width: 126px !important;
		height: 126px !important;
	}
	.topUp div p {
		margin: 0 !important;
	}
	ul.FilmBox li {
		height: 65px !important;
		line-height: 65px !important;
	}
	.input-sm{
		height: 28px;
	}
	
	.statusMsg .new {
		line-height: 17px !important;
	}
	.svgNotes li{
		width:85px !important;
	}
	.widget-header .svgNotes li{
		width: 69px !important;
	}
	.braceletDataBox ul li{
		margin-right:40px !important;
	}
	.patientMsg div span{
		padding: 0 15px !important ;
	}
	.braceletMsg .newAdd>div{
		   width: 32% !important;
	}
	.icon-bracelet .Today{
		position:absolute;
		left:20px;
	}
}

@media only screen and (max-width:768px) {
	html {
		font-size: 39%;
	}
	.navbar .sidebar-collapse.active .collapse-icon {
		padding: 0 15px;
	}
	.braceletDataBox ul li{
		margin-right:30px !important;
	}
	.HospitalName{
		margin:0;
	}
	.HospitalName img{
		height: 20px;
	}
	#feeDiv .tit{
		top: -9px !important;
		font-size:12px;
		width: 160px;
	}
	#feeDiv .tit span{
		font-size:10px !important;
	}
}
.dataTit{
	padding:0 11px;
	border-left:3px solid #00bf9a;
	font-size:1.8rem;
	margin-bottom:10px;
}
/********影像财务新增*************/
.imgIncome{
	border:1px solid #EAEAEA;
	border-left: 0;
}
.imgIncome>div{
	float:left;
	width:55%;
}
.imgIncome .allIncome{
	width:45%;
	font-size:2rem;
	border-right: 1px solid #EAEAEA;
	border-left: 1px solid #EAEAEA;
}
.allIncome .all{
	text-align: center;
	padding:20px 0;
	font-size: 2.2rem;
}
.allIncome .all div{
/* 	margin-bottom:11px; */
}
.allIncome .alls{
	padding:10px 12px;
	border-top:1px solid #eaeaea;
	font-size:1.6rem;
}
.allIncome p{
	text-align: center;
	font-size: 2.2rem;
	margin:0;
}
.allIncome a{
	text-align: center;
	font-size: 2rem;
	margin:0;
	color: #999;
}
.allIncome .all a{
	font-size: 3.2rem;
}
.svgNotes{
	width: 100%;
	text-align: center;
}
.notesBox{
	margin:20px 0 18px 0;
}
.svgNotes li{
	display: inline-block;
	width:90px;
}
.svgNotes li>i{
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius:50% ;
	margin-right: 5px;
}
.widget-header .svgNotes{
	text-align: right;
}
.widget-header .svgNotes li{
	width: 71px;
}
.widget-body form{
	/* display:inline-block; */
}
.widget-body  form .input-group{
	display:inline-block;
	vertical-align: middle;
}
.btn-default:active{
	border-color:#00bf9a !important;
	background-color:#00bf9a !important;
	color:#fff !important;
	box-shadow:none !important;
}
.btn-group .active{
	border-color:#00bf9a !important;
	background-color:#00bf9a !important;
	color:#fff !important;
	box-shadow:none !important;
}
.btn-group button:hover{
	border-color:#A3E2B7 !important;
	background-color:#A3E2B7 !important;
	color:#fff !important;
	box-shadow:none !important;
}

.popupBox{
	position: fixed;
	top: 0;
	left:0;
	right:0;
	bottom:0;
	background: rgba(00,00,00,.7);
	z-index: 99999;
}
.popWindow{
	position: absolute;
	right: -45%;
/* 	top:50%; */
/* 	left:50%; */
/* 	transform: translate(-50%,-50%); */
	width:45%;
	height:100%;
	background: #fff;
}
.popTitle{
	padding:10px 20px;
	color:#fff;
	background: #00BF9A;
	font-size: 1.6rem;
}
.popPs{
	text-align: center;
	font-size:1.8rem;
	color:#00BF9A;
	padding:15px 0;
	border-bottom:1px solid #EDEDED;
}
.popConent{
	padding:10px 10px;
	height: 92%;
    overflow-y: auto;
}
.popConent .row {
    margin-right: -10px;
    margin-left: -10px;
}
.btn{
	padding:5px 14px;
}
 table .btn{
 	padding:4px 10px;
 }
 .control-label span{
 	vertical-align: middle;
 }
 /**********0111主页改版新增*************/
 /*解决嵌套栅格超过父元素问题*/
.longRow{
	margin: 0;
}
.longCl{
	padding:0; 
}
.homeLeftData{
	padding:10px;
	font-size:1.8rem;
}
.homeLeftData li {
	width:300px;
	margin:10px;
	background: #F7F7F7;
}
.homeIcon{
	/* position: absolute;
	top:50%;
	left:4%; */
	width: 70px;
    height: 35px;
	/* transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	-o-transform: translate(0,-50%); */
}
.homeIcons{
	display: inline-block;
	width:50px;
	height:40px;
	margin:0 10px;
}
.homeIconTNB{
	background: url(../img/icon/icon-21.png) no-repeat center;
    background-size: auto 100%;
}
.homeIconGXY{
	background: url(../img/icon/icon-22.png) no-repeat center;
    background-size: auto 100%;
}
.homeIconRS{
	background: url(../img/icon/icon-23.png) no-repeat center;
    background-size: auto 100%;
}
.homeIconQK{
	background: url(../img/icon/icon-24.png) no-repeat center;
    background-size: auto 100%;
}
.homeIconSH{
	background: url(../img/icon/icon-bracelet-1.png) no-repeat center;
    background-size: auto 100%;
}
.homeIconZX{
	background: url(../img/icon/icon-32.png) no-repeat center;
    background-size: auto 100%;
}
.homeIconYC{
	background: url(../img/icon/icon-33.png) no-repeat center;
    background-size: auto 100%;
}
.homeIconXT{
	background: url(../img/icon/icon-25.png) no-repeat center;
    background-size: auto 100%;
}
.homeIconXY{
	background: url(../img/icon/icon-27.png) no-repeat center;
    background-size: auto 100%;
}
.homeIconTD{
	background: url(../img/icon/icon-28.png) no-repeat center;
    background-size: auto 100%;
}
.homeIconTX{
	background: url(../img/icon/icon-26.png) no-repeat center;
    background-size: auto 100%;
}
.homeLeftData li div p{
	margin:20px 0;
}

.homeRightData{
	padding:20px;
}

.homeRightData li{
		
}

.rightDataLi{
	background: #f7f7f7;
	padding:17px 0;
}
.rightDataLi>div{
	width: 50%;
}
.rightDataLi div p{
	margin:20px 0;
	
}
.rightDataLi ul{
	font-weight: normal;
}
.rightDataLi ul li{
	padding:7px 0;
}
.timeIcon{
	display: inline-block;
    height: 20px;
    margin-right: 10px;
}
.timeIcon img{
	width;auto;
	height:100%;
}
.homeImgData{
	border:1px solid #EDEDED;
}
.homeImgTitle{
	background: #f7f7f7;
	border-bottom:1px solid #EDEDED;
	padding: 18px 20px;
}
.homeImgCon {
	padding:10px 0;
}
.homeImgCon p{
	padding:8px 0;
}
.imgConsume{
	border:1px solid #EDEDED;
}
.imgConsumeCon{
	padding:20px;
	font-weight: normal;
}
.imgConsumeCon div{
	padding:10px 20px;
	background: #F7F7F7;
}
.imgConsumeCon div{
	padding:15px 42px;
	background: #F7F7F7;
	border-top:1px solid #ededed;
}
.imgConsumeCon div:first-child{
	border:0;
}
.imgConsumeCon div:last-child{
	padding:0 20px 20px 20px;
	background: #F7F7F7;
	border:0;
}
.imgConsumeCon ul{
	background: #fff;
	border:1px solid #ededed;
	border-bottom: 0;
}
.imgConsumeCon ul li{
	padding:20px 20px;
	border-bottom:1px solid #ededed;
}
.homeTopUp{
	padding:20px;
}
.homeTopUp ul{
	/*padding:20px;*/
	background: #F7F7F7;
}
.homeTopUp ul li{
	padding:14px 30px;
	border-bottom: 1px solid #EDEDED;
}
.recentConsume ul li p{
	width:auto;
}
.homeTopUp ul li p span{
	display: inline-block;
    width: 53%;
}
.topUpRound>div{
	width:50%;
}
.topUpRound div div{
	width:166px;
	height: 166px;
	border:8px solid #00BF9A;
	border-radius: 50%;
}
.topUpImg{
	width:80%;
}
.topUpImg div{
	width:35%;
}
/*
 *	flex-box flex盒子
 * 	inline_flex-box 行元素盒子
 * 	flex-direction-column 垂直布局
 * 	flex-justify-center 水平居中
 * 	flex-justify-between 两端对齐
 * 	flex-align-center 垂直居中
 * 	flex-align-end 垂直居下
 *  flex-wrap-wrap 换行
 *  flex-justify-around 子元素距离相等
 * */
.flex-box{
	display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
   /*  display: -webkit-box; */   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;   /* 混合版本语法: IE 10 */   
}
.inline_flex-box{
	display: -webkit-inline-flex;  /* 新版本语法: Chrome 21+ */
    display: inline-flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
    display: -webkit-inline-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-inline-box;      /* 老版本语法: Firefox (buggy) */
    display: -ms-inline-flexbox;   /* 混合版本语法: IE 10 */   
}
.flex-direction-column{
	-webkit-box-orient:vertical;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
}
.flex-direction-column{
	-webkit-box-orient:vertical;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
}
.flex-justify-center{
	-webkit-justify-content:center;
	justify-content:center;
	-ms-flex-pack:center;
	-webkit-box-pack:center;
}
.flex-justify-between{
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-ms-flex-pack:justify;
	-webkit-box-pack:justify;
}
.flex-align-center{
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-ms-flex-align:center;
	}
.flex-align-end{
	-webkit-box-align:flex-end;
	-webkit-align-items:flex-end;
	align-items:flex-end;
	-ms-flex-align:flex-end;
}
.flex-wrap-wrap{
	-ms-box-lines: multiple;
	flex-wrap:wrap;
    -webkit-box-lines: multiple;
	-webkit-flex-wrap:wrap;
}
.flex-justify-around{
	-webkit-justify-content:space-around;
	justify-content:space-around;
	-ms-flex-pack:justify;
	-webkit-box-pack:justify;
}
.flex-grow-1{
	-webkit-box-flex: 1.0;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}
.flex-grow-2{
	-webkit-box-flex: 2.0;
    -moz-flex-grow: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
}
.flex-grow-4{
	-webkit-box-flex: 4.0;
    -moz-flex-grow: 4;
    -webkit-flex-grow: 4;
    flex-grow: 4;
}

#popup-Box{
	position: fixed;
	top:0;
	left: 0;
	right:0;
	bottom:0;
	z-index: 200;
}
#popup-Box .popup-lid{
	position: absolute;
	top:0;
	left: 0;
	right:0;
	bottom:0;
	background: rgba(0,0,0,.5);
	z-index: 210;
}
#popup-Box .popup-con{
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background: #fff;
	width: 60%;
	z-index: 220;
}
.popup-con .popup-title{
	font-size: 1.7rem;
	color:#fff;
	line-height: 50px;
	padding:0 20px;
	background: #00BF9A;
	font-weight: bold;
}
.popup-con .popup-content{
	padding:20px;
	height: 500px;
}
.popup-con .popup-content table tbody{
    overflow: auto;
}
.close-Pop{
	cursor: pointer;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li.open>a{
	box-shadow:none;
	background:none;
	
}
.statusMsg{
	position:relative;
	padding:0 48px;	
}
.statusMsg::before{
	position:absolute;
	top:2px;
	left:12px;
	color:#000;
	font-size:2.7rem;
}
.statusMsg::after{
	content:"";
	width:1px;
	height:25px;
	border-left:1px solid #989898;
	position:absolute;
	top:28px;
	right:0;
}
.statusMsg a{
	padding:0 !important;
	vertical-align: middle !important;
}
.statusMsg a.login-area::before{
	display:none !important;
}
.statusMsg .new{
	position:absolute;
	right:15px;
	top:31px;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	background:#FF3939;
	border-radius:5px;
	color:#fff;
	font-size: 1.2rem;
}
#titleMsg li{
	font-size: 1.8rem;
}
.open.active>a{
	color:#fff !important;
}
.select2-container{z-index: 9999999;}
.btn_refresh{padding: 5px 10px;}
.btndisabled{
	background-color: #ccc!important;
    border-color: #ccc;
    pointer-events: none;
}
.notclick{
	color: #ccc!important;
	pointer-events: none;
}
.financeData{
	background: #01B08F;
	color:#fff;
	font-size: 1.7rem;
	font-weight: normal;
	width:100%;
	position:relative;
	margin-bottom:10px;
}
.financeData div{
	display: inline-block;
	border-right:1px solid #fff;
	height:100%;
	width: 7%;
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right;80%;
}
.financeData div span{
	text-align: center;
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}
.financeData ul{
	display: inline-block;
	line-height: 30px;
	padding:5px 0 5px 0;
}

.financeData ul li{
	display: inline-block;
	padding:0 12px
}
.dataTit{
	padding:0 11px;
	border-left:3px solid #00bf9a;
	font-size:1.6rem;
	margin-bottom:10px;
}

.btn-default{
	background-color: #fbfbfb;
   	border-color: #d5d5d5;
}
.btn.dropdown-toggle:not(:first-child), .btn-default.dropdown-toggle:not(:first-child){
	border-left-width:1px !important;
   	margin-left:0 !important;
}