#myrecommendfrize {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 999;
        background: rgba(0,0,0,0.8);
        text-align: center;
        display: none;
    }

        #myrecommendfrize > div {
            width: 100%;
            height: 100%;
            position: relative;
            justify-content: center;
            align-items: center;
            display: flex;
        }

    @keyframes myrecommendfadein {
        0% {
            transform: scale(0.1);
        }

        100% {
            transform: scale(1);
        }
    }

    .myrecommendcon {
        width: 12.7rem;
        position: relative;
        height: auto;
        display: inline-block;
    }

    .recommendflash {
        width: 100%;
        height: 4.47rem;
        position: absolute;
        top: -4.47rem;
        left: 0;
        right: 0;
        z-index: -1;
    }

    .recommend_top {
        background: url("/Templates/common/images/main/recommendbg_top.png") no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: auto;
        border-radius: 0.4rem 0.4rem 0 0;
        padding: 0 1rem;
        position: relative;
    }

    .recommend_title {
        width: 100%;
        /*height:1.1rem;*/
        line-height: 1.1rem;
        font-size: 1rem;
        color: #B7691D;
        text-align: center;
        font-weight: bold;
        padding-top: 1rem;
        padding-bottom: 0.56rem;
    }

    .recommend_msg {
        width: 100%;
        line-height: 0.65rem;
        font-size: 0.52rem;
        color: #B7691D;
        text-align: left;
        padding-bottom: 2.83rem;
    }

    .recommend_bottom {
        width: 100%;
        height: 5.82rem;
        background: url("/Templates/common/images/main/recommendbg_bottom.png") no-repeat;
        background-size: 100% 100%;
        border-radius: 0 0 0.4rem 0.4rem;
        position: relative;
        padding-top: 2.78rem;
        text-align: center;
    }

    .recommend_fontbg {
        width: 8rem;
        height: 4.13rem;
        background: url("/Templates/common/images/main/recommend_fontbg.png") no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: -2.06rem;
        left: 0;
        right: 0;
        margin: auto;
        text-align: left;
    }

    .recommend_fonttitle {
        line-height: 3.5rem;
        font-size: 0.9rem;
        color: #FCC67D;
        margin-left: 1rem;
    }

    .recommendfrizemoney {
        float: right;
        line-height: 3.5rem;
        color: #F03838;
        font-weight: bold;
        font-size: 1.47rem;
        text-align: center;
        width: 3.4rem;
        height: 100%;
    }

    .recommend_share {
        width: 9.7rem;
        height: 1.9rem;
        border-radius: 1.9rem;
        background: rgb(240,56,56);
        line-height: 1.9rem;
        color: #FBD18F;
        font-size: 0.78rem;
        display: inline-block;
        box-shadow: 0px 10px 20px 5px rgba(240,56,56,0.1);
    }