/************************************************************************
*************************************************************************
*************************************************************************
=========================================================================
* @ description: zcity ??????
* @ author: kennen
* @ update: kennen(2017.11.01)
=========================================================================
*************************************************************************
*************************************************************************
*************************************************************************/
.zcityGroup{*zoom:1;margin-left:-0.5%;}
.zcityGroup:after{display:block;height:0;line-height:0;clear:both;visibility:hidden;content:'\0020';}
.zcityGroup .zcityItem{position:relative;z-index:0;float:left;width:32.33333333%;margin-left:1%;}
.zcityGroup .zcityItem .zcityItem-head{border:1px solid #eee;border-radius:3px;position:relative;z-index:0;padding:0 25px 0 5px;background:#fff;}
/*.zcityGroup .zcityItem .zcityItem-head:before{content:'';display:block;width:6px;height:6px;top:50%;margin-top:-3px;position:absolute;z-index:0;right:5px;background:url(../img/ico-triangle-down.png) right center no-repeat;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}*/
.zcityGroup .zcityItem .zcityItem-head .currentValue{width:100%;display:block;height:30px;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border:none;background:#fff;padding:0;}
.zcityGroup .zcityItem .zcityItem-main{position:fixed;z-index:0;left:0;top:32px;width:100%;visibility:hidden;opacity:0;background:#fff;}
.zcityGroup .zcityItem .zcityItem-main .cityContainer{height:120px;overflow-x:hidden;overflow-y:auto;border:1px solid #eee;}
.zcityGroup .zcityItem .zcityItem-main .citylist{}
.zcityGroup .zcityItem .zcityItem-main .cityTips,
.zcityGroup .zcityItem .zcityItem-main .citylist .cityitem{padding:0 10px;display:block;height:32px;line-height:32px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:left;}
.zcityGroup .zcityItem .zcityItem-main .cityTips:hover,
.zcityGroup .zcityItem .zcityItem-main .citylist .cityitem:hover{background:#f5f5f5;}
.zcityGroup .zcityItem.on .zcityItem-main{visibility:visible;opacity:1;}
/*.zcityGroup .zcityItem.on .zcityItem-head:before{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}*/