.mobileSelect{position:relative;z-index:0;opacity:0;visibility:hidden;-webkit-transition:all 0.4s;transition:all 0.4s}
.mobileSelect .grayLayer{background:#EEE;background:rgba(0, 0, 0, 0.7);display:block;position:fixed;top:0;left:0;bottom:0;right:0;z-index:888}
.mobileSelect .content{width:100%;display:block;position:fixed;z-index:889;color:black;-webkit-transition: all 0.4s;transition: all 0.4s;bottom:-350px;left:0;background:white;margin: 0}
.mobileSelect .content .fixWidth{position:relative}
.mobileSelect .content .fixWidth:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.mobileSelect .content .btnBar{border-bottom:1px solid #DDD;box-sizing:border-box;height:1.02rem;position:relative}
.mobileSelect .content .btnBar .cancel,.mobileSelect .content .btnBar .ensure{height:1rem;cursor:pointer;position:absolute;top:0;width:1rem;-webkit-tap-highlight-color:rgba(255,255,255,0)}
.mobileSelect .content .btnBar .cancel{background:url(../images/icon_my_close.png) no-repeat center center;background-size:0.36rem 0.36rem;left:0}
.mobileSelect .content .btnBar .ensure{background:url(../images/icon_right.png) no-repeat center center;background-size:0.38rem 0.26rem;right:0}
.mobileSelect .content .btnBar .cancel img,.mobileSelect .content .btnBar .ensure img{border:0;display:block;height:100%;width:100%}
.mobileSelect .content .btnBar .title{box-sizing:border-box;color:#666;font-size:0.28rem;padding:0.32rem 0;position:absolute;right:1.0rem;left:1.0rem;top:0;text-align:center}
.mobileSelect .content .panel:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.mobileSelect .content .panel .wheels {width:100%;height:200px;overflow:hidden}
.mobileSelect .content .panel .wheel {position: relative;z-index: 0; float: left;width: 50%;height: 200px;overflow: hidden;-webkit-transition: width 0.3s ease;transition: width 0.3s ease;}
.mobileSelect .content .panel .wheel .selectContainer {display:block;text-align:center;-webkit-transition: -webkit-transform 0.18s ease-out;transition: -webkit-transform 0.18s ease-out;transition: transform 0.18s ease-out;transition: transform 0.18s ease-out, -webkit-transform 0.18s ease-out}
.mobileSelect .content .panel .wheel .selectContainer li {font-size:15px;display: block;height: 40px;line-height: 40px;outline:none;cursor: pointer;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-webkit-tap-highlight-color:rgba(255,255,255,0)}
.mobileSelect .content .panel .selectLine {height: 40px;width: 100%;position: absolute;top: 80px;pointer-events: none;-webkit-box-sizing: border-box;box-sizing: border-box;border-top:1px solid #DDD;border-bottom:1px solid #DDD}
.mobileSelect .content .panel .shadowMask { position: absolute;top: 0;width: 100%;height: 200px;background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(rgba(255, 255, 255, 0)), to(#ffffff));background: -webkit-linear-gradient(top, #ffffff, rgba(255, 255, 255, 0), #ffffff);background: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0), #ffffff);opacity: 0.9;pointer-events: none}
.mobileSelect-show {opacity: 1;z-index: 10000;visibility: visible;}
.mobileSelect-show .content {bottom: 0}