html{-moz-box-sizing:border-box;box-sizing:border-box}*,:after,:before{margin:0;padding:0;-moz-box-sizing:inherit;box-sizing:inherit;-webkit-tap-highlight-color:transparent}.lc-city-select{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;width:100%;height:100%}.lc-city-select.lc-show{display:block}.lc-city-select.lc-show .lc-city-mask{-webkit-animation:fadeIn .3s both;animation:fadeIn .3s both}.lc-city-select.lc-show .lc-city-body{-webkit-animation:tranY .3s both;animation:tranY .3s both}.lc-city-select.lc-close .lc-city-mask{-webkit-animation:fadeIn-close .3s both;animation:fadeIn-close .3s both}.lc-city-select.lc-close .lc-city-body{-webkit-animation:tranY-close .3s both;animation:tranY-close .3s both}.lc-city-mask{position:relative;z-index:1;width:100%;height:100%;background-color:rgba(0,0,0,.4)}.lc-error-tip{display:none;position:absolute;top:50%;left:50%;z-index:9;margin-left:-60px;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.4);padding:6px;width:120px;text-align:center;font-size:16px;color:#fff;background-color:rgba(0,0,0,.6)}.lc-error-tip.lc-show{display:block;-webkit-animation:tranY .3s both;animation:tranY .3s both}.lc-city-body{overflow:hidden;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;position:absolute;bottom:0;left:0;z-index:2;height:76%;background-color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lc-city-body,.lc-city-body .lc-titile{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;width:100%}.lc-city-body .lc-titile{-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;height:40px;line-height:40px;border-bottom:1px solid #d9d9d9}.lc-city-body .lc-titile .lc-top-title{font-size:16px;font-weight:400;color:#666}.lc-city-body .lc-titile .lc-btn{border:0;padding:0 16px;font-size:16px;color:#66b1ff;background-color:rgba(0,0,0,0);outline:none;cursor:pointer}.lc-city-body .lc-nav-wrap{position:relative;z-index:3;border-bottom:1px solid #d9d9d9;padding-left:10px;height:40px;line-height:40px;white-space:nowrap;cursor:pointer}.lc-city-body .lc-nav-wrap .lc-nav{position:relative;display:inline-block;padding:0 10px;max-width:33.33%;font-size:14px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.lc-city-body .lc-nav-wrap .lc-nav:after{content:"";position:absolute;bottom:1px;left:20%;z-index:3;border-radius:2px;width:60%;height:2px;background-color:#66b1ff;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center;transform-origin:center;-webkit-transition:all .3s;transition:all .3s}.lc-city-body .lc-nav-wrap .lc-nav.active{color:#66b1ff}.lc-city-body .lc-nav-wrap .lc-nav.active:after{-webkit-transform:scale(1);transform:scale(1)}.lc-city-body .lc-nav-wrap .lc-line{position:absolute;bottom:0;left:0;width:33.33%;height:2px;background-color:#66b1ff;z-index:2}.lc-city-body .lc-center{-webkit-box-flex:0;-webkit-flex:0 0 1;-moz-box-flex:0;flex:0 0 1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;height:100%;background-color:#fff;-webkit-transition:all .3s;transition:all .3s}.lc-city-body .lc-center.tranx{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.lc-city-body .lc-ul{overflow:hidden;-webkit-box-flex:0;-webkit-flex:0 0 50%;-moz-box-flex:0;flex:0 0 50%;width:50%;border-right:1px solid #f5f5f5}.lc-city-body .lc-ul:nth-child(2){background-color:#f5f5f5}.lc-city-body .lc-ul:nth-child(2) .lc-li{border-color:#e5e5e5}.lc-city-body .lc-scroll{padding:0 20% 0 10%;width:110%;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.lc-city-body .lc-scroll .lc-li{position:relative;border-bottom:1px solid #f5f5f5;width:100%;height:40px;font-size:14px;color:#787878;line-height:40px;list-style:none;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.lc-city-body .lc-scroll .lc-li:after,.lc-city-body .lc-scroll .lc-li:before{display:none;content:"";position:absolute;top:50%;border-radius:2px;width:8px;height:2px;background-color:#66b1ff}.lc-city-body .lc-scroll .lc-li:before{right:16px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.lc-city-body .lc-scroll .lc-li:after{right:4px;width:16px;-webkit-transform:translateY(-2px) rotate(-45deg);transform:translateY(-2px) rotate(-45deg)}.lc-city-body .lc-scroll .lc-li.active{color:#66b1ff}.lc-city-body .lc-scroll .lc-li.active:after,.lc-city-body .lc-scroll .lc-li.active:before{display:block}@media (min-width:768px){.lc-city-mask{display:none}.lc-city-select{position:absolute;max-width:440px;width:440px;height:440px}.lc-city-select .lc-city-body{border-radius:6px;box-shadow:0 0 10px 2px rgba(0,0,0,.3);height:440px}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes tranY{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes tranY{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes fadeIn-close{0%{opacity:1}to{opacity:0}}@keyframes fadeIn-close{0%{opacity:1}to{opacity:0}}@-webkit-keyframes tranY-close{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes tranY-close{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}