#index_index_wrapper {
    margin: 0 auto;
    width: 96vw;
}

#index_index_header {
    position: relative;
    margin-top: 2vw;
}

#index_index_header_logo {
    display: block;
    margin: 0 auto;
    width: 25vw;
    height: 10vw;
}

#index_index_header_bookmark {
    position: absolute;
    top: 0;
    right: 2vw;
    height: 10vw;
    line-height: 10vw;
    color: #fff;
    font-size: 4vw;
}

.index_index_sub_title {
    margin: 2vw 0 0 2vw;
    font-size: 5vw;
    line-height: 2;
    color: #fff;
}

#index_index_notice {
    position: relative;
    margin-top: 2vw;
    height: 10vw;
    background-color: #151515;
    border-radius: 2.8128vw;
}

#index_index_notice_icon {
    position: absolute;
    display: block;
    left: 2.5vw;
    top: 2.5vw;
    width: 5vw;
    height: 5vw;
}

#index_index_notice_marquee {
    position: absolute;
    display: block;
    top: 3.25vw;
    left: 10vw;
    width: 82vw;
    font-size: 3.5vw;
    line-height: 1;
    color: #fff;
}

#index_index_hot {
    margin-top: 2vw;
    padding: 1.5vw 0 4vw 0;
    background-color: #151515;
    border-radius: 2.8128vw;
}

.index_index_hot_item {
    display: block;
    float: left;
    padding-top: 2.5vw;
    width: 24vw;
    cursor: pointer;
}

.index_index_hot_item_icon {
    display: block;
    margin: 0 auto;
    width: 16vw;
    height: 16vw;
    border-radius: 2.8128vw;
}

.index_index_hot_item_name {
    line-height: 6.4vw;
    font-size: 3.1vw;
    color: #fff;
    text-align: center;
}

.index_index_hot_item_button {
    margin: 0 auto;
    width: 16vw;
    height: 5.3vw;
    border-radius: 0.93174vw;
    background: linear-gradient(to bottom, #ff0000, #920000);
    font-size: 3vw;
    line-height: 5.3vw;
    text-align: center;
    color: #fff;
}

.index_index_recommend_item {
    position: relative;
    margin-top: 2.5vw;
    width: 96vw;
    height: 24vw;
    background-color: #151515;
    border-radius: 2.8128vw;
}

.index_index_recommend_item_icon {
    position: absolute;
    display: block;
    top: 4vw;
    left: 4vw;
    width: 16vw;
    height: 16vw;
    border-radius: 2.8128vw;
}

.index_index_recommend_item_name {
    position: absolute;
    top: 4vw;
    left: 24vw;
    font-size: 4.5vw;
    line-height: 1;
    color: #fff;
}

.index_index_recommend_item_title {
    position: absolute;
    top: 10.5vw;
    left: 24vw;
    font-size: 3vw;
    line-height: 1;
    color: #868686;
}

.index_index_recommend_item_tags {
    position: absolute;
    bottom: 4vw;
    left: 24vw;
}

.index_index_recommend_item_tags_item {
    float: left;
    margin-right: 1.5vw;
    padding: 0 1vw;
    background: linear-gradient(to bottom, #FFCB26, #DD6703);
    color: #fff;
    font-size: 2.5vw;
    line-height: 1.8;
    border-radius: 0.7911vw;
}

.index_index_recommend_item_button {
    position: absolute;
    display: block;
    right: 4vw;
    top: 8.75vw;
    width: 17vw;
    border-radius: 0.93174vw;
    background: linear-gradient(to bottom, #ff0000, #920000);
    font-size: 3.3vw;
    line-height: 6.5vw;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

#index_index_footer {
    font-size: 3.3vw;
    color: #868686;
    line-height: 24vw;
    text-align: center;
}