/***********index*************/
* {
	margin: 0;
	padding: 0;
}

.fontclear {
	font-size: 0;
}

.clearfix {
	zoom: 1;
}

.clearfix:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

.top {
	height: .6rem;
	background: #DA251E;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 998;
}

.top span {
	display: block;
	width: .18rem;
	height: .24rem;
	background: url(../../images/top_back_bg.png) no-repeat;
	position: absolute;
	top: .22rem;
	left: .3rem;
	background-size: .16rem;
	background-position: center;
}

.top p {
	line-height: .6rem;
	text-align: center;
	font-size: .24rem;
	color: #fff;
}

.top i.add_list {
	position: absolute;
	width: .6rem;
	height: .6rem;
	right: 0;
	top: 0;
	display: block;
	background: url(../../images/ADD.png) no-repeat;
	background-position: center;
	background-size: .24rem;
}

.top .indexBack {
	font-size: .2rem;
	position: absolute;
	width: .6rem;
	height: .6rem;
	right: 0;
	top: 0;
	display: block;
	color: #fff;
	line-height: .6rem;
}

.top i.QRBtn {
	position: absolute;
	width: .5rem;
	height: .6rem;
	right: .5rem;
	top: 0;
	display: block;
	background: url(../../images/topQR.png) no-repeat;
	background-position: center;
	background-size: .24rem;
}

.QRLight {
	display: inline-block;
	line-height: 24px;
	border-radius: 3px;
	padding: 0 .1rem;
	margin-top: 18px;
	background: rgba(255, 255, 255, .4);
	padding: .1rem;
	border-radius: 50%;
}

.QRLight.active {
	background: none;
}

.QRLight img {
	width: .3rem;
	vertical-align: middle;
}

.banner {
	height: auto;
	position: relative;
	padding-top: .7rem;
}

.banner img {
	display: block;
	width: 100%;
	height: auto;
}

.banner ol li {
	display: inline-block;
	width: .12rem;
	height: .12rem;
	border-radius: 50%;
	border: 1px solid #fff;
	background: #fff;
	margin: 0 .06rem;
}

.banner ol li.active {
	background: #fa5703;
}

.banner ol {
	display: inline-block;
	position: absolute;
	bottom: .12rem;
	text-align: center;
	width: 100%;
}

.iCompany {
	width: 100%;
	background: #fff;
	margin-bottom: .1rem;
	font-size: .16rem;
}

.nowCompany {
	width: 85%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 0 .1rem;
	box-sizing: border-box;
	padding: .1rem;
}

.iCompany a {
	display: block;
	float: right;
	text-align: center;
	width: 12%;
	background: #fa5005;
	color: #fff;
	line-height: .4rem;
}

.menu {
	margin: .01rem;
	height: 2.0rem;
	box-sizing: border-box;
	margin-bottom: .0rem;
	clear: both;
}

.menu>ul li:active {
	color: #FFFFFF;
	background-color: gainsboro;
}

.menu>ul li {
	width: 33.3%;
	box-sizing: border-box;
	height: 1.4rem;
	display: block;
	float: left;
	border: 1px solid #ebebeb;
	position: relative;
	background-position: center .3rem;
	background-color: #fff;
	background-size: .5rem;
	background-repeat: no-repeat;
}

.menu>ul li a {
	font-size: .18rem;
	display: block;
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: .12rem;
	color: #000;
}

.menu>ul li:nth-child(1) {
	background-image: url(../../images/index_menu99.png);
	background-size: .56rem;
	border-left: transparent;
}

.menu>ul li:nth-child(2) {
	background-image: url(../../images/index_menu88.png);
	background-size: .56rem;
	border-left: transparent;
}

.menu>ul li:nth-child(3) {
	background-image: url(../../images/index_menu65.png);
	background-size: .56rem;
	border-left: transparent;
}

.menu>ul li:nth-child(4) {
	background-image: url(../../images/index_menu44.png);
	background-size: .56rem;
	border-left: transparent;
	border-top: transparent;
}

.menu>ul li:nth-child(5) {
	background-image: url(../../images/index_menu7.png);
	background-size: .56rem;
	border-left: transparent;
	border-top: transparent;
}

.menu>ul li:nth-child(6) {
	background-image: url(../../images/index_menu77.png);
	background-size: .56rem;
	border-left: transparent;
	border-top: transparent;
}

.menu>ul li:nth-child(7) {
	background-image: url(../../images/index_menu7.png);
	border-top: transparent;
}

.menu>ul li:nth-child(8) {
	background-image: url(../../images/index_menu8.png);
	border-left: transparent;
	border-top: transparent;
}

.menu>ul li:nth-child(9) {
	background-image: url(../../images/index_menu9.png);
	border-left: transparent;
	border-top: transparent;
}

.menu>ul li:nth-child(10) {
	background-image: url(../../images/text_4.png);
	border-top: transparent;
}

.menu>ul li:nth-child(11) {
	background-image: url(../../images/text_2.png);
	border-left: transparent;
	border-top: transparent;
}

.menu>ul li:nth-child(12) {
	background-image: url(../../images/eqmu_1.png);
	border-left: transparent;
	border-top: transparent;
}

.gn {
	margin: .05rem;
	overflow: hidden;
	box-sizing: border-box;
	clear: both;
}

.gn>ul li {
	width: 33.333%;
	box-sizing: border-box;
	height: 1.4rem;
	display: block;
	float: left;
	border: 1px solid #ebebeb;
	position: relative;
	background-position: center .3rem;
	background-color: #fff;
	background-size: .5rem;
	background-repeat: no-repeat;
}

.gn>ul li a {
	font-size: .18rem;
	display: block;
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: .2rem;
}

.gn>ul li:nth-child(1) {
	background-image: url(../../images/index_menu4.png);
	background-size: .56rem;
}

.gn>ul li:nth-child(2) {
	background-image: url(../../images/index_menu1.png);
	border-left: transparent;
}

.gn>ul li:nth-child(3) {
	background-image: url(../../images/index_menu2.png);
	border-left: transparent;
}

.gn>ul li:nth-child(4) {
	background-image: url(../../images/index_menu3.png);
	border-top: transparent;
}

.gn>ul li:nth-child(5) {
	background-image: url(../../images/index_menu5.png);
	border-left: transparent;
	border-top: transparent;
}

.gn>ul li:nth-child(6) {
	background-image: url(../../images/index_menu6.png);
	border-left: transparent;
	border-top: transparent;
}

.gn>ul li:nth-child(7) {
	background-image: url(../../images/index_menu7.png);
	border-top: transparent;
}

.gn>ul li:nth-child(8) {
	background-image: url(../../images/index_menu8.png);
	border-left: transparent;
	border-top: transparent;
}

.gn>ul li:nth-child(9) {
	background-image: url(../../images/index_menu9.png);
	border-left: transparent;
	border-top: transparent;
}

.gn>ul li:nth-child(10) {
	background-image: url(../../images/text_4.png);
	border-top: transparent;
}

.gn>ul li:nth-child(11) {
	background-image: url(../../images/text_2.png);
	border-left: transparent;
	border-top: transparent;
}

.gn>ul li:nth-child(12) {
	background-image: url(../../images/eqmu_1.png);
	border-left: transparent;
	border-top: transparent;
}



.menu.text>ul li {
	width: 33.33%;
	box-sizing: border-box;
	height: 1.4rem;
	display: block;
	float: left;
	border: 1px solid #ebebeb;
	position: relative;
	background-position: center .3rem;
	background-size: .5rem;
	background-repeat: no-repeat;
	background-color: #fff;
}

.menu.text>ul li:nth-child(1) {
	background-image: url(../../images/text_1.png);
	background-position: center .3rem;
	background-size: .5rem;
	background-repeat: no-repeat;
}

.menu.text>ul li:nth-child(2) {
	background-image: url(../../images/text_2.png);
	background-position: center .3rem;
	background-size: .5rem;
	background-repeat: no-repeat;
	border-left: transparent;
}

.menu.text>ul li:nth-child(3) {
	background-image: url(../../images/text_3.png);
	background-position: center .3rem;
	background-size: .4rem;
	background-repeat: no-repeat;
	border-left: transparent;
}

.menu.text>ul li:nth-child(4) {
	background-image: url(../../images/text_4.png);
	background-position: center .3rem;
	background-size: .4rem;
	background-repeat: no-repeat;
	border-top: transparent;
}

.menu.text>ul li:nth-child(5) {
	background-image: url(../../images/text_5.png);
	background-position: center .3rem;
	background-size: .5rem;
	background-repeat: no-repeat;
	border-left: transparent;
	border-top: transparent;
}

.menu.text>ul li:nth-child(6) {
	background-image: url(../../images/text_6.png);
	background-position: center .3rem;
	background-size: .5rem;
	background-repeat: no-repeat;
	border-left: transparent;
	border-top: transparent;
}

.nav {
	height: .78rem;
	background: #fff;
	position: fixed;
	bottom: 0px;
	width: 100%;
	border-top: 1px solid #e4e3e3;
}

.nav li:nth-child(1) {
	background: url(../../images/index_1.png) no-repeat center 0.14rem;
	background-size: .3rem;
}

.nav li:nth-child(2) {
	background: url(../../images/index_2.png) no-repeat center 0.14rem;
	background-size: .24rem;
}

.nav li:nth-child(3) {
	background: url(../../images/index_4.png) no-repeat center 0.14rem;
	background-size: .225rem;
}

.nav li:nth-child(4) {
	background: url(../../images/index_3.png) no-repeat center 0.14rem;
	background-size: .26rem;
}

.nav li:nth-child(5) {
	background: url(../../images/index_4.png) no-repeat center 0.14rem;
	background-size: .26rem;
}

.nav li.active:nth-child(1) {
	background: url(../../images/indexs_1.png) no-repeat center 0.14rem;
	background-size: .3rem;
}

.nav li.active:nth-child(2) {
	background: url(../../images/indexs_2.png) no-repeat center 0.14rem;
	background-size: .24rem;
}

.nav li.active:nth-child(3) {
	background: url(../../images/indexs_4.png) no-repeat center 0.14rem;
	background-size: .24rem;
}

/*.nav li:nth-child(3){background:url(../../images/index_3.png) no-repeat center  0.14rem;background-size:.28rem ;}*/
.nav li.active:nth-child(4) {
	background: url(../../images/index_6.png) no-repeat center 0.14rem;
	background-size: .26rem;
}

.nav li.active:nth-child(5) {
	background: url(../../images/indexs_4.png) no-repeat center 0.14rem;
	background-size: .26rem;
}

.nav li.active {
	background-color: #fff;
}

.nav li {
	display: block;
	float: left;
	width: 33.3%;
	box-sizing: border-box;
	position: relative;
	border-right: 1px solid transparent;
	background-position: center;
}

.nav li a {
	font-size: .18rem;
	color: #807e7e;
	display: block;
	line-height: .4rem;
	text-align: center;
	padding-top: .38rem;
}

.nav li.active a {
	color: #fa5005;
}

.nav li span {
	position: absolute;
	width: .24rem;
	height: .24rem;
	border-radius: 50%;
	background: #f40202;
	top: .05rem;
	right: .1rem;
	color: #fff;
	text-align: center;
	line-height: .24rem;
	font-size: .12rem;
}

.i_bannerbox img {
	width: 100%;
}

.i_bannerbox .swiper-pagination .swiper-pagination-bullet {
	background: #fff;
	opacity: 1;
}

.i_bannerbox .swiper-pagination .swiper-pagination-bullet-active {
	background: #fa5703;
	opacity: 1;
}

.saveAllList {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border: 0;
}

/***********end index*************/
/*************项目计划*************/
.con_box {
	margin: 0 .1rem;
	height: auto;
	padding-top: 0.1rem;
}

.title_name {
	height: .4rem;
	border: 1px solid #e1e0e2;
	position: relative;
	background: #fff;
}

.title_name.active:before {
	content: "";
	position: absolute;
	background: url(../../images/bg1.png) no-repeat;
	width: .2rem;
	height: .1rem;
	left: .14rem;
	top: .15rem;
}

.title_name p {
	line-height: .4rem;
	font-size: .18rem;
	padding-left: .32rem;
}

.title_name p span {
	color: #fb5704;
}

.task_top {
	height: auto;
	border: 1px solid #e1e0e2;
	position: relative;
	background: #f6f6f6;
	padding-top: .1rem;
	padding-bottom: .1rem;
}

.task_top p {
	font-size: .16rem;
	padding-left: .4rem;
	line-height: .3rem;
}

.task_top.active:before {
	content: "";
	position: absolute;
	background: url(../../images/bg1.png) no-repeat;
	width: .2rem;
	height: .1rem;
	left: .14rem;
	top: .16rem;
}

.task_top p.ti {
	font-size: .18rem;
	color: #000;
}

.task_top p.ti span {
	color: #f95004;
}

.planlist {
	width: 100%;
	border: 1px solid #e1e0e2;
	height: auto;
	box-sizing: border-box;
	margin-top: .1rem;
}

.planlist li:nth-last-child(1) {
	border-bottom: transparent;
}

.planlist li {
	display: block;
	width: 100%;
	border-bottom: 1px solid #e1e0e2;
	background: #fff;
	padding-top: .1rem;
	padding-bottom: .1rem;
	position: relative;
}

.planlist li:after {
	content: "";
	position: absolute;
	width: .2rem;
	height: .2rem;
	background: url(../../images/plan_bg.png) no-repeat;
	background-position: center;
	top: .34rem;
	right: .4rem;
	background-size: .1rem;
}

.planlist li p {
	font-size: .16rem;
	padding-left: .4rem;
	line-height: .26rem;
}

/*.planlist li.addStade p.AddName{position: relative;padding-left: .32rem;}
.planlist li.addStade p.AddName:before{content: "";position: absolute;background: url(../../images/bg1.png) no-repeat;width: .2rem;height: .1rem;left: .14rem;top: .08rem;}*/
.planlist li p span.state {
	padding-left: .2rem;
}

.planlist li p span.state_out {
	color: #00a10f;
}

.project_list {
	width: 100%;
	border: 1px solid #e1e0e2;
	height: auto;
	box-sizing: border-box;
	margin-top: .1rem;
}

.project_list .title_name {
	border: none;
	border-bottom: 1px solid #e1e0e2;
	height: .4rem;
	background: #f6f6f6;
}

.project_list.task .title_name {
	border: none;
	height: .4rem;
	background: #fff;
}

.project_list.task .title_name span.task_ceshi {
	padding: 0.02rem .04rem;
	border: 1px solid #f95004;
	color: #f95004;
	background: #ffede1;
	font-size: .14rem;
}

.project_list.task .title_name span.task_xuncha {
	padding: 0.02rem .04rem;
	border: 1px solid #009620;
	color: #009620;
	background: #d8ffdf;
	font-size: .14rem;
	margin-left: .1rem;
}

.project_list.task li b,
.inspection li b {
	display: block;
	width: .5rem;
	height: .5rem;
	border-radius: 50%;
	color: #fff;
	line-height: .54rem;
	text-align: center;
	font-weight: normal;
	font-size: .12rem;
	position: absolute;
	right: .1rem;
	top: .56rem;
}

.project_list.task li:nth-last-child(1) {
	margin-bottom: 0px;
}

.project_list.task li b.fail,
.inspection li b.fail {
	background: #ff7200;
}

.project_list.task li b.doing,
.inspection li b.doing {
	background: #82d2fb;
}

.project_list.task li b.sucess,
.inspection li b.sucess {
	background: #2aa70c;
}

.project_list.task li {
	padding: .1rem 0;
	margin-bottom: .1rem;
}

.project_list .title_name.active:before {
	top: .16rem;
}

.project_list .title_name p {
	line-height: .4rem;
	font-size: .18rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.project_list li {
	display: block;
	width: 100%;
	border-bottom: 1px solid #e1e0e2;
	background: #fff;
	position: relative;
	box-sizing: border-box;
}

.project_list.inspection .title_name {
	background: #fff;
}

.project_list.inspection {
	border: transparent;
}

.project_list.inspection li {
	margin-bottom: .2rem;
	border: 1px solid #e1e0e2;
}

.project_list.breakdown li {
	overflow: hidden;
	margin-bottom: .1rem;
	box-sizing: border-box;
	border: 1px solid #e1e0e2;
}

.project_list.breakdown li:nth-child(1) {
	border-top: transparent;
}

.project_list.breakdown li:nth-last-child(1) {
	border-bottom: 1px solid #e1e0e2;
}

.project_list.inspection li:nth-last-child(1) {
	border-bottom: 1px solid #e1e0e2;
}

.project_list.breakdown .failimg {
	margin-left: .4rem;
	float: left;
	font-size: 0
}

/*.project_list.breakdown .failimg img{width: .5rem;height: .5rem;margin: .1rem .1rem .3rem;}*/
.project_list li p {
	font-size: .16rem;
	padding-left: .4rem;
	line-height: .26rem;
}

.project_list li .bd {
	padding: .06rem 0;
}

.project_list li .bd p {
	color: #7a7a7a;
}

.project_list li .bd p span {
	color: #000;
	padding-left: .1rem;
}

.project_list li:nth-last-child(1) {
	border-bottom: transparent;
}

.operation {
	padding-top: .2rem;
}

.operation input[type=text],
.operation textarea {
	color: #000 !important;
}

.tasklist {
	height: auto;
	margin-top: .1rem;
}

.tasklist .bg {
	margin: 0rem .2rem 0rem;
	height: auto;
}

.tasklist .bg input[type=text],
.tasklist .bg input[type=date] {
	height: .4rem;
	outline: none;
	border: 1px solid #adadad;
	width: 3.9rem;
	padding-left: .1rem;
	color: #a7a7a7;
	margin-bottom: .1rem;
}

.tasklist .moText {
	outline: none;
	border: 1px solid #adadad;
	color: #a7a7a7;
	margin-bottom: .rem;
	padding: .1rem;
	min-height: .6rem;
	box-sizing: border-box;
	width: 100%;
	font-size: 0.16rem;
}

.tasklist p.name {
	line-height: .4rem;
	display: block;
	background: #fff;
	text-align: center;
	border: 1px solid #d3d3d3;
	font-size: .16rem;
	box-sizing: border-box;
	border-bottom: transparent;
}

.tasklist p.name.AddName {
	padding-left: .32rem;
	text-align: left;
	position: relative;
	padding-right: .3rem;
	font-size: .18rem;
}

/*.tasklist p.name.AddName:before{content: "";position: absolute;background: url(../../images/bg1.png) no-repeat;width: .2rem;height: .1rem;left: .14rem;top: .15rem;}*/
.tasklist .bd {
	background: #FFF;
	overflow: hidden;
	border: 1px solid #d3d3d3;
	padding-top: .1rem;
}

.tasklist p.ceshi {
	margin: 0 .1rem .1rem;
	display: block;
	line-height: .4rem;
	background: #f2f2f2;
	font-size: .18rem;
	text-align: center;
	font-weight: 600;
}

.tasklist li {
	display: block;
	height: auto;
	background: #fff;
	padding-top: .1rem;
	border: 1px solid #d3d3d3;
	position: relative;
	margin-bottom: .1rem;
}

.tasklist li p.title {
	margin: 0 .1rem 0rem;
	display: block;
	line-height: .4rem;
	background: #f2f2f2;
	font-size: .18rem;
	padding-left: .2rem;
	font-weight: 600;
}

.tasklist li p.title.centre {
	text-align: center;
	line-height: .5rem;
	padding-right: .2rem;
}

.tasklist li p {
	line-height: .5rem;
	font-size: .14rem;
	padding-left: .3rem;
}

.tasklist li p span {
	padding-right: .5rem;
}

.tasklist li p i.green {
	font-style: normal;
	color: #007e0a;
}

.tasklist li p i {
	font-style: normal;
}

.tasklist li p i.ogin {
	font-style: normal;
	color: #fb5904;
}

.tasklist li:after {
	content: "";
	position: absolute;
	width: .2rem;
	height: .2rem;
	background: url(../../images/plan_bg.png) no-repeat;
	background-position: center;
	bottom: .16rem;
	right: .2rem;
	background-size: .1rem;
}

.tasklist li h5 {
	font-size: .18rem;
	padding-left: .3rem;
	margin-top: .1rem;
}

.tasklist.content li {
	margin-bottom: 0px;
	border-top: transparent;
}

.tasklist.content li p {
	display: table-cell;
}

.tasklist.content li p.states {
	padding-left: .3rem;
}

.tasklist.content li p.end {
	padding-left: .2rem;
}

.tasklist.content li p.time {
	padding-left: .2rem;
}

.tasklist.content li:after {
	bottom: .4rem;
}

.search {
	width: 100%;
	border: 1px solid #d3d3d3;
	box-sizing: border-box;
	background: #fff;
	height: auto;
}

.search .bd {
	margin: 0.1rem;
	height: .4rem;
	background-color: #f0f0f0;
	position: relative;
}

.search .bd:before {
	content: "";
	position: absolute;
	width: .2rem;
	height: .2rem;
	background: url(../../images/search.png) no-repeat;
	background-position: center;
	left: .15rem;
	top: .1rem;
	background-size: cover;
}

.search .bd .right {
	float: right;
	width: .4rem;
	height: .4rem;
	background: url(../../images/search_right.png) no-repeat;
	background-position: center;
	background-color: #000;
	background-size: .3rem;
}

.search .bd input {
	outline: none;
	border: none;
	width: 2.6rem;
	height: .4rem;
	float: left;
	background: transparent;
	margin-left: .7rem;
}

.moImageList {
	padding: .12rem .2rem;
}

.imglistbox,
#imglist {
	margin-right: .15rem;
	position: relative;
	float: left;
	margin-bottom: .15rem;
}

.imglistbox {
	position: relative;
	display: inline-block;
	width: .8rem;
	height: .8rem;
}

.imglistbox img {
	width: 100%;
	max-height: 100%;
}

.imglistbox .imglistdel {
	position: absolute;
	right: -.12rem;
	top: -.12rem;
	display: block;
	border-radius: 50%;
	text-align: center;
	width: .3rem;
	height: .3rem;
	color: #fff;
	background: #FF0000;
	z-index: 3;
	line-height: .26rem;
	font-size: 13px;
	opacity: 0.8;filter:alpha(opacity=50);
}

#swipebox-close {
	background-image: url(../../images/icon-close.png) !important;
	background-size: 60%;
}

.imgform,
.imgform img,
.imgform input,
.imgform .add_image {
	width: 0 !important;
	height: 0 !important;
}

.bDBtnGroup {
	font-size: .16rem;
	padding: .2rem;
	text-align: center;
}

.bDBtnGroup a {
	display: block;
	line-height: .4rem;
	border-radius: 3px;
	width: 48%;
	box-sizing: border-box;
	float: left;
	background: #ff6705;
	color: #fff;
}

.bDBtnGroup a:focus {
	background: #fa5005;
	color: #fff;
}

.bDBtnGroup a:first-child {
	margin-right: 4%;
}

/************end 项目计划****************/
/*****设备*****/
.equipment {
	width: 100%;
	height: auto;
}

.equipment ul {
	display: block;
	height: auto;
	overflow: hidden;
}

.equipment li {
	display: block;
	width: 1.2rem;
	height: 1rem;
	float: left;
	margin: .2rem .4rem .1rem 0;
	box-sizing: border-box;
	border: 1px solid #d3d3d3;
	position: relative;
	z-index: 66;
}

.equipment li {
	opacity: .4;
}

.equipment li.active {
	opacity: 1;
}

.equipment li:nth-child(1) {
	background: url(../../images/eqmu_2.png) no-repeat;
	background-position: center .14rem;
	background-size: .4rem;
	background-color: #FFF;
}

.equipment li.active:nth-child(1) {
	background: url(../../images/eqmu_1.png) no-repeat;
	background-position: center .14rem;
	background-size: .4rem;
	background-color: #FFF;
}

.equipment li:nth-child(2) {
	background: url(../../images/qemu_code.png) no-repeat;
	background-position: center .14rem;
	background-size: .4rem;
	background-color: #FFF;
}

.equipment li.active:nth-child(2) {
	background: url(../../images/eqmu_code1.png) no-repeat;
	background-position: center .14rem;
	background-size: .4rem;
	background-color: #FFF;
}

.equipment li:nth-child(3) {
	background: url(../../images/eqmu_NFC.png) no-repeat;
	background-position: center .14rem;
	background-size: .4rem;
	background-color: #FFF;
}

.equipment li.active:nth-child(3) {
	background: url(../../images/eqmu_NFC1.png) no-repeat;
	background-position: center .14rem;
	background-size: .4rem;
	background-color: #FFF;
}

.equipment li:nth-last-child(1) {
	margin-right: 0px;
}

.equipment li p {
	font-size: .18rem;
	text-align: center;
	margin-top: .6rem;
}

.equipment li.active {
	margin-bottom: 0;
	height: 1.1rem;
	border-bottom: none;
}

.equipment li.active:after {
	width: 1.4rem;
	height: .1rem;
	content: "";
	bottom: -.21rem;
	position: absolute;
	background: #fff;
	z-index: 2;
}

.equipment li.active p {
	color: #f95004;
}

.equipment_form {
	margin-top: 0;
	height: auto;
	box-sizing: border-box;
	border: 1px solid #D3D3D3;
	background: #fff;
}

.equipment_form .sel {
	margin: .1rem .2rem 0;
	box-sizing: border-box;
	border: 1px solid #ababab;
	height: .4rem;
	position: relative;
	font-size: .16rem;
}

.equipment_form .box {
	margin: .1rem .2rem 0;
	box-sizing: border-box;
	border: 1px solid #ababab;
	height: .4rem;
	position: relative;
}

.equipment_form .boxtime {
	font-size: 0.16rem;
	margin: .1rem .2rem 0;
	box-sizing: border-box;
	border: 1px solid #ababab;
	height: .5rem;
}

.equipment_form .box ul.cjia {
	position: absolute;
	border: 1px solid #ABABAB;
	width: 100%;
	box-sizing: border-box;
	bottom: 0;
	display: none;
}

.equipment_form .box ul.cjia li.rSList {
	font-size: .2rem;
	display: block;
	width: 100%;
	line-height: .3rem;
	color: #000;
	background: #fff;
}

.equipment_form .box textarea {
	height: 1rem;
	outline: none;
	resize: none;
	width: 100%;
	box-sizing: border-box;
	border: transparent;
	padding: .1rem;
	height: 100%;
	font-size: 0.16rem;
}

.equipment_form .box span {
	font-size: .16rem;
	line-height: .5rem;
	padding-left: .3rem;
	float: left;
}

.equipment_form .box select {
	float: right;
	height: .37rem;
	outline: none;
	border: none;
	width: 100%;
	text-align: center;
}

.equipment_form .box input {
	float: left;
	height: .36rem;
	outline: none;
	border: none;
	width: 100%;
	padding: 0 .1rem;
	font-size: 0.16rem;
}

.equipment_form .add_img {
	margin: .2rem;
	width: 1rem;
	height: 1rem;
	box-sizing: border-box;
	border: 1px solid #ababab;
	background: url(../../images/add_img.png) no-repeat;
	background-repeat: no-repeat;
	background-position: center;
	background-size: .6rem;
}

.equipment_form .add_img p {
	line-height: 1rem;
	padding-left: 1.6rem;
	font-size: .16rem;
}

.equipment_form .button {
	margin: .2rem .2rem .8rem;
	height: .5rem;
	background: #B9362E;
	text-align: center;
	line-height: .5rem;
	color: #fff;
	font-size: .2rem
}

/*.equipment_form .button.active{box-shadow:0px 0px 26px #ccc inset;}*/
.equipment_form h2 {
	margin: .2rem .2rem 0;
	line-height: .6rem;
	font-size: .2rem;
	text-align: center;
	background: #efefef;
}

.equipment_form h2 span {
	color: #f95004;
}

.form_ground {
	margin: .2rem 0rem .2rem 0;
}

.form_ground span {
	font-size: .16rem;
	padding-left: .04rem;
}

.form_ground span.explain {
	padding-right: .2rem;
}

.form_ground label {
	margin: 0 .2rem;
}

.form_ground label span {
	padding: 0 .08rem;
}

.form_ground label input[type=radio] {
	width: .2rem;
	height: .2rem;
	vertical-align: top;
}

.form_ground textarea {
	height: 1rem;
	outline: none;
	resize: none;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #ababab;
	padding-left: .2rem;
	padding-top: .1rem;
}

.add_imgs {
	margin: .2rem 0;
	height: auto;
	overflow: hidden;
}

.add_imgs li {
	display: block;
	width: .6rem;
	height: .6rem;
	float: left;
	overflow: hidden;
	text-align: center;
	vertical-align: auto;
	margin-right: .2rem;
}

.add_imgs li img {
	display: block;
	width: 100%;
}

.add_imgs span {
	width: .6rem;
	height: .6rem;
	box-sizing: border-box;
	border: 1px solid #ababab;
	background: url(../../images/add_img.png) no-repeat;
	background-position: center;
	background-size: .3rem;
	float: left;
}

.equipment_list {
	width: 100%;
	margin-top: 0px;
	height: auto;
	box-sizing: border-box;
	border: 1px solid #e1e0e2;
	background: #fff;
	border-top: transparent;
}

.equipment_list li {
	display: block;
	position: relative;
	border-bottom: 1px solid #e1e0e2;
}

.equipment_list li:nth-last-child(1) {
	border-bottom: transparent;
}

.equipment_list.active li:after {
	content: "";
	position: absolute;
	width: .2rem;
	height: .2rem;
	background: url(../../images/plan_bg.png) no-repeat;
	background-position: center;
	bottom: .16rem;
	right: .4rem;
	background-size: .1rem;
}

.equipment_list li:before {
	content: "";
	width: .1rem;
	height: .1rem;
	border-radius: 50%;
	background: #a0a0a0;
	position: absolute;
	top: .2rem;
	left: .18rem;
}

.equipment_list li p {
	line-height: .5rem;
	padding-left: .46rem;
	font-size: .16rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-right: .5rem;
}

.equipment_list li span {
	display: block;
	width: .3rem;
	height: .3rem;
	position: absolute;
	right: .4rem;
	border-radius: 50%;
	background: #f95004;
	color: #fff;
	top: .1rem;
	font-size: .14rem;
	text-align: center;
	line-height: .3rem;
}

.equipment_list .img_mess {
	width: .8rem;
	height: .8rem;
	box-sizing: border-box;
	border: 1px solid #b2b2b2;
	float: left;
	background: url(../../images/add_img.png) no-repeat;
	background-position: center;
	background-size: .6rem;
	margin: .2rem .1rem;
}

.equipment_list .img_mess.frist {
	margin-left: .2rem;
}

.checkpoint {
	width: 100%;
	background: #fff;
	height: auto;
	border: 1px solid #e1e0e2;
	box-sizing: border-box;
	margin-top: .1rem;
}

.checkpoint li {
	height: auto;
	display: block;
	border-bottom: 1px solid #e1e0e2;
	padding-bottom: .2rem;
}

.checkpoint li:nth-last-child(1) {
	border-bottom: transparent;
}

.checkpoint li h3 {
	font-size: .18rem;
	display: block;
	margin: .2rem;
	line-height: .4rem;
	background: #f5f5f5;
	font-weight: normal;
}

.checkpoint li h3 span {
	padding-left: .2rem;
	color: #fb5704;
}

.checkpoint li p {
	font-size: .16rem;
	padding-left: .4rem;
	line-height: .3rem;
}
/* ------------- */
.eeImages {
	padding: .1rem 0.2rem;
	padding-top: .12rem;
}

.eeImages .imglistbox,
.eeImages .addBtn {
	width: .66rem;
	height: .66rem;
	box-sizing: border-box;
	border: 1px solid #ababab;
	background: url(../../images/cuozuo2.png) no-repeat;
	background-position: center;
	background-size: .3rem;
}

.eeImages .imglistbox.swipebox {
	background: none;
}

.eeImages img {
	vertical-align: top;
}
/* ------------- */
.eeForm .selectInput {
	width: 100% !important;
	margin-left: 0 !important;
	padding: 0 .1rem;
	box-sizing: border-box;
}

.cL_tab {
	width: 100%;
	margin-top: .1rem;
}

.cL_tab li {
	display: block;
	width: 30%;
	line-height: .4rem;
	text-align: center;
	margin-right: 5%;
	float: left;
	background: #fff;
	font-size: .16rem;
	box-sizing: border-box;
}

.cL_tab li:last-child {
	margin-right: 0;
}

.cL_tab li.active {
	border: 1px solid #fa5005;
}

/*****end 设备*****/
/*********值班**********/
.record {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #dbdbdc;
	overflow: hidden;
	margin-bottom: .2rem;
}

.record .record_time {
	width: 100%;
	height: auto;
	background: #f6f6f7;
	position: relative;
	border-bottom: 1px solid #dbdbdc;
}

.record .record_time p {
	line-height: .6rem;
	font-size: .18rem;
	padding-left: .32rem;
}

.record .record_time p span {
	color: #f95004;
}

.record .record_time:before {
	content: "";
	position: absolute;
	background: url(../../images/bg1.png) no-repeat;
	width: .2rem;
	height: .1rem;
	left: .14rem;
	top: .24rem;
}

.record li {
	display: block;
	width: 33.3%;
	box-sizing: border-box;
	border-right: 1px solid #dbdbdc;
	float: left;
}

.record li:nth-last-child(1) {
	border-right: none;
}

.record li p {
	font-size: .16rem;
	padding-left: .15rem;
	line-height: .3rem;
}

.record li p span {
	color: #f95004;
}

.record li .state {
	padding-top: .18rem;
	padding-bottom: .18rem;
}

.bg-w {
	background: #fff;
	overflow: hidden;
	height: auto;
}

.bg-w h1 {
	font-weight: normal;
	font-size: .18rem;
	padding-left: .2rem;
}

.record_con {
	margin: 0 .2rem;
	margin-bottom: .1rem;
	box-sizing: border-box;
	line-height: .38rem;
}

.record_con .left {
	width: 49%;
	float: left;
}

.record_con p {
	font-size: .16rem;
	color: #686868;
}

.record_con .right {
	width: 49%;
	float: right;
	padding: 0 1px;
}

.record_con .rCInput {
	padding: 1px;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #ababab;
}

.record_con input {
	width: 100%;
	height: .4rem;
	padding-left: 1%;
	font-size: .16rem;
	color: #686868;
	vertical-align: bottom;
	border: transparent;
	outline: none;
}

hr {
	color: #bdbcbe;
}

p.name_ {
	font-size: .16rem;
	padding-left: .2rem;
	line-height: .5rem;
}

p.name_ input {
	padding: .05rem;
}

.add_checkpoint {
	width: 100%;
	height: auto;
	border: 1px solid #e1e0e2;
	box-sizing: border-box;
	background: #fff;
	padding: 0 .2rem;
}

.add_checkpoint .task_top {
	border: transparent;
}

.add_checkpoint .box {
	height: auto;
	position: relative;
}

.add_checkpoint .box select,
.add_checkpoint .box input,
.add_checkpoint .box textarea {
	border: 1px solid #ababab;
	width: 100%;
	height: .4rem;
	outline: none;
	color: #686868;
	margin: .1rem 0;
}

.add_checkpoint .box select.system {
	width: 1.8rem;
	margin-right: .36rem;
}

.add_checkpoint .box select.equipment {
	width: 1.8rem;
}

.add_checkpoint .check {
	font-size: .18rem;
	padding: .1rem .1rem;
	line-height: .3rem;
	border-bottom: 1px solid #e1e0e2;
}

.add_checkpoint .check>.left {
	display: inline-block;
	float: left;
	margin-right: .3rem;
}

/*.add_checkpoint .check label i{position: absolute;display: block;width: .18rem;height: .18rem;border: 1px solid #8d8d8d;border-radius: 4px;background: #fff;top: .096rem;}
.add_checkpoint .check label span{padding: 0 .3rem;}
.add_checkpoint .check label input:checked + i:after{content: "";position: absolute;width: .15rem;height: .15rem;top: .015rem;left: .015rem;border-radius: 4px;background: #000;}*/
.check_ground {
	margin: .14rem 0;
}

.check_ground span {
	font-size: .16rem
}

.check_ground label {
	margin: 0 .1rem;
}

.check_ground.operation_riduo label {
	display: inline-block;
	width: 1.2rem;
	margin: 0;
}

.check_ground input[type=radio] {
	margin-right: .06rem;
	vertical-align: inherit;
}

.caBottom {
	margin: .2rem;
	height: auto;
}

.caBottom a {
	width: 1.86rem;
	height: .5rem;
	display: block;
	float: left;
	text-align: center;
	line-height: .5rem;
	font-size: .18rem;
	box-sizing: border-box;
}

.caBottom a.button {
	background: #ff6705;
	color: #fff;
	margin-right: .2rem;
}

.caBottom a.num {
	border: 1px solid #dfdfdf;
}

.configures {
	width: 100%;
	height: auto;
	margin: 0 .2rem;
}

.configures .bb {
	display: block;
	float: left;
	width: .92rem;
	height: .92rem;
	box-sizing:
		/*border-box;border: 1px solid #b9b9b9;*/
		margin-right: .1rem;
}

.configures .bb span {
	font-size: .16rem;
	display: block;
	text-align: center;
	margin-top: .6rem;
}

.configures .bb.bg-1 {
	background: url(../../images/cuozuo1.png) no-repeat;
	background-position: center .1rem;
	background-size: .3rem;
	background-repeat: no-repeat;
	opacity: .5;
}

.configures .bb.bg-2 {
	background: url(../../images/cuozuo2.png) no-repeat;
	background-position: center .2rem;
	background-size: .36rem;
	background-repeat: no-repeat;
}

.configures .bb.bg-3 {
	background: url(../../images/cuozuo3.png) no-repeat;
	background-position: center .2rem;
	background-size: .32rem;
	background-repeat: no-repeat;
}

.configures .bb.bg-4 {
	background: url(../../images/cuozuo4.png) no-repeat;
	background-position: center .2rem;
	background-size: .32rem;
	background-repeat: no-repeat;
	: .5;
}

/*******end 值班************/
/*********login*********/
.log {
	width: 100%;
	height: auto;
	background: url(../../images/log.png) no-repeat;
	background-position: center .6rem;
	background-size: .9rem;
	padding-top: .7rem;
}

.log p.out {
	margin-top: .9rem;
}

.log p {
	font-size: .28rem;
	text-align: center;
	line-height: .36rem;
	color: #fff;
	display: block;
}

.boxod {
	margin: auto;
	border-radius: 6px;
	text-align: center;
	padding-top: 0.4rem;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 90%;
	height: 35%;
	background: rgba(255, 255, 255, 0.6);
}

#showPwd {
	height: .35rem;
	position: absolute;
	right: .18rem;
	top: 1.3rem;
	width: .4rem;
}

#searchPhone {
	height: .2rem;
	position: absolute;
	right: 4rem;
	top: .09rem;
	width: .2rem;
}

.boxod input {
	width: 4rem;
	box-sizing: border-box;
	border: 1px solid #E0E0E0;
	height: .5rem;
	padding-left: .1rem;
	background: #ffffff;
	margin-bottom: .3rem;
	color: #B9362E;
	font-size: .16rem;
}

/*background:rgba(222,81,20,.4);*/
.loginType {
	float: left;
}

.loginType span {
	font-size: .2rem;
	color: #fff;
	padding-left: .1rem;
	padding-right: .4rem;
}

.loginType label {
	display: inline-block;
}

.loginType input[type=radio] {
	width: .2rem;
	height: .2rem;
}

.button-login {
	margin: 0 .17rem;
	height: .5rem;
	box-sizing: border-box;
	border-color: #922400;
	background: #B9362E;
	text-align: center;
	line-height: .5rem;
	font-size: .2rem;
	color: #FFFFFF;
	margin-top: .1rem;
	margin-bottom: .3rem;
	border-radius: 6px;
}

.button-login.active {
	background: rgba(255, 103, 5, .5);
}

.left_log {
	margin-left: .4rem;
	width: 2rem;
	float: left;
	background: url(../../images/login_1.png) no-repeat;
	background-position: left;
	background-size: .26rem;
}

.left_log a {
	display: block;
	text-align: left;
	line-height: .36rem;
	font-size: .18rem;
	padding-left: .3rem;
	color: #fff;
}

.right_log {
	margin-right: .4rem;
	width: 2rem;
	float: right;
	background: url(../../images/forget.png) no-repeat;
	background-position: .9rem;
	background-size: .26rem;
}

.right_log a {
	display: block;
	text-align: right;
	line-height: .36rem;
	font-size: .18rem;
	color: #fff;
}

/***********end login*********/
/**********注册***********/
.res {
	width: 100%;
	height: auto;
}

.res h1 {
	font-size: .24rem;
	text-align: center;
	line-height: .4rem;
	margin-bottom: .2rem;
}

.res .bd {
	box-sizing: border-box;
	border: 1px solid #e1e0e2;
	height: .5rem;
	background: #fff;
	margin-bottom: .2rem;
}

.res .bd input {
	border: transparent;
	height: .46rem;
	outline: none;
	width: 4rem;
	padding-left: .2rem;
	font-size: 0.16rem;
}

.res .bd select {
	border: transparent;
	height: .46rem;
	outline: none;
	width: 100%;
	padding-left: .2rem;
}

.res .bd select option {
	width: 100%;
}

.res .button {
	height: .6rem;
	text-align: center;
	color: #fff;
	background: #ff6705;
	font-size: .22rem;
	line-height: .6rem;
	margin: .1rem 0 .1rem;
	clear: both;
}

.res .bd.w-13 {
	width: 2.6rem;
	float: left;
}

.res .bd.w-13 input.w-12 {
	width: 2.3rem;
}

.res .bd.w-14 {
	width: 1.6rem;
	float: right;
	background: #ff6705;
}

.res .bd.w-14 p {
	text-align: center;
	font-size: .16rem;
	color: #454545;
	line-height: .5rem;
	color: #fff;
}

.res .go_login {
	margin: .4rem 0 .2rem;
	height: auto;
	background: url(../../images/res_user.png) no-repeat;
	background-position: 1.2rem;
	background-size: .2rem;
}

.res .go_login a {
	display: block;
	text-align: center;
	font-size: .2rem;
}

/**********end 注册**********/
/*************member************/
.user {
	width: auto;
	height: auto;
	text-align: center;
}

.user .user_img {
	width: 100%;
	height: 1.2rem;
	background-position: center;
	background-size: 1.2rem;
	background-repeat: no-repeat;
}

.user .user_mess p {
	font-size: .22rem;
	text-align: center;
	line-height: .36rem;
	color: #a4a4a4;
}

.user .user_mess {
	margin-bottom: .2rem;
}

.user_menu {
	width: 100%;
	height: auto;
}

/*.user_menu li:nth-child(1){background-image:url(../../images/user_1.png) ;}
.user_menu li:nth-child(2){background-image:url(../../images/user_2.png) ;}
.user_menu li:nth-child(3){background-image:url(../../images/user_3.png) ;}
.user_menu li:nth-child(4){background-image:url(../../images/user_4.png) ;}
.user_menu li:nth-child(5){background-image:url(../../images/user_5.png) ;}*/
/*.user_ li:nth-child(1){background-image:url(../../images/user_2.png) ;}*/
/*.user_menu li:nth-child(1){background-image:url(../../images/user_6.png) ;}*/
.user_menu li:nth-child(1) {
	background-image: url(../../images/user_4.png);
}

.user_menu li:nth-child(2) {
	background-image: url(../../images/user_5.png);
}

.user_menu li:nth-child(3) {
	background-image: url(../../images/user_3.png);
}


.user_menu li {
	display: block;
	box-sizing: border-box;
	height: .6rem;
	background-color: #fff;
	border: 1px solid transparent;
	background-repeat: no-repeat;
	background-size: .28rem;
	background-position: .2rem center;
	margin-bottom: .06rem;
}

.user_menu li p {
	line-height: .6rem;
	font-size: .18rem;
	padding-left: .7rem;
}

.user_menu li.active {
	border: 1px solid #cdcdcd;
	background-color: #f5f5f5;
}

.user_menu li.active p {
	color: #808080;
}

/**************member**********/
/*********离线提交**********/
.oUBox {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #dbdbdc;
	overflow: hidden;
	margin-bottom: .2rem;
}

.oUBox .oUHeader {
	width: 100%;
	height: auto;
	background: #f6f6f7;
	position: relative;
	border-bottom: 1px solid #dbdbdc;
}

.oUBox .oUHeader>p {
	line-height: .6rem;
	font-size: .18rem;
	padding-left: .32rem;
}

.oUBox .oUHeader p span {
	color: #f95004;
}

.oUBox .oUHeader:before {
	content: "";
	position: absolute;
	background: url(../../images/bg1.png) no-repeat;
	width: .2rem;
	height: .1rem;
	left: .14rem;
	top: .24rem;
}

.oUText {
	font-size: .16rem;
	padding: .2rem;
	line-height: .3rem;
}

.oUText p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-sizing: border-box;
}

/*离线提交*/
.I_details {
	padding: .2rem .2rem 0rem .2rem;
}

.I_details p {
	font-size: .16rem;
	line-height: .3rem;
}

.iDInstructions {
	font-size: .16rem;
	padding: 0 .2rem;
	line-height: .3rem;
}

.informationDE p {
	font-size: .14rem;
	padding: .1rem;
	color: #7a7a7a;
	text-indent: 2em;
	line-height: .26rem;
}

.boxod input::-webkit-input-placeholder {
	color: #ccc;
	opacity: 1;
}


.xiugaiD {
	float: left;
	width: 100%;
	padding: .1rem 0;
	position: relative;
}

.huaLeft {
	float: left;
	width: .6rem;
	height: 100%;
	padding: .1rem 0;
	background: #fa5005;
}

.huaLeft i {
	display: block;
	line-height: 1rem;
	text-align: center;
	padding-left: 0;
	font-style: normal;
	font-size: .16rem;
	color: #fff;
}

.res .bd li {
	display: block;
	padding: 0 .2rem;
	height: .46rem;
	background: #fff;
	line-height: .46rem;
	color: #000;
	font-size: .18rem;
}

.res .bd ul {
	position: absolute;
	bottom: -.47rem;
	width: 100%;
	border: 1px solid #e1e0e2;
	display: none;
	overflow-y: scroll;
	max-height: 1.4rem;
	left: -1px;
}

.res .bd ul.scroll::-webkit-scrollbar {
	display: none;
}

/*all*/
.button {
	border-radius: 8px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.button:active {
	background: rgba(255, 103, 5, .5);
}

/*去掉滑动警告Unable to preventDefault inside passive event listener due to target being treated as passive*/
*{touch-action: pan-y;}
/*卡片宽度百分百*/
.mui-card-extended{margin-left: 0px !important;margin-right: 0px !important;}
.color_red{color: red}
.color_green{color: green}
.color_yellow{color: yellow}
.color_blue{color: blue}
.color_default_bg{background-color: #efeff4}
/* 设置标题字体颜色 */
.mui-bar-nav{background-color: #2B88E5 !important;}
.mui-bar-nav a{color: white !important;font-weight: bold;}
.mui-title{color: white !important;font-weight: 800 !important;font-size: .26rem!important;}
/* 修改初始按键背景颜色 */
.mui-btn-primary{background-color: #0066b3 !important;}
.marginfoot{margin-bottom: 0.67rem;}
.mui-btn-block{padding: .1rem !important;}

/* 以下是图片预览样式 */
.mui-preview-image.mui-fullscreen{position: fixed;z-index: 20;background-color: #000;}
.mui-preview-header, 
.mui-preview-footer{position: absolute;width: 100%;left: 0;z-index: 10;}
.mui-preview-header{height: 44px;top: 0;}
.mui-preview-footer{height: 50px;bottom: 0px;}
.mui-preview-header .mui-preview-indicator{display: block;line-height: 25px;color: #fff;text-align: center;margin: 15px auto 4;width: 70px;background-color: rgba(0, 0, 0, 0.4);border-radius: 12px;font-size: 16px;}
.mui-preview-image{display: none;-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.mui-preview-image.mui-preview-in{-webkit-animation-name: fadeIn;animation-name: fadeIn;}
.mui-preview-image.mui-preview-out{background: none;-webkit-animation-name: fadeOut;animation-name: fadeOut;}
.mui-preview-image.mui-preview-out .mui-preview-header,
.mui-preview-image.mui-preview-out .mui-preview-footer{display: none;}
.mui-zoom-scroller{position: absolute;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;left: 0;right: 0;bottom: 0;top: 0;width: 100%;height: 100%;margin: 0;-webkit-backface-visibility: hidden;}
.mui-zoom{-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.mui-slider .mui-slider-group .mui-slider-item img{width: auto;height: auto;max-width: 100%;max-height: 100%;}
.mui-android-4-1 .mui-slider .mui-slider-group .mui-slider-item img{width: 100%;}
.mui-android-4-1 .mui-slider.mui-preview-image .mui-slider-group .mui-slider-item{display: inline-table;}
.mui-android-4-1 .mui-slider.mui-preview-image .mui-zoom-scroller img{display: table-cell;vertical-align: middle;}
.mui-preview-loading{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: none;}
.mui-preview-loading.mui-active{display: block;}
.mui-preview-loading .mui-spinner-white{position: absolute;top: 50%;left: 50%;margin-left: -25px;margin-top: -25px;height: 50px;width: 50px;}
.mui-preview-image img.mui-transitioning{-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;transition: transform 0.5s ease, opacity 0.5s ease;}
@-webkit-keyframes fadeIn{0%{opacity: 0;}100%{opacity: 1;}}
@keyframes fadeIn{0%{opacity: 0;}100%{opacity: 1;}}
@-webkit-keyframes fadeOut{0%{opacity: 1;}100%{opacity: 0;}}
@keyframes fadeOut{0%{opacity: 1;}100%{opacity: 0;}}
p img{max-width: 100%;height: auto;}
/* 以上是图片预览样式 */

/* 以下为实现0.5px底部边界 */
.fineLine{position: relative;}
.fineLine:before,
.fineLine:after{position: absolute;content: " ";height: 1px;width: 100%;left: 0;transform-origin: 0 0;-webkit-transform-origin: 0 0;}
/* .fineLine:before{顶部top: 0;background: #000;} */
.fineLine:after{bottom: 0;border-bottom: 1px solid gainsboro;}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5){.fineLine:after,.fineLine:before{-webkit-transform: scaleY(.667);}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){.fineLine:after,.fineLine:before{-webkit-transform: scaleY(.5);}}
/* 以上为实现0.5px底部边界 */

/* 菜单右侧图标 */
.icon-float-right{position: absolute;float: right;right: 20px;top:8px;font-size: .3rem;}  
.imglist{height: 100%;width: 100%;}
/* 超出的文字显示... */
.overTextHide{white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;}

/* 背景半透明 */
.bgTransparent{opacity: 0.5;filter:alpha(opacity=50);}