.vip-me-page {
    .title {
        background-image: resolve(home/vip-img/vip-title.png);
    }

    .vip-level {
        clear: both;
        overflow: hidden;
    }

    .level {
        margin: 20px 15px 0 40px;
        line-height: 31px;
        float: left;
        clear: both;
        font-size: 14px;
        color: #000;
    }

    .vipimg1 {
        margin-top: 20px;
        width: 138px;
        height: 31px;
        float: left;
        background-image: resolve(home/vip-img/silver-vip.png);
    }

    .vipimg2 {
        margin-top: 20px;
        width: 138px;
        height: 31px;
        float: left;
        background-image: resolve(home/vip-img/gold-vip.png);
    }

    .vipimg3 {
        margin-top: 20px;
        width: 138px;
        height: 31px;
        float: left;
        background-image: resolve(home/vip-img/platinum-vip.png);
    }

    .favimg {
        float: left;
        width: 645px;
        margin-top: 20px;
        overflow: hidden;
    }

    .list {
        width: 145px;
        float: left;
        margin: 0 10px 8px 0;
    }

    .imgsrc {
        width: 25px;
        float: left;
        margin-top: 5px;
    }

    .fav-font {
        line-height: 31px;
        font-size: 12px;
        margin-left: 30px;
        color: #000;
    }

    .year-amount {
        float: left;
        width: 600px;
        margin-top: 20px;
    }

    .amount {
        font-size: 14px;
        font-weight: bold;
        float: left;
        line-height: 31px;
    }

    .ps {
        margin-left: 30px;
        font-size: 14px;
        font-weight: bold;
        line-height: 31px;
    }

    .plalevel {
        margin-top: 7px;
        width: 160px;
        height: 21px;
        background-image: resolve(home/vip-img/platinum.png);
    }

    .amount-length {
        width: 400px;
        height: 15px;
        margin-bottom: 5px;
    }

    .img-length {
        width: 293px;
        height: 12px;
        background-color: #e0e0e0;
    }

    .amount-left {
        width: 298px;
        height: 12px;
        overflow: hidden;
        float: left;
    }

    .img-left {
        height: 12px;
        background-color: #cda16c;
        z-index: 10;
        float: left;
    }

    .img-right {
        width: 5px;
        height: 12px;
        float: left;
        z-index: 10;
        background-image: url(home/vip-img/vip-length-left.png);
        margin-left: -5px;
    }

    .letter {
        width: 100px;
        font-size: 12px;
        margin-left: 303px;
        line-height: 10px;
        margin-bottom: 2px;
    }

    .change-img0 {
        width: 293px;
        height: 18px;
        background-image: resolve(home/vip-img/vip-change1.png);
    }

    .change-img1 {
        width: 293px;
        height: 18px;
        background-image: resolve(home/vip-img/vip-change2.png);
    }

    .change-img2 {
        width: 293px;
        height: 18px;
        background-image: resolve(home/vip-img/vip-change3.png);
    }

    .balance {
        margin-top: 7px;
        font-size: 13px;
        font-weight: bold;
        margin-bottom: 10px;

        p {
            float: left;
        }

        a {
            color: red;
            margin-left: 10px;
            float: left;
        }
    }

    .history {
        margin-top: 10px;
        clear: both;
        overflow: hidden;
    }

    .hisamout {
        margin-left: 10px;
    }

    .line {
        clear: both;
        width: 703px;
        height: 1px;
        margin-bottom: 5px;
        margin-left: 40px;
        margin-top: 25px;
        background-color: #e8e8e8;
        overflow: hidden;
    }

    .valid {
        overflow: hidden;
    }

    .valid-time {
        clear: both;
        width: 720px;
        height: 175px;
        margin-left: 40px;
        position: relative;
        font-size: 14px;
    }

    .time1 {
        float: left;
        width: 135px;
        height: 135px;
        border-right: 2px dashed black;
    }

    .time1-img {
        margin-top: 95px;
        width: 130px;
        height: 33px;
        background-image: resolve(home/vip-img/time1.png);
    }

    .time2 {
        float: left;
        width: 129px;
        height: 175px;
        border-right: 2px dashed black;
    }

    .time3 {
        float: left;
        width: 354px;
        height: 175px;
        border-right: 2px dashed black;
    }

    .time4 {
        float: left;
        width: 90px;
        height: 155px;
    }

    .time-top {
        display: block;
        font-size: 13px;
        margin-top: 10px;
        margin-left: 10px;
        line-height: 18px;

        span {
            font-weight: bold;
        }

        a {
            color: red;
        }
    }

    .time2-img {
        margin-top: 47px;
        width: 131px;
        height: 33px;
        background-color: #ecdbca;
    }

    .time-left {
        float: left;
        display: block;
        font-size: 13px;
        margin-top: 10px;
        margin-left: 10px;
        line-height: 18px;

        span {
            font-weight: bold;
        }
    }

    .time-right {
        float: right;
        display: block;
        font-size: 13px;
        margin-top: 10px;
        margin-right: 10px;
        line-height: 18px;

        span {
            font-weight: bold;
        }
    }

    .time3-img {
        color: #fff;
        line-height: 33px;
        margin-top: 93px;
        width: 356px;
        height: 33px;
        background-color: #cda16d;
        text-align: center;
    }

    .time4-img {
        margin-top: 65px;
        width: 62px;
        height: 33px;
        border-color: #ecdbca #fff transparent transparent;
        border-style: solid solid dashed dashed;
        border-width: 33px 20px 0 0;
    }

    .doubt {
        margin-left: 40px;
        margin-bottom: 25px;
        margin-top: 20px;
        font-size: 14px;

        a {
            float: right;
            margin-right: 55px;
        }
    }

    .tell {
        color: red;
    }

    .time-line {
        position: absolute;
        width: 703px;
        height: 2px;
        background-color: #e8e8e8;
        margin-top: 65px;
    }
}