/*通用部分*/
body{overflow-x: hidden}
.m-nywrap{position: absolute;z-index:99;color:#333;font:12px/22px 'Microsoft Yahei','微软雅黑','Simsun','宋体','Arial';}
.m-ny-mask{position: absolute;display: none;width: 1000px;height: 757px;opacity: 0.9;filter: alpha(opacity=90);background: #fff}
.m-nylive{z-index: 100;position: absolute;left: 1020px;width: 1000px;opacity: 0;filter: alpha(opacity=0);transition: all .5s linear;}
.m-nylive-active{left: 0;opacity: 1;filter: alpha(opacity=100)}
.m-nylive-hover{opacity: .2;filter: alpha(opacity=20)}
.m-ny-items-tt{float: left;position: relative}
.m-ny-items-tt .ny-items-tborder{height: 201px;width: 22px;border-right: 1px solid #df4f47}
.m-ny-items-tt p{position: absolute;top: 44px;padding:9px 0; background:#fff;font-weight: bold}
.m-ny-items-tt p span{display: block;width: 46px;text-align: center;font-size: 24px;line-height: 24px;}
.m-ny-items-tt p .ny-items-tt-key{color: #df4f47}
.ny-item-box{display: block;position: relative;width:210px;height: 201px;}
.ny-item-box:hover{text-decoration: none}
.ny-item-box:hover .ny-item-mask{opacity: 0.5;filter: alpha(opacity=50)}
.ny-item-box:hover .ny-item-playbtn{top: 47px;}
.ny-item-box .ny-item-imgbox{position: relative;width: 210px;height: 141px;overflow: hidden;background: #fff url(../images/ny_loading.gif) center center no-repeat; }
.ny-item-box .ny-item-imgbox img{height: 141px}
.ny-item-box .ny-item-mask{position: absolute;top: 0;left: 0;width: 210px;height: 141px;background: #000;opacity: 0;filter: alpha(opacity=0);transition:opacity .5s ease-in-out}
.ny-item-box .ny-item-type{display: block;position: absolute;z-index: 101;top: 5px;left: 0;width: 80px;height: 25px;text-align: center;color:#fff;line-height: 25px;}
.ny-item-box .ny-item-playbtn{display: block;position: absolute;z-index:101;top: -46px;left: 82px;width: 46px;height: 46px;background: url(http://n.sinaimg.cn/finance/72219a70/20161018/ny_icons.png) no-repeat;background-position: -2px -2px;transition:top .3s ease-in-out}
.ny-item-box .ny-item-userbox{width: 192px;height: 42px;padding: 8px;border: 1px solid #eaeaea;color: #333;background: #fff;}
.ny-item-box .ny-item-tt{font-weight: bold;font-size: 16px;height: 20px;line-height: 20px;overflow: hidden}
.ny-item-box .ny-item-user{padding-top: 4px;font-size: 13px;line-height: 18px}
.ny-item-box .ny-item-time{float: right;color: #e94740}
.ny-item-type-now{background: #db4a43}
.ny-item-type-nowicon{display: inline-block;vertical-align: middle;margin: 0 5px 2px 0;width: 14px;height: 14px;background: url(http://n.sinaimg.cn/finance/72219a70/20161018/ny_icons.png) no-repeat;background-position: -103px -2px;}
.ny-item-type-soon{background: #4963ac}
.ny-item-type-soonicon{display: inline-block;vertical-align: middle;margin: 0 5px 3px 0;width: 14px;height: 14px;background: url(http://n.sinaimg.cn/finance/72219a70/20161018/ny_icons.png) no-repeat;background-position: -87px -2px;}
.ny-item-type-back{background: #e28a12}
.ny-item-type-backicon{display: inline-block;vertical-align: middle;margin: 0 5px 2px 0;width: 14px;height: 14px;background: url(http://n.sinaimg.cn/finance/72219a70/20161018/ny_icons.png) no-repeat;background-position: -119px -3px;}
.ny-item-more-icon{display: block;position: absolute;top: 76px;right: -48px;width:28px;height: 48px;background: url(http://n.sinaimg.cn/finance/72219a70/20161018/ny_icons.png) no-repeat; background-position: -2px -264px;}
.ny-item-more-icon:hover{background-position: -32px -264px;}
/*通向直播台*/
.m-nylive-right{display: none;position: absolute;z-index: 105;left: 1020px;width: 1000px;height: 757px;cursor: pointer;}
.m-nylive-right .m-nylive-rmask{position: absolute;width: 1000px;height: 757px;background: #fff;opacity: 1;filter: alpha(opacity=100) }
.m-nylive-right .m-nylive-rmask-hover{opacity: .1;filter: alpha(opacity=10)}
.m-nylive-right .m-nylive-goicon{display: block;position: absolute;top: 320px;width: 108px;height: 115px;background: url(http://n.sinaimg.cn/finance/72219a70/20161018/ny_icons.png) no-repeat;background-position: -2px -50px;}
.m-nylive-right:hover .m-nylive-goicon{background-position:-112px -50px }
.m-nylive-left{display: none;position: absolute;z-index: 105;left:-120px;width: 120px;height: 757px;cursor: pointer}
.m-nylive-left:hover .m-nylive-backicon{background-position: -111px -167px;}
.m-nylive-left .m-nylive-backicon{display: block;position: absolute;top: 320px;width: 107px;height: 95px;background: url(http://n.sinaimg.cn/finance/72219a70/20161018/ny_icons.png) no-repeat;background-position: -2px -167px;}
.m-nylive-right .m-nylive-goimgbox{position:absolute;top:150px;width:108px;height: 243px;overflow:hidden;}
.m-nylive-right .m-nylive-closeicon{position: absolute;top: 0;right:0;z-index:107;width: 40px;height: 20px;background: #e94740;color: #fff;text-align: center;line-height: 20px;}
.m-nylive-right .m-nylive-goimg .m-nylive-goimgbox{display: inline-block}
.m-nylive-right .m-nylive-goimg .m-nylive-goimgbox:before{content:'';position:absolute;width:20px;height:520px;margin-top:-240px;margin-left:-30px;overflow:hidden;z-index:106;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
  -webkit-transform: skewX(-25deg);
  -moz-transform: skewX(-25deg);}
.m-nylive-right .m-nylive-goimg img{width: 108px;}
.m-nylive-right:hover .m-nylive-goimg .m-nylive-goimgbox:before {
 -webkit-animation:aniBlink 1.3s ease-out forwards;
 -moz-animation:aniBlink 1.3s ease-out forwards;
 -o-animation:aniBlink 1.3s ease-out forwards;
 animation:aniBlink 1.3s ease-out forwards
}
/*左侧直播列表*/
.m-ny-list{float: left;width: 250px;height: 757px;background-color: #e94740;}
.m-ny-list .m-ny-list-tt{height: 53px;line-height: 53px;font-size: 18px;text-align: center}
.m-ny-list a{display: block;color: #fff;}
.m-ny-list a:hover{color:#fff;text-decoration: none;}
.m-ny-list .m-ny-icon{display: inline-block;vertical-align: middle;margin: 0 5px 2px 0;width: 42px;height: 28px;background: url(http://n.sinaimg.cn/finance/72219a70/20161018/ny_icons.png) no-repeat;background-position: -136px -2px;}
.m-ny-list .m-ny-list-nav{position:relative;padding:0 20px 3px 20px ;border-bottom: 1px solid #d83029;}
.m-ny-list .m-ny-list-nav li{float:left;padding: 0 15px;width: 75px;text-align: center;color:#fff;font-size: 14px;line-height: 36px;cursor: pointer;transition: }
.m-ny-list .m-ny-list-nav span{position: absolute;display: block;left:35px;width: 75px;height: 2px;background: #fff;transition:left .3s}
.m-ny-list .m-ny-list-nav .active{font-weight: 600}
.m-ny-list .m-ny-list-box{position: relative;width: 250px;height: 664px;overflow: hidden;}
.m-ny-list .m-ny-list-boxul{position:absolute;width: 500px;left: 0;transition:left .3s;}
.m-ny-list .m-ny-list-boxli{float: left;position: relative;width: 250px;height:664px;}
.m-ny-list .m-ny-list-lblk{width: 20px;height:664px;border-right: 3px solid #d83029}
.m-ny-list .m-ny-list-items{position: absolute;top: 0;left: 12px;padding-top: 10px;}
.m-ny-list .ny-list-item{width: 223px;height: 81px;margin-bottom: 10px;border: 1px solid #d83029;background-color: #ee514b;transition: background-color 0.5s}
.m-ny-list .ny-list-item:hover{background-color: #f37b57}
.m-ny-list .ny-list-item a{padding: 15px 0;}
.m-ny-list .ny-list-item-left{float: left;width: 50px;height: 50px;margin-left: 10px;;border-radius: 50%;overflow: hidden;background:#fff url(../images/ny_loading.gif) center center no-repeat}
.m-ny-list .ny-list-item-left img{width: 50px;}
.m-ny-list .ny-list-item-right{margin-left: 70px;font-size: 14px;line-height: 18px;}
.m-ny-list .ny-list-item-rtt{margin-top: 10px;width: 140px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.m-ny-list .ny-list-item-rtime{float: right;margin-right: 14px}
.m-ny-list .ny-itemtime-icon{display: inline-block;vertical-align: middle;margin: 0 10px 2px 0;width: 16px; height: 16px;background: url(http://n.sinaimg.cn/finance/72219a70/20161018/ny_icons.png) no-repeat;background-position: -51px -2px;}
.m-ny-list .ny-list-ranklist{padding: 3px 13px;}
.m-ny-list .ny-list-rank{position: relative;width: 223px;height: 81px;margin-top: 9px;border: 1px solid #d9312a;background: #ee514b}
.m-ny-list .ny-list-rank a{display: block;padding: 12px 10px;}
.m-ny-list .ny-list-rank a:hover,.m-ny-list .ny-list-rank a:active,.m-ny-list .ny-list-rank a:focus{text-decoration: none}
.m-ny-list .ny-list-rank-num{display: block;position: absolute;top:20px;left:0;width: 42px; height:40px;line-height: 40px;text-align: center;font-size:14px;}
.m-ny-list .ny-list-rank-left{float: left;width: 50px;height: 50px;margin:3px 0 0 40px;;border-radius: 50%;overflow: hidden;background:#fff url(../images/ny_loading.gif) center center no-repeat}
.m-ny-list .ny-list-rank-left img{width:50px;}
.m-ny-list .ny-list-rank-right{margin-left: 100px;font-size: 14px;line-height: 16px;}
.m-ny-list .ny-list-rank-right .ny-list-rank-tt{margin-top: 4px;font-size: 12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.m-ny-list .ranktop{background: #f37b57}
.m-ny-list .ranktop .ny-list-n01{display: block;position: absolute;left:13px;width:24px;height: 40px;background: url(http://n.sinaimg.cn/finance/72219a70/20161018/ny_icons.png) no-repeat;background-position: -62px -264px;}
.m-ny-list .ranktop .ny-list-n02{display: block;position: absolute;left:13px;width:24px;height: 40px;background: url(http://n.sinaimg.cn/finance/72219a70/20161018/ny_icons.png) no-repeat;background-position: -92px -264px;}
.m-ny-list .ranktop .ny-list-n03{display: block;position: absolute;left:13px;width:24px;height: 40px;background: url(http://n.sinaimg.cn/finance/72219a70/20161018/ny_icons.png) no-repeat;background-position: -122px -264px;}
.m-ny-list .ny-list-share{display: inline-block;float: right;vertical-align: middle;width:16px;height: 16px;background: url(http://n.sinaimg.cn/finance/72219a70/20161018/ny_icons.png) no-repeat;background-position: -50px -18px;}
.m-ny-list .ny-list-sharebox{position: absolute;top: 30px;right: 10px;width: 105px;height: 36px;border-radius: 3px;background-color: #fff;box-shadow: 0 2px 3px rgba(13,5,9,.49);}
.m-ny-list .ny-list-sharebox li{float: left;width: 34px;height: 36px;border-right: 1px solid #ededed}
.m-ny-list .ny-list-sharebox .ny-sharewx{border-right:0}
.m-ny-list .ny-list-sharebox .ny-sharewb-icon{display: block;width:22px;height: 18px;margin: 9px 0 0 6px;background: url(http://n.sinaimg.cn/finance/72219a70/20161018/ny_icons.png) no-repeat;background-position: -148px -264px;}
.m-ny-list .ny-list-sharebox .ny-shareqz-icon{display: block;width:22px;height: 20px;margin: 8px 0 0 6px;background: url(http://n.sinaimg.cn/finance/72219a70/20161018/ny_icons.png) no-repeat;background-position: -172px -264px;}
.m-ny-list .ny-list-sharebox .ny-sharewx-icon{display: block;width:22px;height: 18px;margin: 10px 0 0 6px;background: url(http://n.sinaimg.cn/finance/72219a70/20161018/ny_icons.png) no-repeat;background-position: -196px -264px;}
.m-ny-list .ny-list-sharebox .ny-sharenwx-icon{display: block;width:22px;height: 18px;margin: 10px 0 0 6px;background: url(http://n.sinaimg.cn/finance/72219a70/20161018/ny_icons.png) no-repeat;background-position: -220px -264px;}
.m-ny-list .ny-list-qrcodebox{position: absolute;top: 40px;right: 0;z-index: 110;width: 75px;height: 75px;border-radius: 3px;background-color: #fff;box-shadow: 0 2px 3px rgba(13,5,9,.49);}
.m-ny-list .ny-list-qrcodebox img{display: block;margin: 6px}
/*直播内容*/
.m-ny-main{margin-left: 270px;width: 730px;}
/*明星主播*/
.m-ny-star{margin-bottom: 20px;}
.m-ny-star ul{height: 267px;}
.m-ny-star .ny-star-item{float: left;position: relative;width:163px;height: 267px;margin-left: 2px;overflow: hidden;transition: width .3s;}
.m-ny-star .js-ny-star-active{width: 398px;}
.m-ny-star .ny-star-item a{display: block;width: 100%;height: 100%;background: url(../images/ny_loading.gif) center center no-repeat; }
.m-ny-star .ny-star-user{position: absolute;display: block;left: 8px;top: 193px;height: 31px;padding: 0 8px;background:#e94740;color: #fff;line-height: 31px;text-align: center;font-size: 22px;}
.m-ny-star .ny-star-time{position: absolute;display: block;left: 8px;top: 227px;width: 145px;height: 31px;background: #4661b5;color: #fff;line-height: 31px;text-align: center;font-size: 16px;}
.m-ny-star .ny-startime-icon{display: inline-block;vertical-align: middle;margin: 0 10px 2px 0;width:17px;height: 17px;background: url(http://n.sinaimg.cn/finance/72219a70/20161018/ny_icons.png) no-repeat;background-position: -68px -2px; }
/*重点推荐*/
.m-ny-recommend{position: relative;margin-bottom: 20px;height: 222px;}
.m-ny-recommend .m-ny-recommend-list{margin-left: 59px;height: 201px;padding-bottom: 20px;border-bottom: 1px solid #e9e9e9}
.m-ny-recommend .m-ny-recommend-list li{float: left;margin-left: 20px;}
.m-ny-recommend .m-ny-recommend-list .ny-recommend-item01{margin-left: 0}
/*正在直播*/
.m-ny-now{position: relative}
.m-ny-now .m-ny-now-list{margin-left: 59px;}
.m-ny-now .m-ny-now-list li{float: left;margin-left: 20px;}
.m-ny-now .m-ny-now-list .ny-now-item01{margin-left: 0};
/*动画*/
@keyframes aniBlink {
from {
margin-top:-240px;
margin-left:-108px;
}
to {
    margin-top:0px;
    margin-left:108px;
}
}
@-webkit-keyframes aniBlink {
from {
margin-top:-240px;
margin-left:-108px;
}
to {
    margin-top:0px;
    margin-left:108px;
}
}
@-moz-keyframes aniBlink {
from {
margin-top:-240px;
margin-left:-108px;
}
to {
    margin-top:0px;
    margin-left:108px;
}
}
@-o-keyframes aniBlink {
from {
margin-top:-240px;
margin-left:-108px;
}
to {
    margin-top:0px;
    margin-left:108px;
}
}