@charset "utf-8";
/* CSS Document */
 .sel{width: 20%; }
  .span5{float: right;}
  .search{position: absolute;} 
  #deleteAll,#returnIndex{
  	  width:50px;
  	  height:30px;
  	  line-height:30px;
  	  float:left;
  	  font-size:12px;
  	  border:1px solid #cdcdcd;
  	  border-radius:3px;
  	  text-align:center;
  	  cursor:pointer;
  	  margin-bottom:5px;
  }
  #returnIndex{
	display:none;  
  }
  #returnIndex>a{
	display:inline-block;
	width:100%;
	height:100%;  
  }
  #deleteAll>img,#returnIndex img{
	width:20%;	
	display:inline-block;
 }
  #deleteAll>span,#returnIndex span{
		vertical-align:middle;  
  }
 table{text-align:left;}
 table[id*="progress"] tbody>tr>td table{min-width:100% !important;}
 table[id*="progress"] tbody>tr>td table td{border:1px solid #cdcdcd !important;text-align:left;}
 table[id*="area"] tbody>tr>td{display:inline-block;width:10%;}
 table[id*="area"] tbody>tr>td div{border:1px solid #cdcdcd;width:100%;height:60px;line-height:60px;}
 table[id*="area"] tbody>tr>td div a{display:inline-block;width:100%;height:100%;background:#5bb75b;opacity:.8;color:#fff;}
 table[id*="area"] tbody>tr>td input{display:inline-block;width:100%;padding:0;padding:5px 0;border-top:0;}
 .table th, .table td{
		text-align:center; 
		vertical-align:middle;
 }
 #progressNav{
	width:100%;
	min-height:36px; 
	border-bottom:1px solid #cdcdcd;
	background-color:#efefef;
  }
   #progressNav>ul{
	margin-left:0; 
	margin-bottom:0;
   }
   #progressNav>ul>li{
		display:inline-block;
		border-right:1px solid #dadada;
		height:36px;
		line-height:36px;
		width:10%;
		font-weight:bold;
		cursor:pointer;
		position:relative;
		z-index:0;
		margin-left:-6px;
		text-align:center;
		vertical-align:middle;
   }
    #progressNav>ul>li a{height:100%;width:100%;display:inline-block;}

#progressNav > ul > li.pFirst {
	margin-left: 0;
}

#progressNav > ul > li a:hover, #progressNav > ul > li a.on {
	background-color: #fff;
	color: #ff6666;
	height: 37px;
}
#maskLayer{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  min-height:100%;
  background:#000;
  opacity:.9;
  z-index:9999;
  display:none;
  text-align:right;
  overflow-y: auto;
}

#maskLayer>div{position:absolute;top:8%;left:0%;background:#fff !important;z-index:999999999;width:100%;}
#maskLayer>div.choseway{text-align:right !important;}
#maskLayer div.desc,#maskLayer div.stage{width:100%;}
#maskLayer div.desc p{display:inline-block;width:8%;}
#maskLayer div.desc p span{width:50%;text-align:center;}
#maskLayer div.desc p img{width:30% !important;}
#maskLayer div.stage p{text-align:center;width:5%;height:40px;border:1px solid #cdcdcd;margin:0 auto;margin-bottom:10px;line-height:40px;}
#maskLayer div table{text-align:center;}
#maskLayer table tr td{border:1px solid #cdcdcd;}
#maskLayer table tr td input{cursor:pointer;}

@media screen and (max-width: 1358px) {
	 #maskLayer div.desc p{width:10%;}
	 #maskLayer div.desc p span{width:62%;}
	 #maskLayer div.desc p span{font-size:12px !important;}
	 #maskLayer>div{text-align:right;}
}
@media screen and (max-width: 768px) {
	 #maskLayer div.desc p{width:20%;}
	 #maskLayer div.desc p span{width:62%;}
	 #maskLayer div.desc p span{font-size:12px !important;}
	 #maskLayer>div{text-align:right;}
}
/************滑动开关样式*************/
td div.move{
	width:50px;
	height:20px;
	border-radius:11px;
	background:#fff;
	border:1px solid #ccc;	
	margin:0 auto;
	position:relative;
}
td div.move span{
	display:inline-block;
	width:50px;
	height:20px;
	border-radius:11px;	
	background:#00c853;
	position:absolute;
	left:0;
	top:0;
	display:none;
}
td div.move a{
	display:inline-block;
	width:18px;
	height:18px;
	border-radius:50%;
	background-color:#fff;
	border:1px solid #ccc;
	position:absolute;
	left:0;
	top:0;	
}

.blue{}
.cur{}
.orange{}

@media screen and (max-width: 1570px) {
	 #progressNav>ul>li{width:15%;}
}
@media screen and (max-width: 1150px) {
	 #progressNav>ul>li{width:18%;}
	 #progressNav>ul>li a{font-size:12px;}
}
@media screen and (max-width: 840px) {
	 #progressNav>ul>li{width:22%;}
}
@media screen and (max-width: 720px) {
	 #progressNav>ul>li{width:25%;}
}
@media screen and (max-width: 635px) {
	 #progressNav>ul>li{width:30%;}
}
@media screen and (max-width: 535px) {
	 #progressNav>ul>li{width:40%;}
}