.girl_info .detial{
    width:75%;
    min-width:300px;
    margin:auto auto;
}
.girl_info .detial .photo_list{
    float:right;
    width:50%;
    min-width:300px;
}

.girl_info .detial .info{
    width:35%;
    position:fixed;
    z-index:999;
    min-width:300px;
}

.girl_info .detial .info .card{
    box-shadow: 5px 5px 15px rgba(0,0,0,0.9);
    font-family: roboto;
    text-align: center;
    background-color:white;
    border-radius:11px;
    color:black;
    margin:10px;
}

.girl_info .detial .info .card .set_off{
    display:none;
}

.girl_info .detial .info .card .top .main_img{
    width:100%;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}
.girl_info .detial .info .card .main{
    padding:10px;
    padding-top:0px;
    text-align:left;
}
.girl_info .detial .info .card .main .tag button{
    margin-bottom:5px;
}
.girl_info .detial .info .card .main .tag i{
    font-size:22px;
}
.girl_info .detial .info .card .main .name{
    text-align:center;
    font-size:30px;
    color:rgb(255,7,110);
}

.girl_info .detial .info .card .bottom{
    text-align:center;
    font-size:12px;
    color:white;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: rgb(255, 7, 110);
    display:flex;
}
.girl_info .detial .info .card .bottom .tag{
    flex:1 0 0;
    font-weight:bold;
}
.girl_info .detial .info .card .bottom .tag .num{
    font-size:30px;
}
.girl_info .detial .info .card .bottom .tag .num2{
    font-size:30px;
    font-size:0.6rem;
}
.girl_info .detial .photo_list{
    text-align:center;
}
.girl_info .detial .photo_list .photo{
    width:90%;
    margin-bottom:20px;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.9);
}

@media only screen and (max-width:800px){
    .girl_info .detial{
        width:100%;
    }
    .girl_info .detial .photo_list{
        float:left;
        width:calc(100% - 60px);
        margin-left:30px;
        min-width:300px;
        margin-top:80px;
    }
    .girl_info .detial .info{
        float:left;
        width:100%;
        min-width:300px;
    }
    
    .girl_info .detial .info .card .set_off{
        display:block;
    }
    
    .girl_info .detial .info .card:not(.on) {
        background: rgb(255, 7, 110);
    }

    .girl_info .detial .info .card:not(.on) .main .name{
        color:rgb(255,255,255);
    }
    
    .girl_info .detial .info .card:not(.on) .main_img{
        display:none;
    }
    
    .girl_info .detial .info .card:not(.on) .comment{
        display:none;
    }
    .girl_info .detial .info .card:not(.on) .main .tag{
        display:none;
    }
    .girl_info .detial .info .card:not(.on) .bottom
    {
        margin-top:-30px;
    }

}