﻿/*---滚动条默认显示样式--*/
::-webkit-scrollbar-thumb {
    background-color: #f90;
    background: #f90;
    height:50px;
    outline-offset: -2px;
    outline: 2px solid #fff;
    -webkit-border-radius: 4px;
    border: 2px solid #fff;
    overflow-y: scroll;
    overflow-x: visible;
    -webkit-overflow-y: scroll;
}
    /*---鼠标点击滚动条显示样式--*/
    ::-webkit-scrollbar-thumb:hover {
        background-color: #F01360;
        height: 50px;
        -webkit-border-radius: 4px;
    }
/*---滚动条大小--*/
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
/*---滚动框背景样式--*/
::-webkit-scrollbar-track-piece {
    background-color: #fff;
    -webkit-border-radius: 0;
}
/*城市选择窗体*/
.citymodal{width:440px; height:auto;position:absolute;left:0;top:10px;display:none;background:white;margin:0;padding:0;clear:both;z-index:9999;box-shadow:2px 2px 3px #ccc;border:1px solid #ddd;}
/*允许输入提示*/
.allowinputtag{padding:5px 0 0 10px;color:#ccc;margin-bottom:0;}
.allowinputtag .closeicon{float:right;margin-top:-5px;cursor:pointer;}
/*Tab样式*/
.citymodal .tabs{width:100%;border-bottom:1px solid #ede7e7;}
.citymodal .tabs ul{margin:0;padding:0px;list-style:none;border-bottom:1px solid #ddd;}
.citymodal .tabs ul:after{clear:both;content:'';display:table;}
.citymodal .tabs ul li.tabitem{float:left;cursor:pointer;padding:5px 20px;border-bottom:1px solid #ddd;margin-bottom:-1px;}
.citymodal .tabs ul li.tabitem.active{color:#f90;border-color:#f90;}
.citymodal .cityitem span:first-child{display:none;}
.citymodal.countrylist .cityitem span:first-child{display:block;}
.citymodal.countrylist .cityitem:after{clear:both;content:'';display:table;}
.citymodal.countrylist .cityitem span{float:left;}
.citymodal.countrylist .cityitem span+span{float:right;}
.citymodal.countrylist .cityitem{display:block;float:none !important;width:inherit !important;}
/*城市样式*/
.citymodal #citydiv{padding:10px;height:230px;overflow-y:auto;}
.citymodal #citydiv ul{margin:0;padding:0;list-style:none;}
.citymodal #citydiv ul:after{clear:both;content:'';display:table;}
.citymodal #citydiv ul li.cityitem{float:left;padding:5px 10px;cursor:pointer;width:16.6%;}
.citymodal #citydiv ul li:hover{color:#f90;}
.citymodal #citydiv ul li.cityitem.active{color:#f90;}
/*城市筛选*/
.screendiv{padding:0;margin:0;clear:both;background-color:#ffffff;display:none;position:absolute;z-index:9999;box-shadow:2px 2px 3px #ccc;border:1px solid #ddd;}
.screendiv ul,.screendiv ul li:after{clear:both;content:'';display:table;}
.screendiv ul{margin:0;padding:0;list-style:none;display:block;max-height:300px;overflow-y:auto;}
.screendiv ul li.screenitem{padding:5px;border-bottom:1px solid #ddd;cursor:pointer;}
.screendiv ul li.screenitem .citycode{float:right;}
.screendiv ul li.nodata{padding:8px 5px;text-align:left;}
.screendiv ul li.screenitem:hover{background-color:orange;color:#ffffff;}
.screendiv b.input_keyword{color:#ff0000;}
