@import url('//fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

#hw-jumpbar{
    background:#ffb300;
    color:#fff;
    font-family:"Roboto",sans-serif;
    font-weight:bold;
    text-transform:uppercase;
}
#hw-jumpbar a{
    text-decoration:none;
}
#hw-jump-wrap{
    display:flex;
    transform: translate(0, 0);
}
.hw-jump-arrow-left,.hw-jump-arrow-right, .hw-jump-discover{
    height:43px;
    flex-shrink:0;
    flex-grow:0;
}
.hw-jump-arrow-left, .hw-jump-arrow-right{
    background:url('images/arrow.png') center no-repeat;
    background-size:16px 16px;
    width:73px;
}
.hw-jump-arrow-right{
    transform: rotate(180deg);
}
.hw-jump-mid{
    background:#f6960e;
}
.hw-jump-discover{
    background:#000; 
    display:flex;
    align-items:center;
    text-align:left;
    font-size:11px;
    width:146px;
    box-sizing:border-box;
    padding:0 15px;
}
.hw-jump-icon-wrap{
    display:inline-block;
    width:100%;
    position:relative;
}
.hw-jump-icon-overflow{
    width:5000px;
    position:relative;
}
.hw-jump-icon-wrap{
    height:43px;
    overflow:hidden;
}
.hw-jump-icon{
    width:73px;
    height:43px;
    float:left;
    position:relative;
    z-index:20;
}
.hw-jump-desc-box{
    display:none;
}
.hw-jump-link{
    display:none;
    width:calc(100% - 73px);
    box-sizing:border-box;
    color:#fff;
    text-decoration:none;
    padding: 0 15px;
    font-size:13px;
}
.hw-jump-img{
    width:73px;
    height:43px;
    overflow:hidden;
}
.hw-jump-descriptions{
    position:relative;
}
.hw-jump-desc-box{
    position:absolute;
    top:0;
    width: 176px;
    z-index:999;
}
.hw-jump-title{
    padding:5px;
    background:#ffb300;
    text-align:center;
    font-size:15px;
}
.hw-jump-desc-wrap{
    background:#231f20;
    padding:5px;
    font-size:10px;
}
.hw-jump-desc{
    font-weight:normal;
}
.hw-jump-down{  
    margin: 0 auto;
    width: 0; 
    height: 0; 
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    
    border-top: 20px solid #231f20}

.hw-jump-small #hw-jump-wrap{
    display:block;
}
 .hw-jump-small .hw-jump-discover,.hw-jump-small .hw-jump-icon-wrap{
    width:100%;
}.hw-jump-small .hw-jump-arrow-left,.hw-jump-small .hw-jump-arrow-right{
    margin: 0 auto;
    width:43px;
}
.hw-jump-small .hw-jump-arrow-left{
    transform: rotate(90deg);
}
.hw-jump-small .hw-jump-arrow-right{
    transform: rotate(270deg);
}
.hw-jump-small .hw-jump-discover{
    justify-content:center;
    font-size:13px;
}
.hw-jump-small .hw-jump-icon-wrap{
    height: 215px;
    overflow:hidden;
}
.hw-jump-small .hw-jump-icon-overflow{
    width:100%;
    height:5000px;

}
.hw-jump-small .hw-jump-icon{
    width:100%;
    display:flex;
    align-items:center;
}
.hw-jump-small .hw-jump-link{
    display:flex;
    align-items:center;
    height:100%;
}
.hw-jump-discover a{
    color:#fff;
}