/*重置CSS样式表*/
html, body, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, 
samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul,
li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;  -webkit-user-select: none;}
body { background-color:#fdfbf0; font-family: Arial, "Microsoft Yahei", sans-serif; font-size: 12px; color: #666; }
body {background: url(../images/movie_bg.jpg) no-repeat center top #f4f5f7; background-size:cover;}
ol, ul { list-style: none; }
input, button, textarea { outline: 0; border:0; -webkit-user-select: auto;}
.hidden{display:none;visibility: hidden;}
.cursor{ cursor:pointer;}

.main {height: 100%;overflow: hidden;position: absolute;top: 0; -webkit-mask-image: -webkit-linear-gradient(bottom, transparent, black 30px);}


/* 搜索 */
#search { display: none; width: 100%; z-index: 3; font-size: 16px; margin-bottom: 35px; /*position: absolute; top: 0;*/}
#search .search_form {width: 480px;margin:0 auto;/*position: absolute;margin-left: -240px;left: 50%;*/}
#search .search_cat {padding-bottom: 8px;}
#search .search_cat a {display:inline-block; padding: 0 8px 0 2px; height:22px; line-height: 22px; margin-right: 20px; border-radius: 2px; color: #999; text-decoration: none; cursor: pointer;}
#search .search_cat a:hover { /*background-color: rgb(248,212,185);*/}
#search .search_cat a.on { color: #fff; text-decoration:none; /*background-color: #ed5710;*/ }
#search .search_cat a.on:hover { /*background-color:#f27115;*/ } 
.search_ipt {display: -webkit-box;overflow: hidden;position: relative;z-index: 0;}
.search_ipt .ipt {background-color: #fff;width: 434px;display: inline-block;height: 34px;border: 1px solid #d1d4d5; border-right: 0}
.search_ipt a.baidu { background-position: -4px -53px;}

.search_ipt .search-arr {float: left;height: 16px;overflow: hidden; background: url(../images/btn_search_pull.png) no-repeat; margin-top:8px; margin-right:3px; width:10px;cursor: pointer;}
.search_ipt .ipt input { width: 366px; padding: 0 6px; font-size:14px; outline:none;border: none;height: 22px;-webkit-appearance: none;line-height: 22px; margin-top: 6px;}
.search_ipt a.btn_search { display: block;background: url(../images/btn_search.png) no-repeat right 0;width: 45px; height: 36px; }
.search_ipt a.btn_search:hover { background-position: right -40px;}

.search_ipt .search_engine a {float: left;width: 24px;height: 24px;margin: 5px 0 0 0px; background:url(../images/ico_search.png) no-repeat; cursor: pointer;}
.search_ipt a.baidu, #search-engine-list a.baidu { background-position: 0 -49px;}
.search_ipt a.so, #search-engine-list a.so { background-position: 0 -1px}
.search_ipt a.google, #search-engine-list a.google { background-position: 0 -25px;}
.search_ipt a.yunfan, #search-engine-list a.yunfan { width:37px; background-position: 50% -98px; cursor:default !important;}

#search-engine-list { display: none; position: absolute; background: #fff; border:1px solid #a4acbe; box-shadow: 0 2px 8px rgba(0,0,0,0.2);z-index: 5}
#search-engine-list li { height: 24px; padding: 1px}
#search-engine-list li a { display: block; float: left; width: 120px; padding-left: 30px; height: 24px; background: url(../images/ico_search.png) no-repeat; font-size: 14px; line-height: 24px; color: #333; text-decoration: none; cursor: pointer;}
#search-engine-list li a:hover { background-color: #cee5fa}
#search-switch {float: left;height: 100%;}

#search-suggest { display: none; position: absolute; width: 478px; background: rgba(255,255,255,0.96); border:1px solid #a4acbe; box-shadow: 0 2px 8px rgba(0,0,0,0.2);z-index: 4 }
#search-suggest li a { display: block; position: relative; width: 436px; margin: 1px; height: 30px; line-height: 30px; padding-left: 40px; font-size: 14px; color: #333; text-decoration: none; }
#search-suggest li a:hover ,#search-suggest .sugHover{ background-color: #cee5fa}
#search-suggest .suggest_list a em { display: block; position: absolute; top:7px; left: 17px; background: url(../images/ico_sglatest.png) no-repeat;width: 16px; height: 16px;}
#search-suggest .suggest_list a span { position: absolute; color: #666; top:0px; right: 12px;}


/*pagewrap*/
.page_switcher {background-color:transparent; z-index: 5; width:79px; height:100%; padding:0; background-position: center 50%; background-repeat:no-repeat; cursor:pointer; position: absolute; top:0;/*margin-top: -225px;top: 53%;*/}
.page_switcher:hover { /*background: url(../images/page_hover.png) 0 0;*/ background-color: rgba(255, 255, 255, 0.03);} 
.page_switcher span { width:79px; height:100%; display:block; cursor:pointer; position:absolute; top:0; left:0;}
.page_switcher span.left:hover { width:87px; background: url(../images/page_span_left.png) no-repeat 78px 50%;}
.page_switcher span.right:hover { left:-9px; width:87px; background: url(../images/page_span_right.png) no-repeat 0 50%;}

#page-pre { background-image: url(../images/btn_switcher_pre1.png); left:0;}
#page-pre:hover { background-image: url(../images/btn_switcher_pre1.png);}
#page-next { background-image: url(../images/btn_switcher_next1.png); right:0;}
#page-next:hover { background-image: url(../images/btn_switcher_next1.png);}
.page_list { width: 960px; height: 450px; display: -webkit-box; position: relative;/* top:54%; left:50%; margin-left: -480px;margin-top: -230px;*/margin: 0 auto;}
.page_list .page_item {height: 100%;position: absolute;width: 100%;-webkit-box-orient: vertical;left: 4000px;}
.page_list .current_page { left: 0;}
.film_video, .game_page { /*background: #fff;*/ background-color: rgba(255, 255, 255, 1); box-shadow: 0 5px 10px rgba(0,0,0,0.35);}

/**快速访问*/
.tile_grid { width: 968px;}
.tile_grid li { width: 234px; height: 146px; margin:0 8px 8px 0; float: left; }
.tile_grid li a.tile_item { display: block; width: 226px; height: 138px; padding: 4px; text-decoration: none;}
.tile_grid li a.tile_item:hover { /*background: #d9e3ea*/}
.tile_grid li .thumbnail-wrapper { display: block; position: relative; width: 226px; height: 138px; /*width: 224px; height: 136px; background-size: 226px 138px; background-color: #fff; box-shadow: 0 4px 10px rgba(0,0,0,0.32);*/ box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.32) inset, 0 4px 10px rgba(0, 0, 0, 0.32); color: #fff; border-radius:5px; overflow:hidden; /*border:1px solid #fff;*/}
.tile_grid .thumbnail-wrapper img {width:100%;height:100%; /*border-radius:5px;*/}
.tile_grid .thumbnail-wrapper .favicon {vertical-align: middle;position: absolute;top: 60px;text-align: center;color: black;width: 100%}
.tile_grid .thumbnail-wrapper .favicon img{width: 16px;height:16px;vertical-align: middle;padding-right: 3px;}
.tile_grid li .thumbnail-title { display: none; width: 214px; position: absolute; bottom: 0px; background: rgba(0,0,0,0.7); height: 20px; line-height: 20px; padding: 0 6px; overflow: hidden; /*border-radius:0 0 5px 5px;*/}
.tile_grid li .thumbnail-title p {width: 200px;overflow: hidden;height: 100%;}
.tile_grid li a.tile_item:hover .thumbnail-title{ display: block;}
.tile_grid .thumbnail-title .close { background: url(../images/btn_close.png) no-repeat; width: 16px; height: 16px; display: block; position: absolute; top: 2px; right: 2px; z-index: 2; border: 0}
.tile_grid .thumbnail-title .close:hover { background-position: 0 -16px;}

/*热播改版*/
.page_list .page_video { height:550px; top:-100px;}
.film-top { width:100%; height:280px;}
.film-slide { width:732px; height:280px; float:left; position:relative;}
.film-slide li { position:absolute; left:0; top:0;}
.film-slide li,.film-slide li img { width:732px; height:280px; float:left;}
.film-slide li .nametitle { width:100%; height:40px; background-image:-webkit-linear-gradient(270deg,rgba(0,0,0,0),rgba(0,0,0,1)); position:absolute; bottom:0; left:0;}
.film-slide li .nametitle span { width:540px; line-height:34px; margin:6px 0 0 10px; display:inline-block; color:#FFFFFF; font-size:14px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.film-slide .right-button { height:9px; overflow:hidden; position:absolute; right:7px; bottom:13px; z-index:100;}
.film-slide .right-button span { width:9px; height:9px; display:block; float:left; margin-right:10px; background-color:#eaeaea;}
.film-slide .right-button span.ok { background-color:#1a9ef9;}
.film-fonts { width:228px; height:280px; float:left; font-family:Arial;}
.film-fonts .title { width:100%; height:36px; border-bottom:1px solid #cccccc; position:relative;}
.film-fonts .title span { width:50%; line-height:35px; text-align:center; cursor:pointer; font-size:14px; display:block; position:absolute; top:0;}
.film-fonts .title span.sL { left:0;}
.film-fonts .title span.sR { right:0;}
.film-fonts .title span.sR .red-hot { width:7px; height:7px; background: url(../images/red_dot.gif) no-repeat 0 0; position:absolute; right:26px; top:8px;}
.film-fonts .title span.sel { border-bottom:2px solid #4a9cfe; color:#4a9cfe;}
.film-right-list { width:100%; height:242px; overflow:hidden; border-bottom:1px solid #d2d2d2;}
.film-right-list li { width:100%; float:left; height:80px; border-bottom:1px dotted #d2d2d2; background-color:#fefefe; position:relative;}
.film-right-list li:hover { background-color:#e5f1ff;}
.film-right-list li .num { color:#ff6300; font-size:13px; font-weight:bold; right:12px; top:11px; position:absolute;}
.film-right-list li img.hb { width:48px; height:64px; float:left; margin:8px 8px 0 8px;}
.film-right-list li .info-font { width:130px; line-height:21px; padding-top:8px; float:left; color:#9d9d9d;}
.film-right-list li .info-font p { overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.film-right-list li .info-font p.tt { color:#555;}
.film-right-list li a { width:100%; height:80px; float:left;}
.film-record ul{ position: relative; height: 242px;}
.film-record li { width:100%; height:26px; line-height:26px; float:left; border-bottom:1px dotted #d2d2d2; font-family:"宋体";}
.film-record li a { height:26px; line-height:26px; color:#333333; text-decoration:none;}
.film-record li .arrive { float:right; padding-right:10px; color:#999999;}
.film-record li .name { padding-left:10px;}
.film-record li font { color:#3e9505; position:relative;}
.film-record li font .red-dot { width:7px; height:7px; background: url(../images/red_dot.gif) no-repeat 0 0; position:absolute; right:-1px; top:-1px;}
.film-record .Rmore { width:100%; line-height:26px; text-align:right; position: absolute; left: 0; bottom: 0;}
.film-record .Rmore a { margin-right:10px; color:#0f8fe8; text-decoration:none; font-family:"宋体";}
.film-record .Rmore a:hover { text-decoration:underline;}
.film-bottom { width:948px; padding-left:12px; font-family:Arial;}
.film-bottom .title-nav { width:100%; height:42px;}
.title-nav span { line-height:20px; font-size:14px; color:#333333; cursor:pointer; float:left; padding: 0 6px; margin:11px 11px 0 0;}
.title-nav span:hover { color:#0f8fe8;}
.title-nav span.sel { background-color:#4a9cfe; color:#FFFFFF; border-radius:3px;}
.filmser { width:219px; height:24px; margin:9px 12px 0 0; float:right; background: url(../images/film_search.gif) no-repeat 0 0;}
.filmser input { width:180px; line-height:24px; float:left; margin-left:10px; color:#999999; background:none;}
.film-submit{ width: 24px; height: 24px; float: right; opacity: 0; cursor: pointer;}
.film-li { width:100%;}
.film-li li { position:relative; margin:0 9px 8px 0;}
.film-li li,.film-li li img { width:180px; height:105px; float:left;}
.film-li li .smalltitle { width:100%; height:30px; background-image:-webkit-linear-gradient(270deg,rgba(0,0,0,0),rgba(0,0,0,1)); position:absolute; bottom:0; left:0;}
.smalltitle span.bt-name { width:115px; line-height:26px; float:left; margin-top:4px; color:#FFFFFF; font-weight:bold; padding-left:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.film-li li .jn-r { float:right; margin-right:5px; line-height:26px; margin-top:4px; color:#FFFFFF;}
.film-li li .jn-r span { width:12px; height:12px; margin:-1px 0 0 2px; display:inline-block; vertical-align:middle; background: url(../images/qn.gif) no-repeat 0 0;}
.film-li li .jn-r span.quan { background-position:0 top;}
.film-li li .jn-r span.new { background-position:0 bottom;}
.film-li li .jn-r em { font-weight:bold; color:#ff6600; font-style:normal; font-size:13px;}
.film-li li:hover .film-hover { display:block;}
.film-hover { width:100%; height:105px; display:none; background: url(../images/film_play.png) no-repeat 50% 50% rgba(0, 0, 0, 0.5); position:absolute; top:0; left:0; z-index:5;}

.film-noRecord { width:100%; text-align:center; color:#b6b6b6; position:relative;}
.film-noRecord p.big_top { line-height:40px; font-size:14px;}
.film-noRecord .npic { width:120px; height:170px; margin:0 auto; overflow:hidden; position:relative;}
.film-noRecord img { width:120px; height:170px;}
.film-noRecord a { line-height:28px; color:#5e5e5e; text-decoration:none;}
.film-noRecord a:hover { color:#0f8fe8;}
.film-noRecord a:hover .RecordHover { display:block;}
.RecordHover { width:120px; height:170px; display:none; background: url(../images/film_play.png) no-repeat 50% 50% rgba(0, 0, 0, 0.5); position:absolute; top:0; left:0; z-index:5;}
.film-noRecord a.Nmore { width:20px; height:20px; display:block; background: url(../images/more.gif) no-repeat 50% 50%; position:absolute; left:200px; top:213px;}
.film-noRecord .Ntitle { width:174px; margin:0 auto; overflow:hidden;}


/*热播影视*/
.hot-recommend, .hot-search, .hot-hb-left {width: 696px;float: left;}
.hot-search {width: 198px;float: right; margin-right:20px;margin-top:16px;}
.hot-top {  width:100%; height:29px; border-bottom:1px solid #d2d2d2; position:relative; z-index:0;}
.hot-name,.h_right {padding:8px 12px 3px 0; font-size:16px; /*background-color:#fff;*/ position:absolute; top:0; left:0; z-index:0; color: #333}
.h_right { left:76px; font-size:14px; padding:0; background:none;}
.h_right li { float:left; position:relative; z-index:0;}
.h_right a { height:22px; line-height:22px; display:inline-block; padding:6px 10px 0;color:#454545; text-decoration:none;}
.h_right a:hover {margin-bottom:0px;color:#454545;text-decoration:none;border-bottom: 0px solid #037FEF;}
.h_right a.selected { color:#499bfd;}
.h_right1 { left:60px; } 
.h_right1 li a { padding: 6px 9px 0 }
.web_game .hot-name{top:-1px;}
/*.h_right1 #nav-right-slide { width: 138px;}*/
.slider, .h_blue {z-index: 2;border-bottom: #4a9cfe 2px solid;position: absolute;height: 31px;cursor: pointer;}
.slider{-webkit-transition: left 0.2s ease-in-out;transition: left 0.2s ease-in-out;}
/**热播榜*/
.ranking-one { width:100%; height:64px; margin:7px 0 2px 0; padding-bottom:6px; display:inline-block; position:relative; z-index:0; font-family:"宋体";}
.ranking-one .hot ,.ranking-one .hotless{ width:18px; height:64px; line-height: 18px; text-align:center; float:left; margin-right:8px; background-color:#66aaf4; color:#FFFFFF; font-family:Arial; font-weight:bold;}
.ranking-one .hotless {background-color: #3B3B3B;}
.ranking-one img.small { width:48px; height:64px; float:left; margin-right:8px; }
.ranking-one .first_wz { width:116px; float:left; line-height:18px; text-align:left; color:#999999;}
.ranking-one .first_wz a { margin-bottom:8px; display:block;}
.ranking-one .first_wz .one-name a,.ranking-one .first_wz p { width:115px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.ranking-one .first_wz p { width:135px; height:18px; line-height:18px;}
.ranking-one .pf_one { line-height:16px; position:absolute; right:0; top:0;}
.ranking { width:100%; font-family:"宋体"; margin-top:13px;}
.ranking li { width:100%; height:32px; line-height:32px; text-align:left; overflow:hidden; border-bottom: 1px solid #f4f6f3;}
.ranking li span, .ranking-one .pf_one span {font-size: 14px;float: right;font-weight: bold;color: #FF6000;font-family: Arial;}
.ranking li span i, .ranking-one .pf_one span i {font-style: normal;font-size: 12px;}
.ranking li em {width:18px; height:18px; line-height:18px; margin:7px 8px 0 0; font-weight:bold; color:#FFFFFF; float:left; text-align:center;font-style: normal; background-color:#3b3b3b; font-family:Arial;}
.ranking li em.bl { background-color:#66aaf4;}
.ranking li a:link,.ranking li a:visited {color: #555555; text-decoration:none;}
.ranking li a:hover {color: #3391E8; text-decoration: underline;}
.ranking li.xz-hover { height:77px; *height:75px; border:0;}

.hot-search .xz-hover .def {display: none;}
/**热播推荐*/
.hot-recommend { padding-left: 20px;margin-top:16px;}
.navheader { padding:0px; margin: 0px auto; position:relative;}
.navheader li {padding:0px; z-index:3; float:left; margin-right:10px; display:inline-block; list-style-type:none; position: relative;}
.navheader li.current {z-index: 1;}
.hot-hb-left { height:100%; overflow:hidden; position:relative; z-index:0; font-family:"宋体";}
.hot-hb-left ul { width:721px;}
.hot-hb-left li { width:120px; height:168px; float:left; margin:20px 24px 4px 0; position: relative;}
.hot-hb-left li img { width:120px; height:168px;}
.mv_yy { width:120px; height:30px; cursor:pointer; position:absolute; top:138px; left:0px; z-index:0;background-image: url(../images/mv_yy.png)!important;background-repeat: no-repeat;}
.mv_yy span { line-height:20px; color:#ff6600; font-weight:bold; float:right; padding:8px 3px 0 0; font-family:Arial;}
.mv_jj { width:95px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; height:20px; line-height:20px; text-decoration:none; color:#FCFCFC; cursor:pointer; position:absolute; top:145px; left:5px; z-index:1; font-weight: bold;}
.mv_bg { width:120px; height:168px; position:absolute; top:0; left:0px; cursor:pointer; background-color:#000000; opacity: 0.5; filter:alpha(opacity=50); z-index:2;display: none;}
.mv_play { width:54px; height:54px; position:absolute; top:50px; left:33px; cursor:pointer; display:block; z-index:3; background-image: url(../images/btn_play.png)!important; background-repeat: no-repeat;display: none;}

/*热门游戏*/
.web_game { float: right; width: 406px;padding-right: 18px; margin-top: 16px; }
.web_game .h_right { left: 44px;}
/**页游*/
.recommend { width: 424px; padding-top: 6px; display:inline-block; font-size:12px; font-family:"宋体","微软雅黑","黑体"; }
.recommend li { width:192px; height:110px; border:1px solid #fff; position:relative; margin:14px 18px 0 0; float:left; overflow:hidden; }
.recommend li a.default { width:192px; height:110px; display:block; overflow: hidden;}
.recommend li.hover { border:1px solid #f95900;}
.recommend li a img{width: 100%;height:100%;}
.game_info { width:192px; height:110px; position:absolute;left:0px; top: 88px}
.recommend .game_info .bg { width:100%; height:100%; position:relative; top:0; left:0; }
.info_title { height: 22px; background: url(../images/mv_yy.png) repeat-x; background-size: 192px 22px; width: 192px;line-height: 22px; color: #fff}
.recommend .info_title p { width:180px; height:22px; line-height:22px; margin-left:6px; float:left; overflow:hidden; }
.recommend li.hover .game_info {background: rgba(0,0,0,0.7);}
.recommend li.hover .info_title { border-bottom: 1px solid #393939; }
.recommend .bg a.info_link { width:192px; height:64px; display:block; position: relative; opacity: 0.8;} 
.recommend .info_down { height:23px; position:absolute; bottom:0; overflow:hidden;}
.recommend .info_down a.info_down_l { width:112px; height:23px; line-height:22px; text-align:center; display:block; background-color:#f95900; border:0; font-size:12px; font-family:"宋体","微软雅黑","黑体"; text-decoration:none; color:#fff; float:left; overflow:hidden; }
.recommend .info_down a.info_down_l:hover { text-decoration:underline; }
.recommend .info_down a.info_down_l span { color:#ffeb00; }
.recommend .info_down a.info_down_r { width:80px; height:23px; line-height:22px; display:block; text-align:center; border:0; color:#333; background-color:#c4c4c4; font-family:"宋体","微软雅黑","黑体"; font-size:12px; text-decoration:none; float: left; }
.recommend .info_down a.info_down_r:hover { text-decoration:underline; padding:0; }
.recommend .hover a { padding: 0; }
.recommend .hover a.info_link { border:none; }
/**小游戏*/
.mini_game { float: left; width: 490px; padding-left: 20px; margin-top: 16px; overflow: hidden;}
.mini_game .h_right { left: 60px;}
.mini_game .game_list { padding-top: 3px;}
.game_row { width: 520px; overflow: hidden; border-bottom: 1px solid #f0f0f0;}
.game_list .nobd { border-bottom: none}
.game_row li { float: left; margin:18px 29px 10px 0 }
.game_row li a { width: 75px;height: 104px;display: block;text-decoration: none;color: #333; }
.game_row li a:hover { text-decoration: underline;}
.game_row li a img { width: 75px; height: 74px;border-radius: 10px;}
.game_row li a p {width: 72px;height: 20px;line-height: 20px;margin-top: 3px;overflow: hidden;text-align: center;}

/*美女主播*/
.announcer { padding:16px 20px 0;}
.announcer .hot-name { padding: 6px 12px 3px 0; background: none;}
.announcer .h_num { position: absolute; right: 0; top: 2px; line-height: 24px; font-size: 14px; color: #999;text-decoration: none;}
.announcer .h_num span { padding: 0 4px;font-family: "Times New Roman",Times,serif;font-weight: bold;color: #ff6060;font-size: 24px;font-style: italic; text-decoration: none;}
.announcer .h_num:hover span { color: #f00}
.mm_list { padding: 4px 0px; width: 950px; overflow: hidden; height: 386px;}
.mm_list .item { display: block; float: left; margin:16px 30px 0 0; width: 160px; height: 110px; overflow: hidden; position: relative;}
.mm_list .item .item_img img { display: block; width: 160px; height: 120px; }
.mm_list .item .item_pop { display: block; position: absolute; width: 160px; height: 110px; top: 0; left: 0}
.mm_list .item .item_popname { display: block; position: absolute; left: 0; bottom:0; width: 148px; height: 22px; line-height: 22px; padding: 0 6px; background: url(../images/mv_yy.png); background-size: 160px 22px; color: #fff; font-family:"宋体","微软雅黑","黑体";}
.mm_list a.item_pop:hover { background: rgba(0,0,0,0.5);}
.mm_list a.item_pop:hover .live_ico { display: block; position: absolute; background: url(../images/btn_play.png) no-repeat; width: 40px; height: 40px; background-size: 40px 40px; top:30px; left: 60px; }
.mm_list a.item_pop:hover .item_popname {opacity: 0.5;}

/*世界杯*/
.world2014 { width:386px; height:192px; background:url(../images/world2014.png) no-repeat 0 0; position:absolute; z-index:0; top:-139px; left:-195px;}
.worldcup { padding:16px 20px 0;}
.world-left { width:641px; float:left;}
.world-right { width:260px; float:right;} 
.world-left,.world-right { height:415px;}
.wl-top { width:100%; height:170px;}
.wl-bander,.wl-bander li,.wl-bander li img { width:273px; height:170px; float:left;}
.wl-bander { overflow:hidden; position:relative; z-index:0;}
.wl-bander ul {width:2000px;}
.wl-bander li { position:relative;}
.pic-links { width:100%; display:block; color:#ffffff;}
.pic-links .shadow-title { width:100%; height:40px; line-height:30px; font-size:14px; background-color: rgba(0, 0, 0, 0.65); position:absolute; bottom:0; left:0; z-index:0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pic-links .shadow-title span { padding-left:5px;}
.wl-button { width:110px; position:absolute; left:81px; bottom:3px; z-index:2;}
.wl-button a { width:20px; height:3px; margin:0 1px; display:inline-block; background-color:#ffffff;}
.wl-button a.xz { background-color:#028fff;}
.wl-list { width:355px; float:right; font-size:14px;}
.wl-list li { width:100%; height:29px; line-height:29px; overflow:hidden; float:left;}
.wl-list li a.hot { padding-left:22px; font-size:18px; color:#0091fe; background: url(../images/world_ico.png) no-repeat 0 2px;}
.wl-list li a.hot:hover { color:#0091fe;}
.wl-list li a { color:#000000; text-decoration:none; margin-right:5px;}
.wl-list li a:hover { color:#000000; text-decoration:underline;}
.wl-play { width:100%; height:236px; padding-top:10px;}
.wl-ptt { width:100%; height:30px; line-height:30px; border-bottom:1px solid #d2d2d2; background: url(../images/world_ico.png) no-repeat 0 -22px;}
.wl-ptt span { padding-left:22px; font-style:italic; color:#000000; font-size:16px;}
.wl-ptt.no { background:none; position:relative;}
.wl-ptt .wlnav { height:28px; line-height:28px; position:absolute; top:1px; left:0;}
.wl-ptt em { display:block; float:left; font-size:16px; margin-right:5px; color:#000000; text-align:center; padding:0 10px; cursor:pointer;}
.wl-ptt em.xz { border-bottom:2px solid #189afc; color:#189afc;}
.wl-liebiao { width:100%; overflow:hidden;}
.wl-liebiao ul { width:680px;}
.wl-liebiao li { width:140px; height:92px; margin:10px 27px 0 0; float:left; position:relative; z-index:0;}
.wl-liebiao li img { width:140px; height:92px;}
.wl-liebiao li .hover { width:140px; height:92px; position:absolute; top:0; left:0; z-index:1; background: url(../images/show_mask.png) no-repeat center 26px; background-color: rgba(0, 0, 0, 0.7);}
.wl-liebiao li .tt-font { width:140px; height:20px; line-height:20px; font-size:12px; color:#FFFFFF; position:absolute; bottom:0; left:0; z-index:0; background-color: rgba(0, 0, 0, 0.6);}
.wl-liebiao li .tt-font p { height:24px; padding-left:5px; font-family:Arial,宋体; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.wr-tt { width:100%; height:30px; line-height:30px; background: url(../images/world_ico.png) no-repeat 0 -54px;}
.wr-tt span { padding-left:22px; font-style:italic; color:#000000; font-size:16px;}
.wr-letter { width:100%; height:28px; padding:10px 0 0 0; margin-bottom:10px; border-bottom:1px solid #c1c7bf; position:relative;}
.wr-letter .let-list { width:100%; height:28px; position:absolute; left:0; top:9px;}
.wr-letter a { width:32px; height:28px; line-height:28px; font-size:18px; text-align:center; color:#000000; display:block; float:left; text-decoration:none;}
.wr-letter a.xz { height:28px; line-height:28px; color:#0f96fd; border-bottom:2px solid #0d94fb;}
.wr-team { width:100%; height:336px; overflow:hidden;}
.wr-tab { font-size:12px; text-align:center; height:28px; line-height:28px; margin-bottom:6px; font-family:Arial,宋体;}
.wr-tab th { height:26px; line-height:26px; color:#666666; font-size:12px; font-weight:bold;}
.wr-tab td { color:#333333; font-size:12px;}
.wr-tab tr.jg td { color:#999999;}
.wr-tab tr.xz td { color:#f35e12;}
.wr-bg th { background-color:#CED4CC; height:22px; line-height:22px;}
.wr-tt { position:relative;}
.menu-sai { width:155px; height:26px; position:absolute; top:0; left:68px; background: url(../images/menu-qh.png) no-repeat 0 0;}
.menu-sai.bg1 {}
.menu-sai.bg2 { background-position:0 -27px;}
.menu-sai li { width:77px; height:26px; float:left; text-align:center; font-size:14px;}
.menu-sai li a { height:22px; line-height:22px; padding-top:4px; display:block; text-decoration:none; color:#333333;}
.menu-sai li a:hover { color:#0073cb;}
.menu-sai li a.xz { height:26px; line-height:26px; padding-top:0; font-size:16px; color:#FFFFFF;}
.taotai { height:385px;}
.ttsai { position:relative; z-index:0;}
.ttsai .gdtiao { width:7px; height:80px; cursor:default; background-color:#bcc1b9; border:1px solid #FFFFFF; border-radius:4px; position:absolute; right:-8px; top:0;}
.ttsai .gdtiao:hover { background-color:#737671; cursor:default;}
.wr_btl { padding: 3px 0 2px 0;}
.wr_btl .wr-tab1 { margin-bottom:0px;}
.juesc { font-weight:normal!important;}

/*footer*/
.footer { min-width: 700px; width: 100%; height: 50px; background-color:#ffffff; position: fixed; z-index: 20;text-align: center; font-size: 16px; overflow: hidden; bottom: 0; background: url(../images/nav_line.png) repeat-x center 0;background-color: rgba(0, 0, 0, 0.6);}
/*
.footer.jt1 { background: url(../images/footer_jt1.png) no-repeat center 0;}
.footer.jt2 { background: url(../images/footer_jt2.png) no-repeat center 0;}
.footer.jt3 { background: url(../images/footer_jt3.png) no-repeat center 0;}
*/
.footer .pagenav { display:block; overflow: hidden; width:571px;  margin:0 auto; }
.footer .pagenav li { float: left;}
.footer .pagenav li a { display: block;width:186px; height:50px; line-height:50px; font-size:17px; color: #9c9c9c; text-decoration: none }
.footer .pagenav li a:hover { color: #fff; /*background-color:#91a4b8;*/ /* background: url(../images/bg_footer_on.png) repeat-x; */}
.footer .pagenav li.on a { color: #fff; background: url(../images/footrt_selected.png) no-repeat center 0;}
.footer .pagenav li.on em{ background-position:0 -22px;}
/*.footer .pagenav li.on a:hover { background:none!important;}*/
.footer .pagenav li a em { display: inline-block; /*background: url(../images/icon_footer.png) no-repeat;*/ width:27px; height: 21px; margin-right: 3px; vertical-align: middle;}
.footer .pagenav li a:hover em{ background-position:0 -22px;}
/*.footer .pagenav .ico_qlink { background-position: 8px 1px}
.footer .pagenav li:hover .ico_qlink { background-position: 8px -32px;}
.footer .pagenav li.on .ico_qlink { background-position: 8px -32px}
.footer .pagenav .ico_video { background-position: -32px 1px}
.footer .pagenav li:hover .ico_video { background-position: -32px -32px;}
.footer .pagenav li.on .ico_video { background-position: -32px -32px}

.footer .pagenav .ico_game { background-position: 0 -81px}
.footer .pagenav li.on .ico_game { background-position: 0 -101px}
.footer .pagenav .ico_announcer { background-position: -67px 0px}
.footer .pagenav li:hover .ico_announcer { background-position: -67px -33px;}
.footer .pagenav li.on .ico_announcer { background-position: -67px -33px}
.footer .pagenav .ico_worldcup { background-position: 0 -161px}
.footer .pagenav li.on .ico_worldcup { background-position: 0 -182px}

.footer .pagenav .ico_webgame { width:28px; margin-right:5px; background-position: -106px 0px;}
.footer .pagenav li.on .ico_webgame { background-position: -106px -33px;}*/

#main-container {width: 100%; height: 100%;  overflow: hidden;/*position: absolute; left: 0;top: 0;*/}
.loading {height: 45px;width: 45px; margin: 154px auto 0; display: none;}
.h_more{ float:right; height:28px; line-height:28px; }
.h_more a{ color:#499bfd; text-decoration:none;}
.fl{ float: left;}

/*-------换肤功能-------*/
.skin-peeler { width:26px; height:26px; position:fixed; top:13px; right:20px; z-index:100;}
.skin { height:26px;width:26px; background:url(../images/skin.png) no-repeat 0 5px; cursor:pointer;}
.skin:hover { background-position: 0 -30px;}
.skin:active { background-position: 0 -64px;}
.skin-setup-box { width:358px; padding-bottom:10px; border:1px solid #aaaaaa; background-color:#fefefe; position:absolute; right:-10px; top:34px;}
.skin-setup-box .arrow-up { width:15px; height:8px; background:url(../images/skin_box_arrow.png) no-repeat 0 0; position:absolute; top:-8px; right:14px;}
.settings-title { padding-left:16px; line-height:37px; font-size:14px; color:#777777;}
.settings-title span { width:16px; height:16px; margin:6px 4px 0 0; cursor:pointer; display:block; float:right; background:url(../images/skin_close.png) no-repeat 0 0;}
.settings-title span:hover { background-position: -17px 0;}
.setup-list { width:100%;}
.setup-list ul { padding-left:14px;}
.setup-list li { width:103px; height:60px; cursor:pointer; border:2px solid #fefefe; float:left; margin:0 4px 4px 0; position:relative;}
.setup-list li img { width:103px; height:60px;}
.setup-list li:hover,.setup-list li.select { border:2px solid #3485f8;}
.setup-list li.add { cursor:pointer; background:url(../images/add.png) no-repeat 0 0;}
.setup-list li.add input { display:block; height:60px; width:103px; font-size:40px; opacity:0; }
.setup-list li .load-diagram { width:24px; height:24px; margin:-12px 0 0 -12px; background:url(../images/skin_load.png) no-repeat 0 0; position:absolute; left:50%; top:50%; -webkit-animation:loadRotation 1.2s linear; -webkit-animation-iteration-count:infinite;}
@-webkit-keyframes loadRotation {
0%{-webkit-transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);}
}