body {background: #F5F5F5;}

.panel {background-color: #fff;padding:10px 20px;margin: 0px 0 30px;position: relative;clear:both;border-radius: 8px;}
.panel .panel-title {position: absolute;top: 20px;left: 20px;color: #848e99;}
.panel.panel-all {margin: 0;margin-top: 35px;background: #fff;padding: 6px 20px 6px 120px;}
.panel.panel-all .panel-title {top: 16px;}
.panel .panel-list {line-height: 24px;}
.panel .panel-list li {padding:6px 0}
.panel .panel-list li span {padding-right: 10px;color:#999}
.panel .panel-list li a {cursor: pointer;color: #222;margin: 0 1px 1px 0;display:inline-block;padding:0px 6px;border-radius:3px}
.panel .panel-list li a:hover,
.panel .panel-list li  a.curr {color: #fff;background:#10C55B}
.panel-v4 .panel-title {top: 16px;left: 30px;}
.panel-v4 .panel-list > li {margin-right: 30px;position: relative;}

.livebox .ltitle {line-height: 50px;height: 50px;}
.livebox .ltitle h3 {height: 30px;line-height: 30px;border-left: 4px solid #162D8E;font-size: 24px;text-indent: 1em;float: left;color:#162D8E}
.livebox .ltitle span {float: right;}
.livebox .ltitle span a {color: #999;}
.live-item ul {margin-left: -29px;}
.live-item li {float: left;width: 338px;margin:0 0 30px 29px;border: 1px solid #E8E8E8;padding: 12px;position: relative;height:257px;background: #fff;}
.live-item li a {display: block;}
.live-item li p.n {font-size: 16px;line-height: 26px;height:52px;}
.live-item li p.n i {display: inline-block;padding: 0 8px;line-height: 22px;height: 22px;background: #fff;border:1px solid #E8E8E8;color: #666;font-size: 14px;border-radius: 4px;margin-right: 10px;background: #F9F9F9;}
.live-item li p.n i.n2 {background:#4EBD65;border:1px solid #4EBD65;color: #fff;}
.live-item li dl {height: 86px;overflow: hidden;padding: 10px 0;clear:both}
.live-item li dl dd {float: left;width: 60px;height:60px;margin-right: 14px;text-align: center;}
.live-item li dl dd img {width: 100%;height: 100%;border-radius: 100%;}
.live-item li dl dd span {display: inline-block;font-size: 12px;color: #aaa;line-height: 26px;height:26px;overflow:hidden}
.live-item li dl dd.m {font-size: 30px;line-height: 60px;color: #ddd;text-align: left;}
.live-item li p.tx{line-height: 20px;height: 20px;font-size: 12px;color:#666 }

.live-item li p.tprice {border-top: 1px solid #E8E8E8;height: 46px;position: relative;margin-top:10px}
.live-item li p.tprice span {font-size: 26px;color: #f60;display: inline-block;height: 26px;padding-top: 16px;}
.live-item li p.tprice span i {font-size: 12px;}
.live-item li p.tprice em {line-height: 30px;height: 30px;background: #DDFDE4;font-size: 12px;display: inline-block;border-radius:30px 0 0 30px;padding: 0 10px 0 20px;color: #4EBD65;position: absolute;top:10px;right: -12px;}
.live-item li:before,.live-item li:after {content: "";border: solid #E8E8E8;border-width:0 1px 1px;width: 350px;position: absolute;bottom: -5px;left: 6px;height: 3px;}
.live-item li:before {bottom: -9px;width: 338px;left: 12px;}
.live-item li:hover,.live-item li:hover:before,.live-item li:hover:after {border-color: #162D8E;}

.live {
margin-bottom: 20px;
  background: url(//www.zuixu.com/static/img/live_bg.jpg) no-repeat center;
  background-size: cover;
  height: 620px;
  overflow: hidden;
}
.live .w {padding-top: 30px;}
.liveplay {height: 560px;background:#162D8E;background:rgba(22,45,142,.8);margin-bottom: 20px;border-radius: 10px;}
.liveplay .player-cover {width: 100%;height: 100%;background: #fff;background: rgba(0, 0, 0, 0.8);-webkit-filter: blur(70px);/* Chrome, Opera */-moz-filter: blur(70px);-ms-filter: blur(70px);filter: blur(70px);
 filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='70', MakeShadow=false);/* IE6~IE9 */position: relative;z-index: 4;}
.liveplay .player-cover:before {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0, 0, 0, 0.37);z-index: 5;}
.liveplay .player-tip {position: absolute;z-index: 7;left: 0;right: 0;bottom: 0;top: 0;margin: auto;height: 160px;font-size: 0;text-align: center;}
.liveplay .player-tip:hover .btn {display: block;}
.liveplay .player-tip .tip-info {display: inline-block;padding-left: 20px;padding-right: 10px;vertical-align: bottom;margin-bottom: 1px;padding-bottom: 9px;color: #fff;line-height: 30px;letter-spacing: 3px;}
.liveplay .player-tip h3 {font-size: 24px;margin-bottom: 10px;}
.liveplay .player-tip p {font-size: 18px;margin-bottom: 40px;}
.liveplay .player-tip .btn-detail {display: inline-block;width: 200px;height: 40px;border-radius: 40px;line-height: 40px;color: #fff;font-size: 16px;cursor: pointer;background: rgba(255, 255, 255, 0.6);}
.liveplay .player-tip .btn-detail:hover {opacity: 1;background: #10C55B;}


.liveplay .playside {float: right;width: 360px; background:url(../images/play_side.png) repeat-x top;}
.liveplay .playside h3 {text-align: center;height: 54px;line-height:50px;font-size: 16px;color: #fff;}
#alplay {float: left;width: 790px;height: 560px;position: relative;overflow: hidden; border-radius: 8px 0px 0px 8px;background: #000;background: gray;}

.liveplay .play-list {width: 100%;max-height: 497px;height: 100%;padding-top: 5px;overflow: auto;}
.liveplay .play-list::-webkit-scrollbar {overflow: visible;width: 8px;}
.liveplay .play-list::-webkit-scrollbar-thumb {background-color: #959595;border-radius: 8px;min-height: 15px;}
.liveplay .play-list.loading { position:relative;min-height:497px}
.liveplay .play-list.loading:after {content:"";display:block;width: 50px;height: 54px;background: url(../images/loading.gif) center center no-repeat;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}
.liveplay .play-list li {padding-bottom: 2px;height:60px;overflow:hidden}
.liveplay .play-list li > a {position: relative;height: 60px;line-height:60px;display: block;color:#C7CFF8;padding-left: 46px;padding-right: 25px;margin: 0 5px;opacity: .9;cursor: pointer;-webkit-transition: background 1s,opacity .5s;        transition: background 1s,opacity .5s;}
.liveplay .play-list li > a h4 {font-size: 14px;margin-bottom: 10px;padding-right: 40px;}
.liveplay .play-list li > a em {position: absolute;right: 20px;top: 0px;}
.liveplay .play-list li > a span {display: inline-block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.liveplay .play-list li > a .lving {position: absolute;left: 16px;top: 0;bottom: 0;margin: auto;display: inline-block;width: 20px;height: 20px;line-height: 20px;text-align: center;vertical-align: middle;color: #848E99;}
.liveplay .play-list li > a:hover {background: url(../img/play_side_item_hover.png) no-repeat center;background-size: 100% 95%;opacity: .9;}
.liveplay .play-list li.active a {color: #fff;background: url(../images/third-index/play_side_item.png) no-repeat center;background-size: 100% 95%;opacity: 1;}
.lving:before {content: "";background: url(../images/third-index/playing.gif);width: 16px;display: inline-block;font-size: 0;text-indent: -9999em;vertical-align: -1px;height: 16px;margin-right: 4px;}
.liveplay .play-list li.over .lving:before {background: url(../../img/over.png);}




.downlist li {border-bottom: none;}
.downlist li:nth-child(odd) {background-color: #f5f5f5;}


.preview-custom a {font-size: 30px;margin-bottom: 50px;color:#fff; text-align: center;position: absolute;top: 50%;transform: translateY(-50%);width: 100%;}
.preview-custom a em {background: url(../live/images/course/play/icon-info.png) no-repeat 0 0;display: inline-block;heighT:40px;width:50px; vertical-align:middle}

.preview-vod-component .preview-component-tip {background:rgba(0,0,0,.8);display:block;line-height:30px;left:25% !important;width:50%;bottom:5px  !important;text-align:center;border-radius:4px; z-index:99999}
.preview-vod-component .preview-component-tip a {color:#fff}
.preview-vod-component .preview-component-tip a:hover {color:#f00}

.ptnav {float: left;width: 200px;border: 1px solid #E8E8E8;min-height: 500px;background: #fff;}
.ptnav dl {border-bottom: 1px solid #F2F2F2;padding: 6px 10px;}
.ptnav dl:last-child {border-bottom: 0;}
.ptnav dl dt {font-weight: 400;line-height: 28px;font-size: 16px}
.ptnav dl dd {font-size: 12px;line-height: 24px;}
.ptnav dl dd a {color: #888;}
.ptnav dl dd a:after {content: "|";display: inline-block;color: #eee;margin:0 5px;}
.ptnav dl dd a:last-child:after {display: none;}
.ptnav dl:hover {background: #F9F9F9;}
.ptlist {float: right;width: 948px;}
.ptlist li {float: left;margin: 0px 0 17px 17px;width: 220px;}
.ptlist li img {width: 100%;height: 120px;}
.ptlist li p.pic {position: relative;height: 120px;overflow: hidden;background: #fff;}
.ptlist li p.pic em {width: 56px;height: 25px;text-align: center;background: url(../../pintuan/img/rnum.png) no-repeat center center /cover;position: absolute;top: -2px;left: 4px;color: #fff;font-size: 14px;}
.ptlist li p.name {line-height: 26px;height: 52px;overflow: hidden;}
.ptlist li p.price {line-height: 30px;height: 38px;}
.ptlist li p.price em {font-size: 12px;font-weight: 100;color: #f44839;}
.ptlist li p.price span {font-size: 18px;font-weight: 700;margin-right: 10px;color: #F44839;padding-left: .2em;}
.ptlist li p.price i {font-size: 12px;color: #999; text-decoration: line-through;padding-left: 1em;}
.ptlist li .ptbtn {height: 34px;background: #fff;}
.ptlist li .ptbtn em,
.ptlist li .ptbtn i {display: inline-block;background: #f3493a;border: 1px solid #f3493a;line-height: 32px;height: 32px;color: #fff;width: 108px;text-align: center;}
.ptlist li .ptbtn em {background: none;color: #F3493A;border:1px dotted #F3493A;border-right: 0;width: 109px;font-size: 12px}

@media only screen and (min-width:1290px){
.w,.head,.main {width: 1280px;}
#alplay {float: left;width: 920px;}
.live-item ul {margin-left: -30px;}
.live-item li {width: 379px;margin:0 0 30px 30px;}
.live-item li:before,.live-item li:after {width: 390px;}
.live-item li:before {width: 382px;}
.ptnav {min-height: 537px;}
.ptlist {width: 1076px;}
.ptlist li {width: 252px;}
.ptlist li p.pic {height: 137px;}
.ptlist li img {height: 137px;}
.ptlist li .ptbtn i {width: 124px;}
.ptlist li .ptbtn em {width: 125px;}
}