div.search{width:300px;height:31px;border:1px solid #ececec;margin-top:50px;position:relative}
div.search input{width:90%;height:27px;float:left;border:none;text-indent:10px;color:#a6a6a6}
div.search span{width:40px;height:29px;float:right;border:none;position:absolute;top:0px;right:0px;background:url('../images/ss.png') center;background-size:29px 23px}
.content{height:auto;margin-bottom:200px;margin-top:10px}
div.title{float:left;width:100%;height:30px;line-height:30px;background:#41a7fc;color:#fff;font-size:14px}
.map{height:534px;float:right;border:1px solid #97cdf7}
#list{position:relative;height:534px;float:left}
.list_box{height:534px;float:left;border:1px solid #efefef;overflow:auto}
.list{overflow:auto;margin-top:45px}
.header1{position:absolute;left:0;top:0;z-index:99;width:100%;height:45px;background:#21a4f4}
.header1 p{margin-left:20px;height:45px;line-height:45px;color:#fff;font-size:18px;display:inline-block}
.header1 span{top:0!important;color:#fff;margin-right:20px;float:right;line-height:45px}
.content{margin-top:15px}
.header1-two{position:absolute;left:0;top:0;z-index:99;width:100%;height:45px;background:#21a4f4}
.header1-two p{margin-left:20px;height:45px;line-height:45px;color:#fff;font-size:18px;display:inline-block}
.header1-two span{float:left;color:#fff;margin-left:6px;line-height:45px}
.header1-two i{float:left;top:0!important;color:#fff;height:45px;margin-left:20px;line-height:45px}
.header1-two input{border:none;width:80%;background-color:transparent;color:#fff;margin-top:12px;margin-left:10px}
.header1-two>div{background:#21a4f4}
.sort_box-two{display:block}
.input{border-bottom:2px #fff solid;display:inline-block;height:42px;width:calc(100% - 50px)}
#letter{width:100px;height:100px;border-radius:5px;font-size:75px;color:#555;text-align:center;line-height:100px;background:rgba(145,145,145,0.6);position:absolute;left:50%;top:50%;margin:-50px 0px 0px -50px;z-index:99;display:none}
#letter img{width:50px;height:50px;float:left;margin:25px 0px 0px 25px}
[class^="sort_box"]{width:97%;overflow:hidden}
[class^="sort_list"]{padding:10px 60px 10px 80px;position:relative;line-height:50px;border-bottom:1px solid #ddd}
[class^="sort_list"] .num_logo{width:50px;height:50px;border-radius:10px;overflow:hidden;position:absolute;left:20px;top:10px}
[class^="sort_list"] .num_logo img{width:50px;height:50px}
[class^="sort_list"] .num_name{color:#000}
.sort_letter{height:30px;line-height:30px;padding-left:20px;color:#787878;font-size:14px;border-bottom:1px solid #ddd}
.initials{position:absolute;top:45px;height:100%;width:28px;padding-right:10px;text-align:center;font-size:12px;z-index:99;background:rgba(145,145,145,0)}
.initials ul{height:100%}
.initials li{cursor:pointer}
.initials li img{width:14px}
.list_box::-webkit-scrollbar {/*滚动条整体样式*/width: 4px;/*高宽分别对应横竖滚动条的尺寸*/height: 4px}
.list_box::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2)}
.list_box::-webkit-scrollbar-track {/*滚动条里面轨道*/-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:0;background:rgba(0,0,0,0.1)}
@media screen and (min-width:1054px){
.con{height:auto;width:1034px;margin:0px auto}
.content{width:1034px}
.map{width:623px;}
#list{width:390px;}
.list_box{width:390px;}
.list{width:360px;}
.initials{right:9px;}
}
@media screen and (max-width:1054px){
.con{height:auto;width:100%;margin:0px auto}
.content{width:100%}
.map{width:60%;}
#list{width:37%;}
.list_box{width:100%;}
.list{width:100%;}
.initials{right:0px;}
}
.nav > li {
    font-size: 1.75rem;
}