@charset "gb2312";
/*sy 20160604*/
/*m1*/
:root * { filter: none\9  !important; }
.m1{background:#fff;border:1px #f0f0f0 solid;margin-bottom:10px}
.m1 .hd{padding:10px 0 0 34px;border-bottom:1px #f0f0f0 solid}
.m1 .hd dl{padding-bottom:10px;overflow:hidden;zoom:1;font-size:14px}
.m1 .hd dt{float:left;display:inline;width:50px;height:22px;line-height:22px;overflow: hidden;}
.m1 .hd dd{height:22px;line-height:22px;overflow: hidden;}
.m1 .hd dd a{float:left;display:inline;width:46px;margin-right:10px;text-align:center;color:#989898}
.m1 .hd dd .cur,.m1 .hd dd a:hover{background:url(/images/h5pc2016/icon.png) 0 -228px;color:#fff;text-decoration:none}
.m1 .bd,.m1 .bd ul{width: 100%;height: auto; overflow: hidden;position: relative;}
.m1 .bd li{float:left;display:inline;width:259px;height:72px;overflow:hidden;padding:16px 10px;margin:22px 8px 0 8px;border:1px #ebebeb solid;position:relative;}
.m1 .bd .btn{position:absolute;right:10px;top:40px;}
.m1 .bd .btn a{display:block;width:70px;height:26px;line-height:26px;border:1px #2fc26e solid;color:#2fc26e;text-align:center}
.m1 .bd .btn a:hover{color:#fff;background:#2fc26e;text-decoration:none}
.m1 .bd .icon{float:left;display:inline;width:72px;}
.m1 .bd .intro{margin-left:82px;padding-right:72px;}
.m1 .bd .intro .name{display:block;height:22px;line-height:22px;overflow:hidden;margin-bottom:12px;font-size:14px}
.m1 .bd .intro span{display:block;line-height:18px;height:18px;overflow:hidden}
.m1 .bd .cur{border-color:#2fc26e;box-shadow:5px 5px 8px #ebebeb}
.container{position:relative;z-index:1}
.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) {
    .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; }    
    .m1 .bd li{width:288px}
}
.w980 .m1 .bd li{width:288px}

.top-search-txt { filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#7fffffff', EndColorStr='#7fffffff'); background: none\9; }