@charset "gb2312";
/*sy 20160604*/
/*public*/
.module .hd .md-title,.md-zxw .down a,.m2 .bd .intro .start,.m3 .prev a,.m3 .next a,.m3 .list-box li .clear,.md-gift .bd .btn,.md-new .new-headline a,.md-rank .bd p span,.md-rank .bd p i,.md-rank .bd .btn a{background:url(/h/images/h5pc2016/icon.png) no-repeat}
.module .hd{height:38px;background:#fff;border-bottom:1px #bbf3d7 solid;position:relative}
.module .hd .md-title{position:absolute;top:0;left:0;display:block;height:38px;line-height:38px;padding:0 18px 0 50px;border-bottom:1px #2fc26e solid;color:#2fc26e;font-size:16px;}
.module .hd .md-more{position:absolute;top:0;right:0;display:block;width:40px;height:38px;line-height:38px;padding-right:12px;color:#989898;}
.module .hd .md-more span{font-family:"SimSun";padding-left:4px}
.module .hd a:hover.md-more{color:#2fc26e;text-decoration:none}
/*m1*/
.m1{height:310px;background:none;border:none;overflow:hidden;zoom:1;}
/*md-slider*/
.md-slider{width:720px;height:310px;position:relative;overflow:hidden}
.md-slider .s-btn{width:36px;height:54px;position:absolute;top:128px;}
.md-slider .prev{left:0;background:url(/h/images/h5pc2016/slider-prev.png) no-repeat;}
.md-slider .next{right:0;background:url(/h/images/h5pc2016/slider-next.png) no-repeat;}
.md-slider .s-pic{width:720px;height:310px;}
.md-slider ul{width:100000px;}
.md-slider li{float:left;display:inline;width:720px;height:310px;position:relative;}
.md-slider .s-nav{position:absolute;bottom:12px;left:50%;z-index:99;width:164px;height:24px;font-size:0;line-height:0;margin-left:-82px;z-index:9;background:url(/h/images/h5pc2016/slider-nav-bg.png) no-repeat;text-align:center;zoom:1;overflow:hidden}
.md-slider .s-nav span{display:inline-block;width:14px;height:14px;line-height:50px;overflow:hidden;margin:4px 6px;background:url(/h/images/h5pc2016/slider-nav.png) no-repeat;cursor:pointer;_zoom:1}
.md-slider .s-nav .on{background-image:url(/h/images/h5pc2016/slider-nav-cur.png)}
/*md-pic*/
.md-pic{width:200px;margin-left:10px}
.smallscreen{display:block;}
.md-pic ul{height:310px;overflow:hidden;}
.md-pic li{width:200px;height:150px;margin-bottom:10px;position:relative;vertical-align:middle}
.md-pic span{position:absolute;left:0;bottom:0;width:200px;height:24px;line-height:24px;overflow:hidden;text-align:center;color:#fff;background:rgba(0, 0, 0, 0.7);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#b2000000', EndColorStr='#b2000000');}
.md-pic a:hover span{text-decoration:none}
/*md-zxw*/
.md-zxw{width:250px;height:310px;margin-left:10px;background:url(/h/images/h5pc2016/zxw-bg.png) no-repeat}
.md-zxw .intro{height:72px;padding:12px 0 18px 24px;overflow:hidden}
.md-zxw .intro .icon{width:72px;height:72px;}
.md-zxw .intro .info{margin-left:12px;}
.md-zxw .intro em{display:block;height:28px;line-height:28px;color:#484848;font-size:14px;margin-bottom:2px;}
.md-zxw .intro span{display:block;line-height:18px;overflow:hidden;}
.md-zxw .down{height:193px;text-align:center}
.md-zxw .down img{display:block;width:110px;height:110px;margin:0 auto;}
.md-zxw .down span{display:block;height:38px;line-height:38px;}
.md-zxw .down a{display:block;width:192px;height:45px;line-height:200px;margin:0 auto;overflow:hidden;background-position:0 -31px;}
/*m2*/
.m2{height:233px;zoom:1}
.m2 .hd .md-title{background-position:-236px -2px}
.m2 .bd{zoom:1}
.m2 ul{height:194px;margin:0 -1px;zoom:1;position:relative}
.m2 .bd li{float:left;width:220px;height:72px;padding:15px 0 10px 18px;zoom:1;_overflow:hidden}
.m2 .bd .icon{float:left;display:inline;width:72px;position:relative;}
.m2 .bd .icon p{display:none;position:absolute;top:-162px;left:-38px;width:140px;height:148px;border:1px #cfcfcf solid;text-align:center;background:#fff;z-index:10;}
.m2 .bd .icon span{height:24px;height:24px;color:#676767}
.m2 .bd .icon i{position:absolute;bottom:-11px;left:64px;display:block;width:20px;height:12px;line-height:0;font-size:0;background:url(/h/images/h5pc2016/ewm-arrow.png) no-repeat;}
.m2 .bd .intro{float:left;display:inline;width:136px;height:72px;margin-left:12px;overflow:hidden}
.m2 .bd .intro .name{display:block;height:20px;line-height:20px;color:#484848;font-size:14px;overflow:hidden;}
.m2 .bd .intro p{height:14px;line-height:14px;margin-bottom:10px;overflow:hidden}
.m2 .bd .intro .start{display:block;width:96px;height:28px;line-height:28px;background-position:0 -77px;color:#2fc26e;font-size:14px;text-align:center}
.m2 .bd .intro a:hover.start{background-position:0 -106px;color:#fff;text-decoration:none}
.m2 .bd .intro a:hover.name{color:#2fc26e;}
/*m3*/
.m3{height:68px;padding:1px;overflow:hidden;zoom:1}
.m3 .played,.m3 .clear-all{width:28px;height:68px;}
.m3 .played a,.m3 .clear-all a{display:block;width:16px;line-height:14px;padding:6px;text-align:center;color:#fff;}
.m3 .played a{background:#2fc26e}
.m3 .clear-all a{background:#989898}
.m3 .played a:hover,.m3 .clear-all a:hover{text-decoration:none}
.m3 .clear-all{display:none}
.m3 .prev{width:20px;padding:18px 6px 16px 14px;}
.m3 .prev a{display:block;width:20px;height:34px;background-position:0 -193px}
.m3 .prev .disable{background-position:-63px -193px}
.m3 .next{width:20px;padding:18px 14px 16px 6px;cursor:default}
.m3 .next a{display:block;width:20px;height:34px;background-position:-21px -193px}
.m3 .next .disable{background-position:-42px -193px;cursor:default}
.m3 .list-box{width:1050px;overflow:hidden}
.m3 .list-box ul{width:100000px;overflow:hidden;zoom:1}
.m3 .list-box li{float:left;display:inline;width:140px;height:56px;padding:6px 0;margin:0 5px;overflow:hidden}
.m3 .list-box li .icon{float:left;display:inline;width:56px;}
.m3 .list-box li .intro{float:left;display:inline;width:78px}
.m3 .list-box li .intro{padding-left:6px;}
.m3 .list-box li .name{display:block;height:28px;line-height:14px;overflow:hidden;margin-bottom:6px}
.m3 .list-box li .clear{display:block;width:12px;height:20px;line-height:200px;overflow:hidden;background-position:-191px -31px}
.m3 .list-box li a:hover.clear{background-position:-191px -52px}
/*m4*/
.m4{overflow:hidden;*margin-bottom:10px;_margin-bottom:0;}
/*md-game*/
.md-game{width:858px;height:388px}
.md-game .hd .md-title{background-position:-236px -40px}
.md-game .bd{padding-top:16px;}
.md-game .bd ul{height:324px;overflow:hidden;padding-left:1px;position:relative;zoom:1}
.md-game .bd li{float:left;display:inline;width:206px;height:100px;margin:0 4px 8px 4px;position:relative}
.md-game .bd li img{width:206px;height:100px}
.md-game .bd em{position:absolute;left:0;bottom:0;width:206px;height:24px;line-height:24px;overflow:hidden;text-align:center;color:#fff;background:rgba(0, 0, 0, 0.7);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#b2000000', EndColorStr='#b2000000');}
.md-game .bd p{display:none;position:absolute;top:0;left:0;color:#d1d1d1;width:206px;height:60px;line-height:20px;padding:20px 0;text-align:center;background:rgba(0, 0, 0, 0.7);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#b2000000', EndColorStr='#b2000000');}
.md-game .bd span{display:block}
.md-game .bd a:hover,.md-game .bd a:hover span{text-decoration:none}
.md-game .bd i{display:inline-block;width:12px;height:12px;line-height:0;font-size:0;background:url("/h/images/h5pc2016/start.png") no-repeat;*margin-right:3px}
.md-game .bd .yellow{background-image:url(/h/images/h5pc2016/start-cur.png);}
.md-game .bd .big,.md-game .bd .big img{width:420px;height:208px;}
.md-game .bd .big p{width:420px;padding:74px 0;}
.md-game .bd .big em{width:384px;padding:0 18px;text-align:left}
/*md-gift*/
.md-gift{width:318px;height:388px;margin-left:10px;overflow:hidden}
.md-gift .hd .md-title{background-position:-236px -80px}
.md-gift .bd{overflow:hidden}
.md-gift .bd ul{margin-top:-1px;overflow:hidden;zoom:1}
.md-gift .bd li{border-top:1px #f0f0f0 solid;vertical-align:middle;zoom:1}
.md-gift .bd p{height:47px;line-height:47px;padding:0 18px;}
.md-gift .bd p a{float:left;display:inline;width:202px;height:47px;font-size:14px;overflow:hidden}
.md-gift .bd p span{float:left;display:inline;width:80px;}
.md-gift .bd .intro{padding:18px;height:72px;display:none;overflow:hidden;zoom:1}
.md-gift .bd .icon{width:72px;}
.md-gift .bd .info{width:126px;margin-left:10px}
.md-gift .bd .info .name{display:block;width:126px;height:18px;line-height:18px;overflow:hidden;}
.md-gift .bd .info .date{display:block;height:18px;line-height:18px;color:#2fc26e;margin-bottom:8px;}
.md-gift .bd .info .btn{display:block;width:96px;height:28px;line-height:28px;background-position:0 -77px;color:#2fc26e;font-size:14px;text-align:center}
.md-gift .bd .info a:hover.btn{background-position:0 -106px;color:#fff;text-decoration:none}
.md-gift .bd .num{width:64px;height:32px;padding:16px 0;margin-left:10px;text-align:center;position:relative;background:url(/h/images/h5pc2016/circle1.png) no-repeat;overflow:hidden}
.md-gift .bd .num .num-box{position:absolute;top:0;left:0;width:64px;padding:16px 0;height:32px;text-align:center}
.md-gift .bd .num span{display:block;width:64px;line-height:16px;color:#fff;}
.md-gift .bd .num i{display:block;}
.md-gift .bd .num .color{position:absolute;left:0;width:64px;height:64px;background:url(/h/images/h5pc2016/circle2.png) no-repeat}
.md-gift .bd .num .cover{position:absolute;top:0;left:0;width:64px;height:64px;background:url(/h/images/h5pc2016/circle-cover.png) no-repeat}
.md-gift .bd .cur .intro{display:block}
.md-gift .bd .cur p{display:none}
/*m5*/
.m5{*margin-bottom:10px;_margin-bottom:0;}
/*md-recommend*/
.md-recommend{width:858px;height:476px;overflow:hidden;zoom:1;position:relative}
.md-recommend .hd .md-title{background-position:-236px -117px}
.md-recommend .bd ul{padding-top:26px;}
.md-recommend .bd li{float:left;display:inline;width:196px;height:72px;padding:0 0 32px 18px}
.md-recommend .bd .icon{float:left;display:inline;width:72px;position:relative}
.md-recommend .bd .icon p{display:none;position:absolute;top:-162px;left:-38px;width:140px;height:148px;border:1px #f0f0f0 solid;text-align:center;background:#fff;z-index:10}
.md-recommend .bd .icon span{height:24px;height:24px;color:#676767}
.md-recommend .bd .icon i{position:absolute;bottom:-12px;left:64px;display:block;width:20px;height:12px;line-height:0;font-size:0;background:url(/h/images/h5pc2016/ewm-arrow.png) no-repeat;}
.md-recommend .bd .intro{float:left;display:inline;width:112px;height:72px;margin-left:12px;overflow:hidden}
.md-recommend .bd .intro .name{display:block;height:20px;line-height:20px;color:#484848;font-size:14px;overflow:hidden;}
.md-recommend .bd .intro p{height:14px;line-height:14px;margin-bottom:10px;overflow:hidden}
.md-recommend .bd .intro .start{display:block;width:70px;height:26px;line-height:26px;background:#fff;border:1px #2fc26e solid;color:#2fc26e;font-size:14px;text-align:center}
.md-recommend .bd .intro a:hover.start{background:#2fc26e;color:#fff;text-decoration:none}
.md-recommend .bd .intro a:hover.name{color:#2fc26e;}
/*md-new*/
.md-new{width:320px;height:476px;margin:0 0 10px 10px}
.md-new .new-pic{width:320px;height:106px;position:relative;margin-bottom:10px}
.md-new .new-pic em{position:absolute;left:0;bottom:0;width:320px;height:24px;line-height:24px;overflow:hidden;text-align:center;color:#fff;background:rgba(0, 0, 0, 0.7);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#b2000000', EndColorStr='#b2000000');}
.md-new .new-pic a:hover em{text-decoration:none}
.md-new .new-list{width:318px;height:360px;background:#fff;border:1px solid #f0f0f0;overflow:hidden}
.md-new .new-headline{padding:10px 10px 10px 0;}
.md-new .new-headline a{display:block;width:268px;height:30px;line-height:30px;padding-left:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#5588f9;font-size:14px}
.md-new .new-headline a:hover{color:#2fc26e}
.md-new .new-headline .new-head1{background-position:-236px -273px;}
.md-new .new-headline .new-head2{background-position:-236px -304px;}
.md-new .new-list ul{margin:0 4px;padding-top:6px;border-top:1px solid #f0f0f0}
.md-new .new-list li{width:294px;height:26px;line-height:26px;padding:0 8px;overflow:hidden;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap}
.md-new .new-list li a{color:#989898}
.md-new .new-list li a:hover{color:#2fc26e}
.md-new .new-list li span{padding-right:12px}
/*m6*/
.m6{*margin-bottom:10px;_margin-bottom:0;}
.md-rank{width:388px;float:left;display:inline;margin-right:10px;}
.md-rank .bd ul{margin-top:-1px;overflow:hidden;zoom:1}
.md-rank .bd li{border-top:1px #f0f0f0 solid}
.md-rank .bd p{height:47px;line-height:47px;position:relative}
.md-rank .bd p span{float:left;display:inline;width:16px;height:16px;line-height:15px;margin:16px 0 0 32px;overflow:hidden;color:#fff;text-align:center}
.md-rank .bd p a{display:block;height:47px;line-height:47px;margin-left:58px;padding-right:100px;font-size:14px;overflow:hidden}
.md-rank .bd p em{display:block;position:absolute;top:0;right:0;width:100px;height:47px;line-height:47px;overflow:hidden;}
.md-rank .bd p i{display:none;position:absolute;top:0;left:30px;width:22px;height:10px;line-height:0;font-size:0;}
.md-rank .bd .intro{padding:20px 34px;display:none;position:relative}
.md-rank .bd .info{height:36px;line-height:18px;padding:18px 0;margin-left:82px;padding-right:96px;}
.md-rank .bd .info span{display:block}
.md-rank .bd .btn{position:absolute;top:42px;right:34px;}
.md-rank .bd .btn a{display:block;width:96px;height:28px;line-height:28px;background-position:0 -106px;color:#fff;font-size:14px;text-align:center}
.md-rank .bd .btn a:hover{color:#fff;text-decoration:none}
.md-rank .bd .cur p a,.md-rank .bd .cur p em{color:#fff}
.md-rank .bd .cur .intro,.md-rank .bd .cur p i{display:block}
.md-xy{margin-right:0}
.md-yy .hd{border-bottom-color:#bbe1f3}
.md-yy .hd .md-title{background-position:-236px -156px;color:#5588f9;border-color:#5588f9}
.md-yy .bd p i{background-position:-213px -155px}
.md-yy .bd p span{background-position:-219px -117px}
.md-yy .bd .cur p span{background-position:-219px -65px;color:#5588f9}
.md-yy .bd .info span{color:#5588f9}
.md-yy .bd .btn a{background-position:0 -135px;}
.md-yy .bd .cur p{background:#5588f9}
.md-xyx .hd .md-title{background-position:-236px -234px}
.md-xyx .bd .info span{color:#2fc26e}
.md-xyx .bd p i{background-position:-213px -144px}
.md-xyx .bd p span{background-position:-219px -99px}
.md-xyx .bd .cur p span{background-position:-219px -48px;color:#2fc26e}
.md-xyx .bd .cur p{background:#2fc26e}
.md-xy .hd{border-bottom-color:#f3cfbb}
.md-xy .hd .md-title{background-position:-236px -195px;color:#ff8737;border-color:#ff8737}
.md-xy .bd p i{background-position:-213px -134px}
.md-xy .bd p span{background-position:-219px -82px}
.md-xy .bd .cur p span{background-position:-219px -31px;color:#ff8737}
.md-xy .bd .info span{color:#ff8737}
.md-xy .bd .btn a{background-position:0 -164px;}
.md-xy .bd .cur p{background:#ff8737}



/*ie6滤镜*/
.md-game .bd i{_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/h/images/h5pc2016/start.png"); _background: none;}
.md-game .bd .yellow{_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/h/images/h5pc2016/start-cur.png"); _background: none;}
.md-slider .prev{_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/h/images/h5pc2016/slider-prev.png"); _background: none;}
.md-slider .next{_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/h/images/h5pc2016/slider-next.png"); _background: none;}
.md-slider .s-nav{_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/h/images/h5pc2016/slider-nav-bg.png"); _background: none;}
.md-slider .s-nav span{_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/h/images/h5pc2016/slider-nav.png"); _background: none;}
.md-slider .s-nav .on{_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/h/images/h5pc2016/slider-nav-cur.png"); _background: none;}
.md-gift .bd .num .color{_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/h/images/h5pc2016/circle2.png"); _background: none;}
.md-gift .bd .num .cover{_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/h/images/h5pc2016/circle-cover.png"); _background: none;}


/* 自适应 */
@media screen and (max-width:1240px) {
    .md-pic{display:none}
    .smallscreen{display:none}
    .m2 .bd ul{padding:0 13px;margin:0}
    .m3 .list-box{width:840px;}
    .m3 .list-box li{width:130px}
    .m3 .list-box li .intro{width:68px;}
    .md-game,.md-recommend{width:648px;}
    .md-rank{width:318px;}
}
.w980 .md-pic{display:none}
.w980 .smallscreen{display:none}
.w980 .m2 .bd ul{padding:0 13px;margin:0}
.w980 .m3 .list-box{width:840px;}
.w980 .m3 .list-box li{width:130px}
.w980 .m3 .list-box li .intro{width:68px;}
.w980 .md-game,.w980 .md-recommend{width:648px;}
.w980 .md-rank{width:318px;}