@charset "utf-8";

/* CSS Document */

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, 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;}
body {height:100%; color:#333;-webkit-text-size-adjust:none;}
body{font:12px/18px Arial,"Lantinghei SC","Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,Arial,sans-serif; background:#f1f1f1;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
address, cite, em{font-style:normal;}
li{list-style-type:none;color: #b3b3b3;}
a{text-decoration:none;color: #333;}
a:hover{color:#cf0b22;text-decoration:none;}
fieldset, img {border:0;}
label,button{cursor: pointer;}
select,input,textarea,font{font-size:12px; }
.clear{clear:both; line-height:0px; overflow:hidden;}


/*top*/
#top{ width:100%; background:#4b4b4b; margin-bottom: 10px;}
.topcon{ width:970px; margin:0 auto; overflow:hidden; zoom:1; height:35px;}
.words{ width:260px; height:26px; display:inline-block; background: url(../images/uooo.png) -122px -101px no-repeat; margin-top: 3px; float: left;}
.topcon ul{ float:right; padding-top:7px;}
.topcon ul a{ color:#c2c2c2; padding-left:10px;}
.topcon ul a:hover{ color:#f60000;}
.topcon ul i{ color:#606060; padding-left:10px;}

/*banner*/
#banner{ width:970px; height: 260px; overflow:hidden; zoom:1; margin: 0 auto; position: relative;}
#banner img{ width: 612px; height: 260px;}
#banner .pic{
    float: left;
    width: 612px;
    overflow: hidden;
    zoom: 1;
}
#banner span{ background: url(../images/topicbg.png) repeat; width: 280px; height: 180px; color: #fff; float: right; padding: 50px 39px 30px 39px; overflow: hidden; zoom: 1;}
.topicname{ font-size: 28px; height: 28px; line-height: 28px; font-family: "Microsoft Yahei";}
.topicintro{ font-size:14px; line-height: 22px; margin-top: 20px; color: #ddd; overflow: hidden; zoom: 1; font-family: "Microsoft Yahei";}

.title{ width:970px; height: 65px; overflow:hidden; zoom:1; margin: 0 auto; padding: 4px 0px;}
.title h2{}
.title h2 span{ display:inline-block; float: left; font-family: "Microsoft Yahei";}
.name_l{ height: 70px; width: 18px; background: url(../images/topic.png) 0px -11px no-repeat;}
.name_c{ height:39px; line-height:39px; background: #37bbfd; color: #fff; font-size: 16px; margin-top: 14px; padding-right: 12px; font-weight:normal;}
.name_r{ height:39px; background: url(../images/topic.png) 0px -126px no-repeat; width: 20px; margin-top: 14px;}
.share{ width: 237px; _width: 250px; float:right; padding-top: 14px;}
.share b{ width:50px; display:inline-block; float:left; font-weight: normal; padding-top: 8px;}

/*专题列表*/
#topic{ width: 971px; margin:0 auto; overflow:hidden; zoom:1;}
#topic ul{ width: 990px; overflow: hidden; zoom: 1; }
#topic ul li{ width: 317px; height: 185px; overflow:hidden; zoom:1; float: left; margin-right: 10px; margin-bottom: 10px;}
.box{ width: 285px; height: 153px; border:1px solid #e1e2e0; background:#fff;
    border-radius: 2px; padding: 15px;}
.box img{ width:86px; height:86px;}
.box a{ display:inline-block; float: left; padding-right: 10px; position: relative; height: 86px; overflow: hidden; zoom: 1;}
.box h3{ height: 22px;}
.box h3 a{ color: #0088cc; font-weight: normal; font-size: 16px; padding-right: 0px; position: absolute; font-family: "Microsoft Yahei"; /* display: block; */ white-space: nowrap;}
.box h3 a:hover{ color:#df0000;}
.box a span{ display:block; width: 86px; height: 86px; background: url(../images/acover.png) -3px -2px no-repeat; position: absolute;}
.box strong{display: inline-block;font-weight:normal;width: 180px;overflow: hidden;zoom: 1;height: 60px;}
.box strong.topname{ line-height:20px;height:20px;font-size:14px; overflow:hidden;zoom:1;}
.box i{background: url(../images/uooo.png) no-repeat -535px -105px;width: 61px; display: block;}
.box i b{width:80%;background: url(../images/uooo.png) no-repeat -467px -105px;display: block;height: 22px;}
.tbox{ overflow:hidden; zoom:1;}
.pf{ color:#888;}
.pf font{ color:#d2d2d2; padding:0px 8px;}
.pf p{ display:inline;}
.pf p a{ color:#555; padding-top: 1px; height: 20px; padding-top: 3px;}
.pf p a:hover{ color:#df0000;}
.intro{ display:block; color:#757575; line-height:20px; float: left; padding-top: 9px;}

/*其他合集*/
/*滚动图片*/
#gimg{width: 970px;  overflow: hidden;  zoom: 1;  z-index: 99;  position: relative;  margin: 0 auto;    border-radius: 10px;  height: 145px;  margin-top: 6px;   }

/*截图*/
.fl{float:left;/*padding-left: 50px;*/}
.fr{float:right}
.pr{    position: relative;}
.pa{ position:absolute;}
#shot-list{ left:0;}
.shot-wrap{ width: 970px; height: 135px; overflow:hidden; zoom:1; margin: 10px 20px 0px 33px;}
.shot-banner{ font-size:0;}
.shot-list li{  width: 210px;  height: 130px;  display: inline-block;  vertical-align: bottom;  padding: 0px 8px; *display:inline; *zoom:1;
    /*padding-right: 13px;*/ /* padding-right: 12px; */}
.shot-list li img{ cursor: pointer;  height: 107px;  width: 210px;   padding: 0px;}
.focusBts{  background: #fff url(../images/topicscroll.png) no-repeat;  width: 27px;  height: 109px;  position: absolute;  cursor: pointer;  z-index: 2;  opacity: 1.0;}
#focusBtl{ background-position: 0px 0px; left: 0px; top: 10px;}
#focusBtr{ background-position: -27px 0px;  right: 0px;  top: 10px; }
#focusBtl:hover{ background-position: 0px -108px; left: 0px;}
#focusBtr:hover{ background-position: -27px -108px; right: 0px;}
.shot-list li span{ width: 210px; height: 110px; display:block; position: absolute; left: 0px; top: 0px; background: url(../images/tcover.png) -4px -3px no-repeat;}
.shot-list li a{ display:block; position: relative; cursor: pointer;}
.shot-list li a:hover{ color:#df0000;}
.newscon .shot-list a p{ padding-top: 3px; font-size: 12px; color: #333; text-indent: 0px; width: 80px; display: block; text-align: center; line-height: 18px;}
.newscon .shot-list a:hover p{ color:#df0000;}
.shot-list li a p{ text-align:center; padding-top:6px; color:#333;}
.shot-list li a:hover p{ color:#df0000;}

/*导航*/
#nav{ width:174px; _width:160px; float:left; background:#fff; border:1px solid #dfdfdf; border-radius:2px; position: relative; margin-left: 6px;}
#nav h2{ font-size:15px; color:#fff; font-weight:normal; background: url(../images/top.png) 0px 0px no-repeat; height: 46px; line-height: 46px; text-indent: 8px; position: absolute; left: -7px; width: 173px; top: 8px; padding-left: 19px;}
#nav ul{ padding-top: 60px; overflow:hidden; zoom:1;width: 177px;}
#nav ul li{ width:174px; height: 42px; border-bottom: 1px solid #f1f1f1; border-left:3px solid #fff;}
#nav ul li a{ padding-left: 20px; display: inline-block; padding-top: 11px; width: 145px; cursor: pointer;}
#nav ul li a em{ width: 24px; height:20px; display:inline-block;background: none; float: right; color:#d0d0d0;}
#nav ul li a span{ font-size:14px; color:#777; display: inline-block;}
#nav ul li.hover a em,#nav ul li:hover a em{color: #f31a22;}
#nav ul li.hover a span,#nav ul li:hover a span{ color:#f31a22;}
#nav ul li.hover,#nav ul li:hover{ background:#f5f5f5; border-left:3px solid #f31a22;}


#list{ width:970px; margin:0 auto; overflow:hidden; zoom:1;}
.place{ height: 30px; border-bottom: 1px solid #dfdfdf; padding-top: 3px; overflow: hidden; zoom: 1;}
.place p{ color:#999;}
.place p a{ color:#666666; padding: 0px 5px;}
.place p b{ font-weight:normal; color:#17a7ef; padding: 0px 5px;}
.place p a:hover{ color:#df0000;}

/*合集列表*/
.listcon{ width:764px; _width:744px; float:right; overflow: hidden; zoom: 1;}
.listcon ul{ width: 760px; overflow: hidden; zoom: 1; padding-top: 30px; margin-left: 30px;}
.listcon ul li{ float:left; width:212px; height: 140px; padding-right: 40px; padding-bottom:20px; position: relative;}
.listcon ul li a{ overflow: hidden;  display: block;  cursor: pointer; }
.listcon ul li a span{width: 210px;height: 98px;display: block;position: absolute;left: 0px;top: 0px;/* background: url(../images/tcover.png) -4px -3px no-repeat; *//* background-size:  200px auto; */}
.listcon ul li a img{width:210px;height: 98px;border-radius: 10px;}
.listcon ul li p{ text-align:center; font-size:14px; color:#444; padding-top: 6px;}
.listcon ul li a:hover p{ color:#df0000;}
.listcon div{
    border: 1px solid #dfdfdf;
    margin: 0 0 30px;
    overflow: hidden;
    background: #fff;
}
.listcon div h3{
    line-height: 35px;
    padding: 3px 0 3px 30px;
    border-bottom: 1px solid #dadada;
    height: 35px;
    display: inline-block;
    width: 100%;
    font-size: 16px;
    font-weight: normal;
    border-left: 3px solid #f31a22;
    background: #f9f9f9;
}
.listcon div h3 a.more{
    float: right;
    margin: 0 53px 0 0;
    font-size: 14px;
    color: #f31a22;
}
.listcon div h3 a.more:hover{color:#f80; trasition:.3s ease;}

/*分页*/
#page{ height:30px; line-height:30px; text-align:right; font-size:14px; padding: 0px 20px 20px 30px; float: left; overflow: hidden; zoom: 1;}
#page a{ background:#e8e8e8; padding: 5px 11px; margin: 0 6px 0 0; color: #666; border: 1px solid #d7d7d7;}
#page a:hover{ color:#fff; background:#22b0f7; text-decoration:none;}
#page span{ padding: 4px 10px; margin: 0 1px 0 0; background: #22b0f7; color:#fff;}
#page b.sele{ color:#fff; background:#7db700; text-decoration:none; padding: 4px 10px; margin: 0 3px 0 0;}
#page b.total{ color:#999; font-weight:normal;}
#page b.selected{ background: #22b0f7; border: 1px solid #22b0f7; color:#fff; padding: 5px 11px;  margin: 0 6px 0 0;}
#page strong.total{ color: #888; font-weight:normal;}

/*底部*/
#bottom{ background: #f6f6f6; overflow:hidden; zoom:1; height: 126px; border-top: 1px #d4d4d4 solid;position: relative; margin-top: 20px; font-weight: normal;}
.bottom1{ width:970px; height:75px; display:block; margin:0px auto; padding-top: 20px; color:#fff}
.bottom1 li{ width:970px; text-align:center; height: 26px; line-height: 26px; color: #aaa; }
.bottom1 li a{ color: #555; padding: 0px 14px; cursor:pointer;}
.bottom1 li a:hover{ color:#df0000;}
.bottom1 li font{ color: #0cacfe; margin:0px 7px;}
.bottom1 li.word{ color:#999;}


/*NEW*/
@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, 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;}
body{height:100%;background: #f1f1f1;font: 12px/1.5em "Microsoft Yahei";color:#454545;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
address, cite, em{font-style:normal;}
ol,ul{list-style-type:none;}
a{text-decoration:none;color:#08c;outline:none;}
a:hover{color:#f60000!important;text-decoration:none;}
a:focus{outline:none;}
fieldset, img {border:0;}
label,button{cursor: pointer;}
input,select,label{vertical-align:middle;}
select,input,textarea,font{font-size:12px;line-height:1.2em;}
img{display:inline;height: auto;}
i{font-style:normal;}
strong{font-weight:normal;}
*{margin:0px;padding:0px;}
img:hover{opacity:0.8;filter:alpha(opacity=80);}
.clearfix:after {content: " ";display: block;height: 0;clear: both;}
.clearfix {zoom: 1;}
/*end*/

/*top*/
#top{ width:100%; background:#4b4b4b; margin-bottom: 12px;}
.topcon{ width:970px; margin:0 auto; overflow:hidden; zoom:1; height:35px;}
.words{width: 292px;height:26px;display:inline-block;background: url(../images/uooo.png) -122px -101px no-repeat;margin-top:3px;float: left;}
.topcon ul{ float:right; padding-top:7px;}
.topcon ul a{ color:#c2c2c2; padding-left:10px;}
.topcon ul a:hover{ color:#f60000;}


/*banner*/
.banner{width:1000px;height:250px;margin:0 auto;position:relative;}
.banner a{display: block;width:1000px;height:250px;}
.banner img{width:1000px;height:250px;}
.banner h2{cursor:pointer;overflow:hidden;zoom:1;font-size:18px;text-align:center;color:#fff;width:999px;height:40px;line-height:40px;background:url(../images/opacity.png) 0 0 repeat;position:absolute;bottom:0px;left:0px;}
.banner h2:hover{color:#f60000;}
/*content*/
#content{width:1000px;margin:0 auto;margin-top: 15px;margin-bottom: 50px;}
/*daohang*/
.anchor{border:1px solid #d9d9d9;height: 52px;/* border-radius: 5px; */}
.anchor ul{-moz-box-shadow:2px 2px 5px #969696;filter:progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=5);box-shadow: 0px 1px 3px rgba(0,0,0,0.15);background:#fff;/* border-radius: 5px; */}
.anchor li{background:#fff;width:118px;text-align:center;float:left;display:inline;height:50px;line-height:50px;position: relative;}
.anchor li a{width:110px;float:left;display:inline;color:#4d4d4d;font-size:15px;}
.anchor li a:hover{color:#19a7ee!important;}
.anchor li.hover a{border-bottom:2px solid #19a7ee;color:#19a7ee;}
.anchor li>i{color: #fff;background: #dddcdc;width: 1px;height: 15px;border: none;position: absolute;top: 16px;right: 0px;}
.anchor span{margin-right:20px;position:relative;width:118px;height: 52px;line-height:50px;text-align:center;font-size:16px;color:#fff;background:#19a7ee;float:left;display:inline;/* border-radius: 5px; */}
.anchor span i{height: 33px;width: 15px;background:url(../images/anxiu_new.png) -55px -62px no-repeat;position:absolute;right: -11px;top: 8px;}

/*ios*/
.cont_ios{padding:20px 30px 0 30px;}
.cont_top{border-bottom:1px solid #e3e2e2;height:55px;}
.cont_top h3{height:55px;line-height:55px;float:left;display:inline;font-size:24px;color:#515151;position:relative;padding-left:40px;}
.cont_top h3 em{width: 28px;height: 28px;background: url(../images/anxiu_new.png) -9px -68px no-repeat;position:absolute;bottom:12px;left:0px;}
.cont_top a{height:55px;line-height:55px;font-size:14px;color:#08c;float:right;display:inline;}

.cont_bottom{width:940px;overflow:hidden;zoom:1;padding-top:17px;}
.cont_bottom ul{width:965px;}
.cont_bottom ul li{float:left;display:inline;width: 210px;margin-right: 31px;padding-bottom:35px;}
.cont_bottom ul li img{border-radius: 5px;width: 210px;height: 110px;}
.cont_bottom ul li a:hover strong{color:#f60000;}
.cont_bottom ul li a strong{cursor:pointer;display: block;color:#000;font-size:12px;overflow:hidden;zoom:1;line-height: 20px;height: 20px;text-align: center;margin: 10px 0;}
.cont_bottom li div{float:left;display:inline;width: 210px;}
.cont_bottom ul li div strong{position:relative;color:#999;font-size:12px;width:64px;padding-left:20px;float:left;display:inline;}
.cont_bottom li div strong i{width:13px;height:13px;position:absolute;bottom:2px;left:0px;background:url(../images/anxiu_new.png) -55px -37px no-repeat;}
.cont_bottom ul li div span{position:relative;color:#999;font-size:12px;width:70px;padding-left:20px;float:right;display:inline;}
.cont_bottom li div span em{width:13px;height:13px;position:absolute;bottom:2px;left:0px;background:url(../images/anxiu_new.png) -55px -15px no-repeat;}

.cont_azsoft h3 em{background: url(../images/anxiu_new.png) -11px -102px no-repeat;}
.cont_azgame h3 em{background: url(../images/anxiu_new.png) -12px -7px no-repeat;}
.cont_iosgame h3 em{background: url(../images/anxiu_new.png) -11px -134px no-repeat;}
.cont_k h3 em{background:url(../images/anxiu_new.png) -10px -165px no-repeat;width: 30px;height: 30px;}
.cont_book h3 em{background: url(../images/anxiu_new.png) -11px -38px no-repeat;}
.cont_iossoft h3 em{width:32px;height:32px;}
.cont_azsoft,.cont_azgame,.cont_iosgame,.cont_iossoft,.cont_k,.cont_book{padding: 0 30px;margin-top: 25px;background: #fff;padding-top: 15px;}

/*底部*/
#bottom{ background: #f6f6f6; overflow:hidden; zoom:1; height: 126px; border-top: 1px #d4d4d4 solid;position: relative;font-weight: normal;}
.bottom1{ width:970px; height:75px; display:block; margin:0px auto; padding-top: 20px; color:#fff}
.bottom1 li{ width:970px; text-align:center; height: 26px; line-height: 26px; color: #aaa;}
.bottom1 li a{ color: #555; padding: 0px 14px;}
.bottom1 li a:hover{ color:#df0000;}
.bottom1 li font{color: #f31a22;margin:0px 7px;}
.bottom1 li.word{ color:#999;}


.fixed{position:fixed;top:0px;z-index:10;width:1000px;background:#fff;border: 1px solid #d9d9d9;}