@charset "utf-8";
/*公共样式*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,q,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,ins,rp,rt,ruby{margin:0;padding:0;list-style:none;}
body{font:12px/1.5 arial,\5b8b\4f53; font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3","\5fae\8f6f\96c5\9ed1";-webkit-font-smoothing:antialiased;color:#3c3c3c;}
html{-webkit-text-size-adjust:none}
article,aside,dialog,footer,header,section,footer,nav,figure,menu,details, figcaption,hgroup, main,section, summary,desc,defs{display:block;padding:0; margin:0;}
h1,h2,h3,h4,h5{font-size:100%;}
button,input,select,textarea{font-size:100%; resize:none;font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3","\5fae\8f6f\96c5\9ed1"; box-sizing:content-box;}
table{border-collapse:collapse;border-spacing:0;}
img {border: 0;vertical-align: bottom;}
a{text-decoration:none;color:#3c3c3c;}
button{ cursor:pointer;}
a:visited{}
a:hover{text-decoration:underline;}
a:active{}
::selection {background-color:#690; color:#fff;}
::-moz-selection {background-color:#690; color:#fff;}
i{ font-family:zanba; font-style:normal; vertical-align:middle;}
.br0{ border-right:none !important;}
.clearfix:after{content: '';display: block;clear: both;height:0;visibility: hidden;_zoom:1;}
.tran_nor{-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;-ms-transition: all 0.3s linear;transition: all 0.3s linear;}
.tran_easein{-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.tran_easeinout{-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.tran_bezier, .tran_bezier:before, .tran_bezier:after{-webkit-transition: all 350ms cubic-bezier(0.230, 1.000, 0.320, 1.000);-moz-transition: all 350ms cubic-bezier(0.230, 1.000, 0.320, 1.000);-ms-transition: all 350ms cubic-bezier(0.230, 1.000, 0.320, 1.000);-o-transition: all 350ms cubic-bezier(0.230, 1.000, 0.320, 1.000);transition: all 350ms cubic-bezier(0.230, 1.000, 0.320, 1.000);}
.tran_dur3{ -webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;}
.tran_dur2{ -webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-ms-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s;}
.tran_dur15{ -webkit-transition-duration:0.15s;-moz-transition-duration:0.15s;-ms-transition-duration:0.15s;-o-transition-duration:0.15s;transition-duration:0.15s;}
.tran_dur6{ -webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-ms-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;}
.tran_dur7{ -webkit-transition-duration:0.7s;-moz-transition-duration:0.7s;-ms-transition-duration:0.7s;-o-transition-duration:0.7s;transition-duration:0.7s;}
.tran_dur150{ -webkit-transition-duration:1.5s;-moz-transition-duration:1.5s;-ms-transition-duration:1.5s;-o-transition-duration:1.5s;transition-duration:1.5s;}
.transform_rot:hover{-webkit-transform: scale(1.05) rotate(-1deg);-moz-transform: scale(1.05) rotate(-1deg);-o-transform: scale(1.05) rotate(-1deg);transform: scale(1.05) rotate(-1deg);}
body{ background:#eaebec;}
.nomargin{ margin:0 !important;}
pagination *, pagination *::after, pagination *::before {
    box-sizing: border-box;
}
/*顶栏*/
.topbar{ width:100%; min-width:1264px; height:40px; background:#f8f8f8;}
.topbar .topnav{ width:1264px; margin:0 auto; height:40px;}
.topnav .logo{ display:block; text-indent:-999em; background:url(../images/logo_02.jpg) no-repeat; width:130px; height:40px; float:left;}
.topnav .toplist{ float:right; line-height:40px;}
.topnav .toplist li{ float:left; padding:0 15px; height:40px;}
.topnav .toplist li i{ float:left;  display:block; margin-right:3px;}
.topnav .toplist li a{ display:block; float:left; color:#707070}
.topnav .toplist li a:hover{ text-decoration:none; }
.topnav .toplist li .hot{ color:#fd8500;}

/*幻灯*/
.banner{ height:441px; background:url(../images/slogan-bg.jpg) no-repeat top center; position:relative; overflow:hidden;}
.banner_video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;min-width:1264px;overflow: hidden;}
.banner_video video {position: relative;top: -40%;}
.banner .b_color, .banner .b_mask{position: absolute;left: 0;top: 0;height: 100%;width: 100%;}
.banner .b_mask{background:url(../images/w-mask.png);}
.banner .b_color{ background:url(../images/slogan-mask.png) top center no-repeat;}
.banner .banner_pic{position: absolute;right: 50%;bottom: 0;margin-right: -850px;height: 100%;z-index: 1;}
.banner .banner_logo{position: absolute;top:70px;left: 50%;margin-left:-600px;width: 325px;height: 196px; background:url(../images/s-logan.png) no-repeat;z-index: 2;}
.banner_logo #btn_video{position: absolute;top:216px;left:0;width: 64px;height: 64px; background:url(../images/play-btn.png) no-repeat;z-index: 2;}
.black_op{ z-index:9998; position:fixed; width:100%; height:100%;opacity: 0.8;display:none;background-color: rgb(0, 0, 0); left:0; top:0;}
.black_op_on{ display:block;}
#play_box{position: fixed;display:none;visibility: visible;z-index: 9999;left: 50%;top: 50%;margin-top: -200px;margin-left: -320px;}
.display_on{ display:block !important;}
.video_close_btn{position: absolute;right: -40px;top: 0;width:40px;height: 40px;cursor: pointer;text-align: center; display:block; line-height:40px; color:#fff; font-size:40px; -webkit-transition:ease-in -webkit-transform 0.2s;-moz-transition:ease-in -moz-transform 0.2s;transition:ease-in transform 0.2s;}
.video_close_btn:hover{ -webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);}

/*导航*/
.nav{ min-width:1264px; width:100%; height:60px; border-top:3px solid #d3222a; background:#fff; margin-bottom:16px;}
.nav .nav_con{ width:1264px; height:60px; margin:0 auto;}
.nav .nav_con a:hover{ text-decoration:none;}
.nav .nav_con li{text-align:center; float:left; padding:0 30px; margin-right:65px;}
.nav .nav_con li a{ display:block; color:#707070; height:47px; padding-top:13px;}
.nav .nav_con span{ display:block;}
.nav .nav_con .ch{ font-size:16px; line-height:16px;}
.nav .nav_con li a:hover .ch{ color:#1c1c1c;}
.nav .nav_con .search{ float:right; margin:0; padding:15px 0 0;}
.nav form{ position:relative;}
.nav form input{ border:1px solid #ddd; background:#fff; height:28px; line-height:28px; width:170px; padding:0 20px 0 5px;outline:none;}
.nav form input.on{ border-color:#d3222a;}
.nav form button{ position:absolute; font-family:zanba; color:#d3222a; background:none; border:none; font-size:20px; right:3px; top:4px; outline:none;}
.search input{-webkit-transition: all .15s ease-in;-moz-transition: all .15s ease-in;-o-transition: all .15s ease-in;-ms-transition: all .15s ease-in;transition: all .15s ease-in;}

/*推荐视频*/
.rec_video{ width:1264px; margin:0 auto; height:112px; margin-bottom:16px;}
.rec_video .rec_video_hd{ background:#fff; height:99px; width:27px; margin-right:1px; color:#6c6c6c; font-size:16px; padding:6px 10px; text-align:center; float:left;}
.rec_video_bd{ float:left;width:1194px; overflow:hidden;}
.rec_video_bd .rec_video_list{ width:2400px; -webkit-transition:ease-in-out margin-left 1s;-moz-transition:ease-in-out margin-left 1s;transition:ease-in-out margin-left 1s;}
.mask{ background:rgba(0,0,0,0.7);filter: alpha(opacity=70);background: #000\9;}
.rec_video_bd li .img{ width:200px; height:112px; display:block; overflow:hidden;}
.img img{ width:100%; height:auto;}
.rec_video_bd li{ position:relative; float:left; margin-right:1px; width:198px; height:111px;}
.rec_video_bd li a{ width:100%; display:block; height:100%; overflow:hidden;}
.rec_video_bd li a img{ width:100%; height:auto;}
.rec_video_bd li .v_title{ position:absolute; left:0; bottom:0; width:100%; height:23px; line-height:23px; color:#fff; text-indent:10px; overflow:hidden; -webkit-transition:background ease-in-out 0.2s;-moz-transition:background ease-in-out 0.2s;transition:background ease-in-out 0.2s;}
.rec_video_bd li:hover .v_title{ background:#d3222a; text-shadow:1px 1px 0 rgba(0,0,0,0.1);}
.rec_video_btn{ width:22px; height:112px; background:#c1c1c1; float:left; cursor:pointer; line-height:112px; text-align:center;color:#fff; font-size:16px;-webkit-transition:background ease-in-out 0.2s;-moz-transition:background ease-in-out 0.2s;transition:background ease-in-out 0.2s;}
.rec_video_btn:before{ content:'e'; display:block; font-family:zanba;}
.rec_video_btn:hover{ background:#d3222a;}
.rec_video_on:before{ content:'f';}
.rec_video_bd .rec_right{ margin-left:-1194px;}

.content{ width:1264px; margin:0 auto;}
.content .right_mod{ float:right; width:944px;}
.content .left_mod{ float:right; margin-right:16px; width:304px;}

/*推荐图鉴*/
.content .rec_cards{ width:944px; height:150px; background:#fff; margin-bottom:16px; position:relative;}
.more_btn{ position:absolute; right:-12px; top:-12px;}
.more_btn a{ display:block; width:20px; text-align:center; line-height:17px; border-radius:50%; height:20px; border:3px solid #d0d0d0;font-size:18px; color:#58a1f3; background:#fff;}
.more_btn a:hover{ text-decoration:none; background:#58a1f3; color:#fff;}
.title1{ padding:12px 0 0 12px; font-weight:normal; line-height:16px; position:relative; margin-bottom:16px;}
.title1 span{ display:block; font-size:16px; line-height:16px; padding-left:7px; border-left:3px solid #58a1f3; height:17px;}
.rec_cards .rec_card_list li{ float:left; width:72px; margin:0 11px; float:left;}
.rec_cards .rec_card_list li .img{ display:block; width:72px; height:72px; overflow:hidden;}
.rec_cards .rec_card_list li .text{ display:block; line-height:26px; font-size:14px; text-align:center; width:72px; height:26px; overflow:hidden;}
.rec_cards .rec_card_list li:hover a{ color:#d3222a;}
.rec_cards .rec_card_list{ width:980px;}
.right_mod .side{ float:right; width:304px; position:relative; padding-bottom:250px;}
.right_mod .main{ float:right; margin-right:16px; width:624px;}

/*首页新闻*/
.news_box{ background:#fff; height:250px; position:absolute; bottom:0; width:100%; left:0; overflow:hidden;}
.news_box .tab2{ padding-top:15px; line-height:20px; font-size:14px; height:20px; margin-bottom:20px;}
.news_box .tab2 li{ float:left; width:75px;border-left:1px dotted #d5d5d5; text-align:center; margin-left:-1px;}
.news_box .tab2 li a:hover{ text-decoration:none;}
.news_box .tab2 .on a{ color:#d3222a;}
.news_box .mc{ padding:0 18px; display:none;}
.news_box .mc li{ line-height:23px; height:23px; overflow:hidden;}
.news_box .mc li a{ color:#4b4b4b;-webkit-transition:linear 0.3s color;-moz-transition:linear 0.3s color;transition:linear 0.3s color;}
.news_box .mc li span{ color:#aaa; float:left;}
.news_box .mc li p {float: left;width:175px;height: 23px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_box .mc li time{ float:right;}
.news_box .mc li .red{ color:#d3222a;}
.news_box .mc li a:hover{ color:#d3222a; }
.news_box .displa{ display:block;}

/*下载链接*/
.dl_box{ background:#fff; height:210px; margin-bottom:16px;}
.title2{ height:40px; border-bottom:1px solid #f2f2f2; line-height:40px; font-size:16px; font-weight:normal; padding-left:10px; margin-bottom:20px;}
.title2 i{ display:block; float:left;line-height:18px;margin-right:5px;font-size:18px; margin-top:12px; color:#d3222a;}
.dl_box .ewm{ margin-left:20px; height:80px;}
.dl_box .ewm img{ display:block; width:80px; height:80px; margin-right:20px; float:left; margin-bottom:20px;}
.dl_box .ewm .tit{ font-size:16px; line-height:36px; margin-bottom:4px;}
.dl_box .ewm .des{ background:#eee; height:40px; position:relative; color:#808080; line-height:40px; text-align:center;}
.dl_box .ewm p{ float:left; width:160px;}
.dl_box .ewm .des:before{ position:absolute; display:block; content:'◆'; font-family:simsum; bottom:-20px; left:76px; font-size:14px; color:#eee;}
.dl_box .dl_btn{ display:block; background:#d3222a; border-radius:3px; color:#fff; width:260px; margin-left:20px; height:34px; line-height:34px; clear:both; text-align:center; font-size:14px;}
.dl_box .dl_btn:hover{ text-decoration:none; background:#c92028;} 

/*职业介绍*/
.career_box{ margin-bottom:16px; overflow:hidden; position:relative;}
.career_box .tab{ width:308px;}
.career_box .tab li{ float:left; width:76px; height:36px; line-height:36px; text-align:center; cursor:pointer; background:#d1d2d4; margin:0 1px 1px 0;}
.career_box .tab .on{ color:#fff; background:#d3222a;}
.career_box .mc .img{ display:block; width:304px; height:364px; overflow:hidden;}
.career_box .mc{ opacity:0; position:absolute; left:0; bottom:0; width:304px; height:364px;}
.career_box .displa{ opacity:1;}
.career_box .tab_content{ width:304px; height:364px;}
.career_box .mc .career_info{ position:absolute; height:56px; bottom:0; left:0; width:100%; color:#ddd;}
.career_box .mc .career_info p{ padding:10px 15px 0 15px; height:36px; overflow:hidden;}

/*最新活动*/
.act_box{ background:#fff; margin-bottom:16px;}
.act_box .act_list{ margin-left:20px;}
.act_box .act_time{ display:block; background:#b1b2b4; width:58px; height:19px; line-height:19px; color:#fff; font-family:simsun; text-align:center; position:relative; top:-10px;}
.act_box .act_time b{ position:relative; z-index:2; font-weight:normal;}
.act_box .act_time:before{ position:absolute; display:block; content:'◆'; color:#b1b2b4; left:-3px; top:1px; z-index:1;}
.act_box .act_list li{ border-left:2px solid #e7e7e7; padding-left:9px; padding-bottom:25px;}
.act_box .act_time:after{ position:absolute; display:block; content:'M'; font-family:zanba; top:1px; left:-16px; color:#b1b2b4; }
.act_box .on_act .act_time{ background:#d3222a;}
.act_box .on_act .act_time:before, .act_box .on_act .act_time:after{ color:#d3222a;}
.act_box .act_list .img{ width:80px; height:45px; display:block; float:left; margin-right:7px;}
.act_box .act_item{ height:45px; padding-right:15px; overflow:hidden;}
.act_box .act_item h4{ line-height:22px; font-weight:normal; font-size:14px; height:45px; overflow:hidden;}

/*卡牌排行*/
.rank_box{ background:#fff; margin-bottom:16px; padding-bottom:20px;}
.rank_box .rank_card_list{ background:#f9f9f9; border:1px solid #f0f0f0; margin:0 20px;}
.rank_box .rank_card_list dt{ height:42px; line-height:42px; font-size:14px; text-align:center;font-weight:bold; background:#f5f5f5;}
.rank_box .rank_card_list dd{ border-top:1px solid #f0f0f0; height:60px; padding:12px 10px;}
.rank_box .rank_card_list dd .img{ width:60px; height:60px; overflow:hidden; float:left; margin-right:12px;}
.rank_box .rank_card_list dd .text{ float:left; width:124px; height:60px; overflow:hidden; margin-right:10px;}
.rank_box .rank_card_list dd .num{ float:left; display:block;line-height:60px; text-align:center; width:35px; color:#9c9c9c; font-size:20px; font-family:impact;font-weight:normal;}
.rank_box .rank_card_list dd .text a{ font-size:14px; line-height:20px; height:40px; margin:3px 0;overflow:hidden; display:block;}
.rank_box .rank_card_list dd .text p{ width:100%; height:14px; background:#eee; text-indent:6px; font-size:12px; color:#fff; line-height:14px; font-family:simsum;}
.rank_box .rank_card_list dd .text p span{ display:block; background:#58a1f3;}
.rank_box .rank_card_list dd:first-of-type .num{ color:#d3222a; font-size:26px;}

/*用户帮助*/
.qa_box{ background:#fff; margin-bottom:16px; padding-bottom:10px;}
.qa_box .qa_list{ padding:0 20px; line-height:24px;}
.qa_box .qa_list li i{ display:block; float:left; margin-right:10px; font-size:16px; margin-left:-30px; color:#fac658;}
.qa_box .qa_list li .qa_hd{ font-size:14px; margin-bottom:4px; height:24px; overflow:hidden;}
.qa_box .qa_list li .qa_hd, .qa_box .qa_list li .qa_bd{padding-left:30px;}
.qa_box .qa_list li .qa_bd{ font-family:"宋体"; color:#707070; height:44px; line-height:22px; overflow:hidden;}
.qa_box .qa_list li .qa_bd i{ color:#79cb29;}
.qa_box .qa_list li{ margin-bottom:10px;}

/*游戏介绍*/
.intro_box{ margin-bottom:16px;}
.intro_box .intro_hd li{ background:#d1d2d4; width:153px; text-align:center; font-size:16px; line-height:42px; float:left; margin-right:1px; cursor:pointer;}
.intro_box .intro_hd li:last-of-type{ width:162px; margin:0;}
.intro_box .intro_hd .on{ background:#58a1f3; color:#fff; text-decoration:none;}
.intro_box .intro_hd{ height:42px;}
.intro_box .intro_bd{ width:624px;height:168px; overflow:hidden;}
.intro_box .intro_bd img{ width:auto; height:168px;}
.intro_box .intro_bd .mc{ display:none;}
.intro_box .intro_bd .displa{ display:block;}

/*截图*/
.pic_box{ position:relative; background:#fff; margin-bottom:16px;}
.title3{ background:#eee; border-top:4px solid #d1d2d4; height:38px; line-height:38px; border-bottom:1px solid #d1d2d4;}
.title3 li{ cursor:pointer; float:left; padding:0 18px; font-size:16px;}
.title3 .on{background:#fff; border-top:4px solid #58a1f3; margin-top:-4px; border-bottom:1px solid #fff;}
.pic_box .pic_bd{ overflow:hidden;}
.pic_box .pic_bd .mc{ padding:19px 0 0 19px; display:none;}
.pic_box .pic_bd .pic_list{ width:606px;}
.pic_box .pic_bd .pic_list li{ float:left; margin:0 19px 19px 0; width:183px; height:102px; overflow:hidden;}
.pic_box .pic_bd .displa{display:block;}
.pic_box .pic_bd li .img{ width:183px; height:102px; display:block; position:relative;}
.pic_box .pic_bd li .mask{ width:100%; display:block; position:absolute; height:24px; text-indent:7px; bottom:0; left:0; color:#fff; line-height:24px;webkit-transition: background ease-in-out 0.2s;-moz-transition: background ease-in-out 0.2s;transition: background ease-in-out 0.2s;}
.pic_box .pic_bd li:hover .mask{ background:#58a1f3; text-shadow:1px 1px 0 rgba(0,0,0,0.1);}

/*每日任务*/
.duty_box{ margin-bottom:16px; background:#fff;}
.duty_box .duty_bd{ padding:19px;}
.duty_bd .week_day li{ line-height:30px; width:83px; height:30px; float:left; margin-right:1px; cursor:pointer; text-align:center; font-size:14px; background:#e6e6e6;}
.duty_bd .week_day .on{ background:#58a1f3; color:#fff;}
.duty_bd .week_day{ width:605px; height:30px; margin-bottom:19px;}
.title4{height: 28px;font-size: 14px;line-height: 28px;position: relative;left: -22px;border-left: 2px solid #7fccff;margin: 0 0 10px;font-weight: normal;}
.line_st{border-left: 2px solid #eee;position: relative;padding: 0 0 0 20px;}
.title4 span{background: #e7f5ff; display:block;float: left;border-left: 2px solid #fff;padding: 0 10px;}
.style2 span {background: #fbedf4;}
.style2{border-left: 2px solid #e67c80;}
.style3{ border-left:2px solid #e67c80; font-size:16px;}
.style3 span{ background:#eee;}
.style5 span{ background:#e7ffe7}
.style5{ border-color:#7fcc7f;}
.style6{ border-color:#ffb27f;}
.style6 span{ background:#ffeee3}
.line_st .detail {padding: 0 0 20px;}
.line_st .detail li {font-size: 14px;min-height: 24px;_height: 24px;margin: 0 0 10px;position: relative;margin-left: 80px;position: relative;}
.line_st .detail .tit {position: absolute;display: block;width: 80px;height: 24px;line-height: 24px;left: -106px;padding-left: 20px; z-index:98;}
.line_st .detail p {color: #6c6c6c;line-height: 24px;}
.line_st .detail .name{ font-weight:bold; color:#3c3c3c;}
.line_st .detail .tit:before{content: "M";display: block;font-family: zanba;position: absolute;left: -4px;top: 0;font-size: 18px;color: #eee;}
.line_st .detail li:hover .tit:before{ color:#58a1f3;}
.line_st .red li:hover .tit:before{ color:#d3222a;}
.duty_box .mc{ display:none;}
.duty_box .displa{ display:block;}

/*攻略区*/
.gl_box{ margin-bottom:16px; background:#fff;}
.gl_bd{ padding:19px;}
.gl_box .gl_list li{ line-height:34px; font-size:15px; padding-left:18px; position:relative;}
.gl_box .gl_list .hot_gl{ border-bottom:1px dashed #dadada; padding:0; margin-bottom:10px;}
.gl_box .gl_list li:before{ display:block;position:absolute; left:5px; top:15px; width:5px; height:5px; border-radius:50%;background:#d7d6d6; content:'';}
.gl_box .gl_list .hot_gl:before{ display:none;}
.gl_box .gl_list li a{ display:block; width:495px; overflow:hidden; height:34px;}
.gl_box .gl_list li time{ float:right; color:#b5b5b5;}
.gl_box .gl_list .hot_gl h4{ font-size:16px; line-height:42px; height:42px; overflow:hidden;}
.gl_box .gl_list .hot_gl h4 a{ color:#d3222a; height:42px;}
.gl_box .gl_list .hot_gl .img{ width:604px; height:341px; overflow:hidden;}
.gl_box .gl_list .hot_gl img{ width:586px; height:auto;}
.gl_box .mc{ display:none;}
.gl_box .displa{ display:block;}

/*图鉴区*/
.tujian_box{ background:#fff; padding-bottom:20px; margin-bottom:16px;}
.pagination{position: relative;width:600px; overflow:hidden; margin:0 auto;}
.pagination-navigation {position: relative;text-align: center;font-size: 0;-webkit-filter: url("#goo");filter: url("../pagination.html#goo");-webkit-transform: translateZ(0);transform: translateZ(0); margin:28px 0;}
.pagination-dot, .pagination-current {position: relative;display: inline-block;width:42px;height:42px;padding: 0;line-height: 42px;background:#58a1f3;border-radius: 50%;margin: 0 14px;border: none;outline: none;font-size:14px;font-weight: bold;color: #fff;white-space:nowrap; font-family:"宋体";}
.pagination-dot i{ position:absolute; width:100%; height:100%; left:0; top:0; font-size:12px; font-weight:normal; display:block; z-index:1; font-family:"宋体"; line-height:42px;}
.pagination-number {display: block;width: 100%;height: 100%;border-radius: 50%;-webkit-transform: scale(0.01, 0.01);transform: scale(0.01, 0.01); position:relative; z-index:2; background:#58a1f3;}
.pagination-current {position: absolute;left: 0;top: 0;}
.pagination-content {height:264px;}
.pagination-item {position: absolute;}
.pagination-item ul{width:600px; background:#fff;}
.pagination-item ul li{ float:left; width:120px;}
.pagination-item ul li img{ display:block; margin:0 auto; max-height:90px; width:auto;}
.pagination-item ul li p{ font-size:14px; text-align:center; line-height:42px; height:42px; overflow:hidden;}
.pagination-item ul li p a{ color:#6c6c6c;}
.pagination-item ul li .img{ display:block; margin:0 auto;}

/*降临任务*/
.jiang_box{ margin-bottom:16px;}
.jiang_box .jiang_bd{ padding:19px; background:#fff;}
.detail .quest_info_btn{ background:#58a1f3; margin-left:5px; text-align:center; line-height:20px; height:20px; width:62px; border-radius:2px; font-weight:normal; color:#fff; font-size:12px; text-decoration:none; display:none;}
.detail:hover .quest_info_btn{ display:inline-block;}
.detail .de_tit2 a:hover{ color:#d3222a;}
.detail .tujian_item{ float:left; width:48px; margin-right:14px;}
.detail .tujian_item .img{ display:block; width:48px; height:auto;overflow:hidden;}
.detail .tujian_item img{ width:48px; height:auto;}
.detail .tujian_item p{ font-size:12px; text-align:center; line-height:20px; height:20px; overflow:hidden;}
.line_st .detail .over a{ display:block;text-indent:-80px; position:relative; z-index:99;}

/*最强图鉴*/
.strongest_box{ margin-bottom:16px; background:#fff;}
.strongest_bd{ padding:19px; height:298px; position:relative;}
.strongest_bd .img{ width:169px; height:298px; overflow:hidden; display:block; float:left; margin-right:12px;}
.strongest_bd .text{ float:left; max-width:400px;}
.strongest_bd .text h2{ height:42px; line-height:42px; overflow:hidden;}
.strongest_bd .text h2 a{ font-size:24px; color:#d3222a; font-weight:normal;}
.strongest_bd .single_info{ line-height:32px; font-size:14px;}
.strongest_bd .single_info li{ position:relative; height:32px;}
.single_score{font-family: zanba;font-style: normal;color: #faa701;letter-spacing: 1px;display: block; float:left;overflow: hidden;white-space: nowrap; font-size:12px;}
.star1{ width:6px;}
.star2{ width:12px;}
.star3{ width:19px;}
.star4{ width:25px;}
.star5{ width:32px;}
.star6{ width:38px;}
.star7{ width:44px;}
.star8{ width:51px;}
.star9{ width:57px;}
.star10{ width:64px;}
.strongest_bd .single_info li span{ float:left; display:block; margin-right:7px;}
.strongest_bd .to_look{ width:80px; position:absolute; top:80px; right:60px;}
.strongest_bd .to_look img{ width:80px; height:auto; display:block;}
.strongest_bd .to_look .look_btn{ display:block; width:80px; height:24px; margin-top:5px; background:#58a1f3; text-align:center; line-height:24px; color:#fff; border-radius:2px;}
.strongest_bd .to_look .look_btn:hover{ text-decoration:none; background:#569be9;}
.strongest_bd .to_look .sh_btn{ background:#79cb29;}
.strongest_bd .to_look .sh_btn:hover{ background:#73c227;}

/*左侧关键词*/

.search_box{ background:#fff; font-family:"宋体"; border-bottom:1px solid #f2f2f2;}
.search_box h2{ padding:13px 20px 11px 13px; height:16px; line-height:16px; color:#4b4b4b; position:relative; border-bottom:1px solid #f2f2f2;}
.search_box h2 i{ display:block; font-weight:normal; width:16px; height:16px; float:left; margin-right:10px; color:#fff; background:#79cb29; text-align:center; font-family:"宋体";}
.search_box h2 span{ display:block; float:left; font-size:14px;}
.search_box h2 .box_btn{ display:block; position:absolute; width:11px; height:11px; background:#c1c1c1; line-height:11px; top:15px; right:20px;}
.search_box h2 .box_btn:hover{ text-decoration:none; background:#79cb29;}
.search_box .ret_style{ color:#6c6c6c; line-height:26px; font-size:14px;}
.search_box .ret_style li{ border-top:1px solid #f5f5f5; padding:7px 0 6px 38px; margin-top:-1px;}
.search_box .ret_style li .item_tit{ display:block; float:left; width:56px; white-space:nowrap; overflow:hidden;}
.search_box li a{ color:#6c6c6c;}
.search_box .ret_style li a:hover{ background:#79cb29; text-decoration:none; color:#fff; border-radius:5px 0 5px 0;}
.search_box .ret_style .item_con a{ display:block; float:left; margin-right:20px;padding:0 4px;-webkit-transition: 0.3s ease;-moz-transition: .3s ease;-o-transition: .3s ease;transition: .3s ease;}
.search_box .ret_style .item_con{ float:left; width:210px;}
.search_box h2 .box_btn:before{ display:block; position:absolute; width:7px; height:1px; background:#fff; content:''; overflow:hidden; left:2px; top:5px;}
.search_box h2 .box_btn:after{ width:1px; height:7px; display:block; position:absolute; background:#fff; overflow:hidden; left:5px; top:2px; content:'';}
.search_box h2 .click_on:after{ display:none;}
.search_box .click_con{ height:0; overflow:hidden;}
.search_box .click_con_on{ height:auto;}
.search_box .key_style{ padding:8px 0 10px 38px; font-size:14px; line-height:26px;}
.search_box .key_style li{ padding-left:14px; float:left; position:relative; padding-right:20px; height:26px; overflow:hidden; width:99px;}
.search_box .key_style li:before{ content:''; width:3px; height:3px; background:#c1c1c1; overflow:hidden; position:absolute; left:5px; top:12px;}
.search_box .quest_style{ font-size:14px; line-height:40px; margin-top:-1px;}
.search_box .quest_style li{ height:40px; overflow:visible; border-top:1px solid #f5f5f5; position:relative;}
.search_box .quest_style li a:hover{ text-decoration:none; background:#f3f7ee; border-left:2px solid #79cb29; margin-left:-2px;}
.search_box .quest_style li a{ display:block;padding:0 40px 0 38px;position:relative;}
.search_box .quest_style li a i{ font-size:12px; display:block; position:absolute; right:20px; top:0; color:#d9d9d9;}
.box3 .click_con_on { overflow:visible} 
.search_box .quest_style li a:hover i{ color:#79cb29;}
.box4 h2 .item_st4{ display:block; font-size:14px; color:#4b4b4b;}
.box4 h2 .item_st4:hover{ text-decoration:none;}
.box4 h2:hover{background:#f3f7ee; border-left:2px solid #79cb29;margin-left:-2px; }
.search_box:last-of-type{ border-bottom:none;}

/*其他专题*/
.more_rec{clear:both; margin:0 auto; width:1264px; overflow:hidden; margin-bottom:16px;}
.content{ margin-bottom:30px;}
.more_rec h3, .more_rec li{ margin-right:16px; float:left; width:144px; height:136px;}
.more_rec .column_list{ float:left;height:136px;}
.more_rec h3{background:#58a1f3; font-weight:normal; position:relative;}
.more_rec .title5 a{ color:#fff;font-size:15px; display:block;position: absolute;line-height: 20px;font-weight: normal;top:15px;left:15px; padding-right:24px;}
.more_rec .title5 a i{font-size:16px;width: 20px;height: 20px;line-height: 20px;display: block;position: absolute;right: 0;top:0;}
.more_rec .title5 a:hover{ text-decoration:none;}
.more_rec .title5 a:hover i {right: -10px;color:#bcd9fa;}
.column_list li .img{ width:144px; height:104px; overflow:hidden; display:block; background:#000;}
.column_list li h4{ color:#6c6c6c; font-weight:normal; background:#fff; line-height:32px; text-align:center; height:32px; overflow:hidden; padding:0 4px;}
.column_list li .img:hover img{ opacity:0.9;}
.column_list li .img img{ transition: opacity ease 0.4s;}

/*尾部*/
footer{ width:100%; min-width:1266px; background:#2c2d2f; border-top:3px solid #a1a2a4; padding-top:20px; padding-bottom:10px; color:#5c5c5c;}
footer div{ width:1266px; margin:0 auto; text-align:center; line-height:24px;}
footer div a{ color:#7c7c7c;}
footer .bel{ padding-top:10px;}
footer .bel a, footer .bel img{ margin:0 5px; display:inline-block;}

/*职业相关*/
.career_rel_box{ background:#fff; margin-bottom:16px;}
.cr_bd{ background:#fff; padding:19px;}
.cr_text{height:auto;padding-left: 224px;position: relative;font-size: 14px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #ccc;}
.cr_text p{ color:#6c6c6c; margin-bottom:6px; max-height:63px; overflow:hidden;}
.cr_text h6{margin-top: 4px;margin-bottom: 12px;font-size: 24px;color:#d3222a; font-weight:normal;}
.abil_list li{ padding-top:3px; color:#6c6c6c;}
.abil_list .rtstit {font-weight: normal;}
.abil_list .trstar{ color:#ddd;}
.abil_list .trste{ color:#d3222a;}
.cr_text .img{ display:block; position:absolute; left:0; top:0; width:200px;}
.cr_bd dl dt{ line-height:16px; height:17px; border-left:3px solid #79cb29; font-size:16px; padding-left:7px; color:#6c6c6c; position:relative; margin-bottom:8px;}
.cr_bd dl dt .more{ font-size:12px; float:right; color:#9c9c9c; font-family:"宋体";}
.career_rel_box .cr_bd dl{ width:280px; float:left; margin-right:13px;}
.cr_bd dl dd{ line-height:25px; height:25px; overflow:hidden;}
.cr_bd dl dd a{ color:#6c6c6c;}
.cr_bd dl dd a:hover{ color:#d3222a !important;}
.cr_bd dl dd .iconh{ display:block; width:10px; height:25px; text-align:center; float:left; text-indent:-9px; overflow:hidden; color:#3c3c3c;}
.career_rel_box .cr_bd .cr_video{ margin-right:0; float:right; height:255px;}
.cr_bd .cr_video dt{ border-color:#58a1f3;}
.cr_bd .cr_video dd{ height:auto; margin-bottom:20px;}
.cr_bd .cr_video dd .img {margin-right: 10px;float: left;width: 112px;height: 63px;overflow: hidden;}
.cr_bd .cr_video dd .text {float: left;width: 118px; height:63px; overflow:hidden;}
.cr_bd .cr_video dd .text a {display: block;height: 40px;line-height: 20px;overflow: hidden; color:#4b4b4b;}
.cr_bd .cr_video dd .text time {color: #b5b5b5;}
.career_rel_box .more_btn{ display:block; position:absolute; background:#f2f2f2; border:1px solid #e7e7e7; color:#3c3c3c; width:80px; height:30px; line-height:30px; border-radius:2px; padding-left:20px;right:24px; font-size:12px; top:auto; bottom:62px;}
.career_rel_box .more_btn:hover{ text-decoration:none; border-color:#d3222a; background:#d3222a; color:#fff;}
.career_rel_box .more_btn i{ position:absolute; display:block; right:12px; top:0; color:#ccc;}
.career_rel_box .more_btn:hover i{ color:#fff;}

/*文章内页*/
#main_article h1{ padding-bottom:16px; line-height:45px; font-size:28px; font-weight:normal; color:#000;}
.border{ height:1px; overflow:hidden; background:#e7e7e7; width:1190px;margin:4px auto 16px auto; }
.ll{ float:left;}
.tit-bar {position: relative;z-index: 11; height:24px; border-bottom:1px dotted #dbdbdb; margin-bottom:35px;}
.tit-bar {color:#666;}
.tit-bar span {float: left;}
.color-a-0 {padding-right: 7px;}
.color-a-1{margin-right: 5px;}
.color-a-1 a{ color:#6c6c6c;}
.color-a-0 a{color:#0064d3}
.bor-tit {display: inline;width: 1px;height: 13px;overflow: hidden;margin-left: 0;margin-right: 9px;margin-top: 4px;background: #E8E8E8;}
.article-time {margin-top: 4px;height: 12px;padding-right: 13px;padding-left: 5px;line-height: 12px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;float:left;}
.bdsharebuttonbox{ position:absolute; right:20px; top:-5px;}
.article{overflow:visible;}
#main_article p{margin-bottom:29px;font-size:18px;line-height:34px; color:#3c3c3c; background:none !important;_width:790px; text-indent:2em;}
#main_article p img{ max-width:872px; height:auto;vertical-align: middle;}
#main_article p strong{ font-weight:bold;}
#main_article .description{border-left:3px solid #ddd;background: #f5f5f5;padding: 10px;margin-bottom: 30px; font-size:16px; line-height:30px; color:#6c6c6c;}
#main_article .arc_title{ border-left:3px solid #79cb29; line-height:24px; text-indent:12px;}
.hy{ height:58px; line-height:60px; border-bottom:1px dashed #d4d4d4; border-top:1px dashed #d4d4d4; font-size:14px;}
.hy li{ float:left; width:50%; overflow:hidden; line-height:60px; height:58px; overflow:hidden;}
.t_right{ text-align:right;}
.hy li b{ color:#1d4eab; font-weight:bold;}
.hy a{ color:#333;}
.article .hd{height: 31px;position: relative; margin-bottom:10px;}
.hd-line h2 {color: #d3222a;font-size: 16px; font-weight:normal;}
.hd-line .mod-line-con {background: #e7e7e7;}
.hd-line .mod-line-con .mod-line {width: 67px;height: 1px;background: #d3222a;overflow: hidden;}
.xglist{ margin-bottom:40px;zoom:1;}
.xglist:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.xglist h3{ height:75px; line-height:75px; overflow:hidden; font-size:16px; font-weight:normal; color:#d3222a;}
.xglist li{ float:left; width:40%; line-height:25px; height:25px; overflow:hidden; font-size:14px; text-indent:16px; position:relative;}
.xglist li:nth-of-type(2n){ float:right;}
.xglist li:before {content: ".";display: block;width: 3px;height: 3px;overflow: hidden;background: #999;position: absolute;left: 5px;top: 12px;}
.xgcp{ border-top:1px dashed #d4d4d4; }
.xgcp li{ float:left; padding:0 30px 15px 0; width:127px;}
.xgcp li img{ border:1px solid #d4d4d4;}
.xgcp li h4{ height:22px; line-height:22px; font-weight:normal;}
.xgcp li h4 a{ color:#676767;}
.xgcp p b{ font-weight:normal; color:#ce0000; padding-left:10px;}
.article #hot_img{ padding:0; margin:0;}
.article #hot_img li{ margin:0 10px; margin-bottom:20px;}
#hot_img{ margin:0 0 20px 20px;}
#hot_img li{ float:left;  width:154px; height:109px; overflow:hidden;}
#hot_img li .img{ width:153px; margin-bottom:5px;height:86px; overflow:hidden; display:block;}
#hot_img li img{ width:153px; height:auto;}
#hot_img li p{ line-height:18px; height:18px; overflow:hidden;text-align:center;}
.xglist a:hover, #hot_img a:hover, .rec_bd a:hover, #paih ol li a:hover{ color:#d3222a;}
.arc_box{ padding:18px 36px; background:#fff;}

/*内链特效*/
.arc_body p a, .arc_body li a{padding: 0 0.4em;-webkit-transition: color 0.2s;-moz-transition: color 0.2s;-o-transition: color 0.2s;-ms-transition: color 0.2s;transition: color 0.2s;position: relative;display: inline-block;outline: none;color: #0064d3;vertical-align:bottom;text-decoration: none;white-space: nowrap; text-indent:0;}
.arc_body p a:before, .arc_body li a:before, .arc_body p a:after, .arc_body li a:after {position: absolute;top: 0;font-size: 150%;line-height: 1;opacity: 0;-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;-moz-transition: opacity 0.2s, transform 0.2s;transition: opacity 0.2s, transform 0.2s;font-family:"宋体"; display:block; top:4px;}
.arc_body p a:before, .arc_body li a:before{left: -0.1em;content: '[';-webkit-transform: translateX(-100%);transform: translateX(-100%);-moz-transform: translateX(-100%);}
.arc_body p a:after, .arc_body li a:after{right: -0.1em;content: ']';-webkit-transform: translateX(100%);-moz-transform: translateX(100%);transform: translateX(100%);}
.arc_body p a:hover, .arc_body li a:hover {color: #d3222a;}
.arc_body p a:hover::before, .arc_body li a:hover::before, .arc_body p a:hover::after, .arc_body li a:hover::after {opacity: 1;-webkit-transform: translateX(0);-moz-transform: translateX(0);transform: translateX(0);}
.arc_body .arc_copyright{ background:#f5f5f5; padding:10px; margin-bottom:20px; font-size:14px; color:#6c6c6c; line-height:24px; border-left:3px solid #d3222a;}
.arc_body .arc_copyright a:before, .arc_body .arc_copyright a:after { top:1px;}
.arc_body center a{ padding:0;}
.arc_body center a:before, .arc_body center a:after{ display:none;}
.arc_body center{ margin-bottom:29px;}

/*面包屑路径*/
.crumb { margin:0 auto; line-height:40px; height:40px; border-bottom:1px solid #f2f2f2; overflow:hidden; padding:0 36px;color:#9c9c9c; font-family:Geneva,SimSun,sans-serif; position:relative;background:#fff;}
.crumb a { color:#6c6c6c;}
.crumb li { display:inline; }
.crumb:before{ font-family:zanba; content:"j"; display:block; position:absolute; top:6px; left:15px; font-size:16px; line-height:29px;color:#000;}

/*文字列表*/
.chief{background:#fff; padding:18px 24px;}
.news_list { margin-bottom:20px; clear:both;}
.news_list a{ text-decoration:none;}
.news_list .news_item {padding: 18px 0 20px 94px;overflow: hidden; min-height:65px;position:relative;border-bottom:1px dotted #ddd;}
.news_list .news_item .mod_pic {float:left; margin-right:17px;}
.news_list .picTxt {display: block;cursor: pointer;z-index: 1;overflow: hidden; width:230px; height:130px; overflow:hidden;}
.news_list .picTxt img{ width:230px; height:auto;}
.news_list .news_item h3 {padding: 5px 0px;}
.yh {font-weight: normal; font-size:18px;}
.news_list .news_item .news_txt { color:#8c8c8c; font-family:"宋体";max-height: 70px;margin-bottom:1px;overflow: hidden;}
.news_list .news_item h3 a:hover{text-decoration:none; color:#d3222a;}
.news_info .share{ float:right;}
.news_info .share a{ margin-left:23px; color:#666;}
.news_info .share em{ font-weight:bold; font-style:normal;}
.news_info .share i{ margin-right:4px; font-size:16px; color:#d3222a;}
.news_list .news_date{display:block; font-family:"宋体";}
.news_list .news_date{position:absolute;left:12px;top:24px;width:65px;height:65px;opacity:0;color:#a5a5a5;}
.news_list .news_date_d{position:absolute;left:0;top:0;font-size:36px;height:40px;line-height:38px;}
.news_list .news_date_d sup{vertical-align:text-top;font-size:12px;font-family:simsun; position:relative;}
.news_list .news_date_d sup:before{ position:absolute; left:0; top:0;width:12px; height:12px; display:block; content:'th'; line-height:12px;}
.news_list .news_date_d .d01:before, .news_list .news_date_d .d31:before, .news_list .news_date_d .d21:before{ content:'st';}
.news_list .news_date_d .d02:before, .news_list .news_date_d .d22:before{ content:'nd';}
.news_list .news_date_d .d03:before, .news_list .news_date_d .d23:before{ content:'rd';}
.news_list .news_date_m{position:absolute;right:0;bottom:0;color:#000;font-size:31px; line-height:24px;}
.news_list .news_date_line{display:block;width:51px;height:50px;margin:15px 0 0 10px;background:url(../images/sprite.png) -32px -56px no-repeat;}
.news_list .news_quote{line-height:20px;padding-bottom:15px;}
.chief .tabs{position: relative;height: 43px;border-bottom:2px solid #e3e3e3;overflow: hidden;}
.chief .tabs li {float: left;margin-right: 18px;}
.chief .tabs a {display: block;_float: left;height: 28px;padding: 0 6px;line-height: 28px;font-size: 16px;color: #3c3c3c;background: #e6e6e6;}
.chief .tabs a:hover, .chief .tabs .current a{ text-decoration:none; background:#d3222a; color:#fff;}


/*分页-大*/
.article .pagination2{ width:auto;}
.pagination2 li a{ text-decoration:none;background: #f5f5f5;border: 1px solid #ddd;height: 34px;line-height: 34px;padding: 0 15px;font-size: 14px;color: #4b4b4b;vertical-align: top;display: inline-block;}
.pagination2{ text-align:center; margin:26px 0;}
.pagination2 li{margin: 0 5px;display: inline;}
.pagination2 .act a, .pagination2 li:hover a{ border-color:#d3222a; background:#d3222a; color:#fff;}
.pagination2 .page_break a:hover, .pagination2 .disabled a:hover{ border-color:#ddd; background:#fff; color:#4b4b4b;}

/*筛选*/
.ret{ margin:0 auto;margin-bottom:16px; position:relative; font-size:14px;}
.ret .ret_box{ width:100%;}
.ret .ret_list{background:#fff;}
.ret_list li{ position:relative; border-bottom:1px solid #f5f5f5;overflow:hidden;}
.ret_list .ret_header{ position:absolute; left:19px; top:9px; color:#9c9c9c;}
.ret_list .ret_header h4{ font-weight:normal;}
.ret_list .ret_chosen .ret_header h4{ font-weight:bold;}
.ret_list .ret_body{height:40px;overflow: hidden;padding: 0 109px 0 210px;}
.ret_list .ret_cont{ padding:8px 0 0; position:relative; z-index:1;}
.ret_list .ret_cont .nolim{ position:absolute; left:-90px; z-index:2;}
.ret_list .ret_cont .on{}
.ret_list .ret_cont a{ color:#6c6c6c;margin: 0 40px 11px 0;max-width:140px;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; text-decoration:none;}
.ret_list .ret_tail{position: absolute;right: 19px;top: 8px; z-index:999;font-size:12px;}
.ret_list .ret_tail .mul_btn{position: absolute;border: 1px solid #dad9d9;line-height: 17px;text-decoration: none;padding: 0 3px;display: block;right: 54px;width:28px; text-align:center; border-radius:2px; top:2px; }
.ret_list .ret_tail .more_btn{ text-decoration:none; padding-left:24px; position:absolute; right:0; top:2px;}
.ret_list .ret_tail .more_btn:before{content:'展开'; display:block; position:absolute; left:0px;}
.ret_list .more_on .ret_tail .more_btn:before{ content:'收起';}
.ret_list .more_on .more_btn i{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);filter: progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=-1.2246063538223773e-16, M21=1.2246063538223773e-16, M22=-1, sizingMethod="auto expand");zoom: 1; display:block;}
.ret_list .mult_on .ret_tail .more_btn{ display:none;}
.ret_list .mult_on .ret_tail .mul_btn{ display:none;}
.ret_list .mult_on .ret_body, .ret_list .more_on .ret_body{ height:auto;}
.ret_list .mult_ret_cont{ text-align:center; display:none;}
.ret_list .mult_ret_cont span{color: #fff;background: #d3222a;border: 1px solid #d3222a;height: 20px;line-height: 20px;width: 42px;display: inline-block;text-align: center;text-decoration: none;border-radius: 2px;margin: 5px;cursor: pointer;}
.ret_list .mult_ret_cont .ret_cancel{ border-color:#e7e7e7; background:#fff; color:#6c6c6c;}
.ret_list .mult_ret_cont .ret_cancel:hover{ border-color:#d3222a; color:#d3222a;}
.ret_list .mult_on .ret_body, .ret_list .ret_chosen .ret_body{ padding-left:128px;}
.ret_list .mult_on .ret_cont .nolim{ display:none;}
.ret_list .mult_on .mult_ret_cont{ display:block;}
.mult_on .ret_cont i{display: inline-block;vertical-align: middle;margin: 0 5px 0 0; width:11px; height:11px; border:1px solid #dbdbdb; margin-top:-2px; position:relative; border-radius:1px;}
.mult_on .ret_cont .choose{ background:#79cb29 ; border-color:#79cb29 ;}
.mult_on .ret_cont .choose:before{ position:absolute; content:'U'; display:block; left:0; top:-3px; font-size:12px; color:#fff;}
.ret_list li .nomore{ display:none;}
.ret_list em{ font-style:normal;}
.ret_list .ret_chosen .ret_cont a{ width:auto;margin-right: 5px; line-height:15px;}
.ret_list .ret_chosen{ border:none;}
.ret_chosen .ret_cont a em{ display:block;border: 1px solid #d3222a;padding: 2px 22px 2px 5px;background: #fff url(../images/sort2.gif) no-repeat right -327px;color: #6c6c6c;white-space: nowrap; font-size:12px;}
.ret_chosen .ret_cont a:hover em{ text-decoration: none; color: #fff; background: #d3222a url(../images/sort2.gif) no-repeat right -357px; border-radius:5px 0 5px;}
.ret_list .ret_out{ display:none;}
.condi_on .ret_out{ display:block;}
.selline{ text-align:center;}
.selline a{width: 80px;height: 19px;display: inline-block; position:relative; border-radius:2px; margin-top:-1px; line-height:19px; text-decoration:none; color:#707070; background:#fff; font-size:12px;}
.selline a:before{ display:block; position:absolute; left:10px; top:0; content:'更多条件';}
.selline .condi:before{ content:'收起'; letter-spacing:10px; left:18px;}
.selline a i{ display:block; position:absolute; right:5px; top:0; font-size:14px; color:#9c9c9c;}
.selline a:hover{ background:#eee;}
.arrow_div {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);filter: progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=-1.2246063538223773e-16, M21=1.2246063538223773e-16, M22=-1, sizingMethod="auto expand");zoom: 1;}
.radio .ret_cont a i{ width:14px; height:14px; border-radius:50%; border:1px solid #cecece; display:block; position:absolute; left:0; top:3px; line-height:14px; }
.ret_list .radio .ret_cont a{ position:relative; padding-left:22px;}
.ret_list .radio .ret_cont .nolim{ position:absolute;}
.radio .ret_cont a i:before{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);transform:scale(0,0);display:block; position:absolute; content:'M'; color:#d3222a; left:0; top:0;font-family:zanba;-webkit-transition:-webkit-transform 300ms cubic-bezier(0.230, 1.000, 0.320, 1.000);-moz-transition:-moz-transform 300ms cubic-bezier(0.230, 1.000, 0.320, 1.000);transition:transform 300ms cubic-bezier(0.230, 1.000, 0.320, 1.000);}
.radio .ret_cont a .choose:before{ -webkit-transform:scale(1,1);-moz-transform:scale(1,1);transform:scale(1,1);}
.ret_st{ background:#f5f5f5; border-bottom:1px solid #e6e6e6; height:34px; line-height:34px;}
.ret_st .switch a {display: block;float: right;width: 34px;border-top: none;
border-left: 1px solid #e6e6e6;text-align: center;font-size:16px;color: #888;}
.ret_st .switch a:hover{ text-decoration:none;}
.ret_st .switch .on{ background:#fff; color:#d3222a;}


/*卡牌列表*/
.imgtextlist{  width:950px;}
.imgtextlist li .child_info{ position:fixed; width:180px; height:200px; background:rgba(15,31,52,0.8); border:1px solid #555; border-radius:5px; box-shadow:0 0 6px #7c7c7c; display:none; text-align:left; line-height:24px; padding:10px; text-shadow:1px 1px 0 #111; z-index:9999;}
.imgtextlist li:hover .child_info{ display:block;}
.imgtextlist li p{ font-size:14px;}
.imgtextlist a { text-decoration:none;color: #6c6c6c;}
.imgtextlist .img{padding:4px; width:80px; height:auto; display:block; overflow:hidden; background:#d6d6d6; border:1px solid #afafaf; margin:0 auto; position:relative;}
.imgtextlist li:hover a{ color:#d3222a;}
.imgtextlist img{width:80px;height:auto; box-shadow:0 0 4px rgba(0,0,0,0.1);}
.imgtextlist img {display: block;}
.child_info span{ display:block;}
.child_info .blue{ color:#3399cc;}
.child_info .green{ color:#06ff0e;}
.child_info .grey{ color:#eee;}
.child_info .red{ color:#f00;}
.child_info .yellow{ color:#ff0;}
.child_info .fz14{ font-size:16px;}
.imgtextlist li{ float:left; width:134px; border:1px solid #f0f0f0; border-top:none; border-left:none; padding:19px 0 10px;}
.imgtextlist li .card_tit{ line-height:30px; height:30px; overflow:hidden; padding:0 5px; font-size:14px; text-align:center;}
.card_list{ overflow:hidden;background:#fff;}
.imgtextlist li .img a{ display:block; width:80px; height:auto;position:relative;}
.imgtextlist li .img a:before, .imgtextlist li .img a:after{ height:20px; left:0; content:''; display:block; background:url(../images/rashi_03_01.png) no-repeat; position:absolute; width:80px; top:0;}
.imgtextlist li .img a:after{ top: auto; bottom:0; background:url(../images/rashi_03_05.png) no-repeat;}
.imgtextlist li .img a .shadow{ position:absolute; width:80px; background:url(../images/rashi_03_03.png) repeat-y; top:20px;}

/*分页小样式*/
.page_min li{ margin:0 3px;}
.page_min li a {height: 25px;line-height: 25px;padding:0 8px;font-size: 14px;vertical-align: top;display: inline-block;}
.page_min li a span {cursor: pointer;display: inline-block;height: 25px;padding-right: 8px;vertical-align: top\0;}

/*卡牌内页*/
.card_bar{background:#e9eaec; border:1px solid #d9dadc; margin-bottom:36px; position:relative;}
.card_bar .pn_btn{ display:block; background:#e2e4e6; float:left; width:26px; height:100%; font-family:zanba;text-align:center; font-size:16px; color:#4190e2; position:absolute; left:0; top:0;}
.card_bar .pn_btn i{ position:absolute; width:100%; height:20px; line-height:20px; left:0; top:50%; margin-top:-11px;}
.card_bar .next{ left:auto; right:0;}
.card_bar .pn_btn:hover{ text-decoration:none; background:#e9eaec;}
.card_bar .card_chief{ float:left; border:1px solid #d9dadc; border-top:none; width:816px; border-bottom:none; padding:15px 0; margin-left:26px;}
.card_bar .card_chief .img{ width:120px; height:auto; overflow:hidden; float:left; position:relative; margin:0 16px;padding: 4px;display: block;overflow: hidden;background: #d6d6d6;border: 1px solid #afafaf;}
.card_bar .card_chief .img img{box-shadow: 0 0 4px rgba(0,0,0,0.1); width:120px;}
.card_bar .card_chief .img:before, .card_bar .card_chief .img:after{ content:''; display:block; position:absolute; left:4px; top:4px; height:20px; background:url(../images/hocs_03_01.png) no-repeat; width:120px;}
.card_bar .card_chief .img:after{ top:auto; bottom:4px; background:url(../images/hocs_03_05.png) no-repeat;}
.card_bar .card_chief .img .shadow_b{ width:120px; top:24px; position:absolute; left:0; background:url(../images/hocs_03_03.png) repeat-y; display:block; left:4px;}
.card_bar .card_chief h1{ line-height:40px; font-size:22px; font-weight:normal; margin-bottom:10px;}
.card_bar .card_chief p{ font-size:14px; color:#808080; line-height:22px; height:66px; overflow:hidden; padding-right:15px;}
.card_info .c_info_box{ position:relative;}
.radar{ width:300px; height:200px; position:absolute; right:0; top:-15px;}
.card_info .upgrade{ border:2px solid #ddd; position:relative; margin:64px 70px; height:120px; border-right:none; overflow:visible;}
.card_info .upgrade_before{ padding:0 20px 5px; position:absolute; left:-60px; background:#fff; top:-45px;}
.card_info .upgrade_before .img{ display:block; width:80px; height:80px; overflow:hidden;}
.card_info .upgrade_before p{ line-height:24px; text-align:center; height:24px; font-size:14px; overflow:hidden;}
.card_info .upgrade_st{ position:absolute; width:70px; height:180px; left:140px; top:-28px; color:#707070; font-size:16px; font-weight:bold;}
.card_info .upgrade_st p{ margin-bottom:96px;}
.card_info .upgrade_material{ position:absolute; left:35%; top:-40px; background:#fff; padding:0 8px;max-width:200px;}
.card_info .upgrade_material .img{ display:block; float:left; width:60px; height:72px; margin:0 2px;}
.card_info .upgrade_material .mat1{ margin-bottom:45px;}
.card_info .upgrade_material .material{ height:72px;}
.card_info .upgraded{ position:absolute; background:#fff; right:0; top:-42px;}
.card_info .upgraded .img{ padding-left:20px; overflow:hidden; width:80px; display:block; margin-bottom:18px; background:url(../images/tran_03.gif) no-repeat 0 34px;}
.card_info .upgraded .img span{ display:block; line-height:24px; text-align:center; height:24px; overflow:hidden; font-size:14px;}
.card_info table th{ font-size:14px; font-weight:bold; background:#f5f5f5;}
.card_info table th, .card_info table td{ border:1px solid #ddd; line-height:42px; text-align:center;}
.card_info table td{ font-size:12px; color:#6c6c6c;}
.card_info table{ margin:20px 0; width:100%;}
.card_info table .green_td{ background:#f3f7ee;}
.card_info table .red_td{ background:#f8eeef;}
.card_info table .blue_td{ background:#f0f5fa;}
.card_info .get_card{ font-size:14px; color:#4b4b4b; margin:20px 0;}
.inner_list_bd li{ float:left; width:380px; font-size:14px; line-height:16px;padding: 5px 0 5px 10px; height:16px; overflow:hidden; position:relative;}
.inner_list_bd li:before{ position:absolute; content:''; width:3px; height:3px; left:2px; top:12px; background:#ccc; display:block;}
.inner_list_bd li:nth-of-type(2n){ float:right;}
.inner_list_bd li a{ color:#0064d3;}
.inner_list_bd{ margin:20px 0;}
.card_tag a{ display:block; background:#eceeef; float:left; padding:0 10px; border-radius:8px; margin-right:20px;}
.card_tag a:hover, .card_tag .on a{ text-decoration:none; background:#58a1f3; color:#fff;}
.card_tag{ margin:20px 0;}
.card_info .card_relate li{ float:left; width:60px; margin-right:10px;}
.card_info .card_relate li .img{ display:block; width:60px;overflow:hidden;}
.card_info .card_relate li .text{ display:block; line-height:22px; text-align:center; height:22px; overflow:hidden; color:#4b4b4b;}
.tab_content .mc{ display:none;}
.tab_content .displa{ display:block;}
.svg_box{ display:none;}

/*中文专题*/
.banner_cn{ width:100%; background-position:top center; background-repeat:no-repeat; height:430px; position:relative; margin-bottom:30px; overflow:hidden;}
.banner_cn .nav_cn{ height:56px; position:absolute; bottom:0; left:0; border:none; padding:0; margin:0; background:#fff; box-shadow:0 -1px 2px rgba(0,0,0,0.1);}
.banner_cn .nav_cn li a{ font-size:18px;color:#585858; font-weight:bold; line-height:54px; padding:0; position:relative;}
.banner_cn .nav_cn li a:hover{ color:#d3222a;}
.nav_cn .nav_con .search{ padding-top:14px;}
.nav_cn .nav_con{ height:56px;}
.nav_cn .nav_con li a{ height:43px;}
.import a:after{ display:block; position:absolute; content:''; width:27px; height:18px; background:url(../images/hot_gif_03.png) no-repeat; right:-28px; top:-5px;}
/* slide */
.col_focus_box{ height:190px; overflow:hidden; margin-bottom:16px;}
.slide-main{height:190px;position:relative;}
.slide-main .prev,.slide-main .next{display:block;width:30px;height:30px;position:absolute;z-index:222;top:75px;overflow:hidden;cursor:pointer;opacity:0;-moz-opacity:0;filter:alpha(opacity=0); background:#000; text-align:center; line-height:30px; font-size:14px; color:#fff;}
.slide-main:hover .prev, .slide-main:hover .next{opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30);}
.slide-main .prev:hover,.slide-main .next:hover{ text-decoration:none;}
.slide-main .prev{left:10px;}
.slide-main .next{right:10px;}
.slide-main .prev:hover,.slide-main .next:hover,.nav-main a:hover,.nav-main a.cur{opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);}
.item{display:block;width:100%;height:6px;position:absolute;z-index:124;top:175px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:6px;margin-right:11px;background:#333;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.item a.cur{background:#d3222a;}
.slide-box,.slide{display:block;width:100%;height:190px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:190px;position:relative;position:absolute;z-index:8;}
.slide a{display:block;width:100%;height:190px;cursor:pointer;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
.pic_box .pic_bd .hot_gl{ padding:19px 0 0 19px;}
.pic_box .pic_bd .hot_gl h3{ line-height:37px; height:37px;  text-align:center; font-size:14px; overflow:hidden;}
.pic_box .pic_bd .hot_gl h3 a{ color:#3c3c3c;}
.pic_box .pic_bd .hot_gl li{ height:137px; margin-bottom:0;}
.pic_box .txt_list{ border-top:1px dotted #ddd;}
.pic_box .pic_bd .txt_list{ padding:9px 0 10px 0; margin:0 19px; overflow:hidden; margin-top:10px;}
.pic_box .pic_bd .txt_list li{ line-height:27px; font-size:14px;width:48%; float:left; margin-right:4%; height:27px; overflow:hidden; position:relative;}
.pic_box .pic_bd .txt_list li:before{ content:''; position:absolute; left:3px; top:13px; background:#cecece; width:3px; height:3px; display:block;-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}
.pic_box .pic_bd .txt_list li:hover::before{-webkit-transform: scale(1.5,1.5) rotate(180deg);
-moz-transform: scale(1.5,1.5) rotate(180deg);
-o-transform: scale(1.5,1.5) rotate(180deg);
-ms-transform: scale(1.5,1.5) rotate(180deg);
transform: scale(1.5,1.5) rotate(180deg);border-radius: 10px;
background: #fd8500;}
.pic_box .pic_bd .txt_list li a{ color:#6c6c6c; display:block; padding-left:14px;}
.pic_box .pic_bd .txt_list li a.hot{ color:#d3222a; font-weight:bold;}
.sk_box .sk{ display:block; background:#ff885e; float:left; height:48px; width:144px; text-align:center; line-height:48px; font-size:16px; color:#fff; margin-right:16px; overflow:hidden;}
.sk_box .sk:hover{ text-decoration:none;}
.sk_box .sk.red_sk{ background:#f26d7e;}
.sk_box .sk.green_sk{background:#1fbca7;}
.sk_box .sk.blue_sk{background:#5992e5; margin-right:0;}
.search_box .game_icon{ padding:30px 0; border-bottom:1px solid #f5f5f5;}
.search_box .game_icon img{ display:block; display:block; margin:0 auto; height:120px; width:auto;}
.search_box .game_info_list{ padding:10px 15px; line-height:26px; color:#6c6c6c; border-bottom:1px solid #f5f5f5;}
.search_box .game_info_list li{ position:relative; padding-left:14px;}
.search_box .game_info_list li:before{ position:absolute; width:4px; height:4px; background:#ddd; content:''; display:block; left:0; top:11px;}
.search_box .game_intro{ padding:10px 15px; margin-bottom:5px;}
.search_box .game_intro h6{ color:#79cb29; font-weight:normal; margin-bottom:10px;}
.search_box .game_intro p{ color:#9c9c9c; line-height:20px; height:80px; overflow:hidden;}
.search_box .game_dl a{ display:block; border:1px dotted #79cb29; border-radius:2px; height:45px; font-size:16px; line-height:45px; color:#6c6c6c; text-align:center;}
.search_box .game_dl a:hover{ text-decoration:none; background:#79cb29; color:#fff;}
.search_box .game_dl a:hover i{ color:#fff; background:#71be25;}
.search_box .game_dl{ padding:15px;}
.search_box .game_dl a i{ display:block; float:left; width:45px; line-height:45px; height:45px; border-right:1px dotted #79cb29; text-align:center; color:#79cb29;}
.right_mod .side{ padding:0;}
.key_list{ clear:both; width:1280px;}
.key_list dl{ width:304px; background:#fff; margin-right:16px; float:left; padding:12px 0;}
.key_list dl dt{ height:20px; line-height:20px; border-left:2px solid #ff885e; padding-left:12px; font-weight:bold; font-size:14px; margin-bottom:15px;}
.key_list .red_st dt{ border-color:#f26d7e;}
.key_list .green_st dt{ border-color:#1fbca7;}
.key_list .blue_st dt{ border-color:#5992e5;}
.key_list dl dd{ float:left; padding-left:12px; position:relative; width:140px; font-family:"宋体"; line-height:25px; height:25px; overflow:hidden;}
.key_list dl dd a{ color:#6c6c6c;}
.key_list dl dd a:hover{ text-decoration:none; color:#ff885e;}
.key_list .red_st dd a:hover{ color:#f26d7e;}
.key_list .green_st dd a:hover{ color:#1fbca7;}
.key_list .blue_st dd a:hover{ color:#5992e5;}
.col_fl{ background:#fff; margin:0 auto; width:1264px; margin-bottom:30px; overflow:hidden;}
.fl_title{ padding:16px 16px 0; position:relative; margin-bottom:16px;}
.fl_title h2{ font-weight:normal; font-size:18px; line-height:38px;border-bottom:1px solid #f26d7e;}
.fl_title h2 a:hover{ text-decoration:none; color:#f26d7e;}
.fl_title h2 span{ font-size:12px; padding-left:5px; color:#9c9c9c;}
.fl_title .fl_outer{ position:absolute; right:16px; top:20px; border:1px solid #e7e7e7; border-bottom:none; z-index:1;}  
.fl_title .fl_outer li{ float:left; line-height:34px; padding:0 24px; cursor:pointer; font-size:14px; position:relative; margin-left:-1px; z-index:2;}
.fl_title .fl_outer li:after{ position:absolute; display:block; content:''; overflow:hidden; width:1px; height:13px; background:#e7e7e7; left:0; top:11px;}
.fl_title .fl_outer li.on{ border:1px solid #f26d7e; border-top-width:2px; margin-top:-1px; border-bottom-color:#fff; z-index:3; height:34px;}
.fl_title .more{ position:absolute; right:16px; top:30px; color:#9c9c9c;}
.fl_title .fl_outer li.on:after{ display:none;}
.col_fl .fl_bd .mc{ padding:0 16px;}
.fl_inner li{ float:left; font-size:14px; padding:0 20px; height:29px; margin-right:10px; cursor:pointer; line-height:29px;}
.fl_inner li.on{ background:#f26d7e; border-radius:2px; color:#fff;}
.fl_inner{ margin-bottom:16px;}
.fl_bd .img_st{ width:1280px; padding-bottom:10px;}
.fl_bd .img_st li{ float:left; max-width:150px; margin-right:30px; margin-bottom:20px;}
.fl_bd .img_st li .img{ display:block;}
.fl_bd .img_st li .img img{ width:auto; height:auto; max-width:150px; display:block;}
.fl_bd .img_st li h4 a{ font-weight:normal; color:#4b4b4b; font-size:14px; display:block; text-align:center; height:36px; line-height:36px; overflow:hidden;}
.fl_bd .img_st li:hover a{color:#f26d7e; text-decoration:underline;}
.fl_bd .mc_in, .fl_bd .mc{ display:none;}
.fl_bd .displa{ display:block;}
.fl_bd .img_txt_st{ width:1280px;}
.fl_bd .img_txt_st .it_item{ width:360px; border:1px solid #eee; float:left; margin-right:24px; margin-bottom:24px; padding:16px; position:relative; -webkit-transition:border-color 0.2s ease-in;transition:border-color 0.2s ease-in;}
.fl_bd .img_txt_st .it_item:hover{ border-color:#f26d7e;}
.fl_bd .img_txt_st .it_item .img{ display:block; float:left; margin-right:16px; overflow:hidden; max-width:120px;}
.fl_bd .img_txt_st .it_item .img img{ width:auto; height:auto; max-width:120px;}
.fl_bd .img_txt_st .it_item .text h4{ height:26px; line-height:26px; overflow:hidden; font-size:15px; margin-bottom:5px;}
.fl_bd .img_txt_st .it_item .text .fl_it_info li{ color:#6c6c6c; line-height:22px; height:22px; overflow:hidden; width:142px;}
.fl_bd .img_txt_st .it_item .fl_it_btn{ position:absolute; width:80px; height:30px; text-align:center; font-size:14px; color:#fff; background:#f26d7e; border-radius:2px; line-height:30px; right:16px; bottom:16px;}
.fl_bd .img_txt_st .it_item .fl_it_btn:hover{ text-decoration:none; background:#ef576b;}
.col_fl .fl_video{ padding:0 16px 10px;}
.col_fl .fl_video .fl_vd_list{ width:1280px;}
.col_fl .fl_video .fl_vd_list li{ float:left; width:186px; margin-right:23px; overflow:hidden;}
.col_fl .fl_video .fl_vd_list li .img{ width:186px; height:105px; overflow:hidden; display:block;}
.col_fl .fl_video .fl_vd_list li h4{ font-weight:normal; text-align:center; font-size:14px; line-height:36px; height:36px; overflow:hidden;}
.col_fl .fl_text{ margin:0 16px; padding-bottom:16px; font-size:14px; width:1280px; overflow:hidden;}
.col_fl .fl_text .fl_text_list{ float:left; border-left:1px dotted #ddd; width:410px; padding-left:14px;margin-left:-14px;}
.col_fl .fl_text .fl_text_list li{ height:27px; line-height:27px; overflow:hidden; padding:0 14px; position:relative;}
.col_fl .fl_text .fl_text_list li:before{ position:absolute; left:4px; top:13px; content:''; display:block; overflow:hidden; width:3px; height:3px; background:#ddd;}
.col_fl .fl_img{ padding:0 16px 16px; height:300px; overflow:hidden; position:relative;}
.col_fl .fl_img li{ float:left; margin:0 4px 4px 0;}
.col_fl .fl_img li a{ display:block;  overflow:hidden; background-repeat:no-repeat; background-size:cover; background-position:center center; width:246px; height:148px; position:relative;}
.col_fl .fl_img li a.st1{width:490px; height:300px;}
.col_fl .fl_img li a.st3{ width:238px; height:300px; position:absolute; right:16px; top:0;}
.col_fl .fl_img li a span{ position:absolute; display: block;width: auto;padding: 0 14px;height:26px;border-radius: 13px;background: rgba(0,0,0,0.55);filter: alpha(opacity=55); max-width:210px;
background: #000\9;position: absolute;z-index: 4;left:8px;bottom:8px;color: #fff;font-size: 12px;line-height: 26px; overflow:hidden;}
.col_fl .fl_img li a:hover{ opacity:0.9;}
.fl_bd{ max-height:650px; overflow-y:auto; overflow-x:hidden;}
.key_list.key_left{ width:auto;}
.key_list.key_left dl{ margin-bottom:16px;}
.left_mod .news_box{ position:static;}
.left_mod .news_box .tab2 li{ text-align:left; font-size:16px; float:none;border-bottom: 1px solid #f2f2f2; border-left:none; padding-bottom:10px; width:275px;}
.left_mod .news_box .tab2{padding-left:16px;}
.left_mod .news_box .mc li p{ width:220px;}
.left_mod .news_box .tab2 .on a{ color:#3c3c3c;}
.card_info .inner_list_img li{ float:left; margin:0 15px 10px 0; width:200px;}
.card_info .inner_list_img li .inner_tit{ display:block; font-size:14px; line-height:24px; text-align:center; height:24px; overflow:hidden;}
.card_info .inner_list_img{ width:870px;}
.card_info .inner_list_img li .img{ width:200px; height:112px; display:block;}
.card_info .inner_list_img li img{ width:100%; height:auto;}
article .arc_guide{ margin-bottom:30px;}
article .arc_guide_hd{ border:1px solid #ddd; line-height:36px; font-size:14px; font-weight:bold; padding-left:10px;background:#f5f5f5;}
article .arc_guide_bd{padding: 10px 12px; border:1px solid #ddd; border-top:none;}
article .arc_guide_bd li {float:left; width:49%; height:27px; line-height:27px; font-size:13px;}
article .arc_guide_bd li a:hover{ color:#d3222a;}
article .arc_guide_bd li b{ font-weight:normal; color:#d3222a;}
/*当浏览器可视区域小于1300px*/
@media screen and (max-width:1300px){
	.topbar{ min-width:1060px;}
	.topbar .topnav{ width:1060px;}
	.banner_video{ min-width:1060px;}
	.nav{ min-width:1060px;}
	.nav .nav_con{ width:1060px;}
	.nav .nav_con li{ margin-right:40px; padding:0 25px;}
	.rec_video{ width:1060px;}
	.rec_video_bd{ width:995px;}
	.rec_video .rec_video_hd{ width:22px;}
	.rec_video_bd .rec_right{ margin-left:-995px;}
	.content{ width:1060px;}
	.content .right_mod{ width:791px;}
	.content .left_mod{ width:253px;}
	.right_mod .side{ width:253px;}
	.news_box .tab2 li{ width:63px;}
	.news_box .mc li p{ width:150px;}
	.dl_box .ewm img{ width:64px; height:64px;}
	.dl_box .ewm p{ width:128px;}
	.dl_box .ewm .tit{ font-size:14px; line-height:24px;}
	.dl_box .ewm .des{ height:36px; line-height:36px; overflow:hidden;}
	.dl_box .dl_btn{ width:212px; margin:0 20px;}
	.dl_box{ height:197px;}
	.career_box .tab{ width:253px;}
	.career_box .tab li{ width:62px; line-height:32px; height:32px;}
	.career_box .tab li:nth-of-type(4n){ width:64px; margin-right:0;}
	.career_box .mc .img{ width:254px; height:304px;}
	.career_box .mc{ width:254px; height:304px;}
	.career_box .tab_content{ width:254px; height:304px;}
	.rank_box .rank_card_list dd .img{ width:56px; height:56px;}
	.rank_box .rank_card_list dd .text{ width:92px;}
	.rank_box .rank_card_list dd .text a{ font-size:12px; height:35px; line-height:18px;}
	.rank_box .rank_card_list dd .num{ width:20px;}
	.right_mod .main{ width:522px;}
	.intro_box .intro_hd li{ width:130px;}
	.intro_box .intro_hd li:last-of-type{ width:129px;}
	.intro_box .intro_bd{ width:522px;}
	.intro_box .intro_bd img{ width:auto; height:155px;}
	.intro_box .intro_bd{ height:155px;}
	.pic_box .pic_bd .pic_list li{ width:154px; margin:0 15px 15px 0; height:86px;}
	.pic_box .pic_bd li .img{ width:154px; height:86px;}
	.pic_box .pic_bd .mc{ padding:15px 0 0 15px;}
	.duty_bd .week_day li{ width:69px; height:28px; line-height:28px;}
	.duty_bd .week_day{ width:500px; margin-bottom:15px;}
	.duty_box .duty_bd{ padding:15px;}
	.gl_bd{ padding:15px;}
	.gl_box .gl_list .hot_gl .img{ width:492px; height:279px;}
	.gl_box .gl_list .hot_gl img{ width:492px;}
	.gl_box .gl_list li a{ width:420px; line-height:32px; height:32px;}
	.gl_box .gl_list li{ line-height:32px;}
	.pagination-item ul{ width:484px;}
	.pagination{ width:484px;}
	.pagination-item ul li img{ max-height:80px;}
	.pagination-item ul li p{ line-height:34px; height:34px;}
	.pagination-content{ height:220px;}
	.strongest_bd .to_look{ right:20px;}
	.cr_text{ padding-left:180px;}
	.cr_text .img{ width:170px;}
	.cr_text h6{ font-size:22px; margin-bottom:10px;}
	.cr_text p{ max-height:44px;}
	.career_rel_box .more_btn{ bottom:60px; right:0;}
	.cr_bd{ padding:15px;}
	.career_rel_box .cr_bd dl{ width:239px;}
	.cr_bd .cr_video dd .text{ width:116px;}
	.search_box .ret_style .item_con{ width:149px;}
	.search_box .key_style li{ padding-right:7px; width:86px;}
	.search_box h2{ padding-right:10px;}
	.search_box h2 .box_btn{ right:10px;}
	.more_rec{ width:1060px;}
	.more_rec h3, .more_rec li{ width:118px; height:115px;}
	.more_rec li:nth-of-type(2n){ width:119px;}
	.column_list li .img{ width:100%; height:85px;}
	.column_list li h4{ height:30px; line-height:30px;}
	.more_rec .column_list{ height:115px;}
	#main_article p img{ max-width:700px;}
	.article #hot_img{ height:258px; overflow:hidden;}
	.news_list .picTxt{ width:178px; height:100px;}
	.news_list .picTxt img{ width:178px;}
	.card_bar .card_chief{ width:663px;}
	.card_info .upgrade{ margin:65px 40px;}
	.card_info .upgrade_material{ left:30%;}
	.card_info .upgrade_st{ left:105px;}
	.card_info .upgrade_before .img{ width:64px; height:64px;}
	.card_info .upgraded .img{ width:64px;}
	.card_info .upgrade_material .img{ width:48px; height:56px;}
	.card_info .upgrade_material .mat1{ margin-bottom:56px;}
	.inner_list_bd li{ width:320px;}
	.imgtextlist{ width:816px;}
	.imgtextlist li{ width:131px;}
	.sk_box .sk{ width:118px;}
	.pic_box .pic_bd .hot_gl{ padding:15px 0 0 15px;}
	.pic_box .pic_bd .txt_list{ margin:0 15px; padding:14px 0 20px 0;}
	.search_box .game_dl{ padding:0 15px 15px;}
	.search_box .game_intro p{ height:60px;}
	.qa_box .qa_list li .qa_hd{ margin-bottom:2px;}
	.qa_box .qa_list{ margin-top:-10px;}
	.qa_box{ padding-bottom:4px;}
	.qa_box .qa_list li .qa_bd{ height:40px;}
	.key_list{ width:1080px;}
	.key_list dl{ width:253px;}
	.key_list dl dd{ width:110px;}
	.key_list dl.green_st{ width:252px;}
	.col_fl{ width:1060px;}
	.fl_bd .img_st li{ width:145px; margin:0 25px 15px 0;}
	.fl_bd .img_st li .img img{ max-width:145px;}
	.fl_bd .img_st{ width:1100px;}
	.fl_bd .img_txt_st{ width:1100px;}
	.fl_bd .img_txt_st .it_item{ width:295px;}
	.fl_bd .img_txt_st .it_item .fl_it_btn{ font-size:12px; width:62px; height:24px; line-height:24px;}
	.fl_bd .img_txt_st .it_item .text .fl_it_info li{ width:96px;}
	.fl_bd .img_txt_st .it_item{ margin:0 20px 20px 0;}
	.col_fl .fl_text .fl_text_list{ width:342px;}
	.col_fl .fl_text{ width:1100px;}
	.col_fl .fl_img li a{ width:216px; height:128px;}
	.col_fl .fl_img li a.st1{ width:400px; height:260px;}
	.col_fl .fl_img li a.st3{ width:184px; height:260px;}
	.col_fl .fl_img{ height:260px;}
	.card_info .inner_list_img li{ width:168px;}
	.card_info .inner_list_img li .img{ width:168px; height:94px;}
	}