.i-letter-index{background:#fff;border-radius:8px;box-shadow:0 4px 10px 0 rgba(123,154,183,.15);position:relative;font-size:14px;line-height:1.2;width:430px;height:530px}.i-letter-index.i-letter-index-min{height:540px}.i-letter-index.i-letter-index-min .header{height:30px;display:flex;justify-content:space-between;align-items:self-end;padding:0 5px 0 20px}.i-letter-index.i-letter-index-min .header .title{font-size:16px;color:#0e1b2e}.i-letter-index.i-letter-index-min .header .close{width:24px;height:24px;cursor:pointer}.i-letter-index.i-letter-index-min>.__letters{top:175px!important}.i-letter-index>._scroll-search{padding:10px 20px}.i-letter-index>._scroll-search>.search-input{position:relative;width:100%;height:40px;border-radius:25px;border:1px solid #e1eaf1;background:#f7fbff;display:flex}.i-letter-index>._scroll-search>.search-input>.close-icon{position:absolute;right:60px;top:50%;transform:translateY(-50%);height:20px;padding-right:20px;border-right:1px solid #e1eaf1;cursor:pointer}.i-letter-index>._scroll-search>.search-input>input{width:320px;height:100%;padding:0 40px 0 20px;border:none;background:none;font-size:14px;color:#0e1b2e}.i-letter-index>._scroll-search>.search-input>input::-moz-placeholder{color:#b4c2d2}.i-letter-index>._scroll-search>.search-input>input::placeholder{color:#b4c2d2}.i-letter-index>._scroll-search>.search-input>.i-svg{position:absolute;top:50%;transform:translateY(-50%);right:20px;width:20px;height:20px;fill:#b4c2d2}.i-letter-index>.__scroll-search-list{padding:0 20px;height:388px;overflow-x:hidden;overflow-y:auto;overflow:hidden auto}.i-letter-index>.__scroll-search-list::-webkit-scrollbar{width:4px;height:4px}.i-letter-index>.__scroll-search-list::-webkit-scrollbar-thumb{border-radius:4px;background:rgba(0,0,0,.2)}.i-letter-index>.__scroll-search-list>.__scroll-search-list-item{width:33.33%;height:40px;float:left;line-height:40px;text-align:left;cursor:pointer}.i-letter-index>.__scroll-search-list>.__scroll-search-list-item.active,.i-letter-index>.__scroll-search-list>.__scroll-search-list-item:hover{color:#2d90ff}.i-letter-index>.__scroll-search-not-data{display:flex;flex-direction:column;justify-content:center;align-items:center;height:388px}.i-letter-index>.__scroll-search-not-data>p{margin-top:10px;font-size:14px;color:#0e1b2e}.i-letter-index .__scroll-top,.i-letter-index>.__scroll{padding:0 20px;height:355px;font-size:14px;overflow-x:hidden;overflow-y:auto;overflow:hidden auto}.i-letter-index .__scroll-top.__scroll-top,.i-letter-index>.__scroll.__scroll-top{position:relative}.i-letter-index .__scroll-top.__scroll-top:before,.i-letter-index>.__scroll.__scroll-top:before{content:"";position:absolute;bottom:0;right:0;width:calc(100% - 40px);height:1px;background:#ebeef5;left:20px}.i-letter-index .__scroll-top.__scroll-top .__tops .__list .__item,.i-letter-index>.__scroll.__scroll-top .__tops .__list .__item{text-align:left}.i-letter-index .__scroll-top::-webkit-scrollbar,.i-letter-index>.__scroll::-webkit-scrollbar{width:4px;height:4px}.i-letter-index .__scroll-top::-webkit-scrollbar-thumb,.i-letter-index>.__scroll::-webkit-scrollbar-thumb{border-radius:4px;background:rgba(0,0,0,.2)}.i-letter-index .__scroll-top>.__group>.__title,.i-letter-index>.__scroll>.__group>.__title{line-height:17px;width:11px;height:14px;margin-top:12px;font-family:Microsoft YaHei UI-Bold,Microsoft YaHei UI;font-weight:700;color:#c5ccd5}.i-letter-index .__scroll-top>.__group>.__list,.i-letter-index>.__scroll>.__group>.__list{display:flex;flex-wrap:wrap}.i-letter-index .__scroll-top>.__group>.__list>.__item,.i-letter-index>.__scroll>.__group>.__list>.__item{width:33%;margin:10px 0 8px;text-align:left;color:#0e1b2e;cursor:pointer}.i-letter-index .__scroll-top>.__group>.__list>.__item.active,.i-letter-index .__scroll-top>.__group>.__list>.__item:hover,.i-letter-index>.__scroll>.__group>.__list>.__item.active,.i-letter-index>.__scroll>.__group>.__list>.__item:hover{color:#2d90ff}.i-letter-index .__scroll-top>.__tops,.i-letter-index>.__scroll>.__tops{padding:10px 0;background-color:#fff}.i-letter-index .__scroll-top>.__tops>.__list>.__item,.i-letter-index>.__scroll>.__tops>.__list>.__item{font-size:13px}.i-letter-index .__scroll-top>.__tops>.__list>.__item.active,.i-letter-index>.__scroll>.__tops>.__list>.__item.active{color:#2d90ff}.i-letter-index>.__letters{position:absolute;right:7px;top:145px;color:#c5c5c5}.i-letter-index>.__letters>.__item{width:18px;height:18px;line-height:20px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:400;font-size:12px;cursor:pointer}.i-letter-index>.__letters>.__item.active{background:rgba(45,144,255,.2);color:#2d90ff}