html{height:100%;}.area-select-box{width:100%;height:100%;position:fixed;top:0;z-index:1000;overflow:hidden;display:none}.area-select-background{width:100%;height:100%;background-color:black;opacity:0.7;}.area-select-obj{position:absolute;top:0;width:78.4%;height:101%;background-color:#fefefe;display:table;border:0.02rem solid #eee;font-size:0.28rem;-webkit-transform:translate3d(27.6%,0px,0px);-moz-transform:translate3d(27.6%,0px,0px);-ms-transform:translate3d(27.6%,0px,0px);-o-transform:translate3d(27.6%,0px,0px);transform:translate3d(27.6%,0px,0px);-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}.area-mark{-webkit-transform:translate3d(128%,0px,0px);-moz-transform:translate3d(128%,0px,0px);-ms-transform:translate3d(128%,0px,0px);-o-transform:translate3d(128%,0px,0px);transform:translate3d(128%,0px,0px)}.area-select-obj .area-select{display:table-cell;height:100%;position:relative}.area-province{width:33%;background:white}.area-city{width:33%;}.area-town{width:33%;}.hideer .area-city{width:0;display:none}.area-select-province li{background:white;border-right:0.02rem solid #eee}.area-select-province li.on{background:#f8f8f8;border-right:0;color:#ef5f47;}.area-select-city li{background:white;border-right:0.02rem solid #eee}.area-select-city li.on{background:#f8f8f8;border-right:0;color:#ef5f47;}.area-select-town li{background:white}.area-select-town li.on{background:#f8f8f8;border-right:0;color:#ef5f47;}.area-select-province li.on .area-select-option{color:#ef5f47;}.area-select-option{margin:0 0.2rem;border-bottom:0.02rem solid #f7f7f7;line-height:0.4rem;padding:0.2rem 0;}.area-select li:last-child .area-select-option{border:none}.area-select-option > span{margin-right:0.08rem;color:#c7c7c7;}.area-select-province li.on .area-select-option > span{color:#ef5f47;}.area-select-city,.area-select-province,.area-select-town{width:100%;position:absolute;top:0;}.area-select-city{background:#fff}.area-select-city li.on{color:#ef5f47;}.area-select-town li.on{color:#ef5f47;}.area-select .area-background-tab{background:#ececec}.transition-select{-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out}.area-select::after{display:none}