over{text-decoration:underline}
.subnav ul li{float:left;font-size:15px;padding:0 10px}
.subnav ul li span.fontw{width:120px;display:inline-block;text-align:center}
.tab_menu{background:#fff;margin-top:20px;}
.game_Commend{height:121px;overflow:hidden;position:relative}
.game_Commend::after{background:#e8e7ed;bottom:0;content:"";height:1px;left:0;position:absolute;width:100%;z-index:1}
.game_list_box{height:121px;overflow:hidden;right:0px;position:absolute;z-index:2;width:1070px}
.game_com_list{height:121px;overflow:hidden;position:absolute}
.game_com_list ul{height:120px;overflow:hidden}
.game_com_list li{float:left;height:120px;margin-left:25px;position:relative;width:80px}
.game_com_list li img{border-radius:16px;display:block;height:80px;width:80px}
.game_com_list li a{display:block;font-size:14px;height:40px;left:0;line-height:40px;overflow:hidden;padding-top:80px;position:absolute;text-align:center;top:0;width:80px;text-decoration:none}
.game_com_list .on a{color:#09F}
.game_com_list .line_box{bottom:0;height:2px;position:absolute;right:0;width:100%}
.game_com_list .line{background:#219492;display:block;height:2px;left:25px;position:absolute;top:0;width:80px}
.game_com_tab{height:120px;left:0;position:absolute;top:0;width:135px;z-index:3;display:inline-block}
.game_com_tab li{background:#f5f5f5;border-top:1px solid #e8e7ed;cursor:pointer;font-size:14px;font-weight:bold;height:39px;line-height:39px;position:relative;width:130px;text-align:center}
.game_com_tab li b{display:block;border:5px solid;border-color:#fff #fff #fff #219492;position:absolute;right:-10px;top:15px;line-height:0;display:none}
.game_com_tab .on{background-color:#219492;color:#fff}
.game_com_tab .on b{display:block}
/*#footer{z-index:200;margin-top:20px;padding:10px 0;background:#219492}*/
/*#footer .foot_box{width:100%;margin:0 auto}*/
/*.foot_box .foot_about{width:1200px;margin:0 auto;padding:10px 0;overflow:hidden}*/
/*.foot_box .foot_about a{color:#FFF}*/
/*.foot_box .foot_about .footnav{width:1160px;text-align:center;color:#c2c2c2;padding:5px 0}*/
/*.foot_box .foot_about .footnav a{border-left:1px solid #FFF;font-size:14px;padding:0 8px}*/
/*.foot_box .foot_about .footnav a.nobor_left{border-left:none}*/
/*.foot_box .foot_about .footnav a:hover{text-decoration:underline}*/
/*.foot_box .foot_about .foot_txt{width:1160px;text-align:center;color:#FFF;padding:5px 0}*/
/*.foot_box .foot_about .foot_txt em{color:#FF0}*/
/*.foot_box .foot_about .foot_txt a{color:#FFF;margin-left:10px}*/
/*#footer-green{z-index:200;margin-top:20px;padding:10px 0;background:#0fa61d}*/
/*#footer-green .foot_box{width:100%;margin:0 auto}*/
/*#footer-black{z-index:200;margin-top:20px;padding:10px 0;background:#797979}*/
/*#footer-black .foot_box{width:100%;margin:0 auto}*/
.tuijian .blick,.tuijian .blick>img{display:block}
.tuijian .blick:hover img{}
.tuijian .piaofu{position:absolute;top:20px;right:20px;z-index:55;cursor:pointer;background:url(../images/sprites.png) no-repeat;background-position:0px -88px;width:82px;height:26px}
.ads_index{width:318px;height:318px;border:#e8e7ed solid 1px;background:#f5f5f5}
.jrtj{font-size:24px;color:#000;margin-top:15px;margin-left:20px}
.jrtj_logo{width:84px;height:84px;border-radius:15px;display:block;margin:auto;margin-top:40px}
.jrtj_p_yi{font-size:19px;color:#000;text-align:center;font-weight:700;line-height:50px}
.jrtj_p_er{font-size:16px;color:#000;text-align:center}
.jrtj_a{width:191px;height:43px;line-height:43px;text-align:center;font-size:20px;color:#fff;border-radius:5px;background:#219492;display:block;margin:auto;margin-top:15px}
.jrtj_a:hover{color:#fff;opacity:0.8}
.sprites{background-image:url(../images/sprites.png);background-repeat:no-repeat;width:30px;height:30px;display:inline-block;margin-right:10px;position:relative;top:6px}
.position_azyx{background-position:-60px 0px}
.position_yxphb{background-position:-30px 0px}
.position_azrj{background-position:0px 0px}
.position_zmyy{background-position:-120px 0px}
.position_pgyx{background-position:-180px 0px}
.position_pgphb{background-position:-150px 0px}
.position_pgrj{background-position:-210px 0px}
.position_yqlj{background-position:-90px 0px}
.bgf5f5f5_wei i{width:16px;height:16px;background:url(../images/sprites.png) no-repeat;background-position:0px -60px;display:inline-block;margin-right:5px;margin-left:5px;position:relative;top:3px}
.phb_right .phb_nav>div{padding:10px 0;border-bottom:#e8e7ed dashed 1px;cursor:pointer;display:block}
.fl_biaoti .fr a.hot{color:#219492;font-weight:700}
.fl_biaoti .fr a:nth-child(1):after{display:inline-block;font-size:16px;content:"/";height:20px;width:20px;color:#999;margin-left:0px;text-align:center}
.fl_biaoti .fr a#hack:after{display:inline-block;font-size:16px;content:"";height:20px;width:20px;color:#999;margin-left:0px}
.xzxq_you_adiv ul li>.phb_yxlx:hover,.phb_yxlx:hover{opacity:0.8;background:#219492;color:#fff}
.xzxq_zuo_main_anniu a:hover{opacity:0.8}

.hot_yi .nav_h3 {width: 80px; height: 32px; line-height: 32px; font-size: 14px; background: #219492; color: #fff; text-align: center; border-radius: 5px;display: none;margin: auto;margin-top: 13px;}

.position{color:#696969;font-size:14px;height:20px;line-height:20px;margin:10px 0 10px 3px}
.position a{color:#696969}
.position a:hover{color:#FF4D4D;text-decoration:none}
.red{color:#FF0000}
#wrap{width:1158px;background-color:#FFF;margin-top:10px;padding:10px 20px 5px;border:1px solid #CDCDCD;box-shadow:0 0 5px rgba(0,0,0,0.2)}
#wrap li{width:1138px;padding:6px 0 4px 10px;font-size:16px;float:left;border-bottom:1px dashed #DDD;height:40px;line-height:40px}
#wrap li span{float:left;height:30px}
#wrap li .cat{width:84px;color:#999}
#wrap li .cat a{color:#999}
#wrap li .icon{width:40px}
#wrap li img{width:30px;height:30px;margin:4px 4px 0 0}
#wrap li .title{width:600px}
#wrap li .size{width:80px;text-align:right;margin-right:15px}
#wrap li a{width:280px;height:48px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}
#wrap li a:hover{text-decoration:underline;color:#FF7200}
#wrap li .time{width:110px;color:#999;float:right}
#wrap li .stars{background:url(../images/stars.png) no-repeat;width:79px;height:28px;margin:10px 20px 0px 20px}
#wrap li .star5{background-position:0px 0px}
#wrap li .star4{background-position:-15px 2%}
#wrap li .star3{background-position:-32px 2%}
#wrap li .star2{background-position:-48px 2%}
#wrap li .star1{background-position:-64px 2%}
#wrap li .title .a{background:url(../images/axi.gif) no-repeat 0 0;margin:13px 0 0 8px;*margin-top:4px;width:15px;height:20px;position:absolute}
#wrap li .title .i{background:url(../images/axi.gif) no-repeat -19px 0;margin:13px 0 0 8px;*margin-top:4px;width:15px;height:20px;position:absolute}
.zt_inner{margin-top:10px;width:1198px;border:1px solid #CCC;height:325px;display:block}
.zt_inner .pic,.zt_inner .pic img{width:500px;height:285px}
.zt_inner .pic{float:left;margin:20px 20px 20px 30px;display:inline-block}
.zt_inner .info{float:left;margin:20px auto auto 10px;width:600px;display:inline-block;color:#999;height:285px;overflow:hidden}
.zt_inner b{margin-right:10px;color:#219492;font-size:20px}
.zt_inner .subject_name{font-size:20px;color:#333;height:40px;font-weight:bold}
.zt_inner .subject_description{margin-top:20px;font-size:16px;line-height:32px;color:#666}
.zt_inner_con{border:1px solid #CCC;padding:14px 0 19px 14px;margin-top:20px}
.zt_inner_hd{overflow:hidden;height:36px;margin:15px 30px 10px 15px;background:#F0F0F0}
.zt_inner_hd h3{height:36px;line-height:36px;width:100px;text-align:center;background:#219492;font-size:20px;font-weight:700;color:#FFF}
.zt_inner_list li{color:#808080;float:left;height:170px;margin:30px 15px 0;display:inline;position:relative;width:360px;background:url(../images/bg_case_f.png) no-repeat scroll 0 bottom}
.zt_inner_list li p{width:335px;height:140px;padding:15px 10px 10px 15px;position:absolute;left:0;bottom:14px;background:url(../images/tv.gif) no-repeat scroll 0 0;line-height:22px}
.zt_inner_list li a strong,.zt_inner_list li span a{display:block;cursor:pointer}
.zt_inner_list li img{width:80px;height:80px;padding:1px 2px;margin:0 10px 7px 0;float:left}
.zt_inner_list li a strong{font-size:15px;height:23px;line-height:23px;width:234px;overflow:hidden;margin:6px 0 5px 0}
.zt_inner_list li span a{width:56px;height:25px;color:#333;background:#f9f9f9;border:1px solid #ddd;text-align:center;line-height:25px;position:absolute;top:60px;right:17px}
.zt_inner_list li.hover span a{background:#219492;border:1px solid #219492;color:#fff;text-decoration:none}
.zt_inner_list li span a:hover{background:#ff7d00;border:1px solid #ff7d00;color:#fff;text-decoration:none}
.zt_inner_list li em{display:block;clear:both;height:50px;font-style:normal;color:#666;overflow:hidden}
.zt_inner_list li em font{color:#ff7d00;font-size:12px;font-weight:bold;margin-right:5px}
.special_pool .tilte-left,.about_article .tilte-left{margin:15px 30px 5px 15px;overflow:hidden;height:27px}
.special_pool .tilte-left h3,.about_article .tilte-left h3{height:24px;line-height:24px;border-left:4px solid #219492;font-size:20px;padding-left:10px;font-weight:700}
.special_pool .f14{font-size:14px}
.special_pool .f16{font-size:16px}
.special_pool .f18{font-size:18px}
.special_pool .f20{font-size:20px}
.special_pool .f22{font-size:22px}
.special_pool .style1{color:#4a9a20}
.special_pool .style2{color:#CB9E16}
.special_pool .style3{color:#009cff}
.special_pool .style4{color:#ff0066}
.special_pool .style5{color:#0d9f9a}
.special_pool .style6{color:#884bf8}
.special_pool .style7{color:#656565}
.special_pool .style8{color:#FF1717}
.pool-bd a{height:30px;line-height:30px;margin:2px 20px 2px 0}
.main{background:#fff;width:1200px;margin:0 auto;overflow:hidden}
.wm-warp .wrap-bar{float:left;width:170px;background:#f9f9f9;overflow:hidden}
.wm-warp .wrap-bar .bar-a{margin-top:-10px;padding-bottom:10px}
.wm-warp .wrap-bar a{display:block;height:42px;line-height:42px;border-left:2px solid #f9f9f9;color:#666;font-size:16px;text-align:center;margin-top:10px}
.wm-warp .wrap-bar a.current{border-color:#219492;background:#f3f3f3;color:#000}
.wm-warp .wrap-bar a:hover{border-color:#219492;background:#f3f3f3}
.wm-warp .wap-con{float:right;width:980px;padding-right:20px;overflow:hidden;min-height:1000px}
.wm-warp .wap-con .title{height:41px;line-height:41px;border-bottom:1px solid #f1f1f1}
.wm-warp .wap-con .title h2{font-size:22px;font-weight:bold;color:#666}
.wm-warp .wap-con .con{font-size:16px;color:#666;line-height:30px;padding-top:15px}
.wm-warp .link-box{border:1px solid #ccc;font-size:14px;margin-top:15px}
.wm-warp .link-box p.tit{height:38px;line-height:38px;background:#f3f3f3;float:left;width:100%;overflow:hidden}
.wm-warp .link-box p.tit span{float:left;display:block;text-align:center;color:#666;overflow:hidden}
.wm-warp .link-box .name{width:164px;border-right:1px solid #ddd}
.wm-warp .link-box .type{width:134px;border-right:1px solid #ddd}
.wm-warp .link-box .desc{width:678px}
.wm-warp .link-box dl{margin-bottom:-1px;float:left;width:100%;border-bottom:1px solid #ddd}
.wm-warp .link-box dl:last-child{border-bottom:0}
.wm-warp .link-box dl dd{float:left;height:44px;line-height:44px;text-align:center;color:#444;overflow:hidden}
.wm-warp .link-box dl a:hover{color:#09f;text-decoration:underline}
.map-con{line-height:30px;padding-top:3px}
.map-con h3{font-size:18px;font-weight:700;color:#09f;padding:13px 0 7px}
.map-con h3 a{color:#09f}
.map-con p{font-size:15px;margin-bottom:5px}
.map-con p a{color:#666;margin-right:30px;display:inline-block}
.map-con p a:hover{text-decoration:underline;color:#09f}
.map-con p span.flei{display:block;width:100%}
.map-con p span.flei a{color:#333;font-weight:bold}
.map-con p span.flei a:hover{color:#09f;text-decoration:none}
.time-axis{margin-top:60px;width:100%}
.time-axis dl{position:relative}
.time-axis .line-x{width:94%;height:1px;background-color:#f1f1f1;display:block;margin-left:3%}
.time-axis dd{float:left;width:227px;text-align:left;cursor:pointer}
.time-axis dd i.circle{background:url(../images/zoom.png) no-repeat 0 0;width:15px;height:15px;position:absolute;top:-8px;margin-left:30px}
.time-axis dd em{font-size:16px;display:block;color:#666;line-height:42px;text-indent:16px;text-align:left}
.time-axis .content{margin-top:70px}
.nei{display:none;border:1px solid #ccc;width:940px;border-radius:12px;position:relative;margin-top:25px;padding:0 20px}
.nei i.arrow{background:url(../images/zoom.png) no-repeat 0 -76px;width:21px;height:25px;position:absolute;top:-25px;margin-left:5px}
.nei .nei_rong{border-bottom:1px solid #f1f1f1;padding-bottom:15px}
.nei .nei_rong.nb{border-bottom:0}
.nei .nei_rong h3{font-size:18px;color:#666;font-weight:bold;padding:15px 0 10px}
.nei .nei_rong p.txt{font-size:14px;color:#666;line-height:22px}
.time-axis dd:hover i.circle,.time-axis dd.current i.circle{background-position:0 -35px}
.time-axis dd:hover em,.time-axis dd.current em{color:#219492}
.noneborder{border-bottom:none !important}
#feedback{background-color:#fff;border:1px solid #ddd;margin-top:10px}
#feedback .feed-tit{padding:30px 0 20px;font-size:26px;color:#333;font-weight:bold;text-align:center}
#feedback .feed-cont{padding-bottom:15px}
#feedback .feed-cont p{vertical-align:top;margin:30px 40px}
#feedback .feed-cont span{vertical-align:top;display:block;margin:0;padding:30px 40px;border-bottom:1px solid #ddd}
#feedback .feed-cont label{color:#333;float:left;font-size:16px;width:90px;height:42px;position:relative;top:8px}
#feedback .feed-cont input{width:220px;height:22px;border:1px solid #ccc;border-radius:3px;padding:10px 0 10px 15px;font:14px/22px "Microsoft YaHei"}
#feedback .feed-cont #pLink{width:600px}
#feedback .feed-cont #pContent{width:920px;height:169px;border:1px solid #ccc;padding:13px 15px;resize:none;border-radius:3px;font:14px/24px "Microsoft YaHei"}
#feedback .feed-cont .grey{color:#999}
#feedback .feed-cont .foc{color:#333;border-color:#219492 !important}
#feedback #submitBtn{width:235px;height:44px;border-radius:3px;border:none;background-color:#219492;font-size:18px;font-family:"Microsoft YaHei";color:#fff;padding:0;cursor:pointer}
#feedback #submitBtn.hover{background-color:#fe9b00}
.side-bar{position:fixed;bottom:259px;right:8px;z-index:999}
.side-bar a{display:block;cursor:pointer;width:60px;height:60px;margin-bottom:5px;color:#676767;text-align:center;position:relative}
.side-bar a s{display:block;width:60px;height:60px;background:url(../images/back_top.png) no-repeat}
.side-bar a span{line-height:20px}
.side-bar a.gotop s{background-position:0 0}
.side-bar a.qr s{background-position:0 -70px}
.side-bar a.gotop:hover s{background-position:-70px 0}
.side-bar a.qr i{width:140px;height:140px;position:absolute;left:-170px;top:50%;margin-top:-82px;display:none}
.side-bar a.qr:hover i{display:block}
.side-bar a.qr i{background:url(../images/ewmicon.png) no-repeat;padding:10px 20px 10px 10px}
.side-bar a.qr i img{width:140px;height:140px}
.g-icon-qr2,.side-bar a.qr:hover s{background-position:-70px -70px}
.disurl_n{background-color:#fc9324 !important;}
.yuyue_bg{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:88888;display:none}
.yuyue_box{position:fixed;left:50%;top:50%;width:400px;margin-left:-200px;height:260px;margin-top:-130px;z-index:99999;background:#fff;border-radius:10px;overflow:hidden;font-size:16px;display:none}
.yuyue_box .box_title{background:#00a1ff;font-size:18px;color:#fff;padding:10px 15px}
.yuyue_box .box_val{padding:20px 30px 0 30px;margin-bottom:5px}
.yuyue_box .box_val input{display:block;width:94%;padding:12px 3%;border:1px solid #ddd;border-radius:6px;font-size:16px}
.yuyue_box .box_txt{line-height:60px;text-align:center;color:#888}
.yuyue_box .box_btn{border-top:1px solid #eee;padding:20px 10px;overflow:hidden}
.box_btn span{float:left;width:44%;line-height:46px;margin:0 3%;background:#bbb;color:#fff;text-align:center;border-radius:6px;cursor:pointer}
.box_btn .btn_q{background:#00a1ff}
.yuyue_btn{float:left;width:240px;height:60px;line-height:60px;background:#00a1ff;color:#fff;font-size:16px;text-align:center;border-radius:6px;cursor:pointer}




/*截图*/
.pic-bd{height:480px;padding:20px 0;position:relative;overflow:hidden;}
.pic-bd .btn{display:block;width:50px;height:90px;background:url(../images/picarrow.png) 0 0 no-repeat;position:absolute;top:50%;margin-top:-45px;}
.pic-bd i{display:block;position:absolute;width:18px;height:26px;top:50%;margin-top:-13px;left:13px;}
.pic-bd .bleft{display:none;left:0;}
.pic-bd .bright{ right:0;background-position:-60px 0;}
.pic-bd .bleft:hover{background-position:0 -100px;}
.pic-bd .bright:hover{background-position:-60px -100px;}
.piclist{width:10000px;position:absolute;left:0;top:20px;
	-moz-transition:background 0.5s ease-in,color 0.3s ease-out;
    -webkit-transition:background 0.5s ease-in,color 0.3s ease-out;
    -o-transition:background 0.5s ease-in,color 0.3s ease-out;
    transition:background 0.5s ease-in,color 0.3s ease-out;}
.piclist .picitem{float:left;/* width:286px;*/padding-right:30px;}

.picitem .picitem-con{display:table-cell;height:480px;vertical-align:middle;}
.picitem .picitem-con img{max-width: 390px; max-height: 300px;}



.heiping {position: fixed;top: 0px;height: 100%;left: 0px;width: 100%;background: rgba(0,0,0,0.8);z-index: 3333}
.danchuan_img {position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;z-index: 3334;background-position: center center;background-size: 25%;background-repeat: no-repeat;}

.c-hd{ height:44px; line-height:44px; border-bottom:2px solid #ddd; position:relative; }
.c-hd h3{ float:left; height:46px; background:#fff; padding-right:4px; margin-bottom:-2px; position:relative; }
.c-hd h3 span{ display:block; float:left; height:43px; border-bottom:3px solid #219492; font-size:20px; font-weight:700; padding:0 4px; }
.c-hd .c-tab{float:left; height:46px; margin-bottom:-2px; position:relative; }
.c-hd .c-tab li{ float:left; padding:0 10px; height:46px; cursor:pointer; margin-right:12px; font-size:18px; color:#565656; }
.c-hd .c-tab li.tab_2{  background:url(http://www.xp510.com/statics/v3/images/tab_line.gif) no-repeat center bottom; color:#09f; }
.c-hd .c-tab li a{ color:#565656; }
.c-hd .c-tab li:hover, .c-hd .c-tab li a:hover{ color:#09f; }
.more {    font-size: 14px;    color: #888;    float: right;}
.w880{width: 806px;border:1px solid #ececec;padding:10px 20px 0;overflow:hidden;}
.w880 .text-list{ width:104%; padding:12px 0; }
.w880 .text-list li{ background:url(http://www.xp510.com/statics/v3/images/dian2.gif) no-repeat left center; padding-left:13px; float:left; width:367px; height:36px; line-height:36px; margin-right:55px; font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.w880 .text-list li a:hover{ text-decoration:underline; }
.w880 .text-list li:hover{ background-image:url(http://www.xp510.com/statics/v3/images/dian1.gif); }
.w880 .text-list li .type{ margin-right:6px; }
.w880 .text-list li .type a{ color:#888; }
.w880 .text-list li .type a:hover{ color:#09f; text-decoration:underline; }
.sf-list2{ width:106%; padding-bottom:20px; padding-top:2px; }
.sf-list2 li{float:left;width: 240px;margin-top:20px;mar;margin-right: 44px;}
.sf-list2 li .img{ float:left; width:48px; margin-right:12px; }
.sf-list2 li .img img{ display:block; border-radius:6px; }
.sf-list2 li .intro{width: 180px;overflow:hidden;position:relative;}
.sf-list2 li .name{ font-size:14px; height:16px; line-height:16px; margin-bottom:11px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
.sf-list2 li .p-star{ height:26px; }
.sf-list2 li .other{ font-size:12px; color:#999; margin-top:3px; }
.sf-list2 li .down-link{ position:absolute; top:10px; right:0; }
.sf-list2 li .down-link a{ display:block; width:56px; height:26px; line-height:26px; text-align:center; color:#09f; background:#fff; border:1px solid #219492; overflow:hidden; }
.sf-list2 li .down-link a:hover{ background-color:#219492; color:#fff; }
.sf-list2 li.no_line{ width:838px; height:0; line-height:0; font-size:0; border-top:1px dashed #ddd; overflow:hidden; }
.stars{background:url(http://www.xp510.com/statics/v3/images/stars.png) no-repeat; width:79px; height:17px; display:inline-block; vertical-align:middle;}
.star5{background-position: 0 0;}
.star4{background-position: -16px 0;}
.star3{background-position: -32px 0;}
.star2{background-position: -48px 0;}
.star1{background-position: -64px 0;}

.ztxz {width:100%;display: block;}
/*隐藏软件提交*/

.rightsidebar a:nth-child(3) {display:none;}
.foot_box .foot_about .footnav a:nth-child(5){display:none;}

.area-c {
    float: right;
    width: 252px;
    overflow: hidden;
}
.u-xiazainav a {
    text-indent: -100000px;
    width: 251px;
    height: 75px;
    display: block;
    margin-bottom: 24px;
    background-repeat: no-repeat;
    background-image: url(../images/20181012.png);
    background-size: 100%;
    float: right;
}
.u-xiazainav a {
    text-indent: -100000px;
    width: 251px;
    height: 75px;
    display: block;
    margin-bottom: 24px;
    background-repeat: no-repeat;
    background-image: url(../images/20181012.png);
    background-size: 100%;
    float: right;
}
.u-xiazainav a.gaosu {
    background-position: 0 -96px;
}
.w880 {
    width: 808px;
    border: 1px solid #ececec;
    padding: 10px 20px 0;
    overflow: hidden;
}
.c-hd {
    height: 44px;
    line-height: 44px;
    border-bottom: 2px solid #ddd;
    position: relative;
}
.xzbox-lf {
    float: left;
    padding: 17px 0 6px;
    width: 314px;
}
.xzbox-gh {
    float: right;
    width: 524px;
    padding-top: 20px;
}
.xzbox-lf h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 14px;
    width: 295px;
}
.xzbox-lf ul li {
    float: left;
    padding: 9px 13px 2px 0;
}
.xzbox-lf .title {
    color: #9ea0a2;
    font-size: 15px;
    padding-top: 15px;
}
.bendi-zhen li a {
    display: block;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    position: relative;
    font-size: 13px;
    text-indent: 23px;
    color: #999;
}
.xzbox-lf ul.bendi-zhen li a i {
    background: url(../images/icosprit.png) no-repeat -54px 4px #999;
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    width: 18px;
    height: 18px;
    overflow: hidden;
    background-size: 90px;
    border-radius: 50px;
}
.xzbox-lf ul li a i {
    background: url(../images/icosprit.png) no-repeat -212px -303px;
    display: block;
    position: absolute;
    left: 8px;
    top: 5px;
    width: 20px;
    height: 20px;
    overflow: hidden;
}

/*New*/

.layout {
    display: inline-block;
	width:1200px;
}
.cont-box {
    overflow: hidden;
    padding: 20px;
    _zoom: 1;
}
.layout-l {
    
   
}

.mod-head {
    position: relative;
    padding: 10px;
    height: 30px;
    border-bottom: 1px solid #eee;
}
.tips, .ban-btn i, .mod-head strong, .dl-good strong i, .b-coll-love, .star-grey, .star-light, .coll-btn, .course-lev i, .course-list li {
    background: url(../images/sprite.png) no-repeat;
    float: left;
    display: inline;
    overflow: hidden;
}
.mod-head strong {
    float: left;
    padding-left: 42px;
    font-size: 20px;
    font-weight: 700;
	color:#333;
}
.mod-head .cap-info {
    background-position: -126px -150px;
}
.hd-nav {
    float: right;
    font-size: 16px;
    line-height: 32px;
    color: #ddd;
}
.hd-nav a {
    color: #333;
    margin: 0 17px 0;
    display: block;
    float: left;
}
.hd-nav i {
    float: left;
}
.hd-nav .more2 {
    float: right;
    color: #666;
    font-size: 16px;
    line-height: 32px;
    margin-left: 50px;
}
.info-box {
    margin-top:20px;
    display: inline-block;
	width:105%;
	margin-left:-20px;
}
.info-box .info-item {
    float: left;
    margin-left: 20px;
    width: 224px;
    background: #f2f2f2;
    position: relative;
	margin-bottom:20px;
}
.info-box .info-item .type {
    display: block;
    position: absolute;
    right: 8px;
    top: -5px;
    background: #ff9400;
    padding: 3px 8px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    z-index: 2;
}
.info-box .info-pic {
    width: 224px;
    height: 140px;
    overflow: hidden;
    position: relative;
}
.info-box .info-pic img {
    -webkit-transition: opacity 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
    transition: opacity 0.5s ease 0s, transform 0.5s ease 0s;
	width:224px;
}
.info-box .info-pic .shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 32px;
    line-height: 32px;
    width: 224px;
    background: #000;
    -moz-opacity: 0.5;
    -webkit-opacity: 0.5;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.info-box .info-pic .name {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 32px;
    line-height: 32px;
    padding: 0 8px;
    text-align: center;
    overflow: hidden;
}
.info-box .info-pic .name span {
    font-size: 14px;
    text-align: center;
    color: #fff;
}
.info-box .info-desc {
    font-size: 12px;
    color: #888;
    line-height: 25px;
    height: 50px;
    padding: 0 10px;
    margin-top: 3px;
    overflow: hidden;
}

/*news detail*/
.crumb {
    margin: 10px 0;
}
.crumb, .crumb a {
    font-size: 12px;
    color: #aaa;
}
.w1200 {
    width: 1200px;
    margin: 0 auto;
}
.crumb .icon{
    background-image: url(../images/icon_home.png);
    background-repeat: no-repeat;
    background-size: 207px 980px;
}
.crumb .icon {
    display: inline-block;
    width: 20px;
    height: 18px;
    background-position: 0 -77px;
    margin-right: 10px;
    position: relative;
    top: 4px;
}
.clearfix {
    margin-right: auto;
    margin-left: auto;
    *zoom: 1;
}
.clearfix:before, .clearfix:after {
    display: table;
    content: "";
    line-height: 0;
}
.clearfix:after {
    clear: both;
}
.detail_wrap .fl_wrap {
    width: 830px;
}
.news_detail_wrap {
    background: #fff;
    padding-bottom: 20px;
}
.news_detail_wrap .tit {
    padding: 20px 0;
    text-align: center;
    margin: 0 20px;
    border-bottom: 1px solid #d9d9d9;
}
.news_detail_wrap .tit h1 {
    display: block;
    line-height: 40px;
    font-size: 24px;
    font-weight: 700;
    margin: 10px 0 20px 0;
}
.news_detail_wrap .tit .source {
    color: #999;
}
.news_detail_wrap .tit .source span {
    margin: 0 20px;
}
.news_detail_wrap .cont {
    padding: 20px;
    font-size: 16px;
    color: #666;
    line-height: 1.5;
}
.news_detail_wrap .cont p {
    margin-bottom: 20px;
   /* text-indent: 2em; */
}
.news_detail_wrap .cont img {
    display: block;
    max-width: 500px;
    margin: 20px auto;
    height: auto !important;
}
.news_detail_wrap .cont p span {
    /* display: block; */
    text-align: center;
    margin-top: 20px;
}
.news_detail_wrap .cont_tags a {
    color: #219492;
    margin-right: 10px;
}
.next_pre {
    padding: 20px 0;
    margin: 0 20px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
	font-size:14px;
}
.next_pre p {
    width: 50%;
    float: left;
}
.next_pre p a {
    display: inline-block;
    width: 300px;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    top: 4px;
}
.h20 {
    width: 100%;
    height: 20px;
}
.padding20 {
    padding: 20px;
}
.detail_wrap .fl_wrap .padding20, .detail_wrap .fr_wrap .padding20 {
    background: #fff;
}
.title_black {
    border-bottom: 3px solid #333;
    position: relative;
}
.title_black h3 {
    display: inline;
    font-size: 20px;
    font-weight: 700;
    border-bottom: 3px solid #219492;
    padding-bottom: 5px;
    position: relative;
    top: -5px;
}
.about_game li {
    position: relative;
    width: 188px;
    float: left;
    margin: 20px 9px 0 0;
}
.about_game li a, .about_game li img {
    display: block;
}
.about_game li img {
    width: 80px;
    height: 80px;
    border-radius: 14px;
    float: left;
    margin-right: 8px;
}
.about_game li .info {
    width: 100px;
    float: left;
    color: #666;
    font-size: 12px;
}
.about_game li .info .name {
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.about_game li .btn {
    width: 80px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 2px;
    color: #fff;
    background: #219492;
    position: absolute;
    bottom: 0;
    left: 88px;
}

.detail_wrap .fr_wrap {
    width: 350px;
}

.game_phb {
    width: 310px;
    overflow: hidden;
}
.game_phb .tab_menu {
    width: 342px;
    margin-bottom: 15px;
}
.game_phb .tab_menu li {
    width: 142px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    background: #555;
    float: left;
    border-