.max{width:1190px;margin:0 auto;}
a:hover{text-decoration: none;color:#c00}
#wrap{background:#f1f1f1 url(../images/wanmei2014/header.jpg) no-repeat center 0;overflow: hidden}
#header{height:510px;position: relative;overflow: hidden}
#header .anim{width:100%;height:100%;position: absolute;top:0;left:0;z-index: 2;background: url(../images/wanmei2014/header_anim.png) no-repeat left bottom;opacity: 0;filter: Alpha(Opacity=0);-webkit-transform: scale(1.03);-moz-transform: scale(1.03);-ms-transform: scale(1.03);-o-transform: scale(1.03);transform: scale(1.03);}
#header .start{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-moz-transition-duration:5s;-o-transition-duration:5s;-webkit-transition-duration:5s;transition-duration:5s;opacity: 1;filter: Alpha(Opacity=100)}
#header h2{position: absolute;top:80px;left:350px;z-index: 2;font-size: 0.875em;color:#e8e8e8;line-height: 20px}
#header h2 a{color:#e8e8e8}
#header h2 a:hover{color:#fff;text-decoration: none}
#header img{display: none}
a.link{display: block;width:100%;height:100%;}
.pic:after, .game_box:after, .list:after, .content:after, .max:after, .tab_btn:after{content:"";clear:both;display:block}

/* pic */
.pic a{float: left;margin:0 3px;width:290px;height:180px;overflow: hidden;position: relative;}
.pic a img{position: relative;z-index: 1;transition:all 0}
.pic a span{display: block;position: absolute;left: 5%;font-size:0.79em;bottom:10%;z-index: 3;color:#bebfbf;line-height: 1.6em}
.pic a span strong{font-size: 1.3em;font-weight: normal;display: block;color:#fff}
.pic a span strong b{color:#f3bd3c}
.pic a em{display: block;background:#000;opacity: 0;filter: Alpha(Opacity=0);position: absolute;top:0;left:0;z-index: 2;width:100%;height:100%;}
.pic a:hover{text-decoration: none}

/* list */
.tab_btn{height:44px;border:1px solid #bdbdbd;background:#fff}
.tab_btn a, .tab_btn .blank{display: block;float: left;width:168px;height:44px;text-align: center;line-height: 44px;font-size: 0.875em}
.tab_btn a span{width:16px;height:16px}
.tab_btn a:hover{text-decoration: none}
.tab_btn a.on{background:#525252;color:#fff}
.tab_btn .blank{display: none}
.tab_box{height:319px;overflow: hidden}
.list{padding:30px 29px;height:212px;border:1px solid #bdbdbd;border-top:none;background: #fff;display: none;font-size: 0.79em;transition:all 0;}
.list ul.media li{width:208px;height:114px;float: left;padding-left: 18px}
.list ul.media li .media_logo{height:70px;}
.list ul.media li .media_logo img{border:1px solid #e6e6e6;}
.list ul.media li p{font-size: 0.79em;color:#999;padding:6px 0;line-height: 1em}
.list ul.media li p strong{font-size: 1.4em;color:#333;}
.list ul.shop li{width:282px;float: left;text-align: center}
.list ul.shop li img{border:1px solid #e6e6e6}
.list ul.shop li h2{font-size: 1.2em;color:#333;padding-top: 14px;line-height: 1.4em;text-align: center}
.list ul.shop li h2 a{color:#333}
.list ul.shop li p{font-size: 0.79em;color:#999;text-align: center}
.list ul.shop li p a{color:#999}
.list .gy_top{width:250px;float: left;padding-right: 32px;font-size: 1.2em;color:#333;line-height: 1.2em}
.list .gy_top a{color:#333;margin-top: 10px;display: inline-block}
.list .gy_hot{width:464px;float: left;padding-right: 32px}
.list .gy_hot li{height:94px;padding-bottom: 12px;}
.list .gy_hot li img{float: left;margin-right: 14px;}
.list .gy_hot li h2{font-size: 1.125em;line-height: 1.2em;padding-bottom: 10px;color:#333;text-overflow:ellipsis;overflow: hidden;white-space:nowrap;}
.list .gy_hot li h2 a{color:#333}
.list .gy_hot li p{color:#999;font-size: 0.79em;line-height: 1.4em}
.list .gy_news{width:346px;float: left;font-size: 1.25em}
.list .gy_news .tit01 span{border-color:#8fbe7c}
.list .gy_news .tit01 a{font-size: 0.79em;display: block}
.list .gy_news ul{padding-top: 10px;}
.list .gy_news li{font-size: 0.875em;padding: 8px 0;text-overflow:ellipsis;overflow: hidden;white-space:nowrap}
.list .gy_news li a{color:#666}
.list .gy_top a:hover, .list .gy_hot li h2 a:hover, .list .gy_news a:hover{text-decoration: none;color:#38831a}
.list .arc0{width:180px;float: left;}
.list .arc0 p{height: 128px;padding-bottom: 20px}
.list .arc0 a.arc_down{display: block;background: url(../images/wanmei2014/btn01.png) no-repeat;}
.list .arc0 a.arc_down img{opacity: 0;filter: Alpha(Opacity=0)}
.list .arc0 a.arc_down:hover img{opacity: 1;filter: Alpha(Opacity=100);transition:opacity .4s;}
.list .arc1{width:254px}
.list .arc2{width:258px}
.list .arc3{width:244px}
.list .arc1, .list .arc2, .list .arc3{float: left;padding-left: 62px}
.game_box{padding-left: 30px;float: left}
.game_box h2{height:24px;border-bottom: 1px solid #cbcbcb;font-weight: bold;color:#333;margin-bottom: 10px}
.game_box a{color:#333;width:114px;height:24px;line-height: 24px;display: block;float: left;}
.game_box a:hover, .news_main li h2 a:hover, .weibo p a:hover, .list ul.shop li a:hover{text-decoration: none;color:#c00}
.list_l1{width:114px}
.list_l2{width:228px}
.list_l3{width:342px}
.game_top{width:190px;float: left}
.game_top a{position: relative;display: block;margin-bottom: 14px}
.more, .more_hide{width:10.5%;text-align: center;float: right;padding:8px 0;line-height: 2.7em}
.more img, .more_hide img{width:30%}
.more_hide{line-height: 7em}

/* weibo */
.weibo{width:410px;padding-right: 76px;float: left}
.weibo h2{padding-top: 24px;height:22px;font-size: 0.875em;color:#333}
.weibo p{line-height: 22px;font-size: 0.79em}
.weibo p a{display: inline-block;width:130px;color:#333;position: relative;}
.weibo p a:hover{z-index: 10}
.weibo p a img{width:260px;height:260px;position: absolute;top:0;left:100%;z-index: 2}
.tit01{height:28px;font-size: 1em;border-bottom: 1px solid #cbcbcb}
.tit01 span{border-bottom: 3px solid #c00;color:#333;line-height: 25px;display: inline-block}
.tit01 a{float: right}

/*  news  */
.news{width:704px;float: right}
.news_btn{float: right;padding-top: 4px}
.news_btn a{display: block;float: left;width:13px;height:13px;margin:0 4px;background: url(../images/wanmei2014/icon.png) no-repeat -164px -66px}
.news_btn a.on{background-position: -164px -79px}
.news_main{padding-top:24px}
.news_main li{padding-bottom: 28px}
.news_main li h2{line-height:22px;font-size: 1em;color:#333;padding-bottom: 6px}
.news_main li h2 a{color:#333}
.news_main li p{color:#999;line-height: 16px;font-size: 0.79em;line-height: 1.4em}
.news_main li.hot{width:260px;float: left;margin-right: 40px}
.news_main li.hot h2{font-size: 1.125em;padding-bottom: 6px}
.news_main li.hot h3{padding-bottom:16px}



@media screen and (max-width:1208px){
    .tab_box{height:291px}
    .max{width:938px}
    .pic a{width:228px}
    .pic a img{width:110%}
    .tab_btn a{width:133px}
    .game_top{display: none}
    .list {padding:20px 10px 20px 0;height:204px}
    .weibo{width:388px;padding-right: 30px}
    .news{width:520px}
    .news_main li p, #swf{display: none}
    .news_main li.hot p, #swf960{display: block}
    #wrap{background-image: url(../images/wanmei2014/header960.jpg);}
    #header{width:960px;height:412px;}
    #header h2{left:220px}
    .list ul.media li{width:175px;height:102px;float: left;padding-left: 10px}
    .list ul.media li p{padding-bottom: 0;line-height: 1.2em}
    .list ul.media li .media_logo{height:60px}
    .list ul.media li .media_logo img{width:150px}
    .list .gy_news li{padding:6px 0}
    .list .gy_top{padding-left: 10px;padding-right: 14px}
    .list .gy_hot{padding-right: 20px;width:380px}
    .list .gy_hot li img{margin-right: 6px}
    .list .gy_news{width:244px}
    .list ul.shop{padding-left: 10px}
    .list ul.shop li{width:228px} 
    .list .gy_hot li h2{padding-bottom: 6px}
    .list .gy_hot li p{height:5.6em;overflow: hidden}
    .list ul.shop li img{max-width:90%;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<(228 * .9) ? "90%":"")}
    .list .arc0, .list .arc1, .list .arc2, .list .arc3{padding-left: 12px;}
    .list .arc1 img, .list .arc2 img, .list .arc3 img{width:100%}
    .list .arc1, .list .arc2, .list .arc3{width:232px}


}
@media screen and (max-width:955px) {
    .weibo a img{display: none}
    .tab_box{height:auto}
    .max{width:100%}
    .pt40{padding-top: 0}
    .pic{padding:10px 2%;}
    .pic a{width:46%;margin:8px 2%;}
    .tab_btn{height: auto;border: 1px solid #dcdcdc}
    .tab_btn a, .tab_btn .blank{width:22%;padding:10px 0; line-height:2em;border-right:1px solid #dcdcdc}
    .tab_btn .n{display: none;border-top: 1px solid #dcdcdc}
    .tab_btn .more{display: block}
    .tab_btn a span{display: block;margin:0 auto;}
    .tab_btn .show{display: block}
    .tab_btn .hide{display: none}
    #header{width:auto}
    #header h2{left:16%;top:42px}
    .list{padding:0;height:auto}
    .list_l1, .list_l2, .list_l3{padding: 0;width: auto}
    .game_box{float: none}
    .game_box h2{font-size: 1.4em;padding:15px 2% 10px;border-bottom: 1px solid #c00;margin-bottom: 1px;clear: both;line-height: 24px}
    .game_box a{width:31%;border:1px solid #dedede;padding:10px 1%;margin: -1px 0 0 -1px;font-size: 1.2em}
    .news, .weibo{width:auto;padding: 0;clear: both;float: none;}
    .news_main li.hot h3{padding-bottom: 0}
    .news_main li.hot{float:none;width:auto;margin: 0}
    .news_main li.hot img{float: left;margin-right: 2%;width:30%;margin-bottom: 20px;}
    .news_main li.hot:after{content:"";clear:both;display:block}
    .news_main li a{display: block;text-overflow:ellipsis;overflow: hidden;white-space:nowrap;padding:10px 2%}
    .news_main li.hot a{padding-left: 0}
    .news_main li{border-bottom: 1px solid #dedede;padding: 0}
    .news_main li h2{padding-bottom: 0}
    .tit01{height: 44px;border-bottom: 3px solid #4b4b4b;padding-top: 6px;font-size: 1.1em}
    .tit01 span{line-height: 44px;padding:0 2% ;font-weight: bold}
    .tit01 a{line-height: 44px;margin-right: 2%}
    .weibo h2{font-size: 1.4em;color:#999;padding:24px 2% 0;}
    .weibo p{padding: 10px 2% 0;}
    .weibo p a{font-size: 1.2em}
    #wrap{background: none}
    #header {height:auto}
    #header img{display: block}
    #header .start{display: none}
    .list .gy_top{padding:20px 5%;border-bottom: 1px solid #dedede;text-align: center;padding:20px 5%;width:90%}
    .list .gy_top img{width:90%}
    .list .gy_top a{display: block;font-size: 1.25em;line-height: 1.4em}
    .list .gy_hot li{border-bottom: 1px solid #dedede;padding: 12px 2%}
    .list .gy_hot li h2{font-size: 1.25em}
    .list .gy_hot li p{font-size: 1.25em;height:3em}
    .list .gy_hot, .list .gy_news{width:100%;clear: both}
    .list .gy_news li{border-bottom:1px solid #dedede;padding:0;}
    .list .gy_news li a{display: block;padding: 10px 2%;}
    .list ul.media{padding:20px 2%;}
    .list ul.media li{width:50%;height:auto;padding:0;text-align: center;padding-bottom: 20px;}
    .list ul.media li .media_logo{height:auto}
    .list ul.media li p{width: 90%;text-overflow:ellipsis;overflow: hidden;white-space:nowrap}
    .list ul.media li .media_logo img{width:80%}
    .list ul.shop{padding:20px 0;}
    .list ul.shop li{width:50%;padding-bottom: 10px}
    .list ul.shop li h2{padding-top: 4px}
    .list ul.shop li img{width:70%}
    .list .arc0 a.arc_down{display: none}
    .list .arc_app{display: block}
    .list .arc_app p{padding-bottom: 10px}
    .list .arc_app p img{width:100%}
    .list .arc0, .list .arc1, .list .arc2, .list .arc3, #swf, #swf960{display: none}
}
@media screen and (max-width: 572px){
    #header h2{top:24px}
    .weibo p a{width:50%}
    body{overflow-x:hidden }
}

@media screen and (max-width: 372px){
    #menu h4{padding: 9px 0}
    #header h2{top:12px}
    .tab_btn a{font-size: 0.75em}
    .game_box a{font-size: 1em}
    .game_box a, .tab_btn a{text-overflow:ellipsis;overflow: hidden;white-space:nowrap}
    .pic a span strong{font-size:1em;}
    .news_main li a{padding:0;}
    .news_main li.hot p{height:2.8em;overflow: hidden}
    .weibo p a img{left:0;}
}