/**index.wxss**/
/* @import "../../utils/wxaSortPicker/wxaSortPicker.wxss"; */
page {
    background: #F2F2F2;
    padding: 0 32rpx;
    box-sizing: border-box;
    width: 100vw;
    height: 100%;
    overflow-y: hidden;
}

.search-w {
    margin-top: 32rpx;
    line-height: 70rpx;
    color: #111;
    font-size: 24rpx;
    /* margin-bottom: 36rpx; */
    position: relative;
}

.search-input {
    height: 70rpx;
    background: #FFF;
    display: block;
    border-radius: 8rpx;
    padding-left: 22rpx;
    font-size: 24rpx;
    line-height: 70rpx;
}

.result-tip {
    position: absolute;
    width: 100%;
    left: 0;
    top: 72rpx;
}

.location-w .search-input {
    padding-left: 60rpx;
    padding-right: 28rpx;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAXCAQAAAChFKcoAAAChUlEQVQYGV3BS29McRgG8HfaKaPnnP/7PP+ZM4cxGhSlRpomqmiITKpSNKqtDS1paV1KE5eF0Znp0EQrbSTuwULdNoSNaCTSiO7Eh7C34SOYZtSlv5/Msya6AVnM4Ad/4ju+4Tm7k0tkgXJjNY0sRjCCHHLIIYtR5HTA1sp/IqYBeczqJd0sc8LWaCduYxbHYp6UyTw3rtdxEz22NubJnJCUu76m9R5ybPNdKUlU2o2YwqiuSlRKBdXWejUSkXJnKTp0DKOuLyVOoGk85qAUAajjWR2wyeQSCVvDcby1SSmxSW1BXjulSDdjkrOc1gGzVkIS5g1O2xVSEl2uu5HXLikyW3AHX/FRT5g1UiaLeIPv7QopcePYibt6UkIiuhpH+YgTqFdKhRfVMb6ySfltsVejL3HN9WVR4LAK9UwBUuEEbEOeGS8m89w4J3Tc7HF9+aucKR3Ded0dODLPd7mXw7jLlPyRqNRmzKLPd6VM/gjHEtqPd9znReU308hBfaAtEpaQ/Etb8EQvcYfMqbBG+3UMR711shCr0K4vkZciKjfhlt73YlImCwWOVnMYV7k/tgx1uMlhtEtE/nJ9rUY96mIJWazNuIg7egi9/MBurIwlmDKNTLlxCQtbeQVv8ILdEpIIOvAFn/Fax01DdDk6+Aif+JBtVMEzFHgY7UxJUXQDznGCGbvd9QPHq2ErT6PA0zgg+KrXzRatdgIl1Qm89TjIVsAapbOUVXYbM8xgSDCJKbzFCHq0mU12K5s0jV2m0TRqGj3M6APMIGu3C3doJ8+gF308pcf1JC4gp5fRh17txxCGOKgn2OQEUhRx46aBR1BAAZN4qtN4jasoIIvz2oV6iUjRL+iXgaI234vYAAAAAElFTkSuQmCC) 26rpx center no-repeat;
    background-size: auto 22rpx;
    background-color: #fff;
}

.city-label {
    color: #A3A4A5;
    font-size: 24rpx;
    line-height: 34rpx;
    margin-bottom: 30rpx;
    margin-top: 36rpx;
}

.refresh-btn {
    width: 26rpx;
    height: 26rpx;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAFRElEQVRIS62WT2xbVRbGv+/eZztxmqEtSdOkiZ2QhHSogBYaJCr+ZVSkgmABYmZAtAI0CxAaQXewgBErlogNC0AIEBKIVghYzMBInapAKaBQ/hR1aOo4sWPXtHEoYRo3tt9790PPZVDUNgHUnO299/zOvfec8x1iCVtXPLrR0lwPh2FClwPoB00SkAVYEfRfAAflOKo4RufmTWG2r292MZc8e6F3cnJl4NVS1sQ2S7ic0qUC2gE0k/Si/YI8SkZkBcCPFGYE5GnMNy7UodBrPlzq6jp9tu8GrOP41y0r0NJSrwcevHg/Q3ctgb+I6iBNAKfvARwHdAJEVaJHqAXgalAdANsAJAB8K/IDK74dT9QnxtrXn1oIbMB6vssOMwi3AFwF4iqCVwpIQvgMwL8dzGeAO+kFfmAScSeQztRN6Mc8Q6TotElWt1NMA6gB3APorXz3wN5zYKli5i4K94KmE4giRQjiXw44YGm/Qg25XF9f9Xx/ET17aMNuUhsJ3ARiM2AEao+C8N355uCr8poNc9FZQoqlipmHSbMTQCekisBRQ/e4N89vxwcHa0sl0cK1dHH8TwL+THKbnGZgsNc5vNjRPZs/yM0+Ly6MrWsx9hEKjwKICyhS+sjF8Y/CmoEJkPqtsKHykdZKNf5HA/d3AleDqgl4WonEgUJ7qsT26cm1zbVgKwxvoFQWUDaOObTafblVi6fxYgGk8vlVsOHNgHYQukZOr0Pmral0/34Olcut1bDS5upBi5jIFnt65n/rTc67T/I6TmRXNwXRS/EBQDkHvFA48MVrxK5ddmDTJq/a1GSK3S/VwKfcBcKiDLfp4vhfRd5PcIOI55vjf3jmnKK+INCCw92F8W0GupfkLSDe8Bk+x97S5PqoUOuqz5XGSrMYGQmWA5g+Nr4Fwp0Atgt4z0mvMl3IfCryCKX9vnXvlLqGZpYD1l3IDpJuqwEfF7D3DKw4Pg9pDMSeAHj2WPdgcTlgUbH7sWC9Be+jcNi34R6mi9k5yJ0A8AnC8Ml87/rJ5YBFPtrK5daW2o/DAcLvVyRWTzBVyIyCTBAohOLOYk9/ZrlgUaa3jYwk434+LO2fqDE1dfQVGjMEISbyMeObg7klNOlCAmGqmNkJYRvIywQ9S4v3pzoHI1H8/dYo6EMJKplslk1GymArsZOrLvnhdKM3ritObrQIH6Jwjww+gfTSVPfg7t9PArpKpTbL+T44N0zxikjzFOpNJZu+aPTGlZOTK1tj/t0GZsfPivwfArubEsHo2eL3awH0TGU3k9hKoxslDJD4Hwye8BWORiV1RjynssOku43k3QBPy+lTR/OycTYzlUpFahsu2f0l25vLtSLu7pC0HeBVglY0lNvyb4k5dyiSqgasq1RKJlx10CF8EMAW0Fwk6UNA/6x53Heio/8kyEU7S1RTLq7r6dw9iNoTZCXVSX6DwD2cTw8eiYL9pTdGWlStecOAbhVMJDctAI4K/NIIGWcwDaNZ2XhjelLdT1qqHYadcOoFuBHAAOCaBH5AYAbUd57l7uzagekzSn2WpfJj18Gzt1O6WWAbgZqELAwKAI+BKjWOhG4laPoJXQohLTIGqURjRkXv5UpYPe7FrL/wVc6BtU8fXpGoJdaaaKZw2CJjopmxX0CMQB2A/3N8FkQCQjQ/HoN4QNLHMc98WUXzTKmzM9oXqfwv/31eiblan8emZ9a087R/iawGSKYJtUmIPr1hlJwMKxSmBRRIZFi3E7m+vuOLZe2v69muXXZoZCR5yj+5zoRm7f8dORf6pjk2PVcx5aWm4IXgnwAw6I0yDk6tIwAAAABJRU5ErkJggg==) no-repeat center center;
    background-size: 100% 100%;
    float: right;
    margin-top: 22rpx;
}

.citys-container {
    background: #fff;
    border-radius: 8rpx;
    display: flex;
    flex-wrap: wrap;

    padding: 0 32rpx;
    box-sizing: border-box;
}

.city-label-apl {
    height: 60rpx;
    line-height: 60rpx;
    color: #A3A4A5;
    font-size: 30rpx;
    padding: 0 32rpx;
    box-sizing: border-box;
    background-color: #fff;

}


.citys-container .city-item {
    width: 100%;
    height: 96rpx;
    line-height: 94rpx;
    color: #111111;
    font-size: 30rpx;
    border-bottom: 2rpx solid rgba(0, 0, 0, 0.1);
    font-weight: bold;
}
.citys-container .city-item.active{
    color: #1FE4DC;
    position: relative;
}
.citys-container .city-item.active::before{
    content: '';
    width: 28rpx;
    height: 28rpx;
    /* border: 2rpx solid #1FE4DC; */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAACcklEQVRIS+3UTUgUYRgH8P/zzm5iJ+u0rTM7q7MWtIeCztFBxUAziLIIL16iECqCoEMEHbp0kejiIegLgoQ+iA6JxAYJBQlBIETurrOzs0MSfVrp+jH/WMuw2tzV1EM45/k/v5nnfZ5XsMKPrLCHVXDJO74iLY16qcMg8na1dXnZQTOXPA/iJICRjB4LLSsYcVNdAh4HMSEa9tvh2N3lAUkx3fRFCDsBjBOyz9Gt+4WBWHqQlGgu1U3gEIAxIfbYRuzB7PTNgKabTAComGa+xTXi7xY9mqQyveQlUDoAfGUg2OqEzIdz630Hc8kBENsg6sm4Nto4EtryZcEoqZm59BWA7QQ+K3KXbdQ9+r3ODGg4Tlhpk/0gayjodT7kWxGPT5SNJhIBc6NxHcQBCD5pIs3psNVfLP/zDPVsMqYpeQwyRMFNJ2wdhIhfEh0YCJqhdTcA7gXxUYLaTjtU8/RvuV+GJuq+2kpoCYBVBLodPXZkPjA+OLhmtKqiR4jdAN5rvjSlI9az+TJ/TKnhpbcr3+8FUAngXEaPnS5WIDY0VDFZqW4BbCb4ViTYmKmOPi/VkaJrEXFTLQLeBhAUyAlbt7rmFtKz2cqAyt8h0QTgjaJqGDZqX5TC5t3DiJduF9+/ChFQSYezofZaIRD2vLVBf+wewHqIvOaU3+CYdYPlYCUXP5JLHhXiAsEpFQi0T00G+jTJF/58BwBP1HS9Hd70slysJFh4IZpLnSV55kdRFm4nAlmfUu8a1tBCsLLAGTSbOkaFU/C5Hpr0qfF853Dt5sxCsbLBn4V7ejS0tU0vBprNLP3lXeJrVsF/Oa6i2f+/pd8AROHkHXZ4q0oAAAAASUVORK5CYII=)no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 0rpx;
    top: 50%;
    transform: translateY(-50%);
}
.citys-w {
    padding-bottom: 100rpx;
}

.refresh-btn.animation {}

.select-box {
    /* height: calc(100vh - 540rpx); */
    width: 100%;
    padding-bottom: 20rpx;
    box-sizing: border-box;
    position: relative;
    background: #eee;
}

.select-box .loacation-box {
    width: 100%;
    height: 100%;
    display: flex;
}

.select-box .loacation-box .states-side {
    width: 34%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 8rpx 0px 0px 8rpx;
}

.select-box .loacation-box .states-item {
    width: 100%;
    height: 96rpx;
    border-radius: 8rpx 0rpx 0rpx 8rpx;
    font-size: 30rpx;
    color: #111111;
    padding: 0 0 0 32rpx;
    box-sizing: border-box;
    line-height: 96rpx;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select-box .loacation-box .states-item.active {
    background: #ffffff;
    position: relative;
}

.select-box .loacation-box .states-item.active::before {
    content: "";
    width: 8rpx;
    height: 32rpx;
    background: #1FE4DC;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.select-box .loacation-box .city-side {
    width: 66%;
    height: 100%;
    border-radius: 0px 8rpx 8rpx 0px;
    overflow-y: auto;
}

/* 锚点 */
.btn_jump {
    font-size: 12px;
    text-align: center;
    position: absolute;
    z-index: 9;
    top: 50%;
    transform: translateY(-50%);
    right: -32rpx;
    width: 32rpx;
}

.btn_jump .btn_item {
    /* border: 1rpx solid #aaa; */
    /* margin-bottom: 30rpx; */
    font-size: 20rpx;
    color: #646566;
}
.btn_jump  .btn_item.active{
    color: #1FE4DC;
}

.jump_list {
    position: relative;
    height: 100%;
}

.list_item {
    height: 80rpx;
}

.list_item:nth-of-type(even) {
    background: #f8f8f8;
}

.histroy-city {}

.histroy-city .history-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hitstroy-destory {
    font-size: 24rpx;
    color: #666;
}

.histroy-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.histroy-box .history-item {
    width: 218rpx;
    height: 70rpx;
    background: #FFFFFF;
    border-radius: 8rpx;
    text-align: center;
    line-height: 70rpx;
    margin-right: 16rpx;
    margin-bottom: 16rpx;
    padding: 0 19rpx;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
}

.histroy-box .history-item:nth-of-type(3n) {
    margin-right: 0rpx;
}