/* 动画特效*/
/*订单管理系统*/
.zc_page_manager_ico.current img{-webkit-animation:managerComputer 2s ease-out; 
                  -moz-animation:managerComputer 2s ease-out; 
				  -o-animation:managerComputer 2s ease-out;
				  animation:managerComputer 2s ease-out;
				   -ms-animation:managerComputer 2s ease-out;
                  }
.zc_page_manager_desc.current #textTitle{-webkit-animation:managerTitle 2s ease-out; 
                 -moz-animation:managerTitle 2s ease-out; 
				  -o-animation:managerTitle 2s ease-out;
				  animation:managerTitle 2s ease-out;
				   -ms-animation:managerTitle 2s ease-out;
                 }
.zc_page_manager_desc.current #textList{-webkit-animation:managerText 2s ease-out; 
                 -moz-animation:managerText 2s ease-out; 
				  -o-animation:managerText 2s ease-out;
				  animation:managerText 2s ease-out;
				   -ms-animation:managerText 2s ease-out;
                 }
 .zc_page_settlement_ico.current img{
 	            -webkit-animation:settleCompute 2s ease-out; 
                 -moz-animation:settleCompute 2s ease-out; 
				  -o-animation:settleCompute 2s ease-out;
				  animation:settleCompute 2s ease-out;
				   -ms-animation:settleCompute 2s ease-out;
                 }      
 .zc_page_settlement_desc.current{
 	             -webkit-animation:settleDesc 2s ease-out; 
                 -moz-animation:settleDesc 2s ease-out; 
				  -o-animation:settleDesc 2s ease-out;
				  animation:settleDesc 2s ease-out;
				  -ms-animation:settleDesc 2s ease-out;
 }
  .zc_page_transport_ico.current img.phone1{
 	            -webkit-animation:transportPhone1 2s ease-out; 
                 -moz-animation:transportPhone1 2s ease-out; 
				  -o-animation:transportPhone1 2s ease-out;
				  animation:transportPhone1 2s ease-out;
				   -ms-animation:transportPhone1 2s ease-out;
                 }  
  .zc_page_transport_ico.current img.phone2{
 	            -webkit-animation:transportPhone2 2s ease-out; 
                 -moz-animation:transportPhone2 2s ease-out; 
				  -o-animation:transportPhone2 2s ease-out;
				  animation:transportPhone2 2s ease-out;
				   -ms-animation:transportPhone2 2s ease-out;
                 }      
 .zc_page_transport_desc.current{
 	             -webkit-animation:transportDesc 2s ease-out; 
                 -moz-animation:transportDesc 2s ease-out; 
				  -o-animation:transportDesc 2s ease-out;
				  animation:transportDesc 2s ease-out;
				  -ms-animation:transportDesc 2s ease-out;
 }     
/*管理电脑移动*/
@-webkit-keyframes managerComputer{
	  0%{left:-100%;opacity:0;}
	  10%{left:-78%;opacity:.5;}
	  50%{left:-35%;opacity:0.7;}
	  90%{left:5%;opacity:0.9;}
	  100%{left:0%;opacity:1;}
}
@-moz-keyframes managerComputer{
	  0%{left:-100%;opacity:0;}
	  10%{left:-78%;opacity:.5;}
	  50%{left:-35%;opacity:0.7;}
	  90%{left:5%;opacity:0.9;}
	  100%{left:0%;opacity:1;}
}
@-o-keyframes managerComputer{
	  0%{left:-100%;opacity:0;}
	  10%{left:-78%;opacity:.5;}
	  50%{left:-35%;opacity:0.7;}
	  90%{left:5%;opacity:0.9;}
	  100%{left:0%;opacity:1;}
}
@-ms-keyframes managerComputer{
	  0%{left:-100%;opacity:0;}
	  10%{left:-78%;opacity:.5;}
	  50%{left:-35%;opacity:0.7;}
	  90%{left:5%;opacity:0.9;}
	  100%{left:0%;opacity:1;}
}
@keyframes managerComputer{
	  0%{left:-100%;opacity:0;}
	  10%{left:-78%;opacity:.5;}
	  50%{left:-35%;opacity:0.7;}
	  90%{left:5%;opacity:0.9;}
	  100%{left:0%;opacity:1;}
}
/*管理电脑-文字移动*/
@-webkit-keyframes managerTitle{
	  0%{left:100%;opacity:0;}
	  10%{left:78%;opacity:.5;}
	  50%{left:35%;opacity:0.7;}
	  90%{left:-3%;opacity:0.9;}
	  100%{left:0%;opacity:1;}
	}
@-moz-keyframes managerTitle{
	  0%{left:100%;opacity:0;}
	  10%{left:78%;opacity:.5;}
	  50%{left:35%;opacity:0.7;}
	  90%{left:-3%;opacity:0.9;}
	  100%{left:0%;opacity:1;}
	}
@-o-keyframes managerTitle{
	  0%{left:100%;opacity:0;}
	  10%{left:78%;opacity:.5;}
	  50%{left:35%;opacity:0.7;}
	  90%{left:-3%;opacity:0.9;}
	  100%{left:0%;opacity:1;}
	}
@-ms-keyframes managerTitle{
	  0%{left:100%;opacity:0;}
	  10%{left:78%;opacity:.5;}
	  50%{left:35%;opacity:0.7;}
	  90%{left:-3%;opacity:0.9;}
	  100%{left:0%;opacity:1;}
	}
@keyframes managerTitle{
	  0%{left:100%;opacity:0;}
	  10%{left:78%;opacity:.5;}
	  50%{left:35%;opacity:0.7;}
	  90%{left:-3%;opacity:0.9;}
	  100%{left:0%;opacity:1;}
	}
@-webkit-keyframes managerText{
	  0%{opacity:0;}
	  10%{opacity:.5;}
	  50%{opacity:0.7;}
	  90%{opacity:0.9;}
	  100%{opacity:1;}
	}
@-moz-keyframes managerText{
	  0%{opacity:0;}
	  10%{opacity:.5;}
	  50%{opacity:0.7;}
	  90%{opacity:0.9;}
	  100%{opacity:1;}
	}
@-o-keyframes managerText{
	  0%{opacity:0;}
	  10%{opacity:.5;}
	  50%{opacity:0.7;}
	  90%{opacity:0.9;}
	  100%{opacity:1;}
	}
@-ms-keyframes managerText{
	  0%{opacity:0;}
	  10%{opacity:.5;}
	  50%{opacity:0.7;}
	  90%{opacity:0.9;}
	  100%{opacity:1;}
	}
@keyframes managerText{
	  0%{opacity:0;}
	  10%{opacity:.5;}
	  50%{opacity:0.7;}
	  90%{opacity:0.9;}
	  100%{opacity:1;}
	}
/*结算管理-动画*/
@-webkit-keyframes settleCompute{
	  0%{-webkit-transform: scale(0.6,0.6);}
	  10%{-webkit-transform: scale(0.68,0.68);}
	  50%{-webkit-transform: scale(0.88,0.88)}
	  90%{-webkit-transform: scale(1.06,1.06);}
	  100%{-webkit-transform:scale(1,1);}
	}
@-moz-keyframes settleCompute{
	  0%{-moz-transform: scale(0.6,0.6);}
	  10%{-moz-transform: scale(0.68,0.68);}
	  50%{-moz-transform: scale(0.88,0.88)}
	  90%{-moz-transform: scale(1.06,1.06);}
	  100%{-moz-transform:scale(1,1);}
	}
@-o-keyframes settleCompute{
	  0%{-o-transform: scale(0.6,0.6);}
	  10%{-o-transform: scale(0.68,0.68);}
	  50%{-o-transform: scale(0.88,0.88)}
	  90%{-o-transform: scale(1.06,1.06);}
	  100%{-o-transform:scale(1,1);}
	}
@-ms-keyframes settleCompute{
	  0%{-ms-transform: scale(0.6,0.6);}
	  10%{-ms-transform: scale(0.68,0.68);}
	  50%{-ms-transform: scale(0.88,0.88)}
	  90%{-ms-transform: scale(1.06,1.06);}
	  100%{-ms-transform:scale(1,1);}
	}
@keyframes settleCompute{
	  0%{transform: scale(0.6,0.6);}
	  10%{transform: scale(0.68,0.68);}
	  50%{transform: scale(0.88,0.88)}
	  90%{transform: scale(1.06,1.06);}
	  100%{transform:scale(1,1);}
	}
@-webkit-keyframes settleDesc{
	  0%{top:-160px;opacity:0;}
	  10%{top:-100px;opacity:.9;}
	  50%{top:-30px;opacity:1.0;}
	  90%{top:10px;}
	  100%{top:0%;}
	}
@-moz-keyframes settleDesc{
	  0%{top:-160px;opacity:0;}
	  10%{top:-100px;opacity:.9;}
	  50%{top:-30px;opacity:1.0;}
	  90%{top:10px;}
	  100%{top:0%;}
	}
@-o-keyframes settleDesc{
	  0%{top:-160px;opacity:0;}
	  10%{top:-100px;opacity:.9;}
	  50%{top:-30px;opacity:1.0;}
	  90%{top:10px;}
	  100%{top:0%;}
	}
@-ms-keyframes settleDesc{
	  0%{top:-160px;opacity:0;}
	  10%{top:-100px;opacity:.9;}
	  50%{top:-30px;opacity:1.0;}
	  90%{top:10px;}
	  100%{top:0%;}
	}
@keyframes settleDesc{
	  0%{top:-160px;opacity:0;}
	  10%{top:-100px;opacity:.9;}
	  50%{top:-30px;opacity:1.0;}
	  90%{top:10px;}
	  100%{top:0%;}
	}
/*运输管理-动画*/
@-webkit-keyframes transportDesc{
	  0%{top:-160px;opacity:0;}
	  10%{top:-100px;opacity:.9;}
	  50%{top:-30px;opacity:1.0;}
	  90%{top:10px;}
	  100%{top:0%;}
}
@-moz-keyframes transportDesc{
	  0%{top:-160px;opacity:0;}
	  10%{top:-100px;opacity:.9;}
	  50%{top:-30px;opacity:1.0;}
	  90%{top:10px;}
	  100%{top:0%;}
}
@-o-keyframes transportDesc{
	  0%{top:-160px;opacity:0;}
	  10%{top:-100px;opacity:.9;}
	  50%{top:-30px;opacity:1.0;}
	  90%{top:10px;}
	  100%{top:0%;}
}
@-ms-keyframes transportDesc{
	  0%{top:-160px;opacity:0;}
	  10%{top:-100px;opacity:.9;}
	  50%{top:-30px;opacity:1.0;}
	  90%{top:10px;}
	  100%{top:0%;}
}
@keyframes transportDesc{
	  0%{top:-160px;opacity:0;}
	  10%{top:-100px;opacity:.9;}
	  50%{top:-30px;opacity:1.0;}
	  90%{top:10px;}
	  100%{top:0%;}
}
@-webkit-keyframes transportPhone1{
	  0%{bottom:-338px;}
	  10%{bottom:-300px;}
	  50%{bottom:-160px;}
	  90%{bottom:-40px;}
	  100%{bottom:0px;}
}
@-moz-keyframes transportPhone1{
	  0%{bottom:-338px;}
	  10%{bottom:-300px;}
	  50%{bottom:-160px;}
	  90%{bottom:-40px;}
	  100%{bottom:0px;}
}
@-o-keyframes transportPhone1{
	  0%{bottom:-338px;}
	  10%{bottom:-300px;}
	  50%{bottom:-160px;}
	  90%{bottom:-40px;}
	  100%{bottom:0px;}
}
@-ms-keyframes transportPhone1{
	  0%{bottom:-338px;}
	  10%{bottom:-300px;}
	  50%{bottom:-160px;}
	  90%{bottom:-40px;}
	  100%{bottom:0px;}
}
@keyframes transportPhone1{
	  0%{bottom:-338px;}
	  10%{bottom:-300px;}
	  50%{bottom:-160px;}
	  90%{bottom:-40px;}
	  100%{bottom:0px;}
}
@-webkit-keyframes transportPhone2{
	  0%{left:50%;}
	  100%{left:164px;}
}
@-moz-keyframes transportPhone2{
	  0%{left:50%;}
	  100%{left:164px;}
}
@-o-keyframes transportPhone2{
	  0%{left:50%;}
	  100%{left:164px;}
}
@-ms-keyframes transportPhone2{
	  0%{left:50%;}
	  100%{left:164px;}
}
@keyframes transportPhone2{
	  0%{left:50%;}
	  100%{left:164px;}
}