.auto{left: 50%; -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0);}


.liveCont{background:#FFF url(../images/yel.png) no-repeat center 970px;}
.liveTitle{padding-top: 70px; height: 90px; text-align: center; font-size: 50px; color: #1a3134; font-weight: bold;}
.liveTitle span{color: #077b8d;}
.liveMain{height: 780px;}
.livePlay{width: 1074px; height: 604px; margin: 0 auto; background: #1b1b1b; border: 12px solid #077b8d;}
.livePlay iframe{width: 100%; height: 100%; display: block;}
.liveTab{display: flex; justify-content: center; padding-top: 30px;}
.liveTab a{display: block; width: 330px; height: 60px; line-height: 60px; text-align: center; margin: 0 26px; background: #077b8d; border-radius: 5px; font-size: 30px; color: #FFF; cursor: pointer; position: relative;}
.liveTab a span{display: none; width: 16px; height: 16px; background: #bd0e3b; transform: rotate(45deg) translate(-50%,0); position: absolute; left: 50%; top: -2px;}
.liveTab a:hover,.liveTab a.on{background: #bd0e3b;}
.liveTab a:hover span,.liveTab a.on span{display: block;}

.roomName{ text-align: center; font-size: 40px; color: #354570; }
.liveBox{ position: relative; margin: 22px auto 0 auto; width: 1110px; height: 641px; background: url(../images/liveBox.png) no-repeat 0 0; }
.liveBox iframe{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 1074px; height: 604px; }
.liveNull{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 896px; height: 389px; background: url(../images/pop_live.png) no-repeat 0 0; }
.close{ position: absolute; top: 13px; right: 140px; width: 17px; height: 14px; background: url(../images/close.png) no-repeat 0 0; }
.popLiveTit{ position: absolute; top: 16px; left: 0; width: 100%; text-align: center; font-weight: bold; font-size: 25px; color: #f2dea9; }
.popLiveText{ position: absolute; top: 100px; width: 520px; height: 200px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; line-height: 40px; font-weight: bold; font-size: 25px; color: #354570; }
.popLiveText span{ color: #ffe6a1; }
.liveBtns{ margin: 30px auto 0 auto; width: 1225px; display: flex; justify-content: center; }
.liveBtns a{ margin: 0 28px; width: 281px; height: 60px; line-height: 60px; text-align: center; background: url(../images/liveBtns.png) no-repeat 0 0; font-weight: bold; font-size: 31px; color: #FFF; cursor: pointer; }
.liveBtns a:hover, .liveBtns a.on{ background-position: 0 -60px; }