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; }