html,body,div,ul,li,ol,a,input,textarea,p,dl,dt,dd{margin:0;padding:0;}
ul li{list-style: none;}
a{text-decoration: none;cursor: pointer;}
html{height: 100%;}
body{height: 100%;background: #f5f5f5;position: relative;font-family: '微软雅黑';max-width: 640px;margin:auto;}
a,input,img,textarea,span,div{outline: 0;-webkit-tap-highlight-color:rgba(255,0,0,0);}
header{
width:100%;
height: 45px;
background: #ececea;
border-bottom: 1px solid #ddd;
}
header.fixed{
position: fixed;
left: 0;
top: 0;
z-index: 99;
}
.header{
margin:0 20px;
text-align: center;
color: #4e4a49;
font-size: 1em;
height: 45px;
line-height: 45px;
position: relative;
}
#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: fixed;
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;
}
.sort_box{
width: 100%;
margin-top: 0.01rem;
overflow: hidden;
background-color: #fff;
}
.sort_list{
padding:0.09rem 0.5rem 0.08rem 0.53rem;
position: relative;
/*height: 0.4rem;*/
line-height: 0.4rem;
border-bottom:1px solid #f0f2f6;
}
.sort_list .num_logo{
width: 50px;
height: 50px;
border-radius: 10px;
overflow: hidden;
position: absolute;
top: 5px;
left: 20px;
}
.sort_list .num_logo img{
width: 50px;
height: 50px;
}
.sort_list .num_name{
color: #666;
font-size: 0.16rem;
}
.sort_letter{
width: 0.14rem;
position: relative;
height: 0.19rem;
color: #1b1a20;
font-size: 0.14rem;
background-color: #eaebed;
margin-top: -0.25rem;
top: 0.25rem;
text-align: center;
line-height: 0.19rem;
left: 0.2rem;
margin-bottom: 0.05rem;
}
.initials{
position: fixed;
top: 2.5rem;
right: 0px;
height: 100%;
width: 0.25rem;
text-align: center;
font-size: 12px;
z-index: 99;
background: rgba(145,145,145,0);
}
.initials li img{
width: 14px;
}