/**
    User
 */

#section_user {
    background: #FAFAFC;
    padding-top:14px;
}

#section_user #section_user_home{
    /*width:100%;*/
    /*width:1280px;*/
    margin:auto;
}

#section_user_home .content_user_info{
    display: flex;
    justify-content: space-between;

    margin: auto;
    margin-top:10px;
    width:900px;
    border-radius: 8px;
    background-color: #ffffff;
    padding: 12px 24px;
}
#section_user_home .content_user_info .content_user_info_wrap{
    display: flex;
    align-items: center;
    gap:10px;

}

#section_user_home .content_user_info .content_user_info_wrap .user_info_profile{
    width: 60px;
    display: flex;
}
#section_user_home .content_user_info .content_user_info_wrap .user_info_profile > img{
    /*max-width: 150px;
    max-height: 150px;*/
    width: 60px;
    height: 60px;
    border-radius: 10px;
}


#section_user_home .content_user_info .content_user_info_wrap .user_info_text{
    width: 300px;
    display: flex;
    flex-direction: column;
}

#section_user_home .content_user_info .content_user_info_wrap .user_info_text .user_info_text_username{
    display: block;
    font-size:24px;
    font-weight: 700;
}
#section_user_home .content_user_info .content_user_info_wrap .user_info_text .user_info_text_username .user_info_settings{
    width: 150px;
    display: inline-block;

}

#section_user_home .content_user_info .content_user_info_wrap .user_info_text .user_info_text_detail{
    display: block;

}

#section_user_home .content_user_info .user_prediction_tab {

    display: flex;
    gap:4px;

}
#section_user_home .content_user_info .user_prediction_tab .user_prediction_item{
    display: inline-flex;
    width:160px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    padding:8px;
}

#section_user_home .content_user_info .user_prediction_tab .user_prediction_item.active{
    border: 2px solid #A197FC;
}
#section_user_home .content_user_info .user_prediction_tab .user_prediction_item .user_prediction_item_inner{
    display: flex;
    align-items: center;
    gap:8px;
}

#section_user_home .content_user_info .user_prediction_tab .user_prediction_item .user_prediction_item_inner .tire_icon{
    width:48px;
    height:48px;
}

#section_user_home .content_user_info .user_prediction_tab .user_prediction_item .user_prediction_item_inner .user_prediction_item_info{
    display: flex;
    flex-direction: column;
    line-height:1.4em;
}

#section_user_home .content_user_info .user_prediction_tab .user_prediction_item .user_prediction_item_inner .user_prediction_item_info .prediction_title{

}
#section_user_home .content_user_info .user_prediction_tab .user_prediction_item .user_prediction_item_inner .user_prediction_item_info .prediction_tier{
    font-size:18px;
    font-weight:700;
}
#section_user_home .content_user_info .user_prediction_tab .user_prediction_item .user_prediction_item_inner .user_prediction_item_info .prediction_tier_participant{

    font-size:14px;
}



#section_user_home .content_user_season {
    width:100%;
    border-top: 1px solid #e0e0e0;
    margin-top:20px;
    padding-left:10px;
}
#section_user_home .content_user_season .season_title > span{
    font-weight: 600;
    font-size: 18px;
    width: 100%;
    margin-bottom: 20px;
}
#section_user_home .content_user_season .season_list{
    height:100px;
    display: block;
    text-align: center;
}
#section_user_home .content_user_season .season_list .season_item{
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    margin:10px;
    padding:20px;
    display: inline-block;
}
#section_user_home .content_user_season .season_list .season_item.active{
    border: 2px solid #A197FC;
    /*background: #FBFBFF;*/
    background: #ffffff;
}




#section_user_home .content_user_middle{
    margin-top:10px;
    display: flex;
    justify-content: center;
}

#section_user_home .content_user_middle .middle_left{
    width:300px;
    display: inline-block;
}
#section_user_home .content_user_middle .middle_left > div{
    margin-bottom: 20px;
}
/*#section_user_home .content_user_middle .middle_left .middle_left_tier{
    border-radius: 8px;
    background-color: #ffffff;
}

#section_user_home .content_user_middle .middle_left .middle_left_tier .area_title{
    -webkit-box-pack: justify;
    justify-content: space-between;
    line-height: 35px;
    padding: 0 12px;
    border-bottom: 1px solid #e0e0e0;

    font-weight: 700;
    font-size: 16px;
    color: #111;
    letter-spacing: -0.4px;
    display: flex;
    align-items: center;
}

#section_user_home .content_user_middle .middle_left .middle_left_tier .tier_info{
    display: flex;
    padding: 6px 6px;
}
#section_user_home .content_user_middle .middle_left .middle_left_tier .tier_info .tier_image{
    display: inline-block;
    width:60px;
}
#section_user_home .content_user_middle .middle_left .middle_left_tier .tier_info .tier_image img{
    width:60px;
    height:60px;
}
#section_user_home .content_user_middle .middle_left .middle_left_tier .tier_info .tier_title_area{
    display: flex;
    align-items: center;
    padding-left:6px;
    width:100px;
}
#section_user_home .content_user_middle .middle_left .middle_left_tier .tier_info .tier_title_area .tier_title{
    font-weight: 600;
    font-size: 18px;
}
#section_user_home .content_user_middle .middle_left .middle_left_tier .tier_info .tier_title_area .tier_point{
}
#section_user_home .content_user_middle .middle_left .middle_left_tier .tier_info .tier_record{
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    text-align: right;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.6em;
}*/


#section_user_home .content_user_middle .middle_left .middle_left_target{
    border-radius: 8px;
    background-color: #ffffff;
}

#section_user_home .content_user_middle .middle_left .middle_left_target .area_title{
    -webkit-box-pack: justify;
    justify-content: space-between;
    line-height: 35px;
    padding: 0 12px;
    border-bottom: 1px solid #e0e0e0;

    font-weight: 700;
    font-size: 16px;
    color: #111;
    letter-spacing: -0.4px;
    display: flex;
    align-items: center;
}

#section_user_home .content_user_middle .middle_left .middle_left_target .target_item{
    display: flex;
    border-bottom: 1px solid #e0e0e0;
    /*border-radius: 8px;*/

    padding:8px 4px;
    overflow: hidden;
}
#section_user_home .content_user_middle .middle_left .middle_left_target .target_item > a{
    display: flex;
    width:100%;
}
#section_user_home .content_user_middle .middle_left .middle_left_target .target_item .item_image{
    padding: 4px;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
}
#section_user_home .content_user_middle .middle_left .middle_left_target .target_item .item_image img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
#section_user_home .content_user_middle .middle_left .middle_left_target .target_item .item_info{
    width:250px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    /*position: relative;*/
}
#section_user_home .content_user_middle .middle_left .middle_left_target .target_item .item_info .item_title{
    display: inline-flex;
    justify-content: space-between;
    padding: 4px;
}
#section_user_home .content_user_middle .middle_left .middle_left_target .target_item .item_info .item_title .title{
    font-weight: 600;
}
#section_user_home .content_user_middle .middle_left .middle_left_target .target_item .item_info .item_title .participant_count{

}
#section_user_home .content_user_middle .middle_left .middle_left_target .target_item .item_info .item_record{
    /*height:100%;*/
    display: inline-flex;
    justify-content: space-between;
    text-align: center;
    font-size: 13px;
    padding:4px;
}
#section_user_home .content_user_middle .middle_left .middle_left_target .target_item .item_info .item_record div{
    display: flex;
    justify-content: space-between;
    width:45%;
    font-weight: 600;
    /*line-height:24px;*/
}

#section_user_home .content_user_middle .middle_left .middle_left_target .target_item .item_info .item_record div:first-child{
    display: flex;
    justify-content: space-between;
}


/*
 세로버전
 */

#section_user_home .content_user_middle .middle_left .middle_left_tier{

    border-radius: 8px;
    background-color: #ffffff;
}
#section_user_home .content_user_middle .middle_left .middle_left_tier .area_title{
    line-height: 35px;
    font-weight: 700;
    font-size: 16px;
    color: #111;
    padding: 0 12px;
}

#section_user_home .content_user_middle .middle_left .middle_left_tier .tier_info{
    display: flex;
    padding: 6px 6px;
}
#section_user_home .content_user_middle .middle_left .middle_left_tier .tier_info .tier_image{
    display: inline-flex;
    width:60px;
}
#section_user_home .content_user_middle .middle_left .middle_left_tier .tier_info .tier_image img{
    width:60px;
    max-width:60px;
    height:60px;
}
#section_user_home .content_user_middle .middle_left .middle_left_tier .tier_info .tier_title_area{
    display: inline-flex;
    align-items: center;
    /*padding-left:6px;*/
    width:100px;
}
#section_user_home .content_user_middle .middle_left .middle_left_tier .tier_info .tier_title_area .tier_title{
    font-weight: 600;
    font-size: 18px;
}
#section_user_home .content_user_middle .middle_left .middle_left_tier .tier_info .tier_title_area .tier_point{
}
#section_user_home .content_user_middle .middle_left .middle_left_tier .tier_info .tier_record{
    width:120px;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    text-align: right;
    font-size: 13px;
    line-height: 1.6em;
}
#section_user_home .content_user_middle .middle_left .middle_left_tier .tier_info .tier_record > div{
    display: inline-flex;
    justify-content: space-between;
    width:100%;
    font-weight: 600;
}



#section_user_home .content_user_middle .middle_left .middle_left_target{
    border-radius: 8px;
    background-color: #ffffff;
}

#section_user_home .content_user_middle .middle_left .middle_left_target .area_title{
    -webkit-box-pack: justify;
    justify-content: space-between;
    line-height: 35px;
    padding: 0 12px;
    border-bottom: 1px solid #e0e0e0;

    font-weight: 700;
    font-size: 16px;
    color: #111;
    letter-spacing: -0.4px;
    display: flex;
    align-items: center;
}

#section_user_home .content_user_middle .middle_left .middle_left_target .target_item.vertical{
    display: flex;
    border-bottom: 1px solid #e0e0e0;
    /*border-radius: 8px;*/

    padding:8px 4px;
    overflow: hidden;
}
#section_user_home .content_user_middle .middle_left .middle_left_target .target_item.vertical > a{
    display: flex;
}
#section_user_home .content_user_middle .middle_left .middle_left_target .target_item.vertical .item_image{
    padding: 4px;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
}
#section_user_home .content_user_middle .middle_left .middle_left_target .target_item.vertical .item_image img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
#section_user_home .content_user_middle .middle_left .middle_left_target .target_item.vertical .item_info{
    width:250px;
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    /*position: relative;*/
}
#section_user_home .content_user_middle .middle_left .middle_left_target .target_item.vertical .item_info .item_title{
    display: inline-flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding: 0 0 0 4px;
}
#section_user_home .content_user_middle .middle_left .middle_left_target .target_item.vertical .item_info .item_title .participant_count{

}
#section_user_home .content_user_middle .middle_left .middle_left_target .target_item.vertical .item_info .item_record{
    /*height:100%;*/
    width:111px;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-evenly;
    text-align: center;
    font-size: 13px;
    padding:0 4px;
}
#section_user_home .content_user_middle .middle_left .middle_left_target .target_item.vertical .item_info .item_record div{
    width:100%;
    display: inline-flex;
    justify-content: space-between;
    /*width:45%;*/
    font-weight: 600;
    /*line-height:24px;*/
}

#section_user_home .content_user_middle .middle_left .middle_left_target .target_item.vertical .item_info .item_record div:first-child{
    display: inline-flex;
    justify-content: space-between;
}







#section_user_home .content_user_middle .middle_left .middle_left_week{
    border-radius: 8px;
    background-color: #ffffff;
}

#section_user_home .content_user_middle .middle_left .middle_left_week .area_title{
    -webkit-box-pack: justify;
    justify-content: space-between;
    line-height: 35px;
    padding: 0 12px;
    border-bottom: 1px solid #e0e0e0;

    font-weight: 700;
    font-size: 16px;
    color: #111;
    letter-spacing: -0.4px;
    display: flex;
    align-items: center;
}


#section_user_home .content_user_middle .middle_left .middle_left_week .week_item{
    display: flex;
    border-bottom: 1px solid #e0e0e0;
    /*border-radius: 8px;*/

    padding:8px 4px;
    overflow: hidden;
}
#section_user_home .content_user_middle .middle_left .middle_left_week .week_item > a{
    display: flex;
}
#section_user_home .content_user_middle .middle_left .middle_left_week .week_item .item_info{
    width:100%;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    /*position: relative;*/
}
#section_user_home .content_user_middle .middle_left .middle_left_week .week_item .item_info .item_title{
    display: inline-flex;
    justify-content: space-between;
    padding: 4px;
}
#section_user_home .content_user_middle .middle_left .middle_left_week .week_item .item_info .item_title .participant_count{

}
#section_user_home .content_user_middle .middle_left .middle_left_week .week_item .item_info .item_record{
    /*height:100%;*/
    display: inline-flex;
    justify-content: space-between;
    text-align: center;
    font-size: 13px;
    padding:4px;
}
#section_user_home .content_user_middle .middle_left .middle_left_week .week_item .item_info .item_record div{
    display: flex;
    justify-content: space-between;
    width:45%;
    font-weight: 600;
    /*line-height:24px;*/
}

#section_user_home .content_user_middle .middle_left .middle_left_week .week_item .item_info .item_record div:first-child{
    display: flex;
    justify-content: space-between;
}





/*#section_user_home .content_user_middle .middle_left .middle_left_week .week_item .item_info .item_record.rate_30{
    color:#2a2a2a;
    background-color: #b21111;
}
#section_user_home .content_user_middle .middle_left .middle_left_week .week_item .item_info .item_record.rate_35{
    color:#2a2a2a;
    background-color: #cd3333;
}
#section_user_home .content_user_middle .middle_left .middle_left_week .week_item .item_info .item_record.rate_40{
    color:#2a2a2a;
    background-color: #da5e5e;
}
#section_user_home .content_user_middle .middle_left .middle_left_week .week_item .item_info .item_record.rate_45{
    color:#494949;
    background-color: #e37a7a;
}
#section_user_home .content_user_middle .middle_left .middle_left_week .week_item .item_info .item_record.rate_50{
    color:#717171;
    background-color: #9aebab;
}
#section_user_home .content_user_middle .middle_left .middle_left_week .week_item .item_info .item_record.rate_55{
    color:#717171;
    background-color: #7ae390;
}
#section_user_home .content_user_middle .middle_left .middle_left_week .week_item .item_info .item_record.rate_60{
    color:#717171;
    background-color: #5eda78;
}
#section_user_home .content_user_middle .middle_left .middle_left_week .week_item .item_info .item_record.rate_65{
    color:#ffffff;
    background-color: #33cd54;
}
#section_user_home .content_user_middle .middle_left .middle_left_week .week_item .item_info .item_record.rate_70{
    color:#ffffff;
    background-color: #11b233;
}*/


#section_user_home .content_user_middle .middle_left .middle_left_week{

}




#section_user_home .content_user_middle .middle_center{
    /*margin-left:15px;
    width:485px;*/
    /*width:550px;*/
    width:485px;
    display: inline-block;
    border-radius: 10px;
    /*background-color: #ffffff;*/
    /*background-color: #ebeef1;*/
    margin-left:15px;
    padding: 0 8px 8px 8px;
}
#section_user_home .content_user_middle .middle_center .middle_center_summary{
    padding: 12px;
    margin-bottom: 20px;
    border-radius: 8px;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
}



#section_user_home .content_user_middle .middle_center .middle_center_summary .summary_info{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width:100%;
    margin-bottom:10px;
    border-bottom: 1px solid #e0e0e0;
}

#section_user_home .content_user_middle .middle_center .middle_center_summary .item_title {
    width:100%;
}
#section_user_home .content_user_middle .middle_center .middle_center_summary .summary_info .info_result {
    display: inline-flex;
    justify-content: space-between;
    flex-direction: row;
    width:140px;
}
#section_user_home .content_user_middle .middle_center .middle_center_summary .summary_info .info_result > div {
    /*margin: 0 4px;*/
    display: flex;
    /*justify-content: space-between*/
}
#section_user_home .content_user_middle .middle_center .middle_center_summary .summary_info .info_result > div > p{
    margin: 0 4px;
    text-align: center;
}
/*
#section_user_home .content_user_middle .middle_center .middle_center_summary .summary_info .info_title {
    display: inline-flex;
}
#section_user_home .content_user_middle .middle_center .middle_center_summary .summary_info .info_title .order_select{
    margin-left:10px;
}*/

#section_user_home .content_user_middle .middle_center .middle_center_summary .summary_best,
#section_user_home .content_user_middle .middle_center .middle_center_summary .summary_worst{
    /*width: 100%;
    display: block;*/
}
#section_user_home .content_user_middle .middle_center .middle_center_summary .summary_prefer_wrap {
    display: flex;
    /*justify-content: space-around;*/
    width:100%;
    margin-top:10px;
}

#section_user_home .content_user_middle .middle_center .middle_center_summary .summary_prefer_wrap .summary_prefer{
    width:100%;
}
#section_user_home .content_user_middle .middle_center .middle_center_summary .summary_prefer_title {
    justify-content: left;
    border-bottom: 1px solid #e0e0e0;
    font-weight: 700;
    font-size: 14px;
    color: #111;
}

/*#section_user_home .content_user_middle .middle_center .middle_center_summary .best_worst_list {
    display: block;
    flex-direction: column
}
#section_user_home .content_user_middle .middle_center .middle_center_summary .best_worst_list .item {
    display: flex;
    align-items: center;
    height:32px;
    !*justify-content: space-between;*!
}*/
#section_user_home .content_user_middle .middle_center .middle_center_summary .item.item_title {
    justify-content: left;
    border-bottom: 1px solid #e0e0e0;
    font-weight: 700;
    font-size: 16px;
    color: #111;
}

#section_user_home .content_user_middle .middle_center .middle_center_summary .table_prefer {
    width: 100%;
}
#section_user_home .content_user_middle .middle_center .middle_center_summary .table_prefer tr{
    line-height:32px;
}
#section_user_home .content_user_middle .middle_center .middle_center_summary .table_prefer td{
    text-align: center;
}
#section_user_home .content_user_middle .middle_center .middle_center_summary .table_prefer td.target_title{
    text-align: left;
    padding-left:4px;
}
#section_user_home .content_user_middle .middle_center .middle_center_summary .table_prefer .target_image img{
    width:24px;
    border-radius: 50%;
}
/*
div version
#section_user_home .content_user_middle .middle_center .middle_center_summary .best_worst_list .item .target_image {
    display: inline-flex;
    align-items: center;
    width:160px;
}
#section_user_home .content_user_middle .middle_center .middle_center_summary .best_worst_list .item .target_image img{
    width:24px;
    border-radius: 50%;
}
#section_user_home .content_user_middle .middle_center .middle_center_summary .best_worst_list .item .target_image p{
    margin-left:4px;
}

#section_user_home .content_user_middle .middle_center .middle_center_summary .best_worst_list .item .info_result {
    display: inline-block;
    width:250px;
}
#section_user_home .content_user_middle .middle_center .middle_center_summary .best_worst_list .item .info_result > div{
    display: inline-block;
}

#section_user_home .content_user_middle .middle_center .middle_center_summary .best_worst_list .item .info_result .record_earning {
    width:120px;
}
#section_user_home .content_user_middle .middle_center .middle_center_summary .best_worst_list .item .info_result .record_earning > p {
    display: inline-block;
}
#section_user_home .content_user_middle .middle_center .middle_center_summary .summary_worst{

}*/



/*#section_user_home .content_user_middle .middle_center .middle_center_summary .summary_title{
    width:100%;
    display: flex;
    justify-content: space-between;
}
#section_user_home .content_user_middle .middle_center .middle_center_summary .summary_chart_wrap{
    width:150px;
}
#section_user_home .content_user_middle .middle_center .middle_center_summary .summary_chart_wrap .win_rate_bar{
    width: 150px;
    height:20px;
    border-radius: 5px;
    background-color: #888888;
    overflow: hidden;
}
#section_user_home .content_user_middle .middle_center .middle_center_summary .summary_chart_wrap .win_rate_bar > p{
    line-height: 20px;
    position: absolute;
    width: 150px;
    text-align: center;
    color: #ffffff;
}
#section_user_home .content_user_middle .middle_center .middle_center_summary .summary_chart_wrap .win_rate_bar .win{
    background-color: #11b233;
    height:100%;
}*/





#section_user_home .content_user_middle .middle_center .middle_center_prediction{
    width: 100%;
    display: block;

}
#section_user_home .content_user_middle .middle_center .middle_center_prediction .user_prediction_item{
    width: 100%;
    /*height:102px;*/
    display: flex;
    justify-content: space-between;
    border-radius: 8px;
    margin-bottom: 8px;
    background: #fff;
    overflow: hidden;
}
#section_user_home .content_user_middle .middle_center .middle_center_prediction .user_prediction_item.result_1 {
    /*border: 2px solid transparent;
    background-origin: border-box;
    background-clip: content-box, border-box;
    background-image: linear-gradient(#fff, #fff),
    linear-gradient(93deg, var(--prediction-success-1) 0%, var(--prediction-success-2) 100%);*/

    /*background-color: #efedff;*/
    /*background-color: #e1deff;*/
    /*background-image: linear-gradient(120deg, #F2E6FF, #C1E4FF);*/
}
#section_user_home .content_user_middle .middle_center .middle_center_prediction .user_prediction_item.result_2 {
    /*background-color: #f1f1f1;*/
}
#section_user_home .content_user_middle .middle_center .middle_center_prediction .user_prediction_item.result_1 .target_result .background_wrap{
    background-image: linear-gradient(120deg, var(--prediction-success-1), var(--prediction-success-2));
    /*background-image: linear-gradient(90deg, #0aa42b, #00d00f);*/
    /*background-color: #5e4fff;*/
    /*background-color: #11b233;*/
    /*background-color: #4bc0c0;*/
    /*background-color: #389227;*/
}
#section_user_home .content_user_middle .middle_center .middle_center_prediction .user_prediction_item.result_2 .target_result .background_wrap {
    background-color: #bbbbbb;
    /*background-color: #888888;
    background-image: linear-gradient(120deg, #444444, #888888);*/
    /*background-image: linear-gradient(120deg, var(--rate-negative-1), var(--rate-negative-2));*/
}
#section_user_home .content_user_middle .middle_center .middle_center_prediction .user_prediction_item .target_result{
    width:10px;
    /*line-height: 94px;*/
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    display: inline-flex;
    justify-content: space-between;
}
#section_user_home .content_user_middle .middle_center .middle_center_prediction .user_prediction_item .target_result .background_wrap{
    width:10px;
    display: inline-flex;
}
#section_user_home .content_user_middle .middle_center .middle_center_prediction .user_prediction_item .target_result .prediction_display_result{
    display: inline-flex;
    flex-direction: column;
    justify-content: space-around;
}
#section_user_home .content_user_middle .middle_center .middle_center_prediction .user_prediction_item .target_result .prediction_display_result .tag{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 55px;
    height:27px;
}
#section_user_home .content_user_middle .middle_center .middle_center_prediction .user_prediction_item .detail_info{
    display: inline-flex;
    flex-direction: column;
}

#section_user_home .content_user_middle .middle_center .middle_center_prediction .user_prediction_item .detail_info .detail_info_title{
    padding-right: 8px;
    display: inline-flex;
    align-items: center;
}
#section_user_home .content_user_middle .middle_center .middle_center_prediction .user_prediction_item .detail_info .detail_info_title img{
    vertical-align: middle;
    max-width: 32px;
    max-height: 32px;
    border-radius: 50%;
}

#section_user_home .content_user_middle .middle_center .middle_center_prediction .user_prediction_item .detail_info .detail_info_title{
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

#section_user_home .content_user_middle .middle_center .middle_center_prediction .user_prediction_item .detail_info .detail_info_title .info_title{
    width:274px;
    width:220px;
    display: inline-flex;
    align-items: center;
}
#section_user_home .content_user_middle .middle_center .middle_center_prediction .user_prediction_item .detail_info .detail_info_title .info_title .name{
    font-size: 16px;
    font-weight: 600;
    margin-left:4px;
}
#section_user_home .content_user_middle .middle_center .middle_center_prediction .user_prediction_item .detail_info .detail_info_title .tags{
    /*width:59px;*/
    display: inline-block;
    /*vertical-align: top;*/
}


#section_user_home .content_user_middle .middle_center .middle_center_prediction .user_prediction_item .detail_info .detail_price_info{
    padding-left: 12px;
    padding-bottom: 10px;
    display: block;
    /*display: flex;
    flex-direction: column;*/
}
#section_user_home .content_user_middle .middle_center .middle_center_prediction .user_prediction_item .detail_info .detail_price_info .open_time{
    /*width:300px;*/
    float: left;
}

#section_user_home .content_user_middle .middle_center .middle_center_prediction .user_prediction_item .detail_info .detail_price_info .price_info{
    text-align: right;
    display: inline-block;
    float:right;
}

#section_user_home .content_user_middle .middle_center .middle_center_prediction .user_prediction_item .detail_info .detail_price_info .price_info .close_price_wrap{
    display: inline-block;
    /*align-items: center;
    flex-direction: column;*/
    margin-right: 10px;
}

#section_user_home .content_user_middle .middle_center .middle_center_prediction .user_prediction_item .detail_info .detail_price_info .price_info .close_price_wrap .close_price {
    font-size: 16px;
    font-weight: 600;
}
#section_user_home .content_user_middle .middle_center .middle_center_prediction .user_prediction_item .detail_info .detail_price_info .price_info .close_price_wrap .price_changed{

}
#section_user_home .content_user_middle .middle_center .middle_center_prediction .user_prediction_item .detail_info .detail_price_info .price_info .changed{
    display: inline-flex;
    flex-direction: column;
}
#section_user_home .content_user_middle .middle_center .middle_center_prediction .user_prediction_item .detail_info .detail_price_info .price_info > p > span{
    display: inline-flex;
}
#section_user_home .content_user_middle .middle_center .middle_center_prediction .user_prediction_item .detail_info .detail_price_info .price_info .direction_up{
    color: #ed6448;
}
#section_user_home .content_user_middle .middle_center .middle_center_prediction .user_prediction_item .detail_info .detail_price_info .price_info .direction_down{
    color: #4d88f7;
}
#section_user_home .content_user_middle .middle_center .middle_center_prediction .user_prediction_item .detail_info .detail_price_info .detail_result{
    display: inline-block;
}


#section_user_home .content_user_middle .middle_center .middle_center_prediction_bottom{
    display: block;
    height:80px;
    padding: 20px;
    text-align: center;
}

#section_user_home .content_user_middle .middle_center .middle_center_prediction_bottom .btn_more_prediction{
    margin-top:10px;
}
#section_user_home .content_user_middle .middle_center .middle_center_prediction_bottom .more_prediction_loading{
    display: none;
    margin: auto;
    max-width: 48px;
    max-height:48px;
}




#section_user_home .content_user_middle .middle_right{
    width: 465px;
    margin-left:15px;
}






@media (min-width: 820px){
    #section_user_home .content_user_middle .middle_center .middle_center_prediction .detail_info{
        width: 455px;
    }

}
@media (max-width: 819px){
    #section_user_home .content_user_middle{
        display: block;
        /*flex-direction: column;*/
        padding:20px;
    }

    #section_user_home .content_user_middle .middle_left{
        width: 100%;
        /*width: auto;
        max-width:400px;*/
        margin: auto;
        display: block;
    }
    #section_user_home .content_user_middle .middle_left .middle_left_target .target_item {

    }
    #section_user_home .content_user_middle .middle_left .middle_left_target .target_item .item_info {
        width: calc(100% - 48px);
    }
    #section_user_home .content_user_middle .middle_center{
        width: 100%;
        margin: auto;
        padding:0;
        display: block;
    }

    #section_user_home .content_user_middle .middle_center .middle_center_summary{
        width: 100%;
        /*width: auto;
        max-width:400px;*/
        margin: auto;
        margin-bottom: 20px;
        display: block;
    }
    #section_user_home .content_user_middle .middle_center .middle_center_prediction .detail_info{
        width: calc(100% - 10px);
    }

}

@media (min-width: 520px){
    #section_user_home .content_user_middle .middle_center .middle_center_prediction .user_prediction_item{
        height:90px;
    }
    #section_user_home .content_user_middle .middle_center .middle_center_prediction .user_prediction_item .detail_price_info .open_time p{
        display: inline-block;
    }
    #section_user_home .content_user_middle .middle_center .middle_center_prediction .user_prediction_item .detail_info .detail_price_info .price_info {
        /*width: 160px;*/
    }
}
@media (max-width: 519px){
    #section_user_home .content_user_middle .middle_center .middle_center_prediction .user_prediction_item{
        height:134px;
        /*overflow: inherit;*/
    }
    #section_user_home .content_user_middle .middle_center .middle_center_prediction .user_prediction_item .detail_info .detail_info_title .tags {
        display: inline-flex;
        flex-direction: column;
    }
    #section_user_home .content_user_middle .middle_center .middle_center_prediction .user_prediction_item .detail_info .detail_info_title .tags span{
        /*margin-top: 4px;*/
        margin-bottom: 4px;
    }
    #section_user_home .content_user_middle .middle_center .middle_center_prediction .user_prediction_item .detail_info .detail_info_title .info_title {
        width:auto;
    }
    #section_user_home .content_user_middle .middle_center .middle_center_prediction .user_prediction_item .detail_info .detail_price_info .price_info {
        width: auto;
        line-height: 42px;
    }
    #section_user_home .content_user_middle .middle_center .middle_center_prediction .user_prediction_item .detail_info .detail_price_info .price_info .close_price_wrap {

    }

}