/*sy 20160604*/
/*public*/
.module .hd .md-title, .list-hd a:hover, .list-hd .cur, .list-bd .btn .start, .new .bd .enter, .new .bd i { background: url(/images/h5pc2016/icon.png?20210830) 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; }
:root * { filter: none\9  !important; }
/*m1*/
.m1 { margin-bottom: 10px; }
.m1-fl { width: 858px; border: 1px solid #f0f0f0; background: #fff; }
.list-hd {height: 22px;padding: 10px 0 0 34px;background: #fdfdfd;font-size: 14px;overflow: hidden;}
.list-hd a {float: left;display: inline;min-width: 36px;height: 22px;padding: 0 5px;line-height: 22px;color: #989898;text-align: center;margin-right: 10px;}
.list-hd a:hover, .list-hd .cur {color: #fff;text-decoration: none;background: #2fc26e;border-radius: 4px;}
.list-bd {border-top: 1px #f5f5f5 solid;margin-top: 10px;}
.list-hd span{display:inline-block;width:50px;line-height: 22px;}
.list-bd li { float: left; display: inline; width: 178px; padding: 5px; border: 1px #ebebeb solid; margin: 19px 0 0 19px; }
.list-bd li .pic { width: 178px; height: 118px; margin-bottom: 5px; position: relative; z-index: 5; }
.list-bd li .pic img { width: 178px; height: 118px; }
.list-bd li .pic i { width: 50px; height: 50px; display: block; position: absolute; top: -3px; left: -3px; z-index: 1; }
.list-bd li .pic i.ico1 { background: url(/images/h5pc2016/ico1.png) no-repeat; }
.list-bd li .pic i.ico2 { background: url(/images/h5pc2016/ico2.png) no-repeat; }
.list-bd .pic p { position: absolute; left: 0; bottom: 0; width: 178px; height: 24px; line-height: 24px; color: #d1d1d1; background: rgba(0, 0, 0, 0.7); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#b2000000', EndColorStr='#b2000000'); overflow: hidden; zoom: 1; }
.list-bd li span, .list-bd li em { float: left; display: inline; }
.list-bd li span { width: 28px; overflow: hidden; }
.list-bd li em { width: 140px; padding: 0 5px; overflow: hidden; }
.list-bd li a:hover p, .list-bd li a:hover em, .list-bd li a:hover span { text-decoration: none; }
.list-bd .info { height: 28px; position: relative; z-index: 6; }
.list-bd .btn { position: relative; width: 70px; }
.list-bd .btn a { display: block; width: 64px; height: 26px; line-height: 26px; padding-left: 6px; border: 1px #2fc26e solid; border-top: none; color: #2fc26e; background-color: #fff; }
.list-bd .btn a:hover { color: #fff; background-color: #2fc26e; text-decoration: none; }
.list-bd .btn .start { background-position: 55px -278px; border: 1px #2fc26e solid; }
.list-bd .btn a:hover.start { background-position-y: -251px; }
.list-bd .btn-list { display: none; position: absolute; top: 28px; left: 0; z-index: 10; }
.list-bd .num { width: 106px; text-align: right; }
.list-bd .btn-list .go-play { position: relative; z-index: 11; }
.list-bd .btn-list .go-play.active a { color: #fff; background-color: #2fc26e; text-decoration: none; }
.list-bd .btn-list .go-play.active p { display: block; }
.list-bd .btn-list p { display: none; position: absolute; top: -25px; left: 72px; width: 110px; height: 110px; padding: 10px; background: #fff; border: 1px #cfcfcf solid; z-index: 100; }
.list-bd .btn-list i { display: block; position: absolute; top: 28px; left: -12px; width: 12px; height: 20px; background: url(/images/h5pc2016/arrow1.png) no-repeat; }
.list-bd .btn-list img { width: 100px; height: 100px; padding: 5px; }
.m1 .list-bd ul .cur { border-color: #bbf3d7; box-shadow: 5px 5px 8px #ebebeb; }
.new { width: 318px; background: #fff; border: 1px solid #f0f0f0; }
.new .hd .md-title { background-position: -236px -412px; }
.new .bd { padding: 10px 0; }
.new .bd li { height: 72px; overflow: hidden; position: relative; vertical-align: middle; }
.new .bd li div { padding: 8px 64px 8px 36px; height: 56px; background: url(/images/h5pc2016/line.png) 0 -43px no-repeat; }
.new .bd li .first { background-position: 0 31px; }
.new .bd li .end { background-position: 0 -117px; }
.new .bd .pic { float: left; display: inline; }
.new .bd .pic img { width: 56px; height: 56px; }
.new .bd p { padding-left: 64px; line-height: 18px; }
.new .bd p a { height: 24px; /* line-height:24px; */ overflow: hidden; font-size: 14px; }
.new .bd p span { display: block; height: 20px; line-height: 20px; }
.new .bd .enter { display: none; position: absolute; top: 28px; right: 14px; width: 46px; height: 22px; line-height: 22px; text-align: center; color: #fff; background-position: 0 -228px; }
.new .bd a:hover.enter { text-decoration: none; }
.new .bd i { display: none; }
.new .bd .cur div { background-position: 0 -233px; }
.new .bd .cur .first { background-position: 0 -351px; }
.new .bd .cur .end { background-position: 0 -307px; }
.new .bd .cur p a, .new .bd .cur p { color: #2fc26e; }
.new .bd .cur .enter { display: block; }
.new .bd .cur i { display: block; position: absolute; top: 31px; left: 13px; width: 14px; height: 11px; background-position: -47px -228px; }
.container { position: relative; z-index: 1; }
.container .w { position: relative; }
.header { position: relative; z-index: 2; }
.header .top { position: absolute; top: 0; left: 0; width: 100%; height: 40px; padding: 14px 0; z-index: 99; }
.top-mask { width: 100%; height: 90px; background: url(/images/h5pc2016/top-mask.png) center top no-repeat; position: absolute; top: 0; left: 0; z-index: 10; }
.top-logo { float: left; padding: 5px 0 0 0; _display: inline; }
.top-logo a { display: block; width: 136px; height: 30px; line-height: 100px; overflow: hidden; background: url(/images/h5pc2016/logo.png) no-repeat; }
.top-nav { float: left; padding: 0 34px 0 100px; _display: inline; }
.top-nav a { height: 40px; line-height: 40px; margin-right: 50px; font-size: 16px; color: #fff; }
.top-nav a:hover { color: #2fc26e; text-decoration: none; }
.top-nav .cur { color: #2fc26e; }
.top-search { float: left; height: 40px; overflow: hidden; _display: inline; }
.top-search-txt { width: 248px; height: 20px; line-height: 20px; padding: 10px 10px 10px 16px; background: rgba(255, 255, 255, 0.5); border-radius: 10px 0 0 10px; border: none; outline: none; font-size: 14px; float: left; _display: inline; overflow: hidden; color: #fff; }
.top-search-sbt { width: 50px; height: 40px; line-height: 200px; overflow: hidden; float: left; _display: inline; background: url(/images/h5pc2016/search.png) center center no-repeat #2fc26e; border-radius: 0 10px 10px 0; border: none; cursor: pointer; }
.top-login { width: 140px; margin-right: 0; }
.top-after { margin-right: 0; }

.clickbanner {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}

.top-after .top-user { float: right; background: none; border: none; width: 40px; height: 40px; padding: 0; }
.top-after .top-user img { width: 38px; height: 38px; border: 1px #C6AD80 solid; border-radius: 50%; }
.top-after .top-list { top: 42px; left: 2px; border: none; border-radius: 5px; }
.top-after .top-list i { position: absolute; top: -3px; right: 18px; display: block; width: 7px; height: 4px; background: url(/images/h5pc2016/login-after-arrow.png) no-repeat; }
.top-after .top-list .top-username { padding: 0 20px; width: 98px; background: none; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.top-after .top-list .top-username:hover { border-radius: 5px 5px 0 0; background-image: none; }
.top-after .top-list .top-exit:hover { border-radius: 0 0 5px 5px; }
.top-before { padding: 12px 0 0 24px; overflow: hidden; }
.top-before a { height: 16px; line-height: 16px; color: #fff; font-size: 14px; }
.top-before .top-log { width: 30px; margin-right: 16px; background: url(/images/h5pc2016/login.png) no-repeat; }
.top-before .top-reg { width: 30px; padding: 0 0 0 16px; background: url(/images/h5pc2016/login.png) 0 -80px no-repeat; }
.top-before a:hover.top-log { background-position: 0 -39px; }
.top-before a:hover.top-reg { background-position: 0 -111px; }
@media screen and (max-width: 1240px) {
     .m1-fl { width: 648px; } 
     .w { width: 990px; }
     .top-nav { padding: 0 30px 0 50px; }
     .top-nav a { margin-right: 30px; }
     .top-search-txt { width: 200px; }
     .slider-nav { margin-left: 255px; }    
}
.w980 .m1-fl { width: 648px; }
.top-search-txt { filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#7fffffff', EndColorStr='#7fffffff'); background: none\9; }