@charset "UTF-8";

.page-pdt {
	padding-top: 1.12rem;
}

.page-pdb {
	padding-bottom: 1.36rem;
}

.full-page-fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.mask-layer {
	background-color: rgba(0, 0, 0, 0.6);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 999;
}

.color-gray {
	color: #888888 !important;
}

.color-blue {
	color: #18b4ed !important;
}

.color-red {
	color: #FF0000 !important;
}

.color-lightblack {
	color: #515151 !important;
}

.bg-lightgray {
	background: #eff3f4 !important;
	background-color: #eff3f4 !important;
}

.bg-lightwhite {
	background: #f8f9fa !important;
	background-color: #f8f9fa !important;
}

.bg-blue {
	background: #18b4ed !important;
	background-color: #18b4ed !important;
}

.bg-ligheblue {
	background: lightblue !important;
	background-color: lightblue !important;
}

.bg-powderblue {
	background: powderblue !important;
	background-color: powderblue !important;
}

.bg-gray-btn {
	background: #cdcdcd !important;
	background-color: #cdcdcd !important;
}

.height-auto {
	height: auto !important;
}

.width-full {
	width: 100% !important;
}

.display-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.flex-1 {
	-webkit-flex: 1;
	flex: 1;
}

.flex-wrap {
	flex-wrap: nowrap;
}

.mgt-45 {
	margin-top: 0.6rem !important;
}

.mgt-100 {
	margin-top: 1.3333333333rem !important;
}

.mgr-100 {
	margin-right: 1.3333333333rem !important;
}

.pdt-50 {
	padding-top: 0.6666666667rem !important;
}

.pdb-50 {
	padding-bottom: 0.6666666667rem !important;
}

.bdt-bg {
	border-top: 0.0266666667rem solid #eff3f4;
}

.w-btn,
.b-btn,
.btn-empty-gray,
.btn-full,
.btn-long {
	display: block;
	width: 8rem;
	height: 0.96rem;
	line-height: 0.96rem;
	background: #18b4ed;
	color: #ffffff;
	font-size: 0.4rem;
	text-align: center;
	border: none;
	outline: none;
	-webkit-border-radius: 0.1066666667rem;
	border-radius: 0.1066666667rem;
	margin: 0 auto;
}

.btn-full {
	width: 100%;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.b-btn:active,
.btn-full:active,
.btn-long:active {
	background-color: #00a5dd;
}

.w-btn,
.btn-empty-gray {
	border: 0.0266666667rem solid #bfbfbf;
	background: #ffffff;
	color: #3b3b3b;
}

.w-btn:active,
.btn-empty-gray:active {
	background-color: #f8f9fa;
}

.btn-small-empty-gray {
	display: inline-block;
	min-width: 1.0666666667rem;
	height: 0.5333333333rem;
	line-height: 0.5333333333rem;
	background: none;
	font-size: 0.32rem;
	color: #3b3b3b;
	border: 0.0266666667rem solid #bfbfbf;
	outline: none;
	-webkit-border-radius: 0.0666666667rem;
	border-radius: 0.0666666667rem;
	vertical-align: middle;
}

.btn-blue {
	display: inline-block;
	line-height: 0.6666666667rem;
	background: #18b4ed;
	color: #ffffff;
	font-size: 0.32rem;
	text-align: center;
	border: none;
	outline: none;
	-webkit-border-radius: 0.1066666667rem;
	border-radius: 0.1066666667rem;
	padding: 0 0.5em;
}

.btn-blue:disabled {
	background: gray;
}

.btn-blue.mid {
	width: 3.7333333333rem;
}

.slt {
	min-width: 2.6666666667rem;
	max-width: 4.6666666667rem;
	height: 0.8rem;
	line-height: 0.8rem;
	border: 0.0266666667rem solid #bfbfbf;
	-webkit-border-radius: 0.1333333333rem;
	border-radius: 0.1333333333rem;
}

.slt.height-50 {
	height: 0.6666666667rem;
	line-height: 0.6666666667rem;
	-webkit-border-radius: 0.1066666667rem;
	border-radius: 0.1066666667rem;
}

input::-webkit-input-placeholder {
	color: #888888;
}

.ipt-long {
	display: block;
	width: 8rem;
	height: 0.96rem;
	line-height: 0.96rem;
	font-size: 0.3733333333rem;
	border: 0.0266666667rem solid #bfbfbf;
	outline: none;
	-webkit-border-radius: 0.1066666667rem;
	border-radius: 0.1066666667rem;
	margin: 0 auto;
	padding-left: 0.5em;
}

.ipt-sml {
	width: 2.8rem;
	text-align: center;
	padding: 0.3em;
	border: 0.0266666667rem solid #ddd;
}

input[type="radio"],
input[type="checkbox"] {
	-webkit-appearance: none;
	appearance: none;
	display: inline-block;
	width: 0.4rem;
	height: 0.4rem;
	outline: none;
	position: relative;
	vertical-align: -0.08rem;
}

input[type="radio"]:before,
input[type="checkbox"]:before {
	content: '';
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 0.0266666667rem solid #9d9d9d;
	border-radius: 0.0666666667rem;
}

input[type="radio"]:before {
	-webkit-border-radius: 100%;
	border-radius: 100%;
}

input[type="radio"]:checked:before,
input[type="checkbox"]:checked:before {
	content: '';
	width: 100%;
	height: 100%;
	background: #18b4ed url(/nresource/images/checked.png) center no-repeat;
	-webkit-background-size: 0.24rem;
	background-size: 0.24rem;
	border: none;
}

input[type="radio"]:disabled:checked:before,input[type="checkbox"]:disabled:checked:before {
	background: gray url(/nresource/images/checked.png) center no-repeat;
}

input.icon-switch {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inline-block;
	width: 1.2rem;
	height: 0.2666666667rem;
	border: none;
	-webkit-border-radius: 0.1333333333rem;
	-moz-border-radius: 0.1333333333rem;
	border-radius: 0.1333333333rem;
	background: #d4d4d4;
	position: relative;
	margin-top: 0.4666666667rem;
}

input.icon-switch:before {
	content: '';
	position: absolute;
	left: 0;
	top: -0.1466666667rem;
	width: 0.56rem;
	height: 0.56rem;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: none;
	background: #839594;
	-webkit-transition: all 0.05s;
	-moz-transition: all 0.05s;
	-ms-transition: all 0.05s;
	-o-transition: all 0.05s;
	transition: all 0.05s;
}

input.icon-switch:checked:before {
	width: 0.56rem;
	height: 0.56rem;
	left: 0.64rem;
	background: #18b4ed;
}

.pos-main {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.page-head {
	width: 100%;
	height: 1.12rem;
	line-height: 1.12rem;
	background: #18b4ed;
	color: #ffffff;
	text-align: center;
	font-size: 0.4533333333rem;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
}

.page-head [class*="icon"] {
	display: inline-block;
	position: absolute;
	top: 0;
	width: 1.12rem;
	height: 100%;
}

.page-head .icon-list {
	right: 0;
	background: url(/nresource/images/icon-list.png) center no-repeat;
	-webkit-background-size: 0.48rem;
	background-size: 0.48rem;
}

.page-head .icon-list.active {
	background: url(/nresource/images/icon-list2.png) center no-repeat;
	-webkit-background-size: 0.48rem;
	background-size: 0.48rem;
}

.page-head .icon-prev {
	left: 0;
	background: url(/nresource/images/icon-prev.png) center no-repeat;
	-webkit-background-size: 0.24rem;
	background-size: 0.24rem;
}

.foot-nav {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	height: 1.36rem;
	border-top: 0.0266666667rem solid #eff3f4;
	background: #ffffff;
	text-align: center;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 99;
}

.foot-nav li {
	-webkit-flex: 1;
	flex: 1;
}

.foot-nav li a {
	display: inline-block;
	min-width: 0.5866666667rem;
	padding-top: 0.8rem;
	color: #3b3b3b;
	font-size: 0.4rem;
}

.foot-nav li a.on {
	color: #18b4ed;
}

.foot-nav li .icon-edit {
	background: url(/nresource/images/icon-edit.png) center 0.16rem no-repeat;
	-webkit-background-size: 0.52rem;
	background-size: 0.52rem;
}

.foot-nav li .icon-edit.on {
	background-image: url(/nresource/images/icon-edit-blue.png);
}

.foot-nav li .icon-task {
	background: url(/nresource/images/icon-log.png) center 0.1866666667rem no-repeat;
	-webkit-background-size: 0.4533333333rem 0.5066666667rem;
	background-size: 0.4533333333rem 0.5066666667rem;
}

.foot-nav li .icon-task.on {
	background-image: url(/nresource/images/icon-log-blue.png);
}

.foot-nav li .icon-mine {
	background: url(/nresource/images/icon-mine.png) center 0.1866666667rem no-repeat;
	-webkit-background-size: 0.5066666667rem;
	background-size: 0.5066666667rem;
}

.foot-nav li .icon-mine.on {
	background-image: url(/nresource/images/icon-mine-blue.png);
}

.fixed-foot {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 99;
}

.layer-warn {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 100;
	background: rgba(0, 0, 0, 0.4);
}

.layer-warn .warn-box {
	width: 80%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -60%);
	transform: translate(-50%, -60%);
	padding-top: 1.0666666667rem;
	font-size: 0.4rem;
	line-height: 1.8;
	text-align: center;
	background: #ffffff;
	-webkit-border-radius: 0.1333333333rem;
	border-radius: 0.1333333333rem;
}

.layer-warn .warn-box:before {
	content: '';
	display: block;
	width: 100%;
	height: 2.6666666667rem;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transform: translateY(-1.8666666667rem);
	transform: translateY(-1.8666666667rem);
	background: url(/nresource/images/icon-bell.png) center top no-repeat;
	-webkit-background-size: 2.4666666667rem;
	background-size: 2.4666666667rem;
}

.layer-warn .warn-box.no-icon:before {
	display: none;
}

.layer-warn .warn-box header {
	height: 1.0666666667rem;
	line-height: 1.0666666667rem;
	font-size: 0.4266666667rem;
	border-bottom: 0.0266666667rem solid #dadada;
	overflow: hidden;
	margin: -1.0666666667rem 0 0.2666666667rem;
}

.layer-warn .warn-box p {
	padding: 0 1rem;
}

.layer-warn .warn-box .btn-full {
	margin-top: 0.3333333333rem;
	-webkit-border-radius: 0 0 0.1333333333rem 0.1333333333rem;
	border-radius: 0 0 0.1333333333rem 0.1333333333rem;
}

.layer-success .warn-box:before {
	content: '';
	display: block;
	width: 100%;
	height: 2.6666666667rem;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transform: translateY(-1.8666666667rem);
	transform: translateY(-1.8666666667rem);
	background: url(/nresource/images/icon-success.png) center top no-repeat;
	-webkit-background-size: 2.4666666667rem;
	background-size: 2.4666666667rem;
}

.layer-wrong .warn-box:before {
	content: '';
	display: block;
	width: 100%;
	height: 2.6666666667rem;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transform: translateY(-1.8666666667rem);
	transform: translateY(-1.8666666667rem);
	background: url(/nresource/images/icon-wrong.png) center top no-repeat;
	-webkit-background-size: 2.4666666667rem;
	background-size: 2.4666666667rem;
}

.layer-btn-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	margin-top: 0.3333333333rem;
	-webkit-border-radius: 0 0 0.1333333333rem 0.1333333333rem;
	border-radius: 0 0 0.1333333333rem 0.1333333333rem;
	overflow: hidden;
}

.layer-btn-box button {
	-webkit-flex: 1;
	flex: 1;
	height: 0.96rem;
	line-height: 0.96rem;
	background: #18b4ed;
	color: #ffffff;
	font-size: 0.4rem;
	text-align: center;
	border: none;
	outline: none;
}

.pub-tab {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	width: 80%;
	margin: 0.3733333333rem auto;
	height: 1.0666666667rem;
	line-height: 1.0666666667rem;
	font-size: 0.4rem;
	color: #18b4ed;
	text-align: center;
	background: #ffffff;
	-webkit-border-radius: 0.1333333333rem;
	border-radius: 0.1333333333rem;
	overflow: hidden;
}

.pub-tab li {
	-webkit-flex: 1;
	flex: 1;
}

.pub-tab li.on {
	background: #18b4ed;
	color: #ffffff;
}

.pub-tab li+li {
	border-left: 0.0266666667rem solid #eff3f4;
}

.pub-tab-wrap {
	border-top: 0.0266666667rem solid #dddddd;
	border-bottom: 0.0266666667rem solid #dddddd;
}

.user-pos {
	height: 1.8666666667rem;
	line-height: 1.8666666667rem;
	padding: 0 0.5333333333rem;
	background: #ffffff;
	font-size: 0.32rem;
	position: relative;
}

.user-pos img {
	width: 1.2rem;
	margin-right: 0.1333333333rem;
	vertical-align: middle;
}

.user-pos .ipt-search {
	float: right;
	margin-top: 0.56rem;
}

.user-pos section p {
	width: 5rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ipt-search-full,
.ipt-search {
	display: inline-block;
	width: 5.4133333333rem;
	height: 0.8rem;
	position: relative;
}

.ipt-search-full input,
.ipt-search input {
	width: 100%;
	height: 100%;
	border: 0.0266666667rem solid #bfbfbf;
	-webkit-border-radius: 0.1333333333rem;
	border-radius: 0.1333333333rem;
	padding-left: 0.5em;
	padding-right: 0.8rem;
	position: absolute;
}

.ipt-search-full i,
.ipt-search i {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 0.8rem;
	height: 100%;
	background: url(/nresource/images/icon-search.png) center no-repeat;
	-webkit-background-size: 0.48rem;
	background-size: 0.48rem;
}

.ipt-search-full {
	display: block;
	width: auto;
	margin: 0.3733333333rem 0.5333333333rem;
}

.func-grid li {
	float: left;
	width: 33.33%;
	height: 2.5066666667rem;
	text-align: center;
	border-right: 0.0266666667rem solid #eff3f4;
	border-bottom: 0.0266666667rem solid #eff3f4;
}

.func-grid li:nth-of-type(3n) {
	border-right: none;
}

.func-grid li a {
	display: inline-block;
	min-width: 1.4666666667rem;
	padding-top: 1.7866666667rem;
	-webkit-background-size: 1.3333333333rem;
	background-size: 1.3333333333rem;
	font-size: 0.4rem;
}

.func-grid-top li {
	float: left;
	width: 25%;
	height: 2.5066666667rem;
	text-align: center;
	border-right: 0.0266666667rem solid #eff3f4;
	border-bottom: 0.0266666667rem solid #eff3f4;
}

.func-grid-top li:nth-of-type(4n) {
	border-right: none;
}

.func-grid-top li a {
	display: inline-block;
	min-width: 1.4666666667rem;
	padding-top: 1.7866666667rem;
	-webkit-background-size: 1.3333333333rem;
	background-size: 1.3333333333rem;
	font-size: 0.4rem;
}

/*.user-info {
	background: url(../images/icon1.png) center 0.32rem no-repeat;
}

.bsn-msg {
	background: url(../images/icon2.png) center 0.32rem no-repeat;
}

.pay-history {
	background: url(../images/icon3.png) center 0.32rem no-repeat;
}

.work-log {
	background: url(../images/icon4.png) center 0.32rem no-repeat;
}

.recharge-pay {
	background: url(../images/icon5.png) center 0.32rem no-repeat;
}

.bsn-subscribe {
	background: url(../images/icon6.png) center 0.32rem no-repeat;
}

.equip-change {
	background: url(../images/icon7.png) center 0.32rem no-repeat;
}

.fusion-bsn {
	background: url(../images/icon8.png) center 0.32rem no-repeat;
}

.customize-cost {
	background: url(../images/icon9.png) center 0.32rem no-repeat;
}

.open-account {
	background: url(../images/icon10.png) center 0.32rem no-repeat;
}

.main-prod {
	background: url(../images/icon11.png) center 0.32rem no-repeat;
}

.re-authorize {
	background: url(../images/icon12.png) center 0.32rem no-repeat;
}

.refresh-auth {
	background: url(../images/icon13.png) center 0.32rem no-repeat;
}

.user-data {
	background: url(../images/icon14.png) center 0.32rem no-repeat;
}

.deposit-pay {
	background: url(../images/icon15.png) center 0.32rem no-repeat;
}

.once-cost {
	background: url(../images/icon16.png) center 0.32rem no-repeat;
}

.em-warrant {
	background: url(../images/icon17.png) center 0.32rem no-repeat;
}

.busi-handing {
	background: url(../images/icon18.png) center 0.32rem no-repeat;
}

.package-cancel {
	background: url(../images/icon26.png) center 0.32rem no-repeat;
}

.main-exchange {
	background: url(../images/icon27.png) center 0.32rem no-repeat;
}*/

.icon1 {
	background: url(/nresource/images/icon1.png) center 0.32rem no-repeat;
}

.icon2 {
	background: url(/nresource/images/icon2.png) center 0.32rem no-repeat;
}

.icon3 {
	background: url(/nresource/images/icon3.png) center 0.32rem no-repeat;
}

.icon4 {
	background: url(/nresource/images/icon4.png) center 0.32rem no-repeat;
}

.icon5 {
	background: url(/nresource/images/icon5.png) center 0.32rem no-repeat;
}

.icon6 {
	background: url(/nresource/images/icon6.png) center 0.32rem no-repeat;
}

.icon7 {
	background: url(/nresource/images/icon7.png) center 0.32rem no-repeat;
}

.icon8 {
	background: url(/nresource/images/icon8.png) center 0.32rem no-repeat;
}

.icon9 {
	background: url(/nresource/images/icon9.png) center 0.32rem no-repeat;
}

.icon10 {
	background: url(/nresource/images/icon10.png) center 0.32rem no-repeat;
}

.icon11 {
	background: url(/nresource/images/icon11.png) center 0.32rem no-repeat;
}

.icon12 {
	background: url(/nresource/images/icon12.png) center 0.32rem no-repeat;
}

.icon13 {
	background: url(/nresource/images/icon13.png) center 0.32rem no-repeat;
}

.icon14 {
	background: url(/nresource/images/icon14.png) center 0.32rem no-repeat;
}

.icon15 {
	background: url(/nresource/images/icon15.png) center 0.32rem no-repeat;
}

.icon16 {
	background: url(/nresource/images/icon16.png) center 0.32rem no-repeat;
}

.icon17 {
	background: url(/nresource/images/icon17.png) center 0.32rem no-repeat;
}

.icon18 {
	background: url(/nresource/images/icon18.png) center 0.32rem no-repeat;
}

.icon26 {
	background: url(/nresource/images/icon26.png) center 0.32rem no-repeat;
}

.icon27 {
	background: url(/nresource/images/icon27.png) center 0.32rem no-repeat;
}

.icon19 {
	background: url(/nresource/images/icon19.png) center 0.32rem no-repeat;
}

.icon20 {
	background: url(/nresource/images/icon20.png) center 0.32rem no-repeat;
}

.icon21 {
	background: url(/nresource/images/icon21.png) center 0.32rem no-repeat;
}

.layout-title-list>dd,
.layout-list>li,
.discolor-list>li {
	width: 100%;
	height: 1.2rem;
	line-height: 1.2rem;
	padding: 0 0.5333333333rem;
	position: relative;
	background-color: #ffffff;
}

.discolor-list>li:nth-of-type(2n) {
	background-color: #f8f9fa;
}

.layout-title-list>dd,
.layout-list>li {
	border-bottom: 0.0266666667rem solid #eff3f4;
}

.layout-title-list>dt {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	line-height: 0.8rem;
	padding: 0.2rem 0.5333333333rem;
	position: relative;
	background-color: #eff3f4;
}

.layout-title-list.up {
	height: 1.2rem;
	overflow: hidden;
}

.layout-title-list.all>dd,
.lh-auto-list>li {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	height: auto;
	line-height: 0.8rem;
	padding: 0.2rem 0.5333333333rem;
}

.lh-auto-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	height: auto !important;
	line-height: 0.8rem !important;
	padding: 0.2rem 0.5333333333rem !important;
}

.icon-up,
.icon-next {
	float: right;
	display: inline-block;
	width: 0.6rem;
	height: 100%;
	min-height: 0.8rem;
	background: url(/nresource/images/icon-next.png) right center no-repeat;
	-webkit-background-size: 0.1733333333rem;
	background-size: 0.1733333333rem;
}

.lh-auto-list .icon-scan,
.lh-auto-item .icon-scan,
.layout-title-list dt .icon-scan,
.layout-title-list.all .icon-scan,
.lh-auto-item .icon-next,
.layout-title-list dt .icon-next {
	height: 0.8rem;
}

.icon-up {
	background-position: center center;
	-webkit-transform: translateX(10px) rotate(-90deg);
	transform: translateX(10px) rotate(-90deg);
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
}

.icon-up.down {
	-webkit-transform: translateX(10px) rotate(90deg);
	transform: translateX(10px) rotate(90deg);
}

.icon-scan {
	display: inline-block;
	width: 0.6rem;
	height: 100%;
	background: url(/nresource/images/icon-scan.png) right center no-repeat;
	-webkit-background-size: 0.4rem;
	background-size: 0.4rem;
}

.func-list li span {
	display: inline-block;
	padding-left: 1.04rem;
	-webkit-background-size: 0.8rem;
	background-size: 0.8rem;
	background-position: 0 center;
}

.user-pos-slt {
	height: 1.3333333333rem;
	line-height: 1.3333333333rem;
}

.user-pos-slt .ipt-search {
	width: 5.9333333333rem;
	margin-top: 0.2666666667rem;
}

.payment-ipt-list input[type="tel"],
.payment-ipt-list input[type="text"],
.payment-ipt-list input[type="number"] {
	height: 100%;
	border: none;
	background: none;
}

.payment-ipt-list input[type="date"] {
	height: 1.2rem;
	border: none;
	background: none;
}

.payment-check {
	height: 1.3333333333rem !important;
	line-height: 1.3333333333rem !important;
}

.payway-choose {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
}

.payway-choose span {
	display: inline-block;
	width: 3.7333333333rem;
	height: 2.9333333333rem;
	-webkit-background-size: auto 1.5466666667rem;
	background-size: auto 1.5466666667rem;
}

.payway-choose span.on {
	background-color: transparent;
	border: 0.0533333333rem solid #18b4ed;
}

.wechat-pay {
	background: #ffffff url(/nresource/images/wechat-pay.png) center no-repeat;
}

.alipay {
	background: #ffffff url(/nresource/images/alipay.png) center no-repeat;
}

.cash {
	background: #ffffff url(/nresource/images/cash.png) center no-repeat;
}

.user-list-head {
	padding: 0 0.5333333333rem;
}

.user-list-head p {
	line-height: 1rem;
}

.user-list-head img {
	width: 0.5866666667rem;
	margin-right: 0.4rem;
	vertical-align: -0.16rem;
}

.user-list-head img+span {
	margin-right: 1.0666666667rem;
}

.recharge-list {
	padding: 0.5333333333rem 0 0.2666666667rem 0;
	color: #18b4ed;
	text-align: center;
	font-size: 0.3733333333rem;
}

.recharge-list li {
	float: left;
	width: 2.8rem;
	height: 0.96rem;
	line-height: 0.96rem;
	border: 0.0266666667rem solid #18b4ed;
	-webkit-border-radius: 0.0666666667rem;
	border-radius: 0.0666666667rem;
	margin-right: 0.24rem;
	margin-bottom: 0.24rem;
}

.recharge-list li:nth-of-type(3n) {
	margin-right: 0;
}

.recharge-list li.on {
	background: #18b4ed;
	color: #ffffff;
}

.month-choose {
	height: 1.2rem;
	line-height: 1.2rem;
	padding-left: 0.3333333333rem;
	background: #ffffff;
	position: relative;
}

.month-choose>span {
	float: left;
	height: 0.8666666667rem;
	line-height: 0.8666666667rem;
	padding: 0 0.2rem;
	margin-top: 0.16rem;
	border-bottom: 0.0266666667rem solid transparent;
}

.month-choose>span.on {
	color: #18b4ed;
	border-color: #18b4ed;
}

.month-choose .scroll-tab {
	margin-left: 1.2rem;
}

.scroll-tab {
	height: 1.2rem;
	line-height: 1.2rem;
	white-space: nowrap;
	text-align: center;
	font-size: 0;
	background: #ffffff;
	overflow: auto;
}

.scroll-tab li {
	display: inline-block;
	height: 100%;
	width: 1.3333333333rem;
	font-size: 0.3733333333rem;
}

.scroll-tab li span {
	display: inline-block;
	line-height: 0.8666666667rem;
	padding: 0 0.2rem;
	border-bottom: 0.0266666667rem solid transparent;
}

.scroll-tab li span.on {
	color: #18b4ed;
	border-color: #18b4ed;
}


/*地址选择弹层*/

.mask-box {
	position: absolute;
	background: #ffffff;
}

.mask-box.bottom {
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60%;
}

.mask-box>.title {
	height: 1.0666666667rem;
	line-height: 1.0666666667rem;
}

.chosen-list {
	width: 100%;
	border-top: 0.0266666667rem solid #eeeeee;
	border-bottom: 0.0266666667rem solid #eeeeee;
	line-height: 0.8rem;
	height: 0.9066666667rem;
	padding: 0 0.5333333333rem;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	font-size: 0;
}

.chosen-list li {
	display: inline-block;
	font-size: 0.3733333333rem;
	max-width: 6em;
	overflow: hidden;
	text-overflow: ellipsis;
}

.chosen-list li.hide {
	display: none;
}

.chosen-list li.on {
	border-bottom: 0.0533333333rem solid #18b4ed;
	color: #18b4ed;
}

.area-list {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0.2rem;
	top: 2.1333333333rem;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.adr-list {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.adr-list>li {
	height: 0.8rem;
	line-height: 0.8rem;
	padding: 0 0.5333333333rem;
	overflow: auto;
	white-space: nowrap;
}

.adr-list>li:active,
.adr-list>li.on {
	color: #18b4ed;
}


/*33任务*/

.work-overview {
	justify-content: space-between;
}

.work-overview li {
	display: inline-block;
	width: 4.4rem;
	height: 2.1333333333rem;
	line-height: 2.1333333333rem;
	-webkit-border-radius: 0.2666666667rem;
	-moz-border-radius: 0.2666666667rem;
	border-radius: 0.2666666667rem;
	background: #ffffff;
	text-align: center;
	position: relative;
}

.icon-dir,
.icon-clock {
	display: inline-block;
	padding-left: 0.7333333333rem;
	background: url(/nresource/images/icon-clock.png) left center no-repeat;
	-webkit-background-size: 0.5066666667rem;
	background-size: 0.5066666667rem;
}

.icon-dir {
	background-image: url(/nresource/images/icon-dir.png);
}

.mark-red {
	display: inline-block;
	background: #df2c2c;
	color: #ffffff;
	font-size: 0.32rem;
	line-height: 1;
	padding: 0.2em 0.4em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
}

.work-overview .mark-red {
	position: absolute;
	top: 0.2666666667rem;
	right: 0.2666666667rem;
}

.work-chart {
	padding-bottom: 0.4rem;
}

.work-chart .swiper-slide {
	height: 6rem;
}


/*首页*/

.muse-box {
	position: fixed;
	top: 1.12rem;
	right: 0.2666666667rem;
	z-index: 999;
	max-width: 8rem;
	max-height: 10rem;
	text-align: left;
	border: 0.0266666667rem solid #ddd;
	-webkit-border-radius: 0.2666666667rem;
	-moz-border-radius: 0.2666666667rem;
	border-radius: 0.2666666667rem;
	overflow: auto;
	-webkit-box-shadow: 0 0 0.2rem 0.0666666667rem #ddd;
	-moz-box-shadow: 0 0 0.2rem 0.0666666667rem #ddd;
	box-shadow: 0 0 0.2rem 0.0666666667rem #ddd;
	opacity: 0;
	-webkit-transform-origin: top right;
	-moz-transform-origin: top right;
	-ms-transform-origin: top right;
	-o-transform-origin: top right;
	transform-origin: top right;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all linear 0.15s;
	-moz-transition: all linear 0.15s;
	-ms-transition: all linear 0.15s;
	-o-transition: all linear 0.15s;
	transition: all linear 0.15s;
}

.muse-box.show {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.muse-box .discolor-list li {
	height: 1.0666666667rem;
	line-height: 1.0666666667rem;
	padding: 0 0.2666666667rem;
}

.muse-box .discolor-list li span {
	padding-left: 0.8666666667rem;
	-webkit-background-size: 0.6666666667rem;
	background-size: 0.6666666667rem;
}

.muse-box .icon-next {
	width: 0.8rem;
}

.stop-layer {
	position: fixed;
	top: 1.12rem;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 900;
}


/*网格任务*/

.task-title {
	height: 1.0666666667rem;
	line-height: 1.0666666667rem;
}

.task-pic img {
	width: 100%;
}

.task-pic figcaption {
	font-size: 0.32rem;
	padding: 0.2666666667rem 0;
	text-align: justify;
}

.task-grid {
	justify-content: space-between;
	flex-wrap: wrap;
}

.task-grid li {
	background: #ffffff;
	width: 4.4rem;
	height: 2.16rem;
	line-height: 2.16rem;
	-webkit-border-radius: 0.0666666667rem;
	-moz-border-radius: 0.0666666667rem;
	border-radius: 0.0666666667rem;
	margin-bottom: 0.4rem;
}

.task-grid img {
	vertical-align: middle;
	width: 1.0666666667rem;
	margin: 0 0.4rem 0 0.6666666667rem;
}


/*XXX小区*/

.housing-user>li {
	padding: 0.3333333333rem 0.3333333333rem 0;
	background: #ffffff;
	-webkit-border-radius: 0.0666666667rem;
	-moz-border-radius: 0.0666666667rem;
	border-radius: 0.0666666667rem;
	margin-bottom: 0.2666666667rem;
}

.housing-user .pub-row {
	padding: 0.4rem 0;
	text-align: center;
}

.housing-user .pub-row li {
	height: 0.8rem;
	line-height: 0.8rem;
}

.housing-user .pub-row li:first-child {
	border-right: 0.0266666667rem solid #eff3f4;
}

.housing-user .ico-pass,
.housing-user .ico-all {
	display: inline-block;
	vertical-align: top;
	width: 0.8rem;
	height: 100%;
	background: url(/nresource/images/icon25.png) left center no-repeat;
	-webkit-background-size: 0.72rem 0.7466666667rem;
	background-size: 0.72rem 0.7466666667rem;
}

.housing-user .ico-pass {
	background-image: url(/nresource/images/icon24.png);
}

.mark-title {
	line-height: 1;
	padding-left: 0.1733333333rem;
	border-left: 0.08rem solid #18b4ed;
}

.user-list-fn {
	height: 0 !important;
	-webkit-transition: height 0.2s linear;
	-moz-transition: height 0.2s linear;
	-ms-transition: height 0.2s linear;
	-o-transition: height 0.2s linear;
	transition: height 0.2s linear;
}

.user-list-fn.show {
	height: 1.2rem !important;
}


/*# sourceMappingURL=app.css.map */


/*任务管理网格视图*/

.task-view {
	display: flex;
	align-items: Center;
	width: 100%;
	height: 1rem;
	background: inherit;
	box-sizing: border-box;
	border-width: 0.1rem;
	border-color: #eff3f4;
	border-bottom-style: solid;
	border-top-style: solid;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-align: left;
	vertical-align: middle;
}



#compTask {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.compTaskDet {
	display: flex;
	vertical-align: middle;
	margin-left: 1rem;
}

.compTaskDet font {
	text-align: center;
}

.compTaskPro {
	width: 50%;
	height: 0.5rem;
}

.taskNmae {
	font-size: 0.35rem;
	height: 0.9rem;
	line-height: 0.9rem;
}

.taskTab {
	display: table;
	width: 100%;
	height: 100%;
	text-align: center;
}

.taskTabCell {
	display: table-cell;
	vertical-align: middle;
}

#compTask li {
	height: 1.5rem;
}

.compTaskDiv {
	display: flex;
	align-items: center;
	height: 100%;
}

.compTaskNameDiv {
	width: 30%;
	font-size: 0.35rem;
	padding-left: 0.6rem;
}

/*.percent{
	padding-left: 5%;
}*/
.compPercentDiv {
	width: 70%;
	height: 100%;
	display: flex;
	align-items: center;
}

.gridView {
	width: 100%;
	height: 100%;
	display: flex;
}

.gridViewDet {
	width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
}

.gridViewName {
	width: 100%;
	text-align: center;
	font-size: 0.4rem;
	border-style: solid;
	border-color: #18b4ed;
	color: #18b4ed;
	border-width: 0.03rem;
	border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
	height: 70%;
	margin-left: 0.35rem;
	margin-right: 0.35rem;
	padding-top: 0.12rem;
}

.gridTitle {
	height: 100%;
	display: flex;
	align-items: center;
}

.gridTitle h3 {
	margin-left: 0.2rem;
}

#gridView li {
	height: 1.5rem;
}

.gridViewDet {
	display: flex;
	vertical-align: middle;
	font-size: 0.4rem;
}

.gridView a {
	font-size: 0.4rem;
	text-decoration: underline
}

.taskTable td {
	padding: 0.3rem;
}

.taskTableTdHead {
	color: #999999;
	word-break: keep-all;
}

.taskDetil {
	border-width: 0.02rem;
	border-style: solid;
	border-color: rgba(235, 235, 235, 1);
	border-radius: 0.2rem;
	margin: 0.2rem;
	padding: 0.2rem;
}

.taskDetilTab td {
	padding: 0.2rem;
	margin: 0.2rem;
}

.taskDetilTab th {
	padding: 0.2rem;
	color: #FF9966;
}

.taskDetilTab thead {
	border-bottom: 0.012rem;
	border-bottom-style: solid;
	border-color: rgba(235, 235, 235, 1);
	border-top: 0.012rem;
	border-top-style: solid;
}

.detilGridTab th {
	padding: 0.2rem;
	color: #FF9966;
}

.detilGridTab thead {
	border-bottom: 0.012rem;
	border-bottom-style: solid;
	border-color: rgba(235, 235, 235, 1);
	border-top: 0.012rem;
	border-top-style: solid;
}

.detilGridTab td {
	padding: 0.1rem;
	margin: 0.1rem;
}

.tb-color {
	color: #FF9966;
}

.taskTitke {
	text-align: center;
}

.taskViewDiv {
	width: 50%;
	height: 100%;
}

.taskViewEch {
	width: 100%;
	height: 3rem;
}

.echBorder {
	height: 70%;
	border-left-style: solid;
	border-width: 0.1px;
	border-color: #eff3f4;
}

.taskViewTitle {
	text-align: center;
	font-size: 0.35rem;
	/* font-weight: 600;*/
	margin-top: 0.4rem;
	margin-bottom: 0.2rem;
}

.taskViews {
	display: flex;
	height: 100%;
	align-items: center;
}

.disabled {
	color: gray !important;
	border-color: gray !important;
}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.wd-9 {
	width: 0.9rem !important;
}

.panel .panel-title {
	font-size: .24rem;
	padding: 0.2rem;
	line-height: .48rem;
}

.panel .panel-title:before {
	margin: -.03rem .2rem 0 0;
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: .06rem;
	height: .24rem;
	border-radius: .06rem;
	background: #17b4ec;
}

.table-view table thead th {
	background-color: powderblue;
	height: 1rem;
	text-align: center;
}

.table-view table tbody tr td {
	height: .8rem;
	text-align: center;
	background-color: white;
}

.table-view table tbody tr td:eq(0) {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


.col-1 {
	width: 8.33333333%;
}

.col-2 {
	width: 16.66666667%;
}

.col-3 {
	width: 25%;
}

.col-4 {
	width: 33.33333333%;
}

.col-5 {
	width: 41.66666667%;
}

.col-6 {
	width: 50%;
}

.col-7 {
	width: 58.33333333%;
}

.col-8 {
	width: 66.66666667%;
}

.col-9 {
	width: 75%;
}

.col-10 {
	width: 83.33333333%;
}

.col-11 {
	width: 91.66666667%;
}

.col-12 {
	width: 100%;
}

[class*="col-"] {
	float: left;
}

.grid-detial .item {
	padding: .1rem;
}

.grid-detial .item .detail {
	border: 1px solid powderblue;
	border-radius: .08rem;
	padding: .3rem;
}

.grid-detial {
	*zoom: 1;
}

.grid-detial:after {
	content: '';
	display: block;
	clear: both;
	height: 0px;
}

.fw-normal {
	font-weight: normal;
}

.fl-l {
	float: left;
}

.parent {
	*zoom: 1;
}

.parent:after {
	content: '';
	display: block;
	clear: both;
	height: 0px;
}

/*图标**/
.iconoo-pin:before {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/**
 * Pin、
 * 需要调整尺寸的时候只需要设置font-size即可等比缩放
 * 主控参数默认值 font-size: $U20;
 * $strokeSize，笔触大小，也就是图标的线宽
 */
.iconoo-pin {
	width: .3rem;
	height: .3rem;
	border: .02rem solid;
	border-radius: 50% 50% 50% 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.iconoo-cross,
.iconoo-crossCircle {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

class*="iconoo-plus"],
[class*="iconoo-cross"] {
	width: 1.5em;
	height: 1.5em;
}

[class*="iconoo-plus"]:before,
[class*="iconoo-plus"]:after,
[class*="iconoo-cross"]:before,
[class*="iconoo-cross"]:after {
	-webkit-box-shadow: inset 0 0 0 1em;
	box-shadow: inset 0 0 0 1em;
}

[class*="iconoo-plus"]:before,
[class*="iconoo-cross"]:before {
	width: 1em;
	height: 2px;
}

[class*="iconoo-plus"]:after,
[class*="iconoo-cross"]:after {
	height: 1em;
	width: 2px;
}

[class*="iconoo-plus"][class*="Circle"]:before,
[class*="iconoo-cross"][class*="Circle"]:before {
	width: 0.9em;
}

[class*="iconoo-plus"][class*="Circle"]:after,
[class*="iconoo-cross"][class*="Circle"]:after {
	height: 0.9em;
}

[class*="iconoo-plus"]:before,
[class*="iconoo-plus"]:after,
[class*="iconoo-cross"]:before,
[class*="iconoo-cross"]:after {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

[class*="iconoo-"][class*="Circle"] {
	-webkit-box-shadow: 0 0 0 2px;
	box-shadow: 0 0 0 2px;
	border-radius: 50%;
	width: 1.5em;
	height: 1.5em;
	margin: 0;
}

.iconoo-pin:before {
	position: absolute;
	width: 0.1rem;
	height: 0.1rem;
	border: .02rem solid;
	border-radius: 50%;
}

[class*="iconoo-"] {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	color: #18b4ed;
	font-size: 0.26667rem;
	font-style: normal;
	text-align: left;
	text-indent: -100rem;
	direction: ltr;
	margin-right: .05rem;
	margin-top: -.1rem;
}

[class*="iconoo-"]:before,
[class*="iconoo-"]:after {
	content: '';
	pointer-events: none;
}

/*[class*="iconoo-"][class*="Circle"] {
    -webkit-box-shadow: 0 0 0 .02rem;
    box-shadow: 0 0 0 .02rem;
    border-radius: 50%;
    width: .4rem;
    height: .4rem;
    margin: 0; 
}*/
[class*="iconoo-"][class*="Square"] {
	-webkit-box-shadow: 0 0 0 .02rem;
	box-shadow: 0 0 0 .02rem;
	border-radius: .04rem;
	width: .4rem;
	height: .4rem;
	margin: 0;
}

[class*="iconoo-"],
[class*="iconoo-"] * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#unselectedUser li img,
#selectedUser li img {
	width: .8rem;
	height: .8rem;
	vertical-align: middle;
}

.home-title {
	padding-left: .1rem;
	padding-right: .2rem;
}

.main-func-grid-1 li {
	float: left;
	width: 100%;
	height: 2rem;
	margin-top: .15rem;
}

.main-func-grid-2 li img,
.main-func-grid-1 li img {
	width: 1.2rem;
	height: 1.2rem;
	vertical-align: middle;
}

.main-func-grid-2 li {
	float: left;
	width: 50%;
	height: 1.4rem;
	color: #515151;
	margin-top: .15rem;
}

.main-func-grid-2 li:nth-child(odd) {
	padding-left: .5rem;
}

.main-func-grid-2 li:nth-child(even) {
	padding-right: .5rem
}

/*.main-func-grid-2 li{
	float: left;
	width: 50%;
	height: 2.5rem;
	text-align: center;
	margin-top: .15rem;
}
.main-func-grid-2 li:nth-child(even){
	padding-right: .15rem
}
.main-func-grid-2 li:nth-child(odd){
	padding-left: .15rem
}
.main-func-grid-2 li a{
	height: 2.5rem;
    width: 100%;
    background-size: 1.2rem;
    font-size: .4rem;
    display: inline-block;
    padding-top: 1.8rem;
    font-weight: bold;
}*/

.main-func-grid-3 li {
	float: left;
	width: 33.33%;
	height: 2.5rem;
	text-align: center;
	margin-top: .15rem;
}

.main-func-grid-3 li:nth-child(3n+1) {
	padding-right: .15rem
}

.main-func-grid-3 li:nth-child(3n+3) {
	padding-left: .15rem
}

.main-func-grid-3 li a {
	height: 2.5rem;
	width: 100%;
	background-size: 1.2rem;
	font-size: .4rem;
	display: inline-block;
	padding-top: 1.8rem;
	/*font-weight: bold;*/
}

/*.main-func-grid-3 li:nth-child(3n+1) div{
	background-color: #d2d6f8;
}
.main-func-grid-3 li:nth-child(3n+2) div{
	background-color: #ece6e6;
}
.main-func-grid-3 li:nth-child(3n+3) div{
	background-color: #d2eaee;
}
.main-func-grid-1 li:nth-child(odd) .item{
	background-color: #d7e1e2;
}
.main-func-grid-1 li:nth-child(even) .item{
	background-color: #ded7da;
}
.main-func-grid-2 li .item{
	background-color: #dde8fa;
}
.main-func-grid-2 li:nth-child(4n) .item{
	background-color: #fae3ef !important;
}
.main-func-grid-2 li:nth-child(4n+1) .item{
	background-color: #fae3ef !important;
}

[class*="main-func-grid-"] .item div:nth-child(odd){
	padding-top: .4rem;
	padding-bottom: .4rem;
	text-align: center;
}*/
[class*="main-func-grid-"] .item div:nth-child(odd) {
	padding-left: .3rem;
}

[class*="main-func-grid-"] .item div:nth-child(even) {
	height: 1.2rem;
	padding-top: .2rem;
	padding-bottom: .2rem;
}

[class*="main-func-grid-"] .item div:nth-child(even) span {
	height: 0.8rem;
	min-height: 0.8rem;
	line-height: 0.8rem;
}

.compSelectArrImg {
	width: 0.6rem;
	height: 70%;
	margin-left: 10%;
}

.compSelectBtn {
	font-size: 0.45rem;
	width: 15.5%;
	border-style: solid;
	border-width: 0.01rem;
	border-radius: 50%;
	border-color: #b9d2da;
}

.compSelectBtnSel {
	background-color: #B9D2DA;
}

.compSelectArr {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 7%;
}

.compSelectTit {
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.compBlue {
	color: #18b4ed;
}

.compRed {
	color: red;
}

.bottom-fixed-section {
	position: fixed;
	bottom: 0;
	left: 10%;
	text-align: center;
}

.installDeviceList-list {
	/*	padding: 0.5333333333rem 0 0.2666666667rem 0;*/
	color: #18b4ed;
	text-align: center;
	font-size: 0.3733333333rem;
}

.installDeviceList-list li {
	float: left;
	width: 25%;
	height: 0.96rem;
	line-height: 0.96rem;
	/* border: 0.0266666667rem solid #18b4ed; */
	/* -webkit-border-radius: 0.0666666667rem; */
	/* border-radius: 0.0666666667rem; */
	/* margin-right: 0.24rem; */
	/* margin-bottom: 0.24rem; */
}

.installDeviceList-list li:nth-of-type(3n) {
	margin-right: 0;
}

.installDeviceList-list li.on {
	background: #18b4ed;
	color: #ffffff;
}

.ipt-sml-device {
	width: 1rem;
	text-align: center;
	padding: 0.3em;
}

.btn-small-empty-blue {
	display: inline-block;
	min-width: 1.0666666667rem;
	width: 2rem;
	height: 0.5333333333rem;
	line-height: 0.5333333333rem;
	background: none;
	font-size: 0.32rem;
	color: #18B4ED;
	border: 0.0266666667rem solid #18B4ED;
	outline: none;
	-webkit-border-radius: 0.0666666667rem;
	border-radius: 0.3rem;
	vertical-align: middle;
}

.bdb-1 {
	border-bottom: 0.0266666667rem solid #eff3f4
}

.bdt-1 {
	border-top: 0.0266666667rem solid #eff3f4
}

.bdr-1 {
	border-right: 0.0266666667rem solid #eff3f4
}

.bdl-1 {
	border-left: 0.0266666667rem solid #eff3f4
}

.bdb-none {
	border-bottom: none !important;
}

.bdt-none {
	border-top: none !important;
}

.bdr-none {
	border-right: none !important;
}

.bdl-none {
	border-left: none !important;
}

.pos-fixed {
	position: fixed;
	top: auto;
	left: 0;
	right: 0;
}

.pos-fixed-top {
	top: 6.05rem !important;
}

.pos-fixed-mgt {
	margin-top: 6.45rem;
}

.wechat-payway-choose {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
}

.wechat-payway-choose div {
	display: inline-block;
	width: 150px;
	text-align: center;
	align-content: center;
}

.wechat-payway-choose .ico-span {
	display: block;
	margin-left: 37.5px;
	margin-top: 20px;
	width: 75px;
	height: 57px;
}

.ico-code {
	background: url(/nresource/images/technology.png) no-repeat 1px -71px;
}

.ico-app {
	background: url(/nresource/images/technology.png) no-repeat 9px -207px;
}

.openUserIpStep {
	display: flex;


}

.openUserIpStepSub {
	width: 14%;
	background: url(../../../base_op_web_view/nresource/images/op-user-ip-b.png);
	 
}


#taskStatusUl{
	background: lightgray;
	color: gray;
	margin: 0;
	border-radius: 0;
	width: 100%;
}
#taskStatusUl .on{
	background: white;
	color: gray;
}

.icon-task-on-hand{
	background: red;
}
.icon-task-finished{
	background: limegreen;
}
.icon-task-contact{
	background: orange;
}
.icon-task-status{
	color: white;
	padding: 0 0.2rem;
    margin: 0 0.2rem;
}
.ipt-search.hide{
	display: none !important;
}
.add-note{
	height: 0.8rem;
    padding: 0 0.2rem;
    line-height: 0.8rem;
	margin: auto 0.2rem;
	color: white;
	border-radius: 0.1333333333rem;
	background: deepskyblue;
}
.add-note-disabled{
	background: gray;
}
.call-phone{
	width: 0.8rem;
    height: 0.8rem;
    background: url(/nresource/images/boda.jpg) right center no-repeat;
    margin: auto;
    margin-left: 0.2rem;
}
.max-w-7{
	max-width: 70%;
}
.icon-cust-log{
	width: 1rem;
    height: 0.8rem;
    background: url(/nresource/images/task1.png) right center no-repeat;
    margin: auto;
    margin-right: -0.2rem;
    display: inline-block;
}

//标签
#label-section div.cata-ul{
	width: 100%;
    height: 1.2rem;
    line-height: 1.2rem;
    padding: 0 0.5333333333rem;
    position: relative;
    background-color: #ffffff;
}

#label-section span.tag-class{
	font-size: 16px;
	font-weight: bold;
	padding: 0 0.8rem;
}

#label-section span.unflod{
	background: #b0e0e6 url(/nresource/images/open.png) 0.2rem no-repeat;
    background-size: 0.32rem;
    display: block;
    height: 0.8rem;
    overflow: hidden;
}

#label-section span.flod{
	background: #b0e0e6 url(/nresource/images/contract.png) 0.2rem no-repeat;
    background-size: 0.32rem;
    display: block;
    height: 0.8rem;
    overflow: hidden;
}
#label-section dl dt{
	width: 100%;
    line-height: 0.8rem;
    padding: 0.2rem;
}

dd.tagInfo{
	height: auto !important;
}
dd.tagInfo div{
	width: 100% !important;
	display: inline-block;
}

dd.tagInfo div.tag-value{
	border: 1px solid #e3d8d8;
	margin: 0.2rem 0;
    padding: 0 0.4rem;
}

#label-section li {
	list-style: none;
}
#label-section input[type="radio"], #label-section input[type="checkbox"] {
	margin-right: 0.2rem;
}
.schedule_list {
 	position: absolute;
    left: 0;
    right: 0;
    bottom: 0.2rem;
    top: 1.1333333333rem;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding-right: 0.4rem;
    padding-left: 0.6rem;
    line-height: 1;
}
.schedule_list li {
    position: relative;
    padding: 0 0 10px 20px;
    border-left: 1px solid #e1e1e1;
    list-style: none;
}
.schedule_list p{
	padding-bottom: 0.1rem;
}

.schedule_list .tit {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*margin-top: 10px;*/
    font-size: 16px;
}

.schedule_list li:before {
    position: absolute;
    left: -5.5px;
    top: 0;
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 7px;
    border: 2px solid #4ddfd3;
    background-color: #fff;
}

.schedule_list .done:before {
    border-color: #999;
}