/*上方空白*/
.pic_list_header > .row{
    margin-top: 80px;
}
.pic_list_header > .row > div {
    height: 70px;
}
.pic_list_header_left{
    transform: translateX(50px);
}
.pic_list_header_right{
    position: relative;
    padding-left: 0;
    transform: translateX(50px);
    width: 11%;
}
.pic_list_header_right > a{
    font-size: 12px;
    position: absolute;
    top: 1vh
}
.info_right {
    position: relative;
    padding-left: 0;
    transform: translateX(50px);
    width: 11%;
    border-right: rgba(0,0,0,0.2) solid 1px;
}
/*背景*/
#background_radius {
    background: #f48cbd;
    border-radius: 50%;
    width: 820px;
    height: 820px;
    position: absolute;
    left: 180px;
    top: 60px;
}
#background_radius > .column_list{
    position: absolute;
    height: 100%;
    width: 120px;
    background: #fff;
    padding-top: 143px;
    text-align: center;
}
#background_radius > .column_list:nth-child(1){left: 90px;}
#background_radius > .column_list:nth-child(2){left: 230px;}
#background_radius > .column_list:nth-child(3){left: 370px;}
#background_radius > .column_list:nth-child(4){left: 510px;}
#background_radius > .column_list:nth-child(5){left: 650px;}
#background_radius > .column_list > ul > li {
    padding: 3px 0;
}
#background_radius > .column_list > ul > li > a{
    font-family: 微软雅黑, FrutigerLT45Light, FrutigerLT55Roman, sans-serif;
}
#sort_intro_phone{
    display: none;
}

@media (max-width: 1000px){
    body > div.container.pic_list_header{
        margin-left: 0;
    }
    body > div.container.pic_list_header > div.row > div.col-md-7.pic_list_header_left{
        display: none;
    }
    #background_radius{
        left: 5vw !important;
        width: 90vw !important;
        height: 90vw !important;
    }
    #background_radius > .column_list{
        width: 9vw !important;
    }
    #background_radius > .column_list:nth-child(1){left: 18vw;}
    #background_radius > .column_list:nth-child(2){left: 33vw;}
    #background_radius > .column_list:nth-child(3){left: 47vw;}
    #background_radius > .column_list:nth-child(4){left: 60vw;}
    #background_radius > .column_list:nth-child(5){left: 73vw;}
    #sort_intro_phone{
        padding-left: 4px;
        transform: translateY(56px);
        display: block;
    }
    #background_radius {
        transform: translateY(25px);
    }
}

@media (max-width: 780px){
    body > div:nth-child(3){
        min-height: 90vh !important;
    }
    body > div.container.pic_list_header > div.row{
        opacity: 0;
    }
    #background_radius{
        width: 100vw !important;
        height: 100vw !important;
        left: 0 !important;
        border-radius: 5vw !important;
        height: none !important;
    }
    #background_radius > .column_list{
        padding: 0 !important;
        width: 18vw !important;
        text-align: left;
    }
    #background_radius > .column_list:nth-child(1){left: 5vw;}
    #background_radius > .column_list:nth-child(2){left: 30vw;}
    #background_radius > .column_list:nth-child(3){left: 55vw;}
    #background_radius > .column_list:nth-child(4){left: 80vw;}
    #background_radius > .column_list:nth-child(5){display: none}
}

.column_list > ul > li > a {
    font-size: 12px;
}