@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong,ul,li sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin: 0; padding: 0;}
ul,li{list-style: none;}
i{ font-style:normal;}
a{color: #08c; text-decoration: none;font-family: arial,microsoft yahei;}
a:hover{color: #fb7b00; text-decoration: none;}
address, cite, em{font-style: normal;}
input{ border:0;outline: none; }
body{background: #fafafa none repeat scroll 0 0; color: #b6b6b6; font: 12px/1.5em "Arial Narrowa","Microsoft YaHei";}
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfix {zoom: 1;}
.fl{float:left;}
.fr{ float: right; }


/*顶部*/
.top{width:100%;height:30px;line-height:30px;background:#f0f0f0; display: none;}
.wrapper_1180 {width: 1200px;margin: 0 auto;}
.topleft{float:left;}
.topleft i { float:left;display: block; width:22px; height: 30px; background-image: url(../images/icons.png); background-position: 0 0 }
.topright { float: right; }
.topright a,.topright .wzdh{ display: inline-block; padding:0 5px; position: relative; }
.topright .wzdh span {cursor: pointer; }
.topright .wzdh .icon_moreall{float:right;width:10px;height:12px;margin:11px 2px 0 5px;background:url(../images/icons.png) no-repeat;background-position: -109px -10px }
.header{margin:0 auto;background-color: #f5f5f5}
.logo{}
.nav{height:48px;line-height:48px;background:#0877d0; }
.nav .wrapper_1180 {position:relative; width: 1200px;margin: 0 auto;}
.nav ul li{float:left;font-size:14px;/* width:120px */;text-align:center;padding:0 30px;}
.nav ul li.cur{background:#06841a}
.nav ul li:hover{background:#005293;}
.nav ul li a{color:#fff;}
.icon_more{float:right;width:8px;height:4px;margin:26px 12px 0 0;background:url(../images/head_more.png) no-repeat;}
.nav ul li.on .icon_more{background-position:-15px 0;}
.m_nav{position:absolute;background:rgba(0,82,147,0.9);z-index:2;width:1180px;left:0px;top:48px;display:none;height:50px;line-height:45px;}
.m_nav a{display:inline!important;font-size:14px;padding:0 12px;}
.m_nav a:hover{color:#fff0b6;}
.search_cont { float: right; width: 210px; margin-top: 14px; display: block;}
.search_cont .key { background-color: #fff; color: #666; border:0; line-height: 24px; height: 24px; width: 158px; padding:0 5px; float: left; margin-right: 2px; }
.search_cont .submit { background-color: #f02f2f; color: #fff;border:0; line-height: 24px; height: 24px; width:40px; text-align: center; float: left; }

/*内容*/
.content_soft{width: 1200px;margin:10px auto 0;position:relative;background: #fff;padding-bottom: 15px;}
.content_soft .item_box{width: 270px;margin: 0px 15px;float: left;}
.content_soft .item_box h4{width:100%;line-height: 40px;font-size: 18px;color: #313131;}
.content_soft .item_box .more{display: block;width: 50px;height: 20px;font-size: 14px;float: right;background: #d6d6d6;color:#fff;font-weight: normal;text-align:center;line-height: 20px;border-radius: 10px;margin-top: 10px;}
.content_soft .item_box .more:hover{color: #eb5151;}
.content_soft .item_box ul{margin-top: 10px;}
.content_soft .item_box ul li a{padding-left: 25px;display: block;height: 36px;line-height: 36px;background: url(https://www.chuzhaobiao.com/SkinNew/images/m2newslist.jpg) left -14px no-repeat;color: #3f3f3f;}
.content_soft .item_box ul li a:hover{background: url(https://www.chuzhaobiao.com/SkinNew/images/m2newslist.jpg) left -58px no-repeat;color: #eb5151;}

h3.title_l { background: url(../images/title_l.jpg) left top no-repeat; line-height: 50px; height: 50px; font-size: 20px; color: #333; margin: 0; padding-left:20px }
h3.title_l span { font-size: 14px; color: #bbb; font-weight: normal; padding-left: 8px; }
h3.title_l p { float: right; margin: 0 }
h3.title_l p a { display:inline-block; font-size: 12px; font-weight: normal; padding:0 20px }
h3.title_l a.azmore { float: right;  margin-right: 20px;font-size: 14px; color: #999  }
h3.title_l a.azmore:hover { color:#ff3135; }

.mid2 {margin:20px auto 0; overflow: hidden;}
.gg_tabs {height: 128px;background: #fff;overflow: hidden;width: 1200px;margin: 13px auto;}
.gg_tabs .tab_titles {width: 120px;height: 100%;float: left;}
.gg_tabs .tab_titles ul li {width:118px;height: 42px;line-height: 42px;border: 1px solid #eee;border-top: 0;border-left: 0;position: relative;color: #333;font-size: 16px;text-align: center;cursor: pointer;}
.gg_tabs .tab_titles ul li span {display: inline-block;position: absolute;width: 8px;height: 13px;right: -8px;top: 17px;background: url(../images/sslc_pg.png) no-repeat -69px -44px;display: none;}
.gg_tabs .tab_titles ul li.on span {display: block;}
.gg_tabs .tab_titles ul li.on {background: #1da4ea;border-color: #1da4ea;color: #fff;}
.gg_tabs .tab_list {width: 1070px;height: 100%;float: left;}
.gg_tabs .hide {display: none;}
.gg_tabs .tab ul { margin-left:5px; }
.gg_tabs .tab ul li {width:80px;overflow: hidden; margin: 15px 0px 0 35px;float: left;position: relative;display: inline;}
.gg_tabs .tab ul li a {display: block;width: 80px;height: 100%;}
.gg_tabs .tab a:hover span.index_bt{color:red;}
.gg_tabs .tab ul li span.index_bt {display: block;height: 32px;line-height: 30px;text-align: center;color: #333;font-size: 14px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.gg_tabs .tab ul li img {width: 80px;height: 80px; border-radius:20px;}

.gltj { clear: both;padding: 20px; margin: 20px 0; background: #fff; overflow: hidden;}
.gltj h3{ font-size: 20px; font-weight: bold;  padding: 0 0 0 15px}
.gltj h3 p { float: right; font-size: 14px; font-weight: normal; background: url(../images/icon_lb.png) left center no-repeat; background-size: 30px auto; padding-left: 33px;  }
.gltj .slide {position: relative; padding: 15px 0 0 20px}
.gltj .slide ul {overflow: hidden;  }
.gltj .slide li { float: left; margin-right: 15px; }
.gltj .slide li a { display: block;width: 210px; position: relative; border: 1px solid #eee; }
.gltj .slide li a p.img {display: block; width: 210px; height: 140px; overflow: hidden;}
.gltj .slide li a img { display: block; width: 210px; height: 140px;transition:all .5s ease 0s; }
.gltj .slide li a:hover img {transform:scale(1.05,1.05);}
.gltj .slide li a p.bt { background: #eee; display: block; line-height: 36px; height: 36px; overflow:hidden;text-align: center; padding: 0 10px;  } 
.gltj .slide li a:hover {border: 1px solid #ff3135}
.gltj .slide li a:hover p.bt { color: #444 }
.gltj .slide li a i.new{ display: block; position: absolute; left:0px; top:0px; width:45px;height:39px;background: url(../images/icon_new.png); }
.gltj .slide li a em { display: none; position: absolute; left: 0; bottom: 0; text-align: center; width: 100%; line-height: 36px; font-weight: bold; font-size: 15px; color: #fff; background:rgba(255,49,53,0.9)}
.gltj .slide li a:hover em { display: block; }
.gltj .slide i { display: block; width: 29px; height: 78px; cursor: pointer; background: url(../images/kofpic_slide.png); position: absolute; }
.gltj .slide i.prev {background-position:0 0;top: 50px;left: -20px;}
.gltj .slide i.prev:hover { background-position:-29px 0 }
.gltj .slide i.next {background-position:0 -78px;top: 50px;right:-20px;}
.gltj .slide i.next:hover { background-position:-29px -78px }

.index_top { width: 1200px; margin:10px auto 8px;overflow:hidden;}

.index_top .index_left {float:right;width:700px;height:512px;overflow:hidden;margin-left:10px;background:#fff;}
.zx_side_left{width:700px; overflow:hidden; float:left;}
.zx_side_left .zx_cate{width:700px;margin-left:0px;line-height: 40px;padding-bottom: 15px;border-top: 2px solid #dfdfdf;}
.zx_side_left .zx_cate ul li{text-align:center; padding:8px 14px; margin-left:15px; float:left; color:#FFF; font-size:18px; background:#9f9f9f;}
.zx_side_left .zx_cate a{text-align:center;padding:8px 14px;margin-left:15px;float:left;color: #444;font-size:18px;margin-top: 0px;}
.zx_side_left .zx_cate a:hover{border-top: 2px solid #00aeff;margin-top: -2px;}
.zx_side_left .zx_cate .cur{border-top: 2px solid #00aeff;margin-top: -2px;}
.zx_side_left .zx_list{width:800px; overflow:hidden; height:2000px; background:#8080FF}
.zx_side_right{width:336px; overflow:hidden; float:right;}
.zx_side_right .zx_ad{width:336px;margin-top:20px;}
.list-li .firstnews{padding: 0 16px;color: #373737;font-size: 18px;font-weight:  bold;line-height:  30px;}
.list-li .firstnews .c{width: 465px;color: #444;display: inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}  
.list-li .firstnews .t{display: inline-block;width: 108px;float: left;height: 30px;line-height: 30px;text-align: center;color: #ff3135;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.list-li {padding:0 16px;color:#fff}
.list-li li{height: 22px;overflow: hidden;*zoom:1;padding: 10px 2px 10px 15px;font-size: 16px;url(http: //www.chuzhaobiao.com/SkinNew/images/m2newslist.jpg) left -14px no-repeat;background: url(https://www.chuzhaobiao.com/SkinNew/images/m2newslist.jpg) left -12px no-repeat;}
.list-li li:hover{background: url(https://www.chuzhaobiao.com/SkinNew/images/m2newslist.jpg) left -54px no-repeat;}
.list-li li:hover .c{color: #eb5151;}
.list-li li:hover .t{color: #eb5151;}
.list-li li:hover .s{color: #eb5151;}
.list-li li .c{width: 465px;color: #444;display: block;float: left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}  
.list-li li .t{float: left;width: 85px;height:22px;line-height:22px;text-align: center;margin-right:15px;font-size: 14px;color: #444;}
.list-li li .s{float: right;width:66px;height:22px;line-height:22px;text-align: right;color: #666;font-size: 14px;} 
.list-li li a:hover .c{color: #16387c;}  
.list-li li a:hover s{border-left: 3px solid #16387c;}
.list-li li .t a{color:#fff; display:block}
.list-li li .t a:hover{background: #16387c;}

.index_top .index_right {float:left;width:470px;height:512px;overflow:hidden;background:#fff;}
.m-smbanner,.m-bannerzl{height:310px;position: relative;overflow: hidden;}
.m-smbanner .banner-incWrap,.m-bannerzl .banner-incWrap{position: relative;height: 310px;margin-bottom: 12px;}
.m-smbanner .indicate,.m-bannerzl .indicate{position: absolute;left:0;bottom:0;width:470px;overflow: hidden;*zoom:1;height:52px;background: #353535;z-index: 2;}
.m-smbanner .indicate img,.m-bannerzl .indicate img{width:70px;height: 38px;display: block;}
.m-smbanner .indicate .indicate_cell,.m-bannerzl .indicate .indicate_cell{position: relative;float: left;width:70px;*font-size:0;background: #b4b4b4;margin-left:7px;margin-top: 7px;}
.m-smbanner .indicate-movew,.m-bannerzl .indicate-movew{height:4px;background: #b4b4b4;line-height: 0;display: none;}
.m-smbanner .indicate-move,.m-bannerzl .indicate-move{display: none;height: 4px;background: #16387c;width:0;}
.m-smbanner .indicate_mask,.m-bannerzl .indicate_mask{position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 38px;background-color: #000;opacity: 0.5;filter: alpha(opacity=50);}
.m-smbanner .indicate .indicate_cell_cur .indicate_mask,.m-bannerzl .indicate .indicate_cell_cur .indicate_mask{background:none;width:68px;height: 36px;border: 1px solid #16387c;opacity: 1;filter: alpha(opacity=100);}
.m-smbanner .indicate .indicate_cell_cur .indicate-movew,.m-bannerzl .indicate .indicate_cell_cur .indicate-movew{background: #ffb0b0;}
.m-smbanner .indicate .indicate_cell_cur .indicate-move,.m-bannerzl .indicate .indicate_cell_cur .indicate-move{display: block;}
.m-smbanner .banner-inc,.m-bannerzl .banner-inc{position: absolute;width:100%;height: 100%;overflow: hidden;-moz-opacity:0;-khtml-opacity:0;opacity:0;display: none;-moz-opacity:1;-khtml-opacity: 1;opacity: 1;display: block;z-index: 1;}
.m-smbanner .banner-inc .img,.m-bannerzl .banner-inc .img{float: left;width:470px;height:260px;}
.m-smbanner .banner-inc img,.m-bannerzl .banner-inc img{min-width:470px;width:auto;min-height:260px;height:auto;}
.m-smbanner .banner-text,.m-bannerzl .banner-text{position: absolute;left:0;width:470px;height:84px;bottom: 0;}
.m-smbanner .banner-text .bg,.m-bannerzl .banner-text .bg{position: absolute;top: 0;left:0;z-index: 1;opacity:0.6;filter: alpha(opacity=60);width:100%;height: 100%;background: #000;}
.m-smbanner .banner-t,.m-bannerzl .banner-t{z-index: 2;display: block;position: relative;color: #fff;}
.m-smbanner .banner-t .t,.m-bannerzl .banner-t .t{font-size: 16px;line-height: 35px;margin-bottom: 30px;text-indent: 10px;}
.m-smbanner .banner-btn,.m-bannerzl .banner-btn{position: absolute;height:84px;width:46px;top:80px;background:url(/SkinNew/images/mm.png) no-repeat -9999px;text-indent: -9999px;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;z-index: 2;-moz-transition: all .3s-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.m-smbanner .banner-btn:hover,.m-bannerzl .banner-btn:hover{text-decoration: none;color: #fff;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.m-smbanner .banner-lbtn,.m-bannerzl .banner-lbtn{left:-60px;background-position: -81px -81px;}
.m-smbanner .banner-rbtn,.m-bannerzl .banner-rbtn{right:-60px;background-position: -127px -81px;}
.m-smbanner .banner-lbtn-cur,.m-bannerzl .banner-lbtn-cur{left:0px;}
.m-smbanner .banner-rbtn-cur,.m-bannerzl .banner-rbtn-cur{right:0px;}
.m-catetitle{position: relative;padding-left: 44px;border-bottom:2px solid #16387c;height: 40px;margin-bottom: 10px;}
.m-catetitle .t{font-weight: bold;font-size: 20px;height: 40px;line-height: 40px;color: #333;}
.m-catetitle .t .text{color: #999;font-size: 12px;padding-left: 15px;font-style:normal;text-decoration:none;font-weight:normal;}
.m-catetitle i{position: absolute;left: 0;top: 0;background:url(/SkinNew/images/ic_package_2.png) no-repeat center;width: 40px;height: 40px;background-size:30px;}
.m-catetitle .link{position: absolute;right: 0;top: 0;height: 37px;line-height: 37px;}
.m-catetitle .link .s{float: right;height: 30px;line-height: 30px;margin-top: 8px;}
.m-catetitle .link .cir{text-align: center;width: 80px;color: #666;}
.m-catetitle .link .cirp{color: #666;text-indent:5px;}
.m-catetitle .link .cirp:hover{color: #16387c;}
.m-catetitle .link .cirp s,
.m-catetitle .link .ciri s{padding-left: 3px;color: #16387c;-moz-transition: transform .5s ease .1s;-webkit-transition: transform .5s ease .1s;-o-transition: transform .5s ease .1s;transition: transform .5s ease .1s;}
.m-catetitle .link .ciri{width:30px;position: relative;}
.m-catetitle .link .ciri:hover{background: #262626;}
.m-catetitle .link .ciri s{position: absolute;top: 9px;left: 9px;width: 13px;height: 11px;background:url(../../img/index_dont.png) no-repeat -177px 0;}
.m-catetitle .link .cirp:hover s,
.m-catetitle .link .ciri:hover s{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}
.m-catetitle .link .nor{color: #9c9c9c;}
.m-catetitle .link .nor:hover{text-decoration: underline;}
	

.soft_list li {overflow: hidden;height: 30px;padding: 15px 0 6px 0;}
.soft_list li em { float: left; display: block; font-style: normal; font-size: 14px; width: 22px; height: 22px; line-height: 22px; color: #fff; background: #1aabc0; text-align: center; }
.soft_list li p {margin: 0;float: left;margin-left: 10px;font-size: 15px;width: 280px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.soft_list li a{color: #444;}
.soft_list li span{}
.soft_list li .softlistview {float: right;display: block;width:56px;padding-left: 20px;line-height: 26px;border:1px solid #ccc;text-align: center;border-radius: 3px;position: relative;margin-top: -3px;margin-right: 10px;color: #b4b4b4;}
.soft_list li .softlistview i { position: absolute; top: 3px; left: 15px; background: url(../images/icon.png) no-repeat; display: block; width: 18px; height: 18px; background-position: -9px -4px}
.soft_list li .softlistview:hover {background: #00aeff;border: 1px solid #00aeff;color: #fff;}
.soft_list li .softlistview:hover i {background-position: -9px -39px}

/*mid3*/
.mid3{width: 100%; height:575px; overflow: hidden;text-align: left; clear: both; margin-top: 20px;}
.mid3 .picScroll-left{ }
.mid3 .picScroll-left .hd{ width: 1180px; margin:0 auto; position: relative;}
.mid3 .picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block; position: absolute; width:40px; height:70px;overflow:hidden;cursor:pointer; background:url("../images/slider-arrow.png") no-repeat #000; z-index:9;opacity: 0.7; border-radius: 4px;}
.mid3 .picScroll-left .hd .next{background-position:12px 19px;top: -550px;right: 0;}
.mid3 .picScroll-left .hd .prev{background-position:-105px 19px;top: -550px;left: 0;}
.mid3 .picScroll-left .hd a:hover { opacity: 1 }
.mid3 .picScroll-left .hd ul{position: absolute;top: -410px;left: 550px;z-index:9;}
.mid3 .picScroll-left .hd ul li{ float:left; overflow: hidden;  width:11px; height:11px;margin-right:8px; cursor:pointer; opacity: 0.7; background: #fff;text-indent: -99px; border-radius: 11px }
.mid3 .picScroll-left .hd ul li.on{ opacity: 1 }
.mid3 .picScroll-left .bd{ width: 100%;}
.mid3 .picScroll-left .bd ul{ overflow:hidden;width: 100%; }
.mid3 .picScroll-left .bd ul li{float:left; overflow:hidden; text-align:left; position: relative; height: 650px;width: 100%; }
.mid3 .picScroll-left .bd ul li .bigimg { width: 100%; display: block; height:420px; overflow: hidden; }
.mid3 .picScroll-left .bd ul li .bigimg img { width: 100%; display: block; min-height:420px; }
.mid3 .game_box { position: absolute; top: 270px; width: 100%}
.mid3 .w1200 { background: #fff;}
.mid3 .bt { margin:0 20px; color: #999; border-bottom:1px solid #dfdfdf; line-height: 40px; height: 40px ;font-size: 20px; font-weight:bold; color: #666;}
.mid3 .bt span { border-left: 4px solid #00aeff; height: 20px; float: left; padding-right: 8px; margin-top:11px; }
.mid3 .focusgame {width:1150px;height:110px;margin:0 auto}
.mid3 .focusgame .gimg{float:left;width:125px;height:125px;overflow:hidden;margin:-30px 0 0 15px; border-radius: 20px}
.mid3 .focusgame .gimg img{display:block;width:125px;height:125px;}
.mid3 .focusgame .gcon{float:left;width:700px;overflow:hidden;margin-left:20px; margin-top: 5px}
.mid3 .focusgame .gname a { display: block; height:40px;line-height:40px;overflow:hidden;font-weight:700; font-size: 20px; color: #666}
.mid3 .focusgame .gintro{height:20px;line-height:20px;overflow:hidden;color:#666;margin-top:0px;}
.mid3 .focusgame .gintro span { font-size: 14px; padding-right: 20px}
.mid3 .focusgame .gintro b{font-weight:700;}
.mid3 .focusgame  .glink{ margin-top: 7px;}
.mid3 .focusgame  .glink span{ float: left;height:24px;line-height:24px; font-size: 14px; color: #333}
.mid3 .focusgame  .glink em{ float: left; height:24px; line-height: 24px; border:1px solid #ccc; color: #999; padding: 0 10px; border-radius: 4px; overflow:hidden;margin-right:10px;display:block; font-size: 14px;}
.mid3 .focusgame  .glink a{ float: left; height:24px; line-height: 24px; border:1px solid #00aeff; color: #00aeff; padding: 0 10px; border-radius: 4px; overflow:hidden;margin-right:10px;display:block; font-size: 14px;}
.mid3 .focusgame  .glink a:hover{color:#fff; background: #00aeff}
.mid3 .focusgame .gbtn{float:right;width:210px;height:78px;margin:20px 10px 0 0;display:inline}
.mid3 .focusgame .gbtn a{background:url(../images/btnitem.png) no-repeat;display:block;width:210px;height:80px;overflow:hidden;line-height:99;margin-bottom:8px}
.mid3 .focusgame .gbtn .bt1{background-position:0 0}
.mid3 .focusgame .gbtn .bt2{background-position:0 -85px}
.mid3 .focusgame .gbtn .bt1:hover{background-position:-130px 0}

.news_list { padding:15px 20px 20px 20px; overflow: hidden;}
.news_list a { display:block; line-height: 30px; float: left; width: 47.7%; margin-right: 50px;}
.news_list a:nth-child(2n) { margin-right:0; }
.news_list a p { font-size: 14px; padding:5px 0 5px 20px ; color: #333; line-height: 30px; height: 30px; overflow: hidden; display: block;background: url(../images/m2newslist.jpg) left -10px no-repeat; }
.news_list a:hover p{color: #ff5b5e;background: url(../images/m2newslist.jpg) left -53px no-repeat; }
.news_list a span { float: right; font-size: 12px; color: #999; margin-top: 5px; }
.news_list a em { color: #999; padding-right:3px; }

.rank_box{width: 1200px;margin: 20px auto;}
.rank_box:after { clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden; }
.rank_box:after { _zoom:1; }
.yui-sectop {position: relative;color: #323232;background-image: url(#icon-flame0);margin-bottom: 18px;border-bottom: 1px solid #e2e2e2;height: 40px;}
.yui-sectop * {vertical-align: middle;}
.yui-sectop .top-icon {display: inline-block;width: 40px;height: 40px;margin-right: 18px}
.yui-sectop .title {display: inline-block;font-size: 22px;font-weight: 700;color: #323232;}
.yui-sectop .blue { display: inline-block;width: 6px; height: 22px; margin-right: 10px; border-radius: 3px; background: #369fff;vertical-align: middle;}
.yui-sectop .blue2 { display: inline-block;width: 6px; height: 22px; margin-right: 10px; border-radius: 3px; background: #e86459;vertical-align: middle;}
.yui-sectop .blue3 { display: inline-block;width: 6px; height: 22px; margin-right: 10px; border-radius: 3px; background: #84c400;vertical-align: middle;}
.yui-sectop .subtitle {display: inline-block;margin-left: 20px;font-size: 14px;color: #737373;}
.yui-sectop .top-rt {position: absolute;top: 50%;right: 0;transform: translateY(-50%);font-size: 14px;color: #737373;}
.yui-sectop .top-rt .icon {margin-right: 9px;vertical-align: middle;}
.yui-sectop a.azmore { float: right; font-size: 14px; color: #999  }


.yui-card0halign-flagbox {position: relative;	display: inline-block;	margin-top: -2px;margin-right: 10px;vertical-align: top;}
.yui-card0halign-flagbox .flag-txt {position: absolute;	top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: .6rem;color: #fff;text-anchor: middle;dominant-baseline: middle;}
.yui-card0halign-iconbox {	position: relative;	display: inline-block;	text-align: center;	vertical-align: middle;}
.yui-card0halign-iconbox img {	overflow: hidden;	z-index: 0;}
.yui-card0halign-iconbox .tip {	position: absolute;	top: 0;	left: 0;	z-index: 1;}
.yui-card0halign-iconbox .tip .tip-txt {position: absolute;	top: 50%;left: 50%;	transform: translate(-50%,-50%);font-size: .6rem;font-weight: 700;color: #fff;text-anchor: middle;	dominant-baseline: middle;	z-index: 2;}
.yui-card0halign-iconbox .banner {position: relative;display: block;margin-top: -.5rem;	z-index: 1;}
.yui-card0halign-infobox {	display: inline-block;	vertical-align: middle;}

.yui-card0halign-infobox .high-layer {width: 120px;font-size: 16px;color: #323232;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.yui-card0halign-infobox .high-layer * {vertical-align: middle;}
.yui-card0halign-infobox .middle-layer {position: relative;	margin-top: 10px;font-size: 14px;color: #737373;}
.yui-card0halign-infobox .middle-layer * {	vertical-align: middle;}
.yui-card0halign-infobox .low-layer {margin-top: 14px;font-size: 14px;color: #898989;}
.yui-card0halign-infobox .low-layer * {	vertical-align: middle;}
.yui-card0halign-infobox .low-layer,.yui-card0halign-infobox .middle-layer {position: relative;}
.middle-layer .red .icon{width: 17px; height: 17px; vertical-align: middle; background: url(http://www.okemu.com/Skin/images/rank_icon.png) no-repeat left center; background-position: -38px -4px;; margin: 0px 7px 0px -17px;}

.yui-card0halign-infobox .low-layer .slot-rt,.yui-card0halign-infobox .middle-layer .slot-rt {position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.yui-card0halign-infobox .low-layer .blue,.yui-card0halign-infobox .low-layer .red,.yui-card0halign-infobox .low-layer .yellow,.yui-card0halign-infobox .middle-layer .blue,.yui-card0halign-infobox .middle-layer .red,.yui-card0halign-infobox .middle-layer .yellow {display: inline-block;	font-weight: 700;}
.yui-card0halign-infobox .low-layer .red,.yui-card0halign-infobox .middle-layer .red {color: #ff6c57;}
.yui-card0halign-infobox .low-layer .red .icon{width: 17px;height: 17px;float: right;vertical-align: middle;background: url(http://www.okemu.com/Skin/images/pahangbang_icon.png) no-repeat left center;background-position: -38px -4px;margin: 4px 7px 0px 0px;}
.yui-card0halign-infobox .low-layer .slot-lft,.yui-card0halign-infobox .middle-layer .slot-lft {display: inline-block;position: relative;margin-right: 16px;}
.yui-card0halign-infobox .low-layer .slot-lft:after,.yui-card0halign-infobox .middle-layer .slot-lft:after {content: "";position: absolute;	top: 50%;right: -11px;transform: translateY(-50%);width: 0;height: 12px;border-right: 1px solid #d8d8d8}
.yui-card0halign-rankbox {	display: inline-block;	vertical-align: top;	margin-top: .1rem;	margin-left: .5rem;	font-size: .85rem;	font-weight: 700;	line-height: 1;	color: #444;}
.yui-card0halign {	display: table-cell;position: relative;	width: 3000px;	font-size: 0;vertical-align: middle;}
.yui-card0halign .yui-card0halign-iconbox {	margin-right: 8px;}
.yui-card0valign-actionbox {margin-top: .5rem;}
.yui-card0valign-iconbox img {	overflow: hidden;}
.yui-card0valign-infobox .high-layer {margin-top: 10px;font-size: 16px;color: #323232;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.yui-cranklist0 .selected .yui-card0halign-actionbox{overflow: hidden;position: absolute;top: 24%;right: 0;width: 46px;height: 25px;display: inline-block;text-align: center;line-height: 25px;font-size: 14px;color: #00aeff;border-radius: 5px;border: 1px solid #dcdcdc;}
.yui-cranklist0 {width: 260px;position: relative;float: left;margin-right: 23px;border: 1px solid #ececec;padding: 10px;background: #fff;}
.rank_box .last{margin-right: 0;margin-left: 3px;}
.yui-cranklist0 .caption {margin-bottom: 3px;font-size: 20px;color: #323232;	text-align: center;}
.yui-cranklist0 .caption p {font-size: 18px;float: left;}   
.yui-cranklist0 .selected:after {width: 100%;}
.yui-cranklist0 .selected .yui-card0halign-iconbox {display: inline-block!important;}
.yui-cranklist0 .selected .low-layer {display: block!important;}
.yui-cranklist0 li {color: #323232;position: relative;}
.yui-cranklist0 li:after {content: "";position: absolute;top: 50%;left: 50%;	width: 0;height: 100%;	z-index: -9;transform: translate(-50%,-50%);transition: width 2s;background-image: linear-gradient(90deg,#fff 0,#f5fafe 50%,#fff);}
.yui-cranklist0 .yui-card0halign {border-bottom: 1px dashed #d8d8d8;padding: 15px 0;}
.yui-cranklist0 .yui-card0halign-flagbox {width: 28px;margin: 0;font-size: 14px;color: #323232;vertical-align: middle;}
.yui-cranklist0 .yui-card0halign-iconbox {display: none;}
.yui-cranklist0 .yui-card0halign-iconbox img {width: 60px;height: 60px;}
.yui-cranklist0 .yui-card0halign-infobox .low-layer {display: none;}
.yui-cranklist0 .yui-card0halign-infobox .low-layer .icon {margin-left: 0;}
.yui-cranklist0 .yui-card0halign-infobox .low-layer .slot-lft {margin-right: 16px;}
.yui-cranklist0 .yui-card0halign-infobox .low-layer .slot-lft:after {right: -9px;}



/*mid4*/
.mid4{overflow: hidden; clear: both; margin-top: 20px;}
.mid4 .software {width: 770px;background: #fff;height: 430px;margin-bottom: 20px;}
.mid4 .ranks {width: 410px;background: #fff;height: 430px;}
.mid4 .ranks ul{display: block;width: 360px;height: 440px;margin:10px 0 0 20px;}
.mid4 .ranks ul li{width: 100%;display: block;float: left;margin-bottom: 19px;}
.mid4 .ranks ul li.on .bt,
.mid4 .ranks ul li.on>.rd,
.mid4 .ranks ul li.on .ico{display: none;}
.mid4 .ranks ul li.on .info{display: block;}
.mid4 .ranks ul li span{display: block;float: left;width: 20px;height: 20px;background: #f2f2f2;color: #666;text-align: center;line-height: 20px;font-size: 12px;margin-right: 12px;}
.mid4 .ranks ul li .bt{display: block; float: left; width: 220px; height: 18px; line-height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; color: #333;}
.mid4 .ranks ul li .ico{height:9px;width:7px;background: url(../images/ico-list.png) no-repeat;background-position: 0 0;margin: 8px 0 0 40px;}
.mid4 .ranks ul li .ico.down{background-position: -11px 0;}
.mid4 .ranks ul li .info{display: none;width: 320px;height: 80px;}
.mid4 .ranks ul li.on>span{height: 50px;line-height: 50px;margin-top: 14px;}
.mid4 .ranks ul li>span.lis1{background:#ff5b5b;color: #fff;}
.mid4 .ranks ul li>span.lis2{background: #f88641;color: #fff;}
.mid4 .ranks ul li>span.lis3{background: #f6c85b;color: #fff;}
.mid4 .ranks ul li .info .img{width: 80px;height: 80px;overflow: hidden;border-radius: 18px;margin-right: 16px;}
.mid4 .ranks ul li .info .img img{width: 80px;height: 80px;border-radius: 18px;}
.mid4 .ranks ul li .info .name p{display: block;float: left;width: 120px;height: 30px;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 18px;font-weight: bold;color: #333;}
.mid4 .ranks ul li .info .name p:hover{color: #ff3135;}
.mid4 .ranks ul li .rd{width: 100px;line-height: 18px;text-align: right;font-size: 12px;color: #999;    height: 18px;overflow: hidden;white-space: nowrap;margin-right: 4px;}
.mid4 .ranks ul li .info .rd{height:30px;line-height:30px;margin-right:0;}
.mid4 .ranks ul li .info .size{width: 140px;height: 40px;line-height: 20px;color: #999;font-size: 12px;margin-top: 10px;}
.mid4 .ranks ul li .info .downl{width: 70px;text-align: center;height: 30px;line-height: 30px;background: #f0f0f0;color: #ff3135;font-size: 14px;border-radius: 4px;margin-top: 12px;}
.mid4 .ranks ul li .info .downl:hover{background: #ff3135;color: #fff;}

.mid4 .zxnews { background:#fff; margin-bottom: 20px; }
.mid4 .zxnews .news_list { padding-top: 0 }

.latest{ width: 480px; background: #fff; height:450px }
.latest .news_list {padding:10px 20px;}
.latest .news_list a { display:block; line-height: 30px;}
.latest .news_list a p { font-size: 14px; padding:7px 0 7px 20px ; padding-right: 20px; margin: 0; color: #333; line-height: 30px; height: 30px; display: block;font-family: "Microsoft YaHei";background: url(../images/m2newslist.jpg) left -8px no-repeat;overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
.latest .news_list a:hover p{color: #ff3135;background: url(../images/m2newslist.jpg) left -51px no-repeat; }
.latest .news_list a span { float: right; font-size: 12px; color: #999; margin-top: 5px; }

.mid4 .slist { overflow: hidden; margin:5px 0 10px 10px; }
.mid4 .slist li{display: block;float: left;width: 115px;height: 160px;margin: 5px 3px 3px 2px;padding: 15px 15px 0px 15px;text-align: center;}
.mid4 .slist li .img{display: block;width: 105px;height: 105px;overflow: hidden;border-radius: 18px; margin: 0 auto}
.mid4 .slist li .img img{width: 105px;height: 105px;border-radius: 18px;}
.mid4 .slist li .name p{font-size: 14px;text-align: center;width: 100%;height: 25px;line-height: 26px;overflow: hidden;margin-top: 5px;}
.mid4 .slist li .category { color: #999 }
.mid4 .slist li .down {display: none;position: relative;width: 60px;margin: 10px auto 0;font-size: 14px;text-align: center;padding-left: 20px;background: #1da4ea;color: #fff;line-height: 28px;height: 28px;border:1px solid #0a97e1;border-radius: 4px;}
.mid4 .slist li .down i { position: absolute; top: 5px; left: 15px; background: url(../images/icon.png) no-repeat; display: block; width: 18px; height: 18px; background-position: -9px -40px}
.mid4 .slist li:hover .name,.mid4 .slist li:hover .category { display: none; }
.mid4 .slist li:hover { background: #f0f0f0 }
.mid4 .slist li:hover .down { display: block; }
.mid4 .slist li:hover .down:hover { background: #ec442c; border:1px solid #da351e;}


.mid4 .tlist { overflow: hidden;  margin:15px 0 10px 10px;}
.mid4 .tlist li{display: block;float: left;width: 110px;height: 160px;margin: 5px 14px 0;padding: 12px 15px;text-align: center;}
.mid4 .tlist li .img{display: block;width: 110px;height: 110px;overflow: hidden;border-radius: 18px;}
.mid4 .tlist li .img img{width: 110px;height: 110px;border-radius: 18px;}
.mid4 .tlist li .name p{font-size: 14px;text-align: center;width: 100%;height: 36px;line-height: 36px;overflow: hidden;margin-top: 5px;}
.mid4 .tlist li .down { display: none; position: relative;width: 60px; margin:15px auto 0; font-size: 14px; text-align: center; padding-left: 20px; background: #1da4ea; color: #fff; line-height: 28px; height: 28px; border:1px solid #0a97e1; border-radius: 4px }
.mid4 .tlist li .down i { position: absolute; top: 5px; left: 15px; background: url(../images/icon.png) no-repeat; display: block; width: 18px; height: 18px; background-position: -9px -40px}
.mid4 .tlist li:hover .name { display: none; }
.mid4 .tlist li:hover { background: #f0f0f0 }
.mid4 .tlist li:hover .down { display: block; }
.mid4 .tlist li:hover .down:hover { background: #ec442c; border:1px solid #da351e;}

.mid4 .topics { clear: both; background: #fff; padding-bottom: 20px; margin-bottom: 20px;}
.mid4 .game_fl { line-height: 35px; overflow: hidden; margin:20px 20px 0px; background: #faf9f9 }
.mid4 .game_fl span { float: left; display: block; width: 120px; padding-right: 10px; background: url(../images/icon.png) no-repeat; background-position: 0px -81px; color: #fff; font-size: 14px; font-weight: bold; text-align: center; }
.mid4 .game_fl p { float: right; line-height: 35px }
.mid4 .game_fl p a { display:inline-block; font-size: 14px; font-weight: normal; padding:0 5px 0 5px }
.mid4 .game_fl p a.bl { color: #00b2f9 }
.mid4 .game_fl p a.ye { color: #fb7327 }
.mid4 .game_fl p a.gr { color: #2ad214 }
.mid4 .game_fl p a.re { color: #fb534c }
.mid4 .game_fl p a:hover { color: #c00 }
.mid4 .soft_fl span {background-position: 0px -116px;}

.czbdq{width: 1200px;margin: 20px auto 0;}
.czbdq .czbdq_left{width: 880px;float: left;background: #fff;}
.czbdq .czbdq_left h4{line-height: 40px;color: #373737;font-size: 18px;margin-bottom: 15px;}
.czbdq .czbdq_left h4 .left{display: block; width: 5px;height: 20px;float: left;background: #32ade6;margin: 10px 10px 0 15px;}
.czbdq .czbdq_left h4 .right{float: right;font-size: 14px;font-weight:  normal;line-height: 40px;margin-right: 20px;}
.czbdq .czbdq_left .slide{width:830px;margin-left: 34px;position: relative;}
.czbdq .czbdq_left .slide ul {overflow: hidden;  }
.czbdq .czbdq_left .slide li {float: left;margin-right: 16px;}
.czbdq .czbdq_left .slide li a {display: block;width: 75px;position: relative;}
.czbdq .czbdq_left .slide li a p.img {display: block;width: 75px;text-align:  center;overflow: hidden;}
.czbdq .czbdq_left .slide li a img {display: block;width: 69px;height: 79px;transition:all .5s ease 0s;}
.czbdq .czbdq_left .slide li a p.bt{text-align: center;color: #373737;}
.czbdq .czbdq_left .slide i { display: block; width: 29px; height: 78px; cursor: pointer; background: url(../images/kofpic_slide.png); position: absolute; }
.czbdq .czbdq_left .slide i.prev {background-position:0 0;top: 1px;left: -33px;}
.czbdq .czbdq_left .slide i.prev:hover { background-position:-29px 0 }
.czbdq .czbdq_left .slide i.next {background-position:0 -78px;top: 5px;right: -18px;}
.czbdq .czbdq_left .slide i.next:hover { background-position:-29px -78px }



.czbdq .czbdq_left .qh_bottom{width: 810px;height: 110px;margin: 25px auto 25px;border-top: 1px solid #ccc;}
.czbdq .czbdq_left .qh_bottom .ts{width: 50px;height: 50px;font-size: 20px;line-height: 24px;text-align:  center;background: #ee4057;color: #fff;position: relative;float: left;margin-top: 29px;}
.czbdq .czbdq_left .qh_bottom .ts span{display:block;width: 15px;height: 15px;background: #ee4057;position:absolute;transform:rotate(45deg);top: 17px;right: -7px;}
.czbdq .czbdq_left .qh_bottom p{margin-top: 20px;margin-left: 65px;font-size: 14px;color: #373737;line-height: 33px;}
.czbdq .czbdq_right{width: 300px;float: right;background: #fff;}

.czbdq .czbdq_right h4{width:100%;font-size: 18px;color: #313131;}
.czbdq .czbdq_right h4 span{display:  block;width: 100px;height: 30px;line-height: 30px;text-align:  center;background: #d75851;color: #fff;margin: 16px 0 10px 15px;}
.czbdq .czbdq_right .top1{display: block;line-height: 60px;width: 270px;margin: 0 auto;font-size: 16px;color: #313131;margin-bottom: 10px;font-weight:  bold;}
.czbdq .czbdq_right ul{width: 270px;margin: 10px auto;}
.czbdq .czbdq_right ul li a{padding-left: 25px;display: block;height: 44px;line-height: 44px;background: url(https://www.chuzhaobiao.com/SkinNew/images/m2newslist.jpg) left -16px no-repeat;color: #3f3f3f;}
.czbdq .czbdq_right ul li a:hover{background: url(https://www.chuzhaobiao.com/SkinNew/images/m2newslist.jpg) left -59px no-repeat;color: #eb5151;}


.friendlink { background: #fff; padding-bottom: 10px }
.friendlink p { font-size: 14px; padding-right: 20px; color: #0a97e1 }
.friendlink ul { overflow: hidden;  margin:5px 0 10px 20px;}
.friendlink ul li { display: inline-block; margin-right: 30px; }
/*底部*/
.footer{text-align:center;line-height:24px;margin:20px auto 0;background:#2d3238;color:#fff;padding:50px 0; clear: both;}
.footer .logo { float: left; padding-top:5px }
.footer p { text-align: right; }
.footer a{color:#ddd;}
.footer a:hover{text-decoration:underline;}
.w1200{ width:1200px; margin:0 auto;}