.index-Guide {
    width: 22.025rem;
    position: absolute;
      bottom: .4125rem;
    z-index: 99999;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-animation: fade-in-bottom 1s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    animation: fade-in-bottom 1s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.index-Guide.select {
    display: none;
}

.index-Guide ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.index-Guide ul li {
    width: 3.125rem;
    height: 0.625rem;
    background: rgba(215,215,215,0.44);
    font-size: 0.2rem;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}
.index-Guide ul li a{
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;color:#FFFFFF;
}
.index-Guide ul li:hover{
    background: #9c0c13;
}

.index-Guide ul li img {
    width: 0.2875rem;
    height: 0.2875rem;
    object-fit: contain;
    position: absolute;
    left: 0.15rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.index-Guide ul li ul {
    display: none;
    position: absolute;
    bottom: 0.6375rem;
    width: 100%;
    padding: 0.1875rem 0 0.1875rem 0;
    background: #ffffff;
}

.index-Guide ul li ul li {
    width: 100%;
    background: #ffffff;
    color: #333333;
    justify-content: center;
    box-sizing: border-box;
    font-size: 0.1875rem;
    box-sizing: border-box;
}

.index-Guide ul li ul li:hover{
background:#F2F2F2;
}
.index-Guide ul li ul li a {
    width: 100%;
    height: 100%;
    display: block;
    color: #333333;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content:center;
position: absolute;
}

.index-Guide ul li ul li.select:nth-child(2) a {
    background: url(../img/scrollGuide/shuju.png) left 0.325rem center no-repeat;
    background-size: 0.325rem .325rem;
}

.index-Guide ul li ul li.select:nth-child(3) a {
    background: url(../img/scrollGuide/xiaoli.png) left 0.325rem center no-repeat;
    background-size: 0.325rem .325rem;
}

.index-Guide ul li ul li.select:nth-child(4) a {
    background: url(../img/scrollGuide/ditu.png) left 0.325rem center no-repeat;
    background-size: 0.325rem .325rem;
}

.index-Guide ul li ul li.select:nth-child(5) a {
    background: url(../img/scrollGuide/xiaozhangxinxiang.png) left 0.325rem center no-repeat;
    background-size: 0.325rem .325rem;
}

.index-Guide ul li ul li.select:nth-child(6) a {
    background: url(../img/scrollGuide/tushuziliao.png) left 0.325rem center no-repeat;
    background-size: 0.325rem .325rem;
}

.index-Guide ul li ul li.select:nth-child(7) a {
    background: url(../img/scrollGuide/bowuguan.png) left 0.325rem center no-repeat;
    background-size: 0.325rem .325rem;
}

.index-Guide ul li ul li.select:nth-child(8) a {
    background: url(../img/scrollGuide/fuwubaozhang.png) left 0.325rem center no-repeat;
    background-size: 0.325rem .325rem;
}

.index-Guide ul li ul li.select:nth-child(9) a {
    background: url(../img/scrollGuide/zhaobiaocaigou.png) left 0.325rem center no-repeat;
    background-size: 0.325rem .325rem;
}

.index-Guide ul li ul li img {
    width: 0.325rem;
    height: 0.325rem;
    object-fit: contain;
    position: absolute;
}

.index-Guide ul li ul li:hover a {
    color: #9c0c13;
}

.index-Guide ul li ul li.select:nth-child(2):hover a {
    background: url(../img/scrollGuide/shuju_hover.png) left 0.325rem center no-repeat;
    background-size: 0.325rem .325rem;
}

.index-Guide ul li ul li.select:nth-child(3):hover a {
    background: url(../img/scrollGuide/xiaoli_hover.png) left 0.325rem center no-repeat;
    background-size: 0.325rem .325rem;
}

.index-Guide ul li ul li.select:nth-child(4):hover a {
    background: url(../img/scrollGuide/ditu_hover.png) left 0.325rem center no-repeat;
    background-size: 0.325rem .325rem;
}

.index-Guide ul li ul li.select:nth-child(5):hover a {
    background: url(../img/scrollGuide/xiaozhangxinxiang_hover.png) left 0.325rem center no-repeat;
    background-size: 0.325rem .325rem;
}

.index-Guide ul li ul li.select:nth-child(6):hover a {
    background: url(../img/scrollGuide/tushuziliao_hover.png) left 0.325rem center no-repeat;
    background-size: 0.325rem .325rem;
}

.index-Guide ul li ul li.select:nth-child(7):hover a {
    background: url(../img/scrollGuide/bowuguan_hover.png) left 0.325rem center no-repeat;
    background-size: 0.325rem .325rem;
}

.index-Guide ul li ul li.select:nth-child(8):hover a {
    background: url(../img/scrollGuide/fuwubaozhang_hover.png) left 0.325rem center no-repeat;
    background-size: 0.325rem .325rem;
}

.index-Guide ul li ul li.select:nth-child(9):hover a {
    background: url(../img/scrollGuide/zhaobiaocaigou_hover.png) left 0.325rem center no-repeat;
    background-size: 0.325rem .325rem;
}

.index-Guide ul li:hover ul {
    display: block;
    -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.scroll-notificationTrailer,
.scroll-roleModel,
.scroll-mediaAttentio {
    margin: 0 0 0 0;
}

.scroll-search {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999999;
    display: none;
}

.scroll-search .section {
    width: 13.7375rem;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 3.675rem;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.scroll-search .section .title {
    font-size: 0.5375rem;
    color: #ffffff;
    text-align: center;
    padding-bottom: 0.5375rem;
}

.scroll-search .section div.content {
    display: flex;
}

.scroll-search input[type="text"] {
    width: 11.75rem;
    height: 0.775rem;
    border: none;
    background: #ffffff;
    border-radius: 0.5375rem 0 0 0.5375rem;
    outline: none;
    text-indent: 0.5375rem;
    font-size: 0.25rem;
    color: #929292;
}

.scroll-search input[type="button"] {
    width: 1.9875rem;
    height: 0.775rem;
    font-size: 0.2875rem;
    color: #ffffff;
    background: url(../img/scrollGuide/sousuo.png) #9c0c13 left 0.3625rem center no-repeat;
    background-size: 0.375rem 0.3875rem;
    border: none;
    border-radius: 0 0.5375rem 0.5375rem 0;
    text-indent: 0.1375rem;
}

.scroll-search-hide {
    position: absolute;
    top: 0.6625rem;
    right: 0.4625rem;
    cursor: pointer;
}

.scroll-search-hide img {
    width: 0.3125rem;
}