.mobileSelect {position: relative;z-index: 0;opacity: 0;
  visibility: hidden;-webkit-transition: opacity 0.4s, z-index 0.4s;transition: opacity 0.4s, z-index 0.4s;}
.mobileSelect * {margin: 0;padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box;}
.mobileSelect .grayLayer {position: fixed;top: 0;left: 0;bottom: 0;right: 0;
  background: #eee;background: rgba(0, 0, 0, 0.7);z-index: 888;display: block;}
.mobileSelect .content {width: 100%;display: block;position: fixed;
  z-index: 889;color:#333;-webkit-transition: all 0.4s;transition: all 0.4s;bottom: -350px;left: 0;background: white;}
.mobileSelect .content .fixWidth {width: 90%;margin: 0 auto;position: relative;}
.mobileSelect .content .fixWidth:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.mobileSelect .content .btnBar {border-bottom: 1px solid #ccc;font-size: 24px;height: 80px;position: relative;text-align: center;line-height: 80px;}
.mobileSelect .content .btnBar .cancel,
.mobileSelect .content .btnBar .ensure {height: 80px;font-size: 24px;width: 55px;cursor: pointer;position: absolute;top: 0;}
.mobileSelect .content .btnBar .cancel {left: 0;color: #666;}
.mobileSelect .content .btnBar .ensure {right: 0;color:#4295e7;}
.mobileSelect .content .btnBar .title {font-size:24px;padding: 0 15%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.mobileSelect .content .panel{box-shadow:none;border:none;border-radius:0;}
.mobileSelect .content .panel:after {content: ".";display: block; height: 0;clear: both;visibility: hidden;}
.mobileSelect .content .panel .wheels {width: 100%;height: 300px; overflow: hidden;}
.mobileSelect .content .panel .wheel {position: relative;z-index: 0;float: left;width: 50%;height: 300px;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: 24px;display: block;height: 60px;line-height: 60px;
  cursor: pointer;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.mobileSelect .content .panel .selectLine {height: 60px;width: 100%;position: absolute;top: 120px;
  pointer-events: none;-webkit-box-sizing: border-box;box-sizing: border-box;
  border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.mobileSelect .content .panel .shadowMask {position: absolute;top: 0;width: 100%;height: 300px;
  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.8;pointer-events: none;}
.mobileSelect-show {opacity: 1;z-index: 10000;visibility: visible;}
.mobileSelect-show .content {bottom: 0;}