.container {
        background: -webkit-linear-gradient(#428e97, #a9c5c7,#fff); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(#428e97,#a9c5c7, #fff); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(#428e97,#a9c5c7, #fff); /* Firefox 3.6 - 15 */
        background: linear-gradient(#428e97,#a9c5c7, #fff); /* 标准的语法 */
    }

    /*顶部大图*/

    .top-bg {
        width: 100%;
    }

    .top-bg img {
        display: block;
        width: 60%;
        margin: 0 auto;
    }

    /*命理咨询部分开始*/

    .mingli {
        width: 100%;
        margin: 0 auto;
        font-family: ytfont;
    }

    .mingli .mlTop {
        /*width: 80%;*/
        text-align: center;
        margin: 0 auto;
    }

    .mingli .mlTit {
        font-size: 1.8em;
        letter-spacing: 5px;
    }

    .mingli .yun {
        display: inline-block;
        width: 2.5%;
        padding-right: 5px;
        vertical-align: middle;
    }

    .mingli .yun img {
        width: 100%;
    }

    .mingli .mlUnit {
        width: 60%;
        margin: 0 auto;
        position: relative;
    }

    .mingli .guide {
        width: 80%;
        margin: 0 auto;
    }

    .guide .qySec {
        height: 100px;
        margin-top: 20px;
    }

    /*.mlUnit .qiye,
    .mlUnit .geren {
        width: 100%;
        padding: 0 7%;
        margin:  2% auto;
    }

    .qiye .qySec {
        width: 55%;
        margin: 2% 0 0 5%;
    }*/

    .qySec .s1 p {
        color: #b1413f;
    }

    /*.qySec .s1 
    .qySec .s2,
    .qySec .s3,
    .qySec .s4,
    .qySec .s5 {
        margin-left: 7%;
    }*/

    .qySec div {
        margin-left: 9%;
    }

    .qyCap {
        width: 10%;
        position: absolute;
        left: 0;
        top: 0;
    }

    .qyCap img {
        width: 100%;
    }

    .guide .grSec {
        height: 100px;
        margin-top: 20px;
    }

    /*.geren .grSec {
        width: 55%;
        margin: 2% 0 0 20%;
    }*/

    .grSec .s1 p {
        color: #b1413f;
    }


    /*.grSec .s1,
    .grSec .s2
    .grSec .s3,
    .grSec .s4,
    .grSec .s5 {
        margin-left: 7%;
    }*/

    .grSec div {
        margin-left: 9%;
    }

    .grCap {
        width: 10%;
        position: absolute;
        right: 0;
        bottom: 0;
        /*margin-right: 10%;*/
    }

    .grCap img {
        width: 100%;
    }

    .qidao {
        width: 25%;
        margin: 5% auto 0;
    }

    .qidao img {
        width: 100%;
    }

    /*命理咨询部分结束*/

    /*会员尊享部分开始*/
    .huiyuan {
        width: 100%;
        margin: 5% auto 0;
        font-family: ytfont;
    }

    .huiyuan .hyTop {
        /*width: 80%;*/
        text-align: center;
        margin: 0 auto;
    }

    .huiyuan .hyTit {
        font-size: 1.8em;
        letter-spacing: 5px;
    }

    .huiyuan .yun {
        display: inline-block;
        width: 2.5%;
        padding-right: 5px;
        vertical-align: middle;
    }

    .huiyuan .yun img {
        width: 100%;
    }
    
    .huiyuan .hyUnit {
        width: 60%;
        margin: 2% auto 0;
    }

    .hyUnit .u {
        width: 20%;
        float: left;
    }

    .hyUnit .u-img {
        width: 100%;
    }

    .hyUnit .u-img img {
        display: block;
        width: 80%;
        margin: 0 auto;
    }

    .u2,
    .u3,
    .u4 {
        margin-left: 6%;
    }

    .hyUnit p {
        width: 100%;
        text-align: center;
        margin-top: 5%;
        font-size: 1.2em;
    }

    /*会员尊享部分结束*/

    @media screen and (max-width: 1024px) {
        .mingli .mlUnit {
            width: 85%;
        }

        .mlUnit .qiye,
        .mlUnit .geren {
            width: 85%;
        }
    }

    @media screen and (max-width: 768px) {
        .mingli .mlUnit {
            width: 100%;
        }

        .mlUnit .qiye,
        .mlUnit .geren {
            width: 100%;
        }
    }