.ico2{ display: inline-block; overflow: hidden; vertical-align: middle; background: url(../png/b1.png) 0 0 no-repeat;}
.ico2-pc{ width: 20px; height:18px; margin:4px 7px 7px 0}
.ico2-pc2{ width: 20px; height:18px; background-position:0 -166px; margin-top:11px}
.ico2-m{ width: 14px; height:20px; background: url(../png/b2.png) 0 -74px no-repeat; margin:3px 7px 6px 0}
.ico2-m2{ width: 14px; height:21px; background-position:0 -203px; margin-top:10px}
.ico2-pic{ width: 24px; height:20px; background-position:0 -40px; margin: 1px  10px 4px 0}
.ico2-pic2{ width: 24px; height:20px; background-position:0 -61px; margin: 1px  10px 4px 0}
.ico2-info{ width: 19px; height:22px; background-position:0 -82px; margin: 0 11px 3px 0}
.ico2-info2{ width: 19px; height:22px; background-position:0 -105px; margin: 0 11px 3px 0}
.ico2-video{ width: 20px; height:21px; background-position:0 -128px; margin: 0 10px 4px 0}
.ico2-ios{ width: 20px; height:23px; background: url(../png/b2.png) 0 -117px no-repeat; margin: 5px 11px 10px 0}
.ico2-an{ width: 20px; height:21px; background: url(../png/b2.png) 0 -96px no-repeat; margin: 6px 13px 12px 0}
.ico2-triangle{ width:4px; height: 7px; background-position:0 -150px; margin:9px 0 11px 9px}
.ico2-close{ width:17px; height: 17px; background-position:0 -268px; margin-top: 12px}
.ico2-top{ width:15px; height: 9px; background-position:0 -248px; margin-top: 10px}

.header .index-box{ font-size: 16px; line-height: 38px; height: 38px; position: absolute; left: 120px; top:253px; overflow: hidden; *zoom:1; z-index: 5; width: 110px; text-align: center;}
.header .index-box .link{ color: #fff0b5; display: block; border-radius: 19px;}
.header .index-box .link:hover{ text-decoration: none}
.header .index-box .mask{ border-radius: 19px;  filter: alpha(opacity=90); opacity: .9; background: #170505}

.type-box{ position: absolute; left:50%; margin-left: -112px; top: 333px; overflow: hidden; *zoom:1;}
.type-box .type{ font-size: 16px; float: left; background: url(../png/b2.png) no-repeat; width: 86px}
.type-box .type-in{ line-height: 33px; height: 33px;}
.type-box .type-pc{ color: #eb564a;  background-position:left top; padding-left: 26px}
.type-box .type-pc .type-in{ background: #9b170c; padding:0 0 0 9px;}
.type-box .type-m{ color: #ea8a50; background-position:right -40px; padding-right: 26px}
.type-box .type-m .type-in{ padding:0 0 0 19px; background: #aa4b12; _width: 69px}

.header .search-box{ width: 240px; position: absolute; top:329px; right: 0}

.nav-box{ overflow: hidden; *zoom:1; position: absolute; left: 0; bottom: 0;}
.nav{ overflow: hidden; *zoom:1; padding-left:10px; float: left; width:590px}
.nav-item{ float: left; padding-left: 15px}
.nav-item .nav-con{ display: inline-block; color: #fff; height: 54px; line-height: 54px; font-size: 18px; padding: 0 20px;}
.nav-item .nav-con:hover{ text-decoration: none}
.nav-pc{ background: #b61b0e}
.nav-pc .nav-con:hover{ background: #9b1005}
.nav-m{ background: #ce5b16}
.nav-m .nav-con:hover{ background: #b44b0d}

.content-in{ overflow: hidden; *zoom:1;}
.main{ width: 908px; float: left; border: 1px solid #e6e6e6; background: #fff}
.sidebar{ float: right; width:280px}

.comm-list3 .list-item{ overflow: hidden; *zoom:1; line-height: 36px; height: 36px}
.comm-list3 .time{ float: right; color: #a7a7a7; font-size: 14px}
.comm-list3 .tit{ width: 85%; padding-left: 18px; background: url(../png/b1.png) -21px -288px no-repeat;}
.comm-list3 .tit a{ display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; *zoom:1; font-size: 16px; color: #555}
.comm-list3 .tit a:hover{ color: #b61b0e}

.comm-list4{ overflow: hidden; *zoom:1;}
.comm-list4 .list-item{ float: left;}
.comm-list4 .con{ display: block; position: relative; color: #fff;}
.comm-list4 .c1{ display: block;}
.comm-list4 .c1 img{ width: 270px; height: 150px}
.comm-list4 .c2{ display: block; position: absolute; bottom: 0; left: 0; width: 100%; overflow: hidden; *zoom:1; z-index: 5; text-align: center; height: 32px; _width: 270px}
.comm-list4 .tit{ padding: 0 10px; display: block; line-height: 32px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.comm-list4 .con:hover .tit{ text-decoration: underline;}

.comm-list5 .list-item{ border-top: 1px solid #d2d2d2; padding: 12px 0 29px 0}
.comm-list5 .tit{ display: block; color: #333; font-size: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-bottom:8px}
.comm-list5 .tit:hover{ color: #b61b0e}
.comm-list5 .txt{ color: #a7a7a7; font-size: 14px; line-height:22px; height:44px}

.comm-list6{ overflow:hidden;}
.comm-list6 .list-item{ float: left;}

.list-link{ overflow: hidden; *zoom:1;}
.list-link .list-item{ float: left; width:183px;}
.list-link .list-item .con{ display: block; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 40px; height: 40px; color: #555555; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list-link .list-item .con:hover{ text-decoration: none; color: #b61b0e}

.list-link2{ overflow: hidden; *zoom:1;}
.list-link2 .list-item{ float: left; padding-right: 10px}
.list-link2 .con{ display: block; width: 130px; height: 40px; line-height: 40px; background: #e2357a; color: #fff; text-align: center; font-size: 16px}
.list-link2 .con:hover{ text-decoration: none; background: #ff4e95}
.list-link2 .c2{ background:#65b933}
.list-link2 .c2:hover{ background:#7cd845}
.list-link2 .c3{ background:#1596e8}
.list-link2 .c3:hover{ background:#2fadfd}
.list-link2 .disabled{ background: #a7a7a7}
.list-link2 .disabled:hover{ background: #a7a7a7; cursor: default;}

.list-link3 .list-item{ padding-bottom: 1px}
.list-link3 .con{ display: block; background: #fff; text-align: center; height: 40px; color: #a7a7a7; font-family: "Arial"; font-size: 12px}
.list-link3 .list-item1 .item-c2 .con{ background: #b61b0e}
.list-link3 .list-item2 .item-c2 .con{ background: #ce5b16}
.list-link3 .con:hover{ text-decoration: none; background: #666; color: #fff}
.list-link3 .list-item1 .item-c1 .con:hover{ background:#b61b0e}
.list-link3 .list-item2 .item-c1 .con:hover{ background:#ce5b16}
.list-link3 .list-item .item-c2 .con:hover{ background: #666}
.list-link3 .con:hover .ico2-top{ background-position:0 -258px}
.list-link3 .con:hover .ico2-pc2{ background-position:0 -185px}
.list-link3 .con:hover .ico2-m2{ background-position:0 -226px}
.list-link3 .item-c2{ display: none}
.list-link3 .current .item-c1{ display: none;}
.list-link3 .current .item-c2{ display: block;}

.list-pic{ overflow: hidden; *zoom:1;}
.list-pic .list-item{ float: left; width: 180px}
.list-pic .con{ display: block; color: #555555}
.list-pic .c1{ display: block; overflow: hidden; *zoom:1;}
.list-pic .c1 img{ width:180px; height: 134px}
.list-pic .c2{ display: block; font-size: 14px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; *zoom:1; line-height: 32px}
.list-pic .con:hover{ color: #b61b0e}
.list-pic .con:hover img{ filter: alpha(opacity:40); opacity: .40;}
.list-pic-ex2 .con{ color: #333}
.list-pic-ex2 .c2{ white-space: normal; line-height: 20px; height:40px; overflow: hidden; *zoom:1; font-size: 12px; margin-top: 10px}
.list-pic-ex2 .con:hover{ color: #333}
.list-pic-ex2 .con:hover img{ filter:none; opacity:1;}

.list-video2{ overflow: hidden; *zoom:1;}
.list-video2 .list-item{ float: left; width: 180px}
.list-video2 .con{ display: block; color: #555; font-size: 14px}
.list-video2 .c1{ display: block; position: relative;}
.list-video2 .c1 img{ width: 180px; height: 100px}
.list-video2 .cover{ display: block; width:48px; height: 48px; background: url(../png/cover.png) 0 0 no-repeat; position: absolute; left:66px; top:26px; z-index: 2; _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='../png/cover.png');}
.list-video2 .c2{ display: block; line-height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; *zoom:1; }
.list-video2 .con:hover{ color: #b61b0e}
.list-video2 .con:hover .cover{ display: none;}

.list-game{ overflow: hidden; *zoom:1; font-size: 14px; color: #555;}
.list-game .list-item{ float: left; line-height: 30px}
.list-game .link{ color: #555}
.list-game .link:hover{ text-decoration: underline; color: #b61b0e}

.list-profession{ overflow: hidden; *zoom:1; margin-left: -1px}
.list-profession .list-item{ float: left; overflow: hidden; *zoom:1; padding-left: 1px;}
.list-profession .list-c1{ float: left; cursor: pointer; overflow: hidden; *zoom:1;}
.list-profession .list-c1 .pic{ float: left}
.list-profession .list-c1 .pic2{ display: none}
.list-profession .list-c2{ display: none; padding: 40px 17px 0 20px; font-size: 14px; color: #a7a7a7; background: url(../jpg/bg2.jpg) 0 0 no-repeat; width:210px; float: left; height: 372px}
.list-profession .list-c2 .title{ color:#ce5b16; line-height: 1; font-size: 18px; padding-bottom: 37px}
.list-profession .list-c2 .tit{ font-size:40px}
.list-profession .list-c2 .txt{ line-height: 20px; padding-bottom: 15px}
.list-profession .list-c2 .info{ line-height: 30px}
.list-profession .btn-more{ display: inline-block; margin-top: 27px; background:#333; color: #a7a7a7; padding: 0 14px 0 17px; line-height: 30px; height: 30px}
.list-profession .btn-more:hover{ text-decoration: none; background: #ce5b16; color: #fff}
.list-profession .btn-more:hover .ico2-triangle{ background-position: 0 -158px}
.list-profession .current .pic1{ display: none}
.list-profession .current .pic2{ display: block;}
.list-profession .current .list-c2{ display: block;}

.comm-tab .gb-tab{ overflow: hidden; *zoom:1;}
.comm-tab .gb-tab-item{ float: left; margin-left: -1px}
.comm-tab .gb-tab-c{ display: inline-block; line-height: 40px; color: #555; font-size: 16px; border:1px solid #d2d2d2; border-top-width:3px; text-align: center; width: 141px;}
.comm-tab .gb-tab-item1 .gb-tab-c{ border-left-width: 2px; width: 142px}
.comm-tab .current{ border-color: #b61b0e; background: #b61b0e; color: #fff}
.comm-tab .gb-tab-c:hover{ text-decoration: none; color: #b61b0e}
.comm-tab .current:hover{ color: #fff}

.comm-tab2 .tab-hd{ overflow: hidden; *zoom:1; border-bottom:1px solid #b61b0e}
.comm-tab2 .gb-tab{ overflow: hidden; *zoom:1; float: left;}
.comm-tab2 .gb-tab-item{ float: left; padding-right: 4px}
.comm-tab2 .gb-tab-c{ display: inline-block; background: #fff; padding: 0 36px; border:1px solid #dddddd; border-bottom: none; line-height: 42px; color: #555; font-size: 16px}
.comm-tab2 .gb-tab-c:hover{ text-decoration: none; color: #b61b0e}
.comm-tab2 .current{ background: #b61b0e; border-color: #b61b0e; color: #fff}
.comm-tab2 .current:hover{ color: #fff}
.comm-tab2 .tab-hd .more{ float: right; color: #a7a7a7; font-size: 14px; line-height: 43px; display: block;}
.comm-tab2-ex2 .tab-hd{ border-bottom-color:#ce5b16}
.comm-tab2-ex2 .gb-tab-c:hover{ color: #ce5b16}
.comm-tab2-ex2 .current{ background: #ce5b16; border-color:#ce5b16}
.comm-tab2-ex2 .current:hover{ color: #fff}

.comm-mod2 .mod-hd{ overflow: hidden; *zoom:1; line-height: 30px; height: 30px; padding: 11px 0}
.comm-mod2 .mod-hd .tit{ float: left; font-size: 20px; font-weight: bold; color:#333}
.comm-mod2 .mod-hd .more{ float: right; color: #a7a7a7; font-size: 14px; line-height: 1; padding-top: 11px}
.comm-mod2 .mod-hd .more a{ color: #a7a7a7;}
.comm-mod2 .mod-hd .more .sep{ margin: 0 10px}

.mod-info{ padding-bottom: 20px}
.mod-info .comm-tab2 .tab-bd{ padding-top:5px}

.mod-pic{ overflow: hidden; *zoom:1; padding-bottom: 22px}
.mod-pic .list-pic{ margin-left: -15px}
.mod-pic .list-pic .list-item{ padding-left: 15px}

.fix-box{ width: 30px; position: absolute; top:465px; left: 50%; margin-left: -15px; z-index: 1000; padding-top: 110px}
.fix-box-fixed{ position:fixed; top:44px;}
.fix-box .line{ display: block; border-left: 1px solid #cccccc; height:110px; position: absolute; top:0; left: 50%;}

.tip-pop{ display: none; position: absolute; z-index: 3000;}
.tip-pop .pic-box{ position: relative; width: 287px}
.tip-pop .btn-close{ width: 29px; height: 29px; position:absolute; top:56px; right: 0; cursor: pointer;}

.global-footer{ color:#999999}
.global-footer a:hover, .global-footer a:link, .global-footer a:visited, .global-footer a:active{ color:#999999; padding: 0 10px}

/* main-pc */
.main-pc .main-in{ padding: 21px 30px 0 0}

.main-pc .top-news{ padding-bottom:20px}
.main-pc .top-news .title{ font-size: 26px; font-weight: bold; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; padding: 8px 0; *zoom:1;}

.main-pc .mod-feature{ overflow: hidden; *zoom:1; padding-bottom: 25px}
.main-pc .mod-feature .comm-list4{ margin-left: -30px}
.main-pc .mod-feature .comm-list4 .list-item{ padding-left:30px}

.main-pc .mod-strategy{ padding-bottom: 12px}
.main-pc .mod-strategy .gb-tab-con{ overflow: hidden; *zoom:1;}
.main-pc .mod-strategy .list-link{ margin-left: -10px}
.main-pc .mod-strategy .list-link .list-item{ padding:16px 0 0 10px}

.main-pc .mod-video{ padding-bottom: 20px}
.main-pc .mod-video .mod-bd{ overflow:hidden; *zoom:1;}
.main-pc .mod-video .list-video2{ margin-left: -15px}
.main-pc .mod-video .list-video2 .list-item{ padding-left: 15px}
.main-pc .mod-video .list-video2 .c2{ line-height: 24px; height: 48px; white-space: normal; padding-top: 4px}

.main-pc .mod-game{ overflow: hidden; *zoom:1;}
.main-pc .mod-game .pic-box{ float: left; padding-right: 16px}
.main-pc .mod-game .pic-box img{ width: 176px; height: 100px}
.main-pc .mod-game .detail-box{ overflow: hidden; *zoom:1; padding-right: 18px}
.main-pc .mod-game .list-game{ margin-top: -8px}
.main-pc .mod-game .list-game .list-item{ width: 49.99%; }

/* main-m */
.main-m .main-in{ padding: 30px 0  0 30px}

.main-m .game-info-box{ background: #fff; padding: 20px 20px 15px; margin-bottom: 25px}
.main-m .game-info-box .info-c1{ overflow: hidden; *zoom:1;}
.main-m .game-info-box .pic-box{ float: left; padding-right: 20px}
.main-m .game-info-box .pic-box img{ width: 90px; height: 90px}
.main-m .game-info-box .detail-box{ overflow: hidden; *zoom:1;}
.main-m .game-info-box .tit{ font-size: 20px; line-height: 1; font-weight: bold; color: #333; padding: 3px 0 8px 0}
.main-m .game-info-box .list-game{ margin-left: -40px}
.main-m .game-info-box .list-game .list-item{ padding-left: 40px; line-height: 28px}
.main-m .game-info-box .info-c2{ padding-top: 15px}

.main-m .mod-update .mod-hd{ padding-bottom: 11px}

.main-m .mod-profession{ padding-bottom: 43px}
.main-m .mod-profession .profession-box{ background: #121110; overflow: hidden; *zoom:1;}

.main-m .mod-pic .list-pic .list-item{ padding-bottom: 16px}
.main-m .mod-pic .list-pic .c2{ line-height: 24px; height: 48px; white-space: normal; padding-top: 4px}

/* sidebar */
.sidebar .list-pic-ex2 .list-item{ width: 125px; padding:0 0 10px 10px}
.sidebar .list-pic-ex2 .c1 img{ width:125px; height: 94px}
.sidebar .list-pic-ex2 .c2{ margin-top: 4px} 
.sidebar .comm-list3 .list-item{ line-height: 22px; height: 22px}
.sidebar .comm-list3 .tit{ background-position:-23px -324px; padding-left: 9px; width: 80%}
.sidebar .comm-list3 .tit a{ font-size: 12px}
.sidebar .comm-list3 .time{ font-size: 12px}
.mod-side-pic .bd{ padding-top: 20px}
.mod-side-news .bd{ padding: 10px 7px 13px 10px}

/* page-index */
.page-index .content{ border-bottom:1px solid #dddddd; position: relative;}
.page-index .content-in{ padding: 0; overflow: hidden; *zoom:1;}
.page-index .content .col{ width: 50%}
.page-index .content .col-m{ float: right;}

.page-index .mask-con{ z-index: 900; top:410px; display: none}
.page-index .mask-pc{ right: 0; display: block; left: auto;}
.page-index .mask-m{ left: 0; display: block; right: auto;}

.page-index .mask-tip{ display: none; z-index: 2000}

/* page-pic-list */
.page-pic-list .mod-pic2{ overflow: hidden; *zoom:1; padding: 18px 0 0 20px}
.page-pic-list .mod-pic2 .list-pic-ex2{ margin-left: -40px}
.page-pic-list .mod-pic2 .list-pic-ex2 .list-item{ padding:0 0 25px 40px; width: 138px}
.page-pic-list .mod-pic2 .list-pic-ex2 .c1{ padding: 1px}
.page-pic-list .mod-pic2 .list-pic-ex2 .c1 img{ width:136px; height: 100px}
.page-pic-list .mod-pic2 .list-pic-ex2 .con:hover .c1{ background: #090909}

/* page-art-list */
.page-art-list .art-list-txt .list-item{ line-height: 36px; font-size: 14px}
.page-art-list .art-list-txt .tit a{ font-size: 16px}

/* page-final */
.page-final .main{ border: none; padding: 15px; width: 878px}

/* page-final-noside */
.page-final-noside .content{ padding-top: 20px}
.page-final-noside .content-in{ background: #fff}