/*清除浮动*/
.clearfix:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix {
    zoom: 1;
}
.layer-recommend{
    display: none;
    position: absolute;
    left:0px;
    bottom:0px;
    width:100%;
    height:100%;
    background:#111;
    overflow: hidden;
    //z-index: 101;
    .endReload{
        position: absolute;
        left:50%;
        top:50%;
        font-size:20px;
        color:#fff;
        text-decoration: none;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
    .recommend-wrap{
        position:absolute;
        left:0px;
        top:0px;
        /*bottom:35px;*/
        height:100%;
    }
    .list{
        position: relative;
        float:left;
        width:100%;
        height:100%;
        .mc{
            position:absolute;
            left:50%;
            top:50%;
            width:80%;
            /*max-width: 935px;*/
            -webkit-transform: translate(-50%,-55%);
            transform: translate(-50%,-55%);
        }
        .sp-rd{
            float:left;
            width:417px;
        }
        .recommend-img{
            width:100%;
            height:100%;
            transition: all .2s ease 0s;
        }
        .recommend-bg{
            position: absolute;
            left:0px;
            top:0px;
            width:100%;
            height:100%;
            transition: all .2s;
        }
        .spv_private{
            float:left;
            position: relative;
            display: inline-block;
            width:417px;
            height:233px;
            margin:1px 1px 0 0;
            overflow: hidden;
            .recommend-bg{
                background:rgba(11,11,11,0.6);
            }
            .recommend-replay{
                position:absolute;
                left:50%;
                top:50%;
                width:41px;
                height:72px;
                font-size:20px;
                color:rgba(255,255,255,0.4);
                background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAABICAMAAABcFiw7AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAFuUExURf///////////////////////////0xpcf///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////90C9KcAAAB6dFJOU7OdQxYtqJIAWocLryJPAXA4rbKnBGUCLDCuHW2aaqR8HBkSD2kDc4WpLkp6J3dEDI6YW3gIRXuKg36wFzNxSRpuK0Fya6MRqxsYpZGJBkaGbJkTNYB1JqBCiKyxUzQJTm8Of4I+FapZR5ZLSCVmj5spUnZUVip5FKYFeCs7QAAAAstJREFUSMftlldX4zAQha9t2ZIcO70SQu+9LCxt6bDA9t577739+5VsB2zixOad+xLl6Du6MxppZNCA9ua2B9tzlUyufXB7ojswBd94l7UjoHdvepyJqakA2duXAHLj9vC+SeljrfR+qwNI9D2TEPzkpo7s4kre71ccnl1C7mWQzD8FuEUb1PYCqBV9ZP45EnaShii5WkGnjxzAUJk2UUnHETmCxHA4dtbbBY9cy2CVtiQveuQ8Fmm0BNmWTazFI2s4R2OR/QcYi0eWoCTjkT+xTuORvzERk7yAX9HYpelboH/xJ5rsxQ5oBmY0eQbnIQ7fvzhR4iRrHmA/mtxFh8y9FE2O4TPoOD5Ekyq+g/5AKpqs4RvoBu5E1/0LvoIWO7ARBX7ETlKczz4MRJFVfHLP/FJXa3C5kt1z7tEoFlpHOoot98YtZ/CkFTiB16+O7vtKi13P4K2vh9x/1LSHDLk30utLnXjwMDzWkQxG875O278O3Lsd0usWgGox2JPvDiF780agfybL81nomw3du6cmerI+a5e7J4v9k91le1z25GpvWJ+/PnMt2OenZ3rCXwShrsvVK0ouURFvx9W5rqZvR2QHOyVPSUo155XXGGkkVV6XfvjuUgJGNUJsJiRmUJAkEV8LDqfzlJxgdVL1zrPOuWH73Tn3WUnSZHpacwaGoQmSoUHCTYqpUCxBmgZS4ikAYZ4UpT5SC9yAwlXhnxZkWkbpuIvIpQzD/dXq7kEfSR7zP8xIrJ6SCcGQPi5JfBnVyYKtUUsXaRQMdGquO0PKF6dLpsVihEGXcZrieymVdknD208pSaoieV0Rtha1RGJU1etxHnc3RHAsED7Xwte0VaeakPGAy8RY0ziJM8c9D+KRGjF97kf7SWXFuSiBqAPzTkhQpBlpkmCNHIcwdzWk7hYxQtbkTc6S5ZFSnnuIxPlKyxwL3n9n+/8D/W1v8N8ZaF4AAAAASUVORK5CYII=') no-repeat;
                -webkit-transform: translate(-50%,-50%);
                -moz-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
                text-align: center;
                cursor: pointer;
            }
            .recommend-dw{
                position: absolute;
                left:0px;
                bottom:0px;
                width:417px;
                height:56px;
                background:url("data:image/png;base64,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") no-repeat;

            }
            &:hover{
                img{
                    transform: scale(1.2,1.2);
                }
                .recommend-replay{
                    background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAABICAMAAABcFiw7AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAG/UExURUxpcf///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////7Z6U2IAAACUdFJOUwAg4BDw0GCAwEAw+VCg7nCQAz74KpsBAgaX6vcoRCT+BKT9vdvxrmphsA/2EcuBGd8Wce+r+mIFr5XEuvshtEmhnCVoPUKjGOjzqjgi687DZL9FmgnaS7Yb2Nk2pwvkljfCXvUxwUqxdvxvDRWfQRqeXFm18hS5Hgxlf12pmdwn1R9rmGcmNHiRdajMOt16PB2s7Ae1N/YfAAACzElEQVRIx+2WVXvbMBSG5cS2bIeTpk2bMjO3a9euXbnr2jEzMzMzM3w/eJJhsRs79vPsdt9FIsuvDugcKSHEoeejT5ua45l8vLnpdXst8dISfQaHXjy6rr/o6XFwA+MRIP4ksbDaScjll+lXi1VAZPwuewXYwZsiGqemN9inUteGJxG/5SRzN4CzZ4oDKrsHVKZsZO42RgbL3WIvn8ugw0Y2oKXGK8+0iALZhsiCO7bR3AXzcTaPOVKS3G4+jmGKBFJZXWQ2GFmJzcHA+jWcCEam0V8ejPyGmWAg+Yn2gOQ2fPeH9hw6Qsgv/PAnB7BMSBc6/cmj2MKb73eAGHnpA9l8wG2uYdWfXEIVzz3tT27FZ0JW8MaflPGJkPe4GqSLPhIyj2MVvuRXfGFntQrzfuA7LHNrx9HgR2bxwej5yerS4KZM41t90IqJ0h3aikVzSR6XSoHtuHO/cN6nS+x6Fx7a7pDT5zxPT4v9RObO4+IF911ty6M1Zz+gM8DJwy53wQSQTTnnTrWgbv8+x/1ZUTPWiKHHRcv7KkeAoeHBmtruVH137a7ECr+Ts1fcQjrQu9d5zx/s7fPckeod2Z398UiG/XbsHq0m//Vf/yBB0z+p6nKNKZbEwu+uCkoEVU1QJvYGSWMSBicqMf6CWqRs9rOoKFLCbltRbA+cDFMxKugDSRLYHEWRmDcuKiOkMTIsIRbmq6mpUMgayUlFQkiRmf8oI6NGlDxPVZckGd+C5d3phxT7/5sRsx7jCUHifgxStWVkkcmEQDQRFEkJHYLhnSJmi9Mgo8yYSiHyOMPs/1IsapCSuZ9cnJRZ8mKIudWIxhIjsmjFud67xIKjjvAVwd1mQtarCR4PFJ4Y9YyTk0R3yQeqSQpq2Oa9sJ+EV1xhJWB1MJevk+pFhlVnjXQPbt5ll7prquRiU/HoJc0kuUzvLmL9xWuiWD2kb/8fLpv1qMZfH4UAAAAASUVORK5CYII=');
                }
                .recommend-bg{
                    display: none;
                }
            };
        }
        .spv-interact{
            position: relative;
            float:left;
            width:417px;
            height:116px;
            background:rgba(80,80,80,0.6);
            display: -webkit-box;
            display: -moz-box;
            display: -o-box;
            display: box;
            -webkit-box-pack: justify;
            -moz-box-pack: justify;
            -o-box-pack: justify;
            box-pack: justify;
            margin:1px 1px 0 0;
            .line{
                position: absolute;
                left:50%;
                top:50%;
                width:1px;
                height:85px;
                background:rgba(0,0,0,0.3);
                transform: translate(-50%,-50%);
            }
            .spv-evaluate,.spv-share{
                width:50%;
                height:100%;
                display: -webkit-box;
                display: -moz-box;
                display: -o-box;
                display: box;
                -webkit-box-orient: vertical;
                -moz-box-orient: vertical;
                -o-box-orient: vertical;
                box-orient: vertical;
                -webkit-box-pack:center;
                -moz-box-pack:center;
                -o-box-pack:center;
                box-pack:center;
                text-align: center;
                span{
                    font-size:14px;
                    color:#999;
                }
                .grade{
                    width:165px;
                    margin:15px auto 0;
                    font-size:10px;
                    .support{
                        float:left;
                        height:20px;
                        line-height: 150%;
                        padding-left:20px;
                        background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAMAAADH72RtAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABXUExURf///////////////////////////0xpcf///////////////////////////////////////////////////////////////////////////////////+vJMeQAAAAddFJOU+blDnrKxCgAD9YXWhzLDBY/3skFXLK84jSwt7vjtgeWxAAAAFhJREFUGNOtz8kOgCAMRdGnIhUnnOf//06bgMHK1rtpcxZNCnJVJvMb/GzQS7EAWiETS/qWUrHUBTcS9LyCBjyZDgsPQkgh+YjrD4kvn5Ho4xKSuy/2ANsNuBYDwARpU3wAAAAASUVORK5CYII=') left top no-repeat;
                        cursor: pointer;
                        &:hover,&.click-support{
                            color:#f13d0f;
                            background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAMAAADH72RtAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABXUExURUxpcfE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9ECDy66oAAAAcdFJOUwBk34fZ/iwR4O0fBQ8ZZvYY4UYN0MX7OsPLz/zWVsEpAAAAVklEQVQY063PRw6AMAxE0aGFhN7r3P+cWIpQMGz5G8tvYcmAL3IJdD1bDR3JUUkjUj2htiJFLpWAmRci5p0bMMkAQxbZS/zyh3wvHx8x+6kk9V9sAdYLkFoToNMaFvYAAAAASUVORK5CYII=') left top no-repeat;
                        };
                    }
                    .stamp{
                        float:right;
                        height:20px;
                        line-height: 150%;
                        padding-right:20px;
                        background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAMAAADH72RtAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABgUExURf///////////////////////////0xpcf///////////////////////////////////////////////////////////////////////////////////////////////+Cbqo0AAAAgdFJOU+bM1hdc5A4AD8ocDBY/3nzJBdizJrbixDPD5bC3uuMpl8wzGwAAAF5JREFUGNOtz0cOgDAMBMAFAib03sv/f4khERByZQ/Weg6WDDozT9AZB+zrBsKTHgvPtwC+JfhJ7MvtRySaugMVN7gpri88yUsUckpSQoIlUFVLwhIbQg4yMkVUuW4H8V8EE/2ORwUAAAAASUVORK5CYII=') right center no-repeat;
                        cursor: pointer;
                        &:hover,&.click-stamp{
                            color:#00a6e4;
                            background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAMAAADH72RtAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABgUExURUxpcQCm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5JVkuIIAAAAfdFJOUwAF7Q/93x8RZuAZ4or2GEbwDcoq+8fZ2Dj+w8vOLvxi8QY5AAAAXElEQVQY063PyQ6AIAxF0ecMTjjP2v//S6shCrL1Lhp6Fk0ArpaZdOOEfTsI9DZg5WkKIXSEfhL3cvMRibbvCNEDvro/gVTyEiecB51gCWBWstSWIKPCBogq168TBGsVuarHU04AAAAASUVORK5CYII=') right center no-repeat;
                        };
                    }
                }
                .plan{
                    position: relative;
                    width:165px;
                    height:3px;
                    background:#1a7da3;
                    margin:10px auto 0;
                    border-radius: 2px;
                    .supNum{
                        position: absolute;
                        left:0px;
                        top:0px;
                        width:20%;
                        height:3px;
                        background:#aa3e23;
                        border-radius: 2px;
                    }
                }
                .share{
                    margin-top:15px;
                    a{
                        display: inline-block;
                        width:32px;
                        height:32px;
                        margin:0 5px;
                        background:url('data:image/png;base64,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') no-repeat;
                    }
                    .wx{
                        background-position: 0px 0px;
                    }
                    .qzoom{
                        background-position: -84px 0;
                    }
                    .qq{
                        background-position: -126px 0;
                    }
                    .wb{
                        background-position: -42px 0;
                    }
                }
                &.spv-support,&.spv-click-support{
                    .plan{
                       .supNum{
                            background:#f13d0f;
                        }
                    }
                }
                &.spv-stamp,.cpv-click-stamp{
                    .plan{
                       background:#00a6e4;
                    }
                }
            }
        }
        .recommend-item{
            float:left;
            position: relative;
            display: inline-block;
            width:208px;
            height:116px;
            font-size:12px;
            line-height: 150%;
            background:#fff;
            margin:1px 1px 0 0;
            overflow: hidden;
            a,a:hover{
                display: block;
                overflow: hidden;
                text-decoration: none;
            }
            .recommend-bg{
                display: none;
                position: absolute;
                left:0px;
                top:0px;
                width:198px;
                height:106px;
                background:rgba(0,0,0,0.5);
                border:5px solid rgba(30,116,195,0.85);
                transition: all .2s;
            }
            .recommend-info{
                position:absolute;
                width:90%;
                height:90%;
                left:0%;
                top:80px;
                -webkit-box-flex:1;
                box-flex:1;
                display: -webkit-box;
                display: box;
                -webkit-box-orient:vertical;
                box-orient:vertical;
                -webkit-box-pack: justify;
                padding:5%;
                text-align: left;
                transition: all .2s;
                .name{
                    display: block;
                    height:20px;
                    color:#fff;
                    overflow: hidden;
                    font-size:14px;
                }
                .msg{
                    overflow: hidden;
                    text-overflow: ellipsis;
                    height: 18px;
                    color:#afafaf;
                    margin:10px 0 0;
                    span{
                        margin-right:10px;
                        font-weight: bold;
                    }
                }
                .control{
                    display: -webkit-box;
                    display: box;
                    -webkit-box-align: center;
                    -webkit-box-pack: justify;
                    color:#afafaf;
                    margin-bottom:10px;
                    span{
                        display: block;
                        height:24px;
                        line-height: 24px;
                    }
                    .play{
                        width:58px;
                        background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAAYCAYAAACr3+4VAAAEm0lEQVRYhe2XPWgbZxzGf/clW8Vn0KCCz0SDApJJoB5kUShdbDK0S7R0dJaoi7pkc5ZkSpZ4SpZqcpamU6frVih2hy5F8pCAi+xBg4tOAQ0HPhN93Ht3HU539kWy40A+iptnennfV/d/nv/nK+mqGXwLbAELXE50gap01QwsLq/ICF2Zyy8SYEH+2Aw+FD4JfR26GqCrwfvkciEY6SSHi/JSL2rgaWmINZC483xm6vmS7k8YbDkyi+kkEUdItJzQvy9uvKK6O4MjpMSdlYyf+E69rQFQzng8WR7x3V+zWH0JgLXPPWp5l2/+TJ/L/8JCNw80tkpDyhmPhq1MnG8URhjpICawpAfceZ6ilncTxJu2zO3d2cRvi7rPg2sjmrYcR8y0VNayHtu9E1sNW6HlSFQWxCnxPs0pfC4s9MWNV1P3t0rDib0vfv8sJhcReFoaxOf1tka9rVHLu5QzHhVDUFkQAGwUXLZ7CsdCwhrINGyJcsZjXg1YTAfs9BTKGS9hdyXjU8u7/HyocnNBYA2khD2zq2JaSWlnCq3uzqCrYU3sO9LEecXwaNhyHMFwT1DOeEAY0bPQsBWsvsRWaYjZVVnPuRwJWMt6HAmYV2FJD9cbhRH1tkZ1d4at0pDNg1TMp2KEtu7vpWKnNW15asadKbRhK6znBD/kXb76YzL/nyyPcFwwrVS817QVTEuJjZ4Fqy9h9ZV4vbkffuPh9RHzY0ZzasBPhxpNW6blyDgi6WxdhZvjrIjqfjE9YvNASTj/jUIBtnsKG4URFUMkUqFiiJDIP1rivjHrs5IJjeja+Z0wqsXHy0PqbY2KIeIMKeo+ZlfjwbUROz2FZ4dqHKWNwih00ECi3tYoZzyKus+RkJhTAzqD6YPkXKFWX2Knp7B+JSl0LevRfC1tI/JlPIx0EEdmGtZzIia801Oo5V2O46gEOELCmA3rs6j7iWhWd8OuX8u71Nsa84WAtayHrobip0UTLjBHTUulqPss6X4sZjXrYXYnlZiWyp3nMxizAY8OtIlamR+PkO2eEhN+dqhy/+8UR2LsrFmf4tiWrgaYlkrLOenGDVtJzNLtnsJq1mM95040oNN443iJOmJlQdByUty64mINpHM/2rRlHlwbsT+el2vZsGmcbmBRjUKYOfNqOCejbIjW2OGdyri7hs44EdqwFaxBmAHPDt9SqK4GcQQBfmxr7DvSeDSEZKPuCuHDQFfD2r2VE3TGKf94eYjjSjgiJL49rrdp6PSlca16FOf8eB3xuZUT8Uw9zS1qYMdC4uH1Eff2UhON60yhS7o/dV5GWM16rGZPhFZ3Z1hMB3T6Evf3wpTV1YCK4bGWFTRsJZ6vEI0hn2Mh0RnILM76LKYDank3jmi07vRVKobHnBrguCfz/deuyi9fDlhMB9wel8HT0pDfvh5wby+VeGgASFfN4J08YE+/ik7jbmFE61hOpLqRDqgsCHZ6Ci1HZkn3Wc+JeDRFWMn4WAOJfUdmJeNjWkocTUdI1PIujw5SsV1dDbhbdHm0r01E9Z0J/a/j09+0y4b/ldDuxybxAfBSBr4HXn5sJu8RHaD6L9ZhKXZ+nwzvAAAAAElFTkSuQmCC') no-repeat;
                    }
                }
            }
            &:hover{
                img{
                    transform: scale(1.2,1.2);
                }
                .recommend-bg{
                    display: block;
                }
                .recommend-info{
                    top:0px;
                    .name{
                        height:37px;
                    }
                }
            };
        }
    }
    .recommend-control{
        position:absolute;
        left:0px;
        bottom:65px;
        width:100%;
        text-align: center;
        .prev,.next{
            display: inline-block;
            width:12px;
            height:20px;
            vertical-align: middle;
            cursor: pointer;
            margin:0 10px;
        }
        .prev{
            background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAATCAMAAACeNWzcAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABFUExURUxpcf///////////////////////////////////////////////////////////////////////////////////////4aDdakAAAAWdFJOUwCQ+yiRJvyXLCWUoxz+7nunoPdlL7QYPWQdAAAAQElEQVQI12NggAIBIRiLXUwQzmKEs1jwsmDquOAsbjF+mIFiYjwwJjMfLweMzcomRpDNyYSTLQJni4nBmAzCogAlHwL+YuXe7wAAAABJRU5ErkJggg==') center center no-repeat;
        }
        .next{
            background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAATCAMAAABx9wfiAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABLUExURUxpcf///////////////////////////////////////////////////////////////////////////////////////////////1SsvH4AAAAYdFJOUwCQ+xuRJvyXLCWUozQoHO57/qeg92UvtICsvQ8AAABESURBVAjXYxARYoADYQl2BIcRmcNCHIcRlcOF4AhIcDPD2HwSEjxQJocgPy+MKcHGSoDJxInJFEMwGSQk4EwGcVE4EwBnUQNPyYEUNgAAAABJRU5ErkJggg==') center center no-repeat;
        }
        p{
            display:inline-block;
            a{
                display: inline-block;
                width:5px;
                height:5px;
                background:#414141;
                border-radius: 50%;
                margin:0 5px;
                vertical-align: middle;
                cursor: pointer;
            }
            .active-control-btn{
                background:#fff;
            }
        }
    }
}