.area_select {position: fixed; width: 100%; height: 100%; right: 0; bottom: 0; top: 0; left: 0;display:none; z-index: 99999; -webkit-transition: opacity 250ms ease-in; transition: opacity 250ms ease-in; /*pointer-events: none;*/ background: rgba(0,0,0,.8);}
.area_select:target {opacity: 1; pointer-events: auto;}
.txclose {position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; text-indent: -9999px;}
.area_select .all {position: absolute; width: 100%; max-height: 100%; bottom: 0; left: 0; right: 0; background: #fff; overflow: auto;}
.area_select .all ul {overflow: auto;height: 335px;}
.sel_btn {float: left; width: 100%; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; overflow: hidden;}
.sel_btn button {width: 45%;float: left;margin: 0 2.5%; height: 45px; line-height: 45px; color: #fff; font-size: 14px; border-radius: 5px; background: #b8a085; display: block;}
.frist_list {float: left; width: 33.33%; border-top: 1px solid #ddd; border-right: 1px solid #ddd; margin-top: -1px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; padding-bottom: 999px; margin-bottom: -999px; overflow: hidden;}
.frist_list li {float: left; position: relative; width: 100%; height: 50px; line-height: 50px; color: #333; font-size: 14px; text-indent: 20px; border-bottom: 1px solid #ddd; overflow: hidden;}
.frist_list li:after {position: absolute; content: ""; width: 12px; height: 12px; right: 12px; top: 19px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg);}
.frist_list li.sel:before {position: absolute; content: ""; width: 3px; height: 20px; left: 10px; top: 15px; background: #4ec424;}
.frist_list li.sel:after {position: absolute; content: ""; width: 12px; height: 12px; right: 12px; top: 19px; border-left: 1px solid #4ec424; border-top: 1px solid #4ec424; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg);}
.frist_list li a {float: left; width: 100%; color: #333; padding-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block;}
.frist_list li.sel a {color: #4ec424}

.second_list {float: left; width: 33.33%; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; margin: -1px 0 0 -1px; padding-bottom: 999px; margin-bottom: -999px; background: #fff; overflow: hidden;}
.second_list li {float: left; position: relative; width: 100%; height: 50px; line-height: 50px; color: #333; font-size: 14px; text-align: center; border-bottom: 1px solid #ddd; overflow: hidden;}
.second_list li:after {position: absolute; content: ""; width: 20px; height: 50px; right: 3px; top: 0; background: url(/Assets/Scripts/AreaSelector/cate_ico1.png) no-repeat right center; background-size: 20px auto;}
.second_list li.sel:after {position: absolute; content: ""; width: 20px; height: 50px; right: 3px; top: 0; background: url(/Assets/Scripts/AreaSelector/cate_ico2.png) no-repeat right center; background-size: 20px auto;}
.second_list li a {float: left; width: 100%; color: #333; padding-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block;}
.second_list li.sel a {color: #4ec424}

.third_list {float: left; width: 33.33%; border-top: 1px solid #ddd; border-left: 1px solid #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; margin: -1px 0 0 -1px; background: #fff; overflow: hidden;}
.third_list li {float: left; position: relative; width: 100%; height: 50px; line-height: 50px; color: #333; font-size: 14px; text-align: center; border-bottom: 1px solid #ddd; overflow: hidden;}
.third_list li:after {position: absolute; content: ""; width: 20px; height: 50px; right: 3px; top: 0; background: url(/Assets/Scripts/AreaSelector/cate_ico1.png) no-repeat right center; background-size: 20px auto;}
.third_list li.sel:after {position: absolute; content: ""; width: 20px; height: 50px; right: 3px; top: 0; background: url(/Assets/Scripts/AreaSelector/cate_ico2.png) no-repeat right center; background-size: 20px auto;}
.third_list li a {float: left; width: 100%; color: #333; padding-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block;}
.third_list li.sel a {color: #4ec424}

.common_list {float: left; width: 33.33%; border-top: 1px solid #ddd; border-left: 1px solid #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; margin: -1px 0 0 -1px; background: #fff; overflow: hidden;}
.common_list li {float: left; position: relative; width: 100%; height: 50px; line-height: 50px; color: #333; font-size: 14px; text-align: center; border-bottom: 1px solid #ddd; overflow: hidden;}
.common_list li:after {position: absolute; content: ""; width: 20px; height: 50px; right: 3px; top: 0; background: url(/Assets/Scripts/AreaSelector/cate_ico1.png) no-repeat right center; background-size: 20px auto;}
.common_list li.sel:after {position: absolute; content: ""; width: 20px; height: 50px; right: 3px; top: 0; background: url(/Assets/Scripts/AreaSelector/cate_ico2.png) no-repeat right center; background-size: 20px auto;}
.common_list li a {float: left; width: 100%; color: #333; padding-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block;}
.common_list li.sel a {color: #4ec424}

        .wrapHidden {
            display:none;
        }