body {background-color: #dc525a;font-family: Nunito,sans-serif;font-size:14px;height: 100%;position: relative;overflow: hidden;float: left;width: 100%;}
input[type="checkbox"]{width: 18px;height: 18px;margin: 0 2px;}
a:focus, a:hover {text-decoration: none;}
.tips-box{padding: 50px 15px 15px;float: left;width: 100%;height: 100%;overflow-y: scroll;}
.tips-header{text-align: center;}
.tips-body{background-color: #fff;border-radius: 5px;padding: 15px 15px 25px 15px;margin: 15px auto;/*max-width:860px;*/overflow: hidden;border: 1px solid #aaa;}
.tips-body h1{font-size: 1.6em;font-weight: 700;padding: 10px 0;}
.tips-body h1 label,.tips-body h1 span{display:block;}
.tips-body h1 label{padding:5px;}
.tips-body h1 span{font-size:14px;font-weight: 400;}
.tips-body h2{font-size: 1.25em;font-weight: 700;padding: 10px 0;}
.tips-body h3{font-size: 1.1em;font-weight: 700;padding: 10px 0;}
.btn{min-height: 68px;line-height: 56px;margin: 15px 0;font-size: 20px;border-radius: 0;}
.index-navbar{overflow: hidden;margin: 10px 0;}
.index-navbar a{padding: 24px 15px;border-width: 1px;border-style: solid;border-color: #ddd;text-align: center;font-size: 18px;line-height: 24px;position: relative;}
.index-navbar a p{margin: 0;}
.userinfo{list-style: none;padding: 15px 0;position: relative;}
	.userinfo li{padding:10px 0;}
	.userinfo label,.userinfo span{font-size: 16px;}
	.userinfo img{position: absolute;width: 108px;height: 108px;right: 10px;}
.navbar-box{overflow: hidden;padding: 0 15px;}
.hostel-list{list-style:none;padding: 15px 0;overflow: hidden;}
	.hostel-list li{float: left;font-size: 16px;text-align: center;overflow: hidden;padding:0 15px;}
		.hostel-list li a{display:inline-block;width:100%;}
			.hostel-list li a span{float:left;width:100%;font-size: 14px;line-height: 20px;}
			.hostel-list li a span.active{font-size: 20px;padding: 15px 0 5px 0;font-weight: 700;}
		.hostel-list li.header{text-align:left;width: 100%;font-weight: 700;}
.btn-upload{float: right;width: 84px;height: 48px;position: relative;margin: 5px 0 10px 0;border: 1px solid #ddd;border: 1px solid #4cae4c;color: #fff;background-color: #5cb85c;}
.btn-upload input[type='file']{width: 84px;height: 48px;position: absolute;left: 0;top: 0;opacity: 0;cursor: pointer;}
.btn-upload span{font-size: 18px;line-height: 48px;display: block;width: 100%;text-align: center;}
.btn-upload span i{margin-right: 8px;}
.arrears-list{list-style: none;padding: 15px;overflow: hidden;border-top: 1px solid #ddd;}
	.arrears-list li{float:left;width:100%;padding:5px 0;}
		.arrears-list li.header{font-size:18px;font-weight:700;}
		.arrears-list li label,.arrears-list li span{font-size: 16px;line-height: 24px;}
		.arrears-list li.manage{border-width: 0 0 1px 0;border-style: dotted;border-color: #ddd;padding: 10px 0;position: relative;}
			.arrears-list li.manage em{position: absolute;left: -15px;background-color: #1cb11c;color: #fff;width: 22px;height: 22px;line-height: 22px;text-align: center;border-radius: 50%;overflow: hidden;}
.wait{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 9998;}
	.wait .wait-box{float: left;width: 100%;height: 100%;position: relative;}
		.wait .wait-box .wait-back{width: 100%;height: 100%;background-color: #000;opacity: 0.55;}
		.wait .wait-box .wait-info{position: absolute;width: 100%;height: 100%;z-index: 9999;}
			.wait .wait-box .wait-info p{width: 100%;height: 84px;margin: 240px auto 0 auto;background-color: #fff;text-align: center;font-size: 24px;line-height: 82px;color: #666;}
				.wait .wait-box .wait-info p i{padding: 0 10px;}
.pay-list{overflow: hidden;padding: 0;}
	.pay-list .pay-btn{float: left;width: 33.33333333%;text-align: center;padding: 10px 5px !important;list-style: none;}
		.pay-list .pay-btn a{float: left;width: 100%;border: 1px solid #35880f;border-radius: 5px;font-weight: 400;text-decoration: none;display: inline-block;}
		.pay-list .pay-btn a .money{font-size: 24px;color: #35880f;margin: 15px 0 0 0;}
		.pay-list .pay-btn a .memo{font-size: 16px;color: #35880f;margin: 0 0 15px 0;}
.pay-form{float: left;width: 100%;padding: 15px 0;}
	.pay-form div{float: left;width: 100%;line-height: 36px;padding: 10px 0;font-size: 18px;position: relative;}
	.pay-form label{float: left;position: absolute;}
	.pay-form input[type='text']{float: left;border: none;outline: none;width: 100%;padding-left: 90px;}
.recharge-list,.recharge-page {float:left;width:100%;}
	.recharge-list ul{float: left;width: 100%;list-style: none;padding: 5px;border-width: 1px 1px 0px 1px;border-style: solid;border-color: #ddd;margin: 0;}
		.recharge-list ul:last-child{border-bottom-width: 1px !important;}
		.recharge-list ul li{min-height: 36px;line-height: 32px;font-size: 16px;word-wrap: break-word;align-content: center;border-width:0 0 0 1px;border-style: dotted;border-color: #eee;padding-left: 15px !important;}
			.recharge-list ul li:first-child{border-left-width: 0px;}
	/*.recharge-list ul.flex{display:flex;}*/
.recharge-page {padding:15px;text-align: center;}
	.recharge-page div{list-style: none;margin: 0;display: inline-block;}
		.recharge-page div a{float: left;width: 36px;height: 36px;text-align: center;line-height: 36px;border-width: 1px;border-style: solid;border-color: #337ab7;border-radius: 50%;margin: 5px;}
			/*
			.recharge-page div a:first-child{border-left-width: 1px !important;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
			.recharge-page div a:last-child{border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
			*/
			.recharge-page div a.active,.recharge-page div a:hover{background-color: #337ab7;color: #fff;}
			
.manage-btn-group{list-style: none;padding: 15px;float: left;width: 100%;overflow: hidden;}
	.manage-btn-group li{overflow: hidden;padding: 10px;}
		.manage-btn-group li a{float: left;width: 100%;text-align: center;height: 70px;position: relative;}
			.manage-btn-group li a i{font-size: 48px;position: absolute;left: 10px;top: 10px;color: #000;opacity: 0.25;}
			.manage-btn-group li a label{line-height: 70px;font-size: 16px;font-weight: 700;width: 100%;float: left;padding-left: 64px;text-align: left;}
			
.search-form{float:left;/*width:100%;*/position: relative;overflow: hidden;margin-bottom: 20px;}
	.search-form input[type='text'],.search-form select{border-radius: 0;height: 48px;}
	.search-form input[type='text']{padding-right:48px;}
	.search-form button{position: absolute;right: 15px;top: 0;width: 48px;height: 48px;z-index: 999;border-radius: 0;border: 1px solid #ccc;}
			
			.subsidy-form{list-style: none;width: 100%;float: left;padding: 15px 0;}
.subsidy-form li{padding:5px 0;height: 58px;line-height: 48px;}
	.subsidy-form li input,.subsidy-form li select{height:48px;border-radius: 0;}
		.subsidy-form li input[readonly]{background-color: #fff;}
		

.modal-body ol{padding: 10px 25px;font-size: 16px;line-height: 24px;}
.modal-body ul{padding: 10px 25px;font-size: 16px;line-height: 24px;list-style:none;}
	.modal-body ol li,.modal-body ul li{padding: 10px 0;}
		.modal-body ol li strong{color:red;padding:0 5px;}
.modal-body .form-list{list-style: none;padding: 15px;overflow: hidden;}
	.modal-body .form-list li{float: left;padding: 5px 0;position: relative;}
		.modal-body .form-list li label{position: absolute;left: 0;top: 5px;line-height: 46px;background: #fff;border: 1px solid #ccc;width: 84px;text-align: center;display: block;}
		.modal-body .form-list li input,.modal-body .form-list li select,.modal-body .form-list li .select2{height: 48px;border-radius: 0;padding-left: 90px;}
			.modal-body .form-list li input:focus{border-color: #ccc;-webkit-box-shadow: none;box-shadow: none;}
			
.leftfee{position: absolute;top: 24px;right: 5px;color: #35880f}
	.leftfee span{font-size: 16px;}
	.leftfee label{font-size: 28px;display: block;}
	
.table{font-size:16px;}
	.table span{margin: 5px 0;display: inline-block;}
	.table a{margin: 5px;display: inline-block;}

.error-info{display: block;width: 340px;padding: 15px;position: relative;margin: 0 auto;}
	.error-info .error-code{position: absolute;font-size: 70px;top: -5px;left: 15px;margin: 0;padding: 0;}
	.error-info .error-text{display: block;width: 100%;font-size: 16px;margin: 0;padding:5px 0 5px 140px;}

.form-input{display: block;outline: none;height: 48px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;border-width: 1px 1px 1px 0;border-color: #ccc;border-style: solid;border-radius: 0px;background-image: none;margin: 5px 0;-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.form-input:first-child{border-left-width:1px;}
.form-button{height: 48px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;border-width: 1px;border-style: solid;margin: 5px 0;}
.form-button.disabled, .form-button[disabled], fieldset[disabled] .form-button{pointer-events: none;cursor: not-allowed;filter: alpha(opacity=65);-webkit-box-shadow: none;box-shadow: none;opacity: .65;}	
@media (max-width: 992px) {
	.recharge-list ul.header{display:none;}
}
@media (min-width: 992px) {
	.recharge-list ul.flex{display:flex;}
}