.oigo-livevideo{
    width: 100%;
}
.oigo-livevideo img {
    display: block;
    width: 100%;
}

.oigo-livevideo-menus {
    width: 100%;
    height: 12vw;
    background: #fff;
    padding: 0 20%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000000;
}

.oigo-livevideo-menus > div {
    font-size: 4vw;
    float: left;
    color: #888;
    width: 50%;
    text-align: center;
    line-height: 12vw;
    position: relative;
    letter-spacing: 0.4vw;
}

.oigo-livevideo-menus div div {
    width: 8vw;
    height: 0.8vw;
    background: #ff2b4e;
    border-radius: 0.4vw;
    position: absolute;
    top: 10vw;
    left: 11vw;
    display: none;
}

.oigo-livevideo-menus .hover {
    color: #ff2b4e;
}

.oigo-livevideo-menus .hover div {
    display: block;
}
/* 视频列表分类 */
.oigo-livevideo-sort{
    width: 100%;
    height: 32vw;
    overflow: auto;
}
.oigo-livevideo-sort>div {
    height: 24vw;
    margin: 4vw 0;
}

.oigo-livevideo-sort .oigo-livevideo-slide {
    width: 28vw;
    height: 24vw;
    margin-left: 2vw;
    border-radius: 1.5vw;
    position: relative;
    overflow: hidden;
    float: left;
}

.oigo-livevideo-sort .oigo-livevideo-slide div div {
    width: 100%;
    height: 8.5vw;
    line-height: 8.5vw;
    text-align: center;
    color: #fff;
    font-size: 4.2vw;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
}

.oigo-livevideo-sort .oigo-livevideo-slide.hover > div {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    border-radius: 1.5vw;
    border: 3px solid rgba(255, 84, 84, 0.8);
}

.oigo-livevideo-sort .oigo-livevideo-slide.hover div div {
    background: rgba(255, 84, 84, 0.8);
}
/* 视频列表 */
.oigo-livevideo-list {
    width: 94.667vw;
    margin: 3vw auto 0;
}
.oigo-livevideo-list>div{
    border-top-left-radius: 2vw;
    border-top-right-radius: 2vw;
    overflow: hidden;
    width: 100%;
    margin-bottom: 4vw;
    position: relative;
}
.oigo-livevideo-iocn{
    background: #fff;
    height: 10vw;
    line-height: 10vw;
}
.oigo-livevideo-iocn img{
    width: 6vw;
    height: 6vw;
    margin: 2vw;
    float: left;
}
.oigo-livevideo-list a{
    position: relative;
}
.oigo-livevideo .clickPlay{
    width: 30.667vw;
    height: 13.334vw;
    position: absolute;
    top: calc((100% - 13.334vw)/2);
    left: calc((100% - 30.667vw)/2);
    z-index: 10;
}
.oigo-livevideo-details {
    background: #fff;
    padding: 3.2vw;
    position: relative;
    padding-top: 2vw;
}

.oigo-livevideo-details h2 {
    font-size: 4.5vw;
    color: #333;
    height: 6vw;
    line-height: 6vw;
    overflow: hidden;
    margin: 2vw 0;
    margin-top: 0;
}

.oigo-livevideo-details p {
    font-size: 4vw;
    color: #cc8b01;
    height: 5vw;
    line-height: 5vw;
    overflow: hidden;
}

.oigo-livevideo-details span {
    font-size: 5.8vw;
    color: #ff2c50;
    display: inline-block;
    margin-top: 3vw;
}

.oigo-livevideo-details span small {
    font-size: 4vw;
}
.oigo-livevideo-details del {
    font-size: 4vw;
    color: #666;
    display: inline-block;
    margin-top: 5vw;
    margin-left: 2vw;
}
.oigo-livevideo-details .random{
    font-size: 3.2vw;
    color: #ff2c50;
    display: inline-block;
    background: #ffebe7;
    padding: 0 1vw;
    margin: 0 1vw;
}
/*一键拨号订购  立即购买*/
.oigo-livevideo-purchase{
    width: 100%;
    background: #fff;
    padding: 0 5% 5vw;
    display: flex;
    border-bottom-right-radius: 2vw;
    border-bottom-left-radius: 2vw;
}
.oigo-livevideo-purchase a{
    width: 50%;
    height: 9vw;
    background: #ff3817;
    color: #fff;
    font-size: 4vw;
    text-align: center;
    display: flex;
    border-bottom-right-radius: 1vw;
    border-top-right-radius: 1vw;
    line-height: 9vw;
    justify-content: center;
}
.oigo-livevideo-purchase a:nth-child(1){
    background: #eca700;
    border-bottom-left-radius: 1vw;
    border-top-left-radius: 1vw;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    font-size: 3.9vw;
}
.oigo-livevideo-purchase a img{
    width: 5.334vw;
    height: 5.334vw;
    display: block;
    margin-top: 1.6vw;
}
.oigo-livevideo-purchase a span{
    display: block;
}
.oigo-livevideo-list .purchase{
    position: absolute;
    bottom: 3vw;
    right: 3vw;
    width: 22vw;
    height: 8vw;
    line-height: 8vw;
    display: block;
    text-align: center;
    background: #ff3817;
    border-radius: 1vw;
    color: #fff;
    font-size: 3.7334vw;
}
/* isDebug */
.playprolistDebug{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}