.banner {
    margin-bottom: 10px
}

.scheme_flow {
    width: 800px;
}

.right {
    width: 390px
}
.scheme_flow .select_bar{
    box-shadow: 0px 2px 12px 1px rgba(226, 226, 254, 0.42);
    padding: 0 14px;
    margin-bottom: 12px;
}
.scheme_flow .select_bar p a{
    cursor: pointer;
}
.scheme_flow .select_bar .page_type{
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #F2F2F2;
    position: relative;
    padding-left: 14px;
}
.mod_tit{position: relative; height: 44px;line-height: 44px;margin: 0 10px;padding-left: 14px;font-size: 16px;font-weight: 500;border-bottom: 1px solid #f2f2f2}
.scheme_flow .select_bar .page_type::before,
.mod_tit::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top:-8px;
    width: 3px ;
    height: 16px;
    background: var(--themeColor)
}
.scheme_flow .select_bar .page_type a{
    margin-right: 46px;
    box-shadow: 0 0 0;
    display: inline;
    color: #999;
}
.scheme_flow .select_bar .page_type a.active{
    color: var(--themeColor);
    font-size: 16px;
    background: #fff;
}
.scheme_flow .select_bar .rank_type{height: 40px;line-height: 40px}
.scheme_flow .select_bar .rank_type a{
    margin-right: 40px;
    padding: 2px 6px;
    display: inline;
    box-shadow: 0 0 0;
    color: #999;
}
.scheme_flow .select_bar .rank_type a.active,
.scheme_flow .select_bar .rank_type a:hover{
    background: var(--themeColor);
    color: #fff;
    border-radius: 3px;
}
.scheme_flow ul{padding:0 20px}

.banner{margin-bottom: 10px;height: 128px;background: #fff;overflow: hidden}
.banner ul{height: 100%}
.banner li{height: 100%;}
.banner a,
.banner a img{display: block;width: 100%;height: 100%;}

.experts_flow{margin-bottom:10px;}
.experts_flow .rank_type,
.experts_flow .fixture_type{height: 40px;line-height: 40px;color: #999}
.experts_flow>div{overflow: hidden}
.experts_flow .fixture_type{position: relative;padding-left: 14px;margin: 0 10px;}
.experts_flow .fixture_type::before{content: "";position: absolute;left: 0;top:50%;margin-top:-8px;height: 16px;width: 4px;background: var(--themeColor)}
.experts_flow .fixture_type span{margin-right: 36px;cursor: pointer}
.experts_flow .fixture_type .active{font-size: 16px;color: #202020}
.experts_flow .record_day_change{font-size: 12px;line-height: 40px;padding-right: 12px;}
.experts_flow .record_day_change span{cursor: pointer;color: #999;}
.experts_flow .record_day_change span:first-child::after{content: "|";margin: 0 6px; color: #ddd;}
.experts_flow .record_day_change .active{color:var(--themeColor);}

.experts_flow .rank_type{font-size: 12px;box-shadow: 0px 2px 12px 1px rgba(226, 226, 254, 0.42);padding: 0 10px;text-align: center;margin-bottom: 10px;border-top: 1px solid #f2f2f2;}
.experts_flow .rank_type span{border-radius: 3px;padding: 3px 10px;cursor: pointer;}
.experts_flow .rank_type span:not(:last-child){margin-right: 68px;}
.experts_flow .rank_type span.active,
.experts_flow .rank_type span:hover{background:var(--themeColor);color: #fff;}
.experts_item{padding: 12px 0;margin: 0 12px}
.experts_item:not(:last-child){border-bottom: 1px solid #f2f2f2;}
.experts_item .rank_num{width: 24px;text-align: center;;line-height: 3;color: #777;font-size: 13px;display: inline-block}
.experts_item .rank_num img{width: 22px;vertical-align: middle}
.experts_item .photo{width: 40px;height: 40px;border-radius: 50%;vertical-align: middle;object-fit: cover}
.experts_item .collect_btn{font-size: 12px;background: var(--themeColor);cursor:pointer;color:#fff;border-radius: 3px;padding: 2px;margin-top: 10px;width: 62px;text-align: center;}
.experts_item .collected{background: #f5f5f5;color: #999;border: 1px solid #ddd;}