/* ==========================================================================
Main page styles
========================================================================== */

.hipster {
    display: inline-block;
    width: 347px;
    height: 497px;
    background: url("../../content/images/hipster.png") no-repeat center top;
    background-size: contain;
}

/* wait autoprefixer update to allow simple generation of high pixel density media query */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (   min--moz-device-pixel-ratio: 2), only screen and (     -o-min-device-pixel-ratio: 2/1), only screen and (        min-device-pixel-ratio: 2), only screen and (                min-resolution: 192dpi), only screen and (                min-resolution: 2dppx) {
    .hipster {
        background: url("../../content/images/hipster2x.png") no-repeat center top;
        background-size: contain;
    }
}

p {
    margin: 0;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center
}
.flex-item > p{
    margin: 10px 0;
}

.leftDiv {
    padding-right: 10px
}

.leftDiv-container {
    border: 1px solid #ddd;
}

.rightDiv {
    border: 1px solid #ddd;
}

.rightDiv > p {
    padding: 10px
}

.rightDiv > p > span {
    float: right
}

.main-color-font {
    color: #6097b7;
    font-size: 20px
}

/*我的关注*/
.follow {
    padding: 5px;
    position: relative;
}

.follow-container {
    border: 1px solid #ddd;
}

.follow-title {
    border-bottom: 1px solid #ddd;
    padding: 10px 5px;
    background-color: #eee;
}

.height-150 {
    height: 150px;
}

.container-top {
    height: 75px;
    padding: 10px;
}

.container-bottom {
    height: 75px;
    padding: 10px;
    display: flex;
    align-items: center
}
.margin-0-10{
    margin: 0 10px;
}
.calcle-follow{
    position: absolute;
    top: 5px;
    right: 15px;
}