/*the content*/

/*the first-screen*/
#content{ width:980px; margin:0 auto;}
.fisrt-screen{width:980px; height:345px; background:url(../img/and-first-screen.png) left 7px no-repeat; overflow:hidden; padding:7px 0 0 0; clear:both; position:relative;}
.lin{border-bottom:0px dotted #ddd;height:10px;overflow:hidden;}
.focus-box{width:361px;height:290px;position:relative; display:inline; margin:26px 0 0 10px;}
#panes {height:290px;position: relative;width:361px;}
#panes div {display: none;left: 0px;position: absolute;top: 0px;width:361px; z-index:10;}
#panes div a{ display:block; position:relative;}
#panes div a img{width:361px;height:290px;}
#panes div a .fillet{width:361px; height:290px; display:block; background:url(../img/cover-361-290.gif) left top no-repeat;position:absolute; left:0; top:0;}
#panes div a .focus-cover{width:361px; height:50px; overflow:hidden; background:url(../img/common-png.png) 0 -350px no-repeat;  position:absolute; left:0; top:240px; display:block; font-size:16px; color:#fff;}
#panes div a .focus-cover h2{ padding:0 10px; height:38px; line-height:38px; overflow:hidden;}
#panes div a .focus-cover .title{ font-size:22px; font-family:"\5fae\8f6f\96c5\9ed1"; color:#fff;}
#focus-nav {height:11px;position:absolute;top:273px;right:10px;background:none; z-index:20;}
#focus-nav ul {margin: 0 auto;}
#focus-nav li {float: left;text-align: center; margin-right:9px;}
#focus-nav a {display: block;width:11px;height:11px; background:url(../img/common-png.png) 0 -300px no-repeat;}
#focus-nav a.current {background-position: -50px -300px;}
.focus1{display: block;}
.recomm-box{ width:310px; padding:21px 0 0 17px;}
.recomm-box p a{ font-size:12px; color:#999}
.recomm-news{ text-align:center; height:70px; border-bottom:1px dotted #b2b2b2; overflow:hidden;}
.recomm-news h1{ margin-bottom:3px; width:310px; height:25px; overflow:hidden;}
.recomm-news h1 a{ font-size:18px; color:#689200; font-weight:bold;}
.recomm-news p { color:#666; margin:0 4px;line-height:18px; font-size:12px;  }
.recomm-news a:hover{ color:#689200; text-decoration:underline;}
#list-nav {padding-bottom:10px;margin-bottom:10px;border-bottom:#eee dashed 1px; width:100%; } 
#list-nav li{margin-bottom:5px;}
.news-list{ padding:8px 0 0 0;}
.news-list li{ height:26px; line-height:26px; overflow:hidden; vertical-align:bottom;}
.news-list li a{float:left;font-size:12px; color:#3c3c3c; height:26px; line-height:26px; overflow:hidden; width:258px;}
.news-list li a.cate{ display:block; width:44px; height:16px; text-align:center; overflow:hidden; line-height:16px; margin:5px 7px 0 0; background:url(../img/and-sprite.jpg) 0 -50px no-repeat; color:#aaa;}
.news-list li a:hover{ color:#689200;}
.news-list li a.cate:hover{ background-position: -100px -50px; color:#fff;}
.news-list li span a{color:#2856B0;width:58px;}.news-list li span a:hover{color:#f30;}
.newer-data{ width:244px; height:336px; background:url(../img/and-sprite.jpg) 0 -100px; overflow:hidden; margin:3px 15px 0 0; display:inline; position:relative;}
.newer-data .azxs{width:224px; height:70px;  position:relative; left:10px; top:0px; display:block; overflow:hidden;}
.newer-data .step a{ color:#444; padding-right:15px; line-height:24px; float:left;}
.newer-data .step a:hover{ color:#000; text-decoration:underline;}
.newer-data .step{ width:190px; position:absolute; left:30px;}
.newer-data .step-1{ top:96px;}
.newer-data .step-2{ top:150px;}
.newer-list{ position:absolute; left:30px; bottom:35px; height:70px;}
.newer-list li{ float:left; margin-right:28px;}
.newer-list li a{ display:block;width:70px; height:70px; position:relative;}
.newer-list li a img{ display:block; width:70px; height:70px;}



/*the main-con*/
.con-wrapper{ width:980px; background:url(../img/and-con-repeat.gif) left top repeat-y; clear:both;}
.con-wrapper .inner-top{ width:955px; background:url(../img/and-con-top.gif) left top no-repeat; padding:0 15px 0 10px; clear:both;}
.w681{ width:681px;}
.w244{ width:244px;}
.mt5{ margin-top:5px;}

.hot-con{ padding:0 0 0 5px;}
.hot-tab{ height:58px; clear:both;}
.hot-tab li{ float:left;}
.hot-tab li a{ display:block; width:112px; height:58px; text-align:center; line-height:50px; font-size:18px; color:#666; cursor:pointer;}
.hot-tab li a.current{ background:url(../img/and-sprite.jpg) 0 -500px no-repeat; color:#fff;}
.hot-pane{ min-height:485px; _height:485px;}

.hot-list{ padding:25px 0 0 0;}
.hot-list li{ float:left; width:210px; height:113px; overflow:hidden; padding:2px 0 0 13px;}
.hot-list li .img-area{ width:70px; margin-right:10px; }
.hot-list li .img-area a{ display:block; position:relative;cursor:pointer;}
.hot-list li .img-area a img{ display:block; width:70px; height:70px;}
.hot-list li .text-area{ width:126px; overflow:hidden;}
.hot-list li .text-area h3{ width:126px; height:24px; overflow:hidden;}
.hot-list li .text-area h3 a{ font-size:14px; color:#2b2b2b;}
.hot-list li .text-area h3 a:hover{color:#689200; }
.hot-list li .text-area p{ color:#666; line-height:18px;}
.hot-list li .text-area .star-box{margin-bottom:3px;}
.star-box{ width:75px; height:14px; margin-bottom:3px; position:relative;}
.star-box .star-none{ width:75px; height:14px; background:url(../img/star.gif) 0px -50px no-repeat;}
.star-box .star-all{ position:absolute; left:0; top:0; width:75px; height:14px; background:url(../img/star.gif) 0px 0px no-repeat;}


.tooltip{ display:none;}

#tips,.tooltip{ width:216px; height:140px; background:url(../img/common-png.png) 0 -650px no-repeat; _background:url(../img/common-gif.gif) 0 -150px no-repeat; padding:16px 0 0 27px; display:none; }
#tips h3,.tooltip h3{ font-size:14px; color:#444; height:22px; overflow:hidden;}
#tips .pay,.tooltip .pay{ color:#E86000; line-height:24px;}
#tips .info,.tooltip .info{ color:#666; line-height:20px; width:200px; height:40px; overflow:hidden;}
#tips .vote-count,.tooltip .vote-count{ height:45px; padding:5px 0 0 0;}
#tips .vote-count p,.tooltip .vote-count p{ font-size:14px; color:#5f5f5f; line-height:18px;}
#tips .vote-count .fun-box,.tooltip .vote-count .fun-box{ width:65px; height:40px; padding:5px 0 0 33px;}
#tips .vote-count .fun-box .fun,.tooltip .vote-count .fun-box .fun{ font-size:16px;color:#E86000;}
#tips .vote-count .no-fun-box,.tooltip .vote-count .no-fun-box{ width:65px; height:40px; padding:5px 0 0 43px;}
#tips .vote-count .no-fun-box .no-fun,.tooltip .vote-count .no-fun-box .no-fun{ font-size:16px;color:#2ba339;}

.mod-box{ width:673px; padding:0 0 0 5px; clear:both;}
.mod-box .hd{height:30px; line-height:30px; overflow:hidden;background:url(../img/and-sprite.jpg) 0 -600px no-repeat;}
.mod-box .hd h2{font-size:16px;color:#505050;padding-left:35px;}
.mod-box .hd h2 a{color:#505050;}
.mod-box .hd h2 a:hover{}
.mod-box .hd span a{color:#999;font-size:12px;margin-right:10px;line-height:35px; font-family:"\5b8b\4f53";}
.mod-box .hd span a:hover{color:#689e1e;}
.mod-box .bd{ padding:0 0 10px 0; height:149px; overflow:hidden;}

.game-list{ padding:30px 0 0 0;}
.game-list li{ float:left; width:96px; height:119px; margin:0 15px 0 0px;}
.game-list li .img-area{ display:block; width:70px; margin:0 auto; position:relative; cursor:pointer;}
.game-list li .img-area img{ display:block; width:70px; height:70px; }
.game-list li .text-area{ display:block; margin:15px 0 0 0;}
.game-list li .text-area p{ color:#3c3c3c; text-align:center; width:96px; height:18px; overflow:hidden; cursor:pointer;}
.game-list li a.text-area:hover p{color:#689200;}

.mod-box-2{width:333px; height:180px; padding:3px 0 3px 5px; background:url(../img/and-mod-box-2.png) 0 0 no-repeat; }
.mod-box-2.hover{ background-position:0 -200px;}
.mod-box-2 .hd{height:30px; line-height:30px; overflow:hidden;}
.mod-box-2 .hd h2{font-size:16px;color:#505050;padding-left:35px;}
.mod-box-2 .hd h2 a{color:#505050;}
.mod-box-2 .hd h2 a:hover{}
.mod-box-2 .hd span a{color:#999;font-size:12px;margin-right:20px;line-height:35px; font-family:"\5b8b\4f53";}
.mod-box-2 .hd span a:hover{ color:#689e1e;}
.mod-box-2 .bd{ width:328px; margin:0 auto; overflow:hidden;}

.mod-box-3{ width:244px; padding:13px 0 10px 0;}
.mod-box-3 .hd{height:25px; line-height:25px; overflow:hidden;background:url(../img/and-repeat.gif) 0 23px repeat-x; }
.mod-box-3 .hd h2{font-size:14px;color:#000;}
.mod-box-3 .hd span a{color:#999;font-size:12px;padding-right:10px;line-height:25px; font-family:"\5b8b\4f53"; background:url(../img/and-icon.gif) 27px -197px no-repeat;}
.mod-box-3 .hd span a:hover{ color:#689e1e; background-position: 27px -247px;}
.mod-box-3 .bd{}

.mod-box .scroll-main{ /*position:relative;*/ width:673px; height:149px; /*overflow:hidden;*/}
.mod-box .items{ /*width:2000em; position:absolute; clear:both;*/ width:100%}
.mod-box .scroll-con{ /*width:673px; float:left;*/ width:100%;}

.mod-box-2 .scroll-main{/* position:relative;*/ width:328px; height:149px; /*overflow:hidden;*/}
/*.mod-box-2 .items{ width:2000em; position:absolute; clear:both;}*/
.mod-box-2 .items{ width:100%;}
.mod-box-2 .scroll-con{ width:328px; float:left;}
.mod-box-2 .game-list li{ margin:0 13px 0 0;}
/*the right of main-con*/
.zt-list{ padding:22px 0 0 0; width:240px; margin:0 auto;}
.zt-list li{ width:240px; height:100px; overflow:hidden; padding:0 0 15px 0; vertical-align:bottom;}
.zt-list li a{ display:block; width:240px; height:100px; position:relative; overflow:hidden;}
.zt-list li a img{display:block; width:240px; height:100px;}
.zt-list li a .fillet{ width:240px; height:100px; position:absolute; left:0; top:0; background:url(../img/cover-240-100.gif) left top no-repeat;}
.zt-list li a .cover{ width:240px; height:25px;line-height:24px; background:url(../img/common-png.png) 0 -250px no-repeat; position:absolute; left:0; bottom:0; vertical-align:baseline; display:block;}
.zt-list li a .cover h2{ font-size:14px; color:#fff; height:25px; line-height:24px; padding:0 5px; width:230px; overflow:hidden;}
.zt-list li a .cover .tit{ font-size:14px; color:#fff; height:25px; line-height:24px; padding:0 5px; width:230px; overflow:hidden;}
*html .zt-list li a:hover{ direction:ltr}
.zt-list li a:hover .cover h2{ text-decoration:underline;}
.zt-list li a:hover .cover .tit{ text-decoration:underline;}

.rank-tab{ float:right; padding:0 5px 0 0;}
.rank-tab li{ float:left; margin-right:3px;}
.rank-tab li a{ display:block; width:58px; height:25px; background:url(../img/and-sprite.jpg) -350px -500px no-repeat; font-size:14px; color:#fff; text-align:center; line-height:24px; cursor:pointer;}
.rank-tab li a.current{ background-position: -200px -500px;}

.pr-list{ padding:10px 0 0 0;}
.pr-list li{ height:35px; line-height:35px; clear:both; border-bottom:1px dotted #cccecd; vertical-align:bottom;}
.pr-list li a{ color:#666;}
.pr-list li em{ display:inline;float:left; width:22px; height:22px; line-height:22px; text-align:center; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#dae0bd;font-style: italic; margin:6px 5px 0 0;}
.pr-list li em.up{ color:#e86000;}
.pr-list li .img-area{display:none;}
.pr-list li .txt-area{display:none;}
.pr-list li .title{ width:215px; overflow:hidden; height:35px; overflow:hidden;}
.pr-list li .title span{ float:right; color:#999; padding-right:5px;}
.pr-list li a:hover{ color:#000;}

.pr-list li.top{ height:90px; overflow:hidden; padding:7px 0px 5px 0px;}
.pr-list li.top em{margin:4px 5px 0 0; background:url(../img/and-icon.gif) 0 -150px no-repeat; color:#fff;}
.pr-list li.top .img-area{ width:70px; height:70px; float:left; display:inline; position:relative; margin:3px 15px 0 0;}
.pr-list li.top .img-area a{ display:block; width:70px; position:relative; cursor:pointer;}
.pr-list li.top .img-area a img{ display:block; width:70px; height:70px;}
.pr-list li.top .txt-area{width:130px; height:90px; float:right; display:inline; color:#938e33; line-height:20px;}
.pr-list li.top .txt-area h2{ width:130px; overflow:hidden; height:23px;}
.pr-list li.top .txt-area h2 a{ font-size:14px; color:#000;}
.pr-list li.top .txt-area p{ overflow:hidden; display:block; color:#999;}
.pr-list li.top .txt-area p span{ color:#999;}
.pr-list li.top .txt-area p span a{ color:#999;}
.pr-list li.top .txt-area p span a:hover{ text-decoration:underline;}
.pr-list li.top .txt-area .download-btn{ margin:3px 0 0 0;}
.pr-list li.top .txt-area .download-btn a{ display:block; width:61px; height:26px; line-height:26px; text-align:center; background:url(../img/common-gif.gif) 0 -100px no-repeat;}
.pr-list li.top .txt-area .download-btn a:hover{ background-position:-150px -100px;}
.pr-list li.top .title{display:none;}

.pr-list li.top em.up{ background-position:0 -100px; color:#fff;}

.img-rank-2 li.hover em{background:url(../img/and-icon.gif) 0 -150px no-repeat; color:#fff;}
.img-rank-2 li.hover em.up{ background-position:0 -100px; color:#fff;}

.news-list-2{ padding:10px 0 0 0;}
.news-list-2 li{ line-height:26px; height:26px; overflow:hidden; vertical-align:bottom;}
.news-list-2 li a{ padding:0 0 0 15px; color:#666; background:url(../img/and-icon.gif) 0 -295px no-repeat;}
.news-list-2 li a:hover{ color:#000; background-position:0 -345px;}

.weibo-box{ width:270px; margin:0 -13px; position:relative;}


.link-box{ padding:8px 10px 5px 10px;}
.link-box .hd{ clear:both; padding:0 0 5px 0;}
.link-box .hd h2{ width:101px; height:27px; padding:0 0 0 25px; line-height:26px; background:url(../img/and-sprite.jpg) 0 -650px no-repeat; font-size:14px; font-weight:bold; color:#fff;}
.link-box .bd a{ float:left; color:#676767; padding:0 5px; white-space:nowrap;}
.link-box .bd a:hover{ color:#000;}

.back-to-top{ display:none; position:fixed; _position:absolute; _bottom:"auto"; cursor:pointer; right:10px; bottom:335px; width:50px; height:50px;}
.back-to-top a{ display:block; width:50px; height:50px; background:url(../img/common-png.png) 0 -850px no-repeat;}
.back-to-top a:hover{ background-position: -150px -850px;}


.sub-con-bottom{ background-position:center top}

.gzt-list-c1 .cover,.gzt-list-c2 .bt-more{ background:url(../img/gzt-b1.png) no-repeat}

.gzt-list-w{ float:left; width:665px; padding-left:5px}

.gzt-list{ overflow:hidden; *zoom:1}
.gzt-list-item{ float:left; width:100%; padding:23px 0 20px; border-bottom:1px dotted #c7c7c7}
.gzt-list-c1{ float:left; width:240px; padding:7px 15px 0 0}
.gzt-list-c1 .avatar-w{ display:block; overflow:hidden; position:relative; width:240px; height:100px}
.gzt-list-c1 .avatar{ width:240px}
.gzt-list-c1 .cover{ display:block; overflow:hidden; position:absolute; top:0; left:0; width:240px; height:100px; background-position:0 0; cursor:pointer}
.gzt-list-c2{ overflow:hidden; *zoom:1; margin-right:10px; font-family:"\5b8b\4f53"}
.gzt-list-c2 .tit{ overflow:hidden; width:98%; font-family:"\5fae\8f6f\96c5\9ed1"; font-size:18px; line-height:31px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis}
.gzt-list-c2 .tit a{ color:#3c3c3c}
.gzt-list-c2 .tit a:hover{ color:#729911}
.gzt-list-c2 .detail{ margin:5px 0 2px; color:#666; line-height:1.75}
.gzt-list-c2 .time{ color:#aaa}
.gzt-list-c2 .more{ position:relative; margin-top:-8px; text-align:right}
.gzt-list-c2 .bt-more{ display:inline-block; overflow:hidden; width:60px; height:20px; color:#9ab655; line-height:21px; text-align:center; background-position:0 -102px}
.gzt-list-c2 .bt-more:hover{ color:#fff; background-position:-62px -102px}

.hot-list li .img-area a .cover,.pr-list li.top .img-area a .cover{ display:block}


/*end the web of index, star the web of introduce*/
.mt8{ margin-top:8px;}
.w670{ width:670px;}
.con-wrapper-2{ width:950px; padding:0 15px 15px 15px; background:url(../img/and-con-repeat.gif) left top repeat-y; clear:both;}
.sub-con-top{ width:980px; height:58px; background:url(../img/sub-con-top.png) center top no-repeat;clear:both;}

.cur-bar{ height:50px; line-height:50px; font-family:"\5b8b\4f53"; color:#999; padding:0 0 0 38px; background:url(../img/common-icon.gif) 15px -81px no-repeat;}
.cur-bar a{ color:#999;}
.cur-bar a:hover{ text-decoration:underline;}
.cur-bar br{ display:none;}

.w150{ width:150px;}
.w515{ width:515px;}
.intro-box{ padding:10px 0 0 0;}
.intro-tab{ width:150px; margin-bottom:10px;}
.intro-tab .hd{ width:150px; height:32px; background:url(../img/common-jpg.jpg) 0 -300px no-repeat;}
.intro-tab .hd h2{ color:#fff; font-size:14px; line-height:32px; padding:0 0 0 20px;}
.intro-tab .bd{ width:150px; background:url(../img/common-repeat-y.gif) 0 0 repeat-y;}
.intro-tab .ft{ width:150px; height:5px; overflow:hidden; background:url(../img/common-gif.gif) 0 -350px no-repeat;}
.intro-tab-list{ padding:9px 0 0 0;}
.intro-tab-list li{ width:150px; height:38px; overflow:hidden; vertical-align:bottom;}
.intro-tab-list li a{ display:block; width:120px; height:38px; padding:0 0 0 30px; line-height:34px; color:#666; background:url(../img/common-icon.gif) 13px -137px no-repeat;}
.intro-tab-list li a span{ margin:0 0 0 3px;}
.intro-tab-list li a:hover{ text-decoration:underline;}
.intro-tab-list li.current a{ color:#729911; background:url(../img/and-sprite.jpg) 0 -750px no-repeat;}


.intro-rank-tab{ height:48px; clear:both;}
.intro-rank-tab ul{ float:right;}
.intro-rank-tab ul li{ float:left; margin:0 5px 5px 0;}
.intro-rank-tab ul li a{ display:block; width:80px; height:30px; line-height:30px; text-align:center; color:#333; background:url(../img/and-gif.gif) 0 -50px no-repeat; font-size:14px;}
.intro-rank-tab ul li.current a{ background-position:0 0; color:#fff;}
.intro-rank-tab ul li a:hover{ background-position:0 0; color:#fff;}
.intro-rank-tab-2{ height:30px; padding:10px 0 10px 0;}



.intro-letter-tab{ height:15px; clear:both;}
.intro-letter-tab ul{ padding:0 0 0 10px;}
.intro-letter-tab ul li{ float:left; margin-right:1px;}
.intro-letter-tab ul li a{ /*display:block;*/ width:18px; height:15px; line-height:15px; text-align:center; color:#7ba021;font-size:12px; padding:0 4px;}
.intro-letter-tab ul li.current a{ background:#8ab835; color:#fff;}
.intro-letter-tab ul li a:hover{  background:#8ab835; color:#fff;}

.intro-list li{ /*height:195px;*/ border-bottom:1px dotted #c7c7c7; padding:24px 0 10px 0; overflow:hidden; clear:both; width:100%;}
.intro-list li .img-area{ width:160px;}
.intro-list li .img-area .img{ display:block; position:relative; width:144px; height:144px;}
.intro-list li .img-area .img img{ display:block; width:124px; height:124px; padding:10px;}
.intro-list li .img-area .img .cover{width:124px; height:124px; padding:10px; background:url(../img/common-png.png) 0 -1000px no-repeat; position:absolute; left:0; top:0;}
.intro-list li .img-area .img .cover.discount{width:124px; height:124px; padding:10px; background:url(../img/discount-124-124.png) left top no-repeat; position:absolute; left:0; top:0;}
.intro-list li .img-area .img .cover.free{width:124px; height:124px; padding:10px; background:url(../img/free-124-124.png) left top no-repeat; position:absolute; left:0; top:0;}
.intro-list li .img-area .star-box{ margin:5px 0 0 37px;}
.intro-list li .text-area{ width:355px;}
.intro-list li .text-area .title{ height:30px; line-height:26px;}
.intro-list li .text-area .title h2{ float:left;}
.intro-list li .text-area .title h2 a{ color:#3c3c3c; font-size:18px; font-weight:bold;}
.intro-list li .text-area .title h2 a:hover{ color:#729911;}
.intro-list li .text-area .title h2 span.version{ line-height:normal; float:none;}
.intro-list li .text-area .title .version{ float:left; color:#666; padding:0 0 0 10px; line-height:30px;}
.intro-list li .text-area .info{ color:#666; height:25px;}
.intro-list li .text-area .info span{ padding:0 8px 0 8px;}
.intro-list li .text-area .intro-text{ width:355px; height:88px; overflow:hidden; font-family:"\5b8b\4f53";}
.intro-list li .text-area .intro-text p{ color:#999; line-height:22px;}
.intro-list li .text-area .detail-btn{ height:20px; padding:15px 0 0 0;}
.intro-list li .text-area .detail-btn a{ display:block; float:right; width:60px; height:20px; line-height:22px; overflow:hidden; text-align:center; color:#9ab655; background:url(../img/and-gif.gif) 0 -100px no-repeat; font-family:"\5b8b\4f53";}
.intro-list li .text-area .detail-btn a:hover{ background-position: 0 -150px; color:#fff;}

.pager{ clear: both;height: 25px; margin: 0 auto; line-height: 26px; padding:22px 0;}
.pager ul{ margin: 0; padding: 0; font-size: 14px; text-align:center; height:25px; float:left; position:relative; left:50%;}
.pager li{margin:0 5px 0 0; float:left; display:inline; position:relative; left:-50%;}
.pager li a{ float:left;}
.pager li.page{ height:25px; padding-left:3px;margin:0 3px 0 0;}
.pager li.page a{ color:#666; padding-right:11px; padding-left:8px;}
.pager li.page.selected, .pager li.page.hover{background:url(../img/page.gif) left bottom no-repeat;}
.pager li.page.selected a, .pager li.page.hover a{ display:block; height:25px;background:url(../img/page.gif) right bottom no-repeat; color:#fff;}
.pager li.previous a, .pager li.first a, .pager li.next a, .pager li.last a{ display:block; width:51px; height:25px; line-height:25px; text-align:center; background:url(../img/common-gif.gif) 0 -400px no-repeat; color:#666;}
.pager li.previous a:hover, .pager li.first a:hover, .pager li.next a:hover, .pager li.last a:hover{ background-position:-100px -400px; color:#fff;}


/*end the web of introduce, star the web of paylist*/
.intro-list-2 li{ height:170px; border-bottom:1px dotted #c7c7c7; padding:24px 0 0 0;}
.intro-list-2 li .img-area{ width:160px;}
.intro-list-2 li .img-area .img{ display:block; position:relative; width:144px; height:144px;}
.intro-list-2 li .img-area .img img{ display:block; width:124px; height:124px; padding:10px;}
.intro-list-2 li .img-area .img .cover{width:124px; height:124px; padding:10px; background:url(../img/common-png.png) 0 -1000px no-repeat; position:absolute; left:0; top:0;}
.intro-list-2 li .img-area .star-box{ margin:5px 0 0 37px;}
.intro-list-2 li .text-area{ width:500px;}
.intro-list-2 li .text-area .title{ height:30px; line-height:26px; padding:3px 0 1px 0; clear:both;}
.intro-list-2 li .text-area .title h2{ float:left;}
.intro-list-2 li .text-area .title h2 span.version{ float:none; line-height:normal;}
.intro-list-2 li .text-area .title h2 a{ color:#3c3c3c; font-size:18px; font-weight:bold;}
.intro-list-2 li .text-area .title h2 a:hover{ color:#0978c4;}
.intro-list-2 li .text-area .title .version{ float:left; color:#666; padding:0 0 0 10px; line-height:30px;}
.intro-list-2 li .text-area .info{ color:#666; height:25px; clear:both;}
.intro-list-2 li .text-area .info .price-box{ position:relative;}
.intro-list-2 li .text-area .info .price-box .price{ padding:0 8px 0 8px; font-size:16px; color:#787878; width:35px;}
.intro-list-2 li .text-area .info .price-box .cover{ height:24px; width:55px; position:absolute; left:0; top:0; background:url(../img/common-png.png) 2px -947px;}
.intro-list-2 li .text-area .info .pay{ display:block; padding:0 15px; height:24px; line-height:24px; color:#e86000; font-size:16px;}
.intro-list-2 li .text-area .info .star-box{ margin:5px 0 0 0;}
.intro-list-2 li .text-area .info .issue-date{ color:#999;}
.intro-list-2 li .text-area .intro-text{ width:500px; height:66px; overflow:hidden; padding:12px 0 0 0; clear:both;}
.intro-list-2 li .text-area .intro-text p{ color:#666; line-height:22px; font-family:"\5b8b\4f53";}
.intro-list-2 li .text-area .detail-btn{ height:20px; padding:7px 0 0 0;}
.intro-list-2 li .text-area .detail-btn a{ display:block; float:right; width:60px; height:20px; line-height:21px; overflow:hidden; text-align:center; color:#9ab655; background:url(../img/and-gif.gif) 0 -100px no-repeat; font-family:"\5b8b\4f53";}
.intro-list-2 li .text-area .detail-btn a:hover{ background-position: 0 -150px; color:#fff;}


/*end the web of paylist, star the web of article*/
.article-box{ padding:10px 0 0 0;}
.article-box .hd{ text-align:center; /*height:80px;*/ padding:0 0 10px 0; border-bottom:1px solid #dadada;}
.article-box .hd h1{ font-size:24px; color:#3c3c3c; font-weight:bold; line-height:46px;}
.article-box .hd .info-bar{ color:#aaa; height:18px; position:relative;}
.article-box .hd .info-bar .issue-date{ padding-right:20px;}
.article-box .hd .info-bar .to-comm{ color:#2ba339;}
.article-box .hd .info-bar .to-comm i{ font-style:normal;}
.article-box .hd .info-bar .to-comm span{ color:#666;}


.article-box .info-bar .col-1{ width:30%; position:absolute; left:10px; text-align:left;}
.article-box .info-bar .col-2{ width:30%; position:absolute; left:30%; text-align:left;}
.article-box .info-bar .col-3{ width:20%; position:absolute; left:60%}
.article-box .info-bar .col-4{ width:20%; position:absolute; left:80%; color:#2ba339;}
.article-box .info-bar .col-4 i{ font-style:normal;}
.article-box .info-bar .col-4 span{ color:#666;}

.article-box .bd{padding:20px 0 30px 0;}

.share-box { padding:15px 10px;}
.share-box .site-logo{ display:block; width:116px; height:26px;background:url(../img/common-jpg.jpg) 0 -400px no-repeat;}
.share-box #share_container .fs12{ display:none;}
.share-box #share_container .tblog_fx{ display:inline-block;}

.contact-info{ padding:0 10px;}
.contact-info p{ color:#999; line-height:22px;}

.comment-box{ margin:25px 0 0 0;}
.comment-box .js-comment .cmmt-1-top{padding:0 10px; width:645px; height:30px; border:none; background:url(../img/common-gif.gif) 0 -450px no-repeat; margin-bottom:10px;}


/*end the web of article, star the web of newslist*/
.intro-list-3 li{ border-bottom:1px dotted #c7c7c7; padding:15px 0px 5px 0px; zoom:1; vertical-align:bottom;}
.intro-list-3 li .img-area{ width:160px;}
.intro-list-3 li .img-area .img{ display:block; position:relative; width:144px; height:144px;}
.intro-list-3 li .img-area .img img{ display:block; width:124px; height:124px; padding:10px;}

.intro-list-3 li .img_rom{ width:110px;}
.intro-list-3 li .img_rom  img{ display:block; height:140px;width:79px; padding:2px;border:#eee solid 1px;}

.intro-list-3 li .text-area{ width:500px;}
.intro-list-3 li .text-area-rom{ width:550px;}
.intro-list-3 li .img-area a.img:hover img{ border-color:#939394;}
.intro-list-3 li .text-area .title{ /*height:30px;*/ line-height:26px; padding:3px 0 3px 0; clear:both;}
.intro-list-3 li .text-area .title h2{ float:left;}
.intro-list-3 li .text-area .title h2 a{ color:#333; font-size:18px; font-weight:bold;}
.intro-list-3 li .text-area .title h2 a:hover{ color:#729911;}
.intro-list-3 li .text-area .intro-text{ width:500px; height:66px; overflow:hidden; padding:12px 0 0 0; clear:both;font-family:"\5b8b\4f53"; font-size:12px;} 
.intro-list-3 li .text-area .intro-text p{ color:#666; line-height:22px;}
.intro-list-3 li .text-area .detail-btn{ height:20px; padding:7px 0 0 0;}
.intro-list-3 li .text-area .detail-btn a{ display:block; float:right; width:60px; height:20px; line-height:21px; overflow:hidden; text-align:center; color:#9ab655; background:url(../img/and-gif.gif) 0 -100px no-repeat; font-family:"\5b8b\4f53";}
.intro-list-3 li .text-area .detail-btn a:hover{ background-position: 0 -150px; color:#fff;}
.intro-list-3 li .text-area .info{ height:25px; line-height:25px; color:#666; clear:both;}
.intro-list-3 li .text-area .info span{ padding:0 18px 0 0;}
.intro-list-3 li .text-area .info .cate{ padding-left:6px; background:url(../img/and-icon.gif) 0 -390px no-repeat; color:#689200;}
.intro-list-3 li .text-area .info .cate a{ color:#689200;}
.intro-list-3 li .text-area .info .issue-date{ color:#aaa; padding:0;}
.intro-list-3 li .text-area .info .author{ color:#666;}
.intro-list-3 li .text-area .info .author a{ color:#666;}
.intro-list-3 li .text-area .info .hot{ color:#666;}
.intro-list-3 li .text-area .info a:hover{ text-decoration:underline;}
.intro-list-3 li .img-area .star-box{margin:4px 0 0 37px;}
.intro-list-3 li .text-area .title .version{ /*float:left;*/ color:#666; padding:0 0 0 10px; /*line-height:30px;*/}
.version2{ color:#666;}

/*end the web of newslist, star the web of download*/
.hot-list-2{ width:240px; margin:0 auto; padding:0;}
.hot-list-2 li{ float:none; border-bottom:1px dotted #cccecd; width:240px; height:86px; overflow:hidden; vertical-align:bottom; padding:15px 0 0 0;}
.hot-list-2 li .text-area{ width:156px;}
.hot-list-2 li .text-area h3{ width:156px; height:26px; line-height:26px;}
.hot-list-2 li .text-area p{ margin-bottom:12px;}

.game-info{ padding:25px 0 5px 0; border-bottom:1px solid #dadada;}
.game-info-l{ width:222px;}
.game-info-l .img{ display:block; position:relative; width:144px; height:144px; margin:0 auto;}
.game-info-l .img img{ display:block; width:124px; height:124px; padding:10px;}
.game-info-l .fix-intro{ color:#666; font-family:"\5b8b\4f53"; padding:4px 0 0 44px; margin:7px 0 15px 0;}
.game-info-l .fix-intro img{ vertical-align:middle;}
.game-info-l .other{ color:#aaa; font-family:"\5b8b\4f53"; text-align:center; padding:20px 0 10px 0;}
.game-info-l .other a{color:#aaa; }
.game-info-l .other a:hover{ text-decoration:underline;}
.rom-info-l .img_rom{ display:block; position:relative; width:144px; height:154px; margin:0 auto;}
.rom-info-l .img_rom img{ display:block; width:90px; height:150px; padding:2px;border:#eee solid 1px;margin-top:5px;}
#wrapper .rom-digg {width:220px; overflow:hidden;}
#wrapper .rom-digg .vote-count{background:#F6F6F6;border-top:#DADADA solid 1px;}
#wrapper .rom-digg .vote-count .js-oppose{border-left:#DADADA solid 1px;}
.rom-info-l{background:#f6f6f6}
.rom-info{ padding:25px 0 20px 0px; border-bottom:1px dashed #eee; }

#vote-box .vote-count{ width:210px; height:48px; padding:14px 7px 0 5px; background:url(../img/common-jpg.jpg) 0 -550px no-repeat;}
#vote-box .vote-count.hover{ background-position:0 -650px;}
#vote-box .vote-count.voted{ background-position:0 -750px;}
#vote-box .vote-count p{ font-size:14px; color:#5f5f5f; line-height:18px;}
#vote-box .vote-count .fun-box{ width:63px; height:40px; padding:2px 0 0 47px;}
#vote-box .vote-count .fun-box .fun{ font-size:16px;color:#E86000;}
#vote-box .vote-count .no-fun-box{ width:55px; height:40px; padding:2px 0 0 44px;}
#vote-box .vote-count .no-fun-box .no-fun{ font-size:16px;color:#2ba339;}

.game-info-r{ width:417px;}
.game-info-r h1{ margin-bottom:5px;font-size:18px; font-weight:bold; color:#000;}
.rom-info-r h1{ margin-bottom:10px;font-size:14px; font-weight:bold; color:#333;}

.star-box-2{ width:115px; height:21px; position:relative;}
.star-box-2 .star-none{ width:115px; height:21px; background:url(../img/star.gif) 0px -50px no-repeat;}
.star-box-2 .star-all{ position:absolute; left:0; top:0; width:115px; height:21px; background:url(../img/star.gif) 0px 0px no-repeat;}
.game-info-r .star-box-2{ margin: 5px 0;}

.game-info-list{ padding:10px 0 0 0; height:auto !important; min-height:195px; _height:195px; }
.game-info-list dl{ float:left; width:208px;height:28px; line-height:28px; }
.game-info-list dl dt{ float:left; color:#aaa;}
.game-info-list dl dd{ float:left; color:#333;}
.game-info-list dl.dl-1{ width:100%; height:auto !important; min-height:28px; height:28px;}
.game-info-list dl dd.dd-1{ width:130px; height:28px; line-height:28px; overflow:hidden;}
.game-info-list dl dd a{ color:#729911; margin-right:5px;}
.game-info-list dl dd a:hover{ text-decoration:underline;}
.game-info-list dl dd .price-box{ position:relative;}
.game-info-list dl dd .price-box .price{ font-size:12px; color:#787878;}
.game-info-list dl dd .price-box .cover{ height:24px; width:55px; position:absolute; left:0; top:0; background:url(../img/common-png.png) 2px -945px;}
.game-info-list dl dd .pay{ display:block; padding:2px 5px 0 5px; height:24px; line-height:24px; color:#e86000; font-size:14px;}
.rom-info-list dl{margin-top:10px;}

.share-box-2 {}
.share-box-2 .site-logo{ display:block; width:116px; height:26px;background:url(../img/common-jpg.jpg) 0 -400px no-repeat;}
.share-box-2 #share_container .fs12{ display:none;}
.share-box-2 #share_container .tblog_fx{ display:inline-block;}

.adapt-box{color:#aaa; font-family:"\5b8b\4f53"; position:relative; z-index:2;}
.adapt-box .hd{ width:112px; height:25px; line-height:25px; background:url(../img/and-sprite.jpg) 0 -850px no-repeat;  padding:0 0 0 8px; margin:3px 0 0 0;}
.adapt-box .resolution{width:120px; text-align:center; background:#f7f7f8; display:none; position:absolute; left:0; top:25px}

.download-channel{ padding:5px 0 42px 0;}
.download-box{ font-family:"\5b8b\4f53";}
.download-box .help{ height:30px; line-height:30px; color:#b6b6b6;}
.download-box .help a{ color:#666;}
.to-pc{ position:relative; margin:0 30px 0 134px; display:inline;}
.to-pc .to-pc-btn{ display:block; width:182px; height:52px; background:url(../img/and-sprite.jpg) 0 -900px no-repeat;}
.to-pc .to-pc-btn:hover{ background-position: -250px -900px;}
.to-phone{width:182px; height:52px; position:relative;}
.to-phone .to-phone-btn{ display:block; width:182px; height:52px; background:url(../img/and-sprite2.jpg) 0 -100px no-repeat;}
.to-phone .to-phone-btn:hover{ background-position:-200px -100px;}
.to-phone .coming{ position:absolute; top:56px; right:-83px;}

.download-list{ width:330px;position:absolute; left:0; top:43px; display:none;}
.download-list .hd{ height:28px; width:330px; overflow:hidden; background:url(../img/float-box.png) 0 8px no-repeat;}
.download-list .bd{ padding:0 25px; min-height:153px; _height:153px; background:url(../img/float-box.png) -700px 0 repeat-y;}
.download-list .ft{ height:20px; width:330px; overflow:hidden; background:url(../img/float-box.png) -350px 0 no-repeat;}
.download-list .title{ color:#666; font-weight:bold; line-height:22px;}
.version-list li{ line-height:22px;  font-family:"\5b8b\4f53";color:#2ba339;}
.version-list li span{ color:#666; margin-left:10px;}
.version-list li a{cursor:pointer;color:#2ba339;}
.version-list li a:hover{ text-decoration:none; color:#f30; }
.download-list .newest{ border-bottom:1px solid #dadada; padding:0 0 10px 0; margin:0 0 10px 0;}

.mod-box-4{ width:666px;clear:both; margin:0 auto; padding:0 0 28px 0;}
.mod-box-4 .hd{height:33px; padding:3px 0 2px 0; line-height:33px; overflow:hidden;background:url(../img/and-sprite.jpg) 0 -1000px no-repeat;}
.mod-box-4 .hd h2{font-size:16px;color:#fff;padding-left:32px;}
.mod-box-4 .hd h2 a{color:#fff;}
.mod-box-4 .hd h2 a:hover{}
.mod-box-4 .hd span a{color:#666;font-size:12px;margin-right:10px;line-height:35px; font-family:"\5b8b\4f53";}
.mod-box-4 .hd span a:hover{color:#689e1e;}

.news-list-2{ padding:10px 0 0 0;}
.news-list-2 li{ line-height:26px; height:26px; overflow:hidden; vertical-align:bottom;}
.news-list-2 li a{ padding:0 0 0 15px; color:#666; background:url(../img/and-icon.gif) 0 -295px no-repeat;}
.news-list-2 li a:hover{ color:#000; background-position:0 -345px;}

.news-list-3{ padding:8px 0 0 0;}
.news-list-3 li{ height:28px; line-height:28px; padding:0 0 0 20px; overflow:hidden; vertical-align:bottom;font-size:14px; background:url(../img/and-icon.gif) 2px -290px no-repeat;}
.news-list-3 li a{float:left; color:#333; height:26px; line-height:26px; overflow:hidden;}
.news-list-3 li a.cate{color:#5f9100; margin-right:10px;}
.news-list-3 li a:hover{ text-decoration:underline;}
.news-list-3 li a.cate:hover{}
.news-list-3 li span{ font-size:12px; color:#aaa;}
.news-list-3 li span span{ color:#666;}
.news-list-3 li span.click-count{ margin-right:12px;}

.game-info-tab{ width:666px; height:33px; margin:0 auto; background:url(../img/common-icon.gif) 0 -200px repeat-x;}
.game-info-tab li{ float:left; margin-right:3px;}
.game-info-tab li a{ display:block; width:112px; height:33px; text-align:center; line-height:33px; background:url(../img/common-gif.gif) -200px -500px; font-size:16px; color:#000;}
.game-info-tab li a.current{ background-position: 0 -500px;}
.game-info-pane{ padding:25px 5px 0 5px; /*position:relative;*/}
.detail-con-2{ /*height:140px; overflow:hidden;*/}
.detail-con h3{ color:#666; font-weight:bold;line-height:23px;}
.detail-con { color:#555; line-height:25px;font-size:14px;}
.rombody ,.rombody p{font-size:14px;line-height:30px;color:#333;}
.game-info-pane .show-btn{ height:20px;/*position:absolute; bottom:-20px; right:18px;*/ padding:0 10px 0 0;}
.game-info-pane .show-btn span{ float:right; display:block; width:60px; height:20px; line-height:20px; text-align:center;background:url(../img/and-gif.gif) 0 -100px no-repeat;}
.game-info-pane .show-btn span a{ color:#97c03d; padding:0 0 0 14px; background:url(../img/and-icon.gif) 0px -493px no-repeat;}
.game-info-pane .show-btn span a:hover{ text-decoration:underline;}
.game-info-pane .show-btn-2 span{ background-position:0 -150px;}
.game-info-pane .show-btn-2 span a{ color:#fff;}
.game-info-pane .show-btn span a.up{ background:url(../img/and-icon.gif) 0px -543px no-repeat;}

.detail-version-2{ /*height:140px; overflow:hidden;*/}
.game-info-pane .detail-btn{height:20px; /* position:absolute;  bottom:-20px; right:18px;*/ padding:0 10px 0 0;}
.game-info-pane .detail-btn span{ float:right; display:block; width:60px; height:20px; text-align:center;background:url(../img/and-gif.gif) 0 -100px no-repeat;}
.game-info-pane .detail-btn span a{ color:#97c03d; padding:0 0 0 14px; background:url(../img/and-icon.gif) 0px -493px no-repeat;}
.game-info-pane .detail-btn span a:hover{ text-decoration:underline;}
.game-info-pane .detail-btn-2 span{ background-position:0 -150px;}
.game-info-pane .detail-btn-2 span a{ color:#fff;}
.game-info-pane .detail-btn span a.up{ background:url(../img/and-icon.gif) 0px -543px no-repeat;}
.game-info-pane .version-list li{ height:23px; line-height:23px;}

.mod-box-5{ width:666px; margin:0 auto; clear:both;}
.mod-box-5 .hd{ border-bottom:1px solid #dadada; margin:20px 0 10px 0;}
.mod-box-5 .hd h2{ font-size:16px; color:#3c3c3c; height:30px; line-height:30px;}
.mod-box-5 .hd-2{ margin:20px 0 0 0;}

.video-box{ width:610px; height:485px; overflow:hidden; margin:0 auto;}
.forward, .backward{ display:block; float:left; width:35px; height:73px; margin:200px 0 0 0; background:url(../img/common-gif.gif) no-repeat; cursor:pointer;}
.backward{ background-position:0 -550px;}
.forward{ background-position:-100px -550px;}
.backward:hover{ background-position:0 -650px;}
.forward:hover{ background-position:-100px -650px;}
.screen-shot{ height:540px; padding:15px 5px 0 5px;}
.screen-shot .images{ width:526px; height:486px; overflow:hidden; float:left; margin:0 26px 20px 26px; display:inline;}
.screen-shot .images div{ height:486px;}
.screen-shot .images div table{width:526px; height:486px;}
.screen-shot .images img{ padding:2px; display:block; margin:0 auto; border:1px solid #dadada;}
.screen-shot-rom{ height:610px; padding:15px 5px 0 5px;}
.screen-shot-rom .images{ width:526px; height:580px; overflow:hidden; float:left; margin:0 26px 20px 26px; display:inline;}
.screen-shot-rom .images div{ height:580px;}
.screen-shot-rom .images div table{width:526px; height:580px;}
.screen-shot-rom .images img{ padding:2px; display:block; margin:0 auto; border:1px solid #dadada;height:580px;}
.recovery-list{ padding:0px 0 0px 20px;}
.recovery-list li{ float:left; width:130px; padding:20px 13px 0px 13px;}
.recovery-list li .phone-img{ display:block; width:130px;}
.recovery-list li .phone-img img{ display:block; margin:0 auto;height:150px;width:90px;}
.recovery-list li h4{  text-align:center; height:42px; line-height:18px;margin-top:5px;}
.recovery-list li h4 a{ color:#333; }
.slidetabs{width:200px; clear:both; height:22px; background:url(../img/common-gif.gif) -200px -550px no-repeat; margin:0 auto; }
.slidetabs .inner{ float:left;height:22px;position:relative; left:50%;}
.slidetabs li{ float:left;width:11px;height:11px;margin:6px 3px 0 3px;position:relative; left:-50%; }
.slidetabs li a{ display:block;width:11px;height:11px;background:url(../img/common-icon.gif) 0 -250px no-repeat;}
.slidetabs a.current {background-position:0 -300px;}

.displayon{display:none;}

/*the web of ios*/
#ios-wrapper .main-nav ul li.sy-comm a{background:url(../img/ios-sprite.jpg) 0 0 no-repeat;}
#ios-wrapper .main-nav ul li.sy-comm a:hover{ background-position: -200px 0;}
#ios-wrapper .cate-nav .flex-btn span a{ color:#11a6fc;background:url(../img/ios-icon.gif) 0 5px no-repeat;}
#ios-wrapper .cate-nav .flex-btn span a.up{background:url(../img/ios-icon.gif) 0 -45px no-repeat;}
#ios-wrapper .info-nav dl dd a:hover{ background:url(../img/info-nav-hover-2.png) left top no-repeat;}
#ios-wrapper .info-nav dl dd a:hover span{ background:url(../img/info-nav-hover-2.png) right top no-repeat;}
#ios-wrapper .fisrt-screen{background:url(../img/ios-first-screen.png) left 7px no-repeat;}
#ios-wrapper .newer-data{background:url(../img/ios-sprite.jpg) 0 -100px no-repeat;}
#ios-wrapper .recomm-news h1 a{ color:#0978c4;}
#ios-wrapper .recomm-news a:hover{ color:#0978c4;}
#ios-wrapper .news-list li a:hover{ color:#0978c4;}
#ios-wrapper .news-list li a.cate{background:url(../img/ios-sprite.jpg) 0 -50px no-repeat; color:#aaa;}
#ios-wrapper .news-list li a.cate:hover{ background-position: -100px -50px; color:#fff;}
#ios-wrapper .con-wrapper .inner-top{ background:url(../img/ios-con-top.gif) left top no-repeat;}
#ios-wrapper .hot-tab li a.current{ background:url(../img/ios-sprite.jpg) 0 -500px no-repeat;}
#ios-wrapper .mod-box .hd{background:url(../img/ios-sprite.jpg) 0 -600px no-repeat;}
#ios-wrapper .mod-box-2{background:url(../img/ios-mod-box-2.png) 0 0 no-repeat;}
#ios-wrapper .mod-box-2.hover{ background-position:0 -200px;}
#ios-wrapper .mod-box-3 .hd{background:url(../img/ios-repeat.gif) 0 23px repeat-x; }
#ios-wrapper .mod-box-3 .hd span a{ background:url(../img/ios-icon.gif) 27px -197px no-repeat;}
#ios-wrapper .mod-box-3 .hd span a:hover{ color:#0978c4; background-position: 27px -247px;}
#ios-wrapper .rank-tab li a{ background:url(../img/ios-sprite.jpg) -350px -500px no-repeat;}
#ios-wrapper .rank-tab li a.current{ background-position: -200px -500px;}
#ios-wrapper .mod-box .hd span a:hover{color:#0978c4;}
#ios-wrapper .pr-list li em{ color:#d2e5f5;}
#ios-wrapper .pr-list li.top em{ color:#fff;background:url(../img/ios-icon.gif) 0 -150px no-repeat;}
#ios-wrapper .news-list-2 li a{background:url(../img/ios-icon.gif) 0 -295px no-repeat;}
#ios-wrapper .news-list-2 li a:hover{ color:#000; background-position:0 -345px;}
#ios-wrapper .link-box .hd h2{background:url(../img/ios-sprite.jpg) 0 -650px no-repeat;}
#ios-wrapper .hot-list li .text-area h3 a:hover{color:#0978c4;}
#ios-wrapper .search-box .hot-words a:hover{ color:#0978c4;}
#ios-wrapper .pr-list li.top em.up{ background-position:0 -100px; color:#fff;}
#ios-wrapper .img-rank-2 li.hover em{background:url(../img/ios-icon.gif) 0 -150px no-repeat; color:#fff;}
#ios-wrapper .img-rank-2 li.hover em.up{ background-position:0 -100px; color:#fff;}
#ios-wrapper .game-list li a.text-area:hover p{color:#0978c4;}
#ios-wrapper .mod-box-2 .hd span a:hover{ color:#0978c4;}

/*the ios-introduce*/
#ios-wrapper .intro-tab-list li.current a{ color:#0978c4; background:url(../img/ios-sprite.jpg) 0 -750px no-repeat;}
#ios-wrapper .intro-rank-tab ul li a{ background:url(../img/ios-gif.gif) 0 -50px no-repeat; }
#ios-wrapper .intro-rank-tab ul li.current a{ background-position:0 0; color:#fff;}
#ios-wrapper .intro-rank-tab ul li a:hover{ background-position:0 0; color:#fff;}
#ios-wrapper .intro-letter-tab ul li a{color:#0978c4;}
#ios-wrapper .intro-letter-tab ul li.current a{ background:#0978c4; color:#fff;}
#ios-wrapper .intro-letter-tab ul li a:hover{  background:#0978c4; color:#fff;}
#ios-wrapper .intro-list li .text-area .detail-btn a{color:#0978c4; background:url(../img/ios-gif.gif) 0 -100px no-repeat;}
#ios-wrapper .intro-list li .text-area .detail-btn a:hover{ background-position: 0 -150px; color:#fff;}
#ios-wrapper .intro-list li .text-area .title h2 a:hover{ color:#0978c4;}
#ios-wrapper .intro-list-2 li .text-area .detail-btn a{color:#0978c4; background:url(../img/ios-gif.gif) 0 -100px no-repeat;}
#ios-wrapper .intro-list-2 li .text-area .detail-btn a:hover{ background-position: 0 -150px; color:#fff;}
#ios-wrapper .intro-list-2 li .text-area .title h2 a:hover{ color:#0978c4;}
#ios-wrapper .intro-list-3 li .text-area .detail-btn a{color:#0978c4; background:url(../img/ios-gif.gif) 0 -100px no-repeat;}
#ios-wrapper .intro-list-3 li .text-area .detail-btn a:hover{ background-position: 0 -150px; color:#fff;}
#ios-wrapper .intro-list-3 li .text-area .title h2 a:hover{ color:#0978c4;}
#ios-wrapper .intro-list-3 li .text-area .info .cate{ background:url(../img/ios-icon.gif) 0 -390px no-repeat; color:#1981c8;}
#ios-wrapper .intro-list-3 li .text-area .info .cate a{ color:#1981c8;}
#ios-wrapper .game-info-list dl dd a{ color:#1593d4;}

#ios-wrapper .to-pc{ position:relative; margin:0px; display:inline;}
#ios-wrapper .to-pc a{ width:130px; height:37px; background:url(../img/ios-d.png) no-repeat;float:left; margin-left:20px; }
#ios-wrapper .to-pc a.it{background-position: 0px 0px;}
#ios-wrapper .to-pc a.it:hover{ background-position: 0px -52px;}
#ios-wrapper .to-pc a.bd{background-position: -167px 0px;}
#ios-wrapper .to-pc a.bd:hover{ background-position: -167px -52px;}
#ios-wrapper .to-pc a.wp{background-position: -329px 0px;}
#ios-wrapper .to-pc a.wp:hover{ background-position: -329px -52px;}
#ios-wrapper .to-phone .ewm{ margin-left:20px; display:block; width:130px; height:37px; background:url(../img/ios-d.png) -493px 0px no-repeat;}
#ios-wrapper .to-phone .ewm:hover{ background-position:-493px -52px;}

#ios-wrapper .mod-box-4 .hd{background:url(../img/ios-sprite.jpg) 0 -1000px no-repeat;}
#ios-wrapper .news-list-3 li{ background:url(../img/ios-icon.gif) 2px -290px no-repeat;}
#ios-wrapper .news-list-3 li a.cate{ color:#1593d4;}
#ios-wrapper .comment-box .js-comment .cmmt-1-btn{background:url(../img/ios-sprite.jpg) 0 -700px no-repeat;}

#ios-wrapper #panes div a .fillet{width:361px; height:290px; display:block; background:url(../img/ios-cover-361-290.gif) left top no-repeat;position:absolute; left:0; top:0;}

#ios-wrapper .game-info-l .fix-intro{ }
.iosit,.iosbd,.ioswp,.iosewm{display:none;}
.main-nav .cur-sys{ padding:0 0 0 9px;}
.main-nav .cur-sys .iphone-sys a{ display:block; width:108px; height:49px;}
.main-nav .cur-sys .ipad-sys a{ display:block; width:108px; height:49px;}
.main-nav .cur-sys .iphone-sys a:hover, .main-nav .cur-sys .iphone-sys a.current{ background:url(../img/ios-sprite.jpg) 0 -1095px no-repeat;}
.main-nav .cur-sys .ipad-sys a:hover, .main-nav .cur-sys .ipad-sys a.current{ background:url(../img/ios-sprite.jpg) -108px -1095px no-repeat;}

.hot-list .text-area .pay-box{ height:24px; clear:both;}
.hot-list .text-area .price-box{ position:relative;}
.hot-list .text-area .price-box .price{ padding:0 8px 0 8px; font-size:12px; color:#787878;}
.hot-list .text-area .price-box .cover{ height:24px; width:45px; position:absolute; left:0; top:0; background:url(../img/common-png.png) 5px -949px;}
.hot-list .text-area .pay{ display:block; padding:0 5px 0 0; color:#e86000; font-size:12px;}

.mod-page-switcher, .mod-page-allinone { padding:0 5px; margin:10px auto; }
.mod-page-switcher span.page-current {display:inline-block; width:32px; height:25px; line-height:25px; text-align:center; background:url(../img/page2.gif) no-repeat left bottom; color:#fff; }
.mod-page-switcher a { display:inline-block; width:32px; height:25px; line-height:25px; text-align:center; color:#666; margin:0 3px; }
.mod-page-allinone a { display:inline-block; height:25px; line-height:25px;  width:100%; }

.mod-page-switcher a:hover { background:url(../img/page2.gif); color:#fff; }
.mod-page-switcher a.page-next, .mod-page-switcher a.page-previous, .mod-page-switcher a.page-last, .mod-page-switcher a.page-first { background:url(../img/common-gif.gif) 0 -400px no-repeat; color:#666; width:51px; }
.mod-page-switcher a.page-next:hover, .mod-page-switcher a.page-previous:hover, .mod-page-switcher a.page-last:hover, .mod-page-switcher a.page-first:hover { background-position:-100px -400px; color:#fff; }
.mod-page-nav { clear:both; text-align:left;line-height:20px; border:0px solid #ddd; width:98%; margin:0 auto; }
.mod-page-nav a{ color:#333;} .mod-page-allinone a{ color:#2BA339;}
.mod-page-nav a:hover,.mod-page-allinone a:hover{ text-decoration:underline;}
.mod-page-nav ul{ float:left; width:100%; padding:10px 0px;  background:url(../img/ddd.gif) 50% 0px repeat-y;}
.mod-page-nav li{float:left; width:49%;  height:25px; line-height:25px;text-indent:10px;}

.page-title { height:30px; line-height:30px; background:#efefef; text-indent:10px; font-weight:bold;}
.pager2 { width:100%; padding:10px 0 0 0; border-top:1px dotted #ddd; text-align:center;}
.border-top{border-top:1px dotted #ddd;}
.mod-page-allinone a:hover { background:#fff;  color:#F60;}
.sglist2 li span { height:40px; overflow:hidden; }
.article-con {font-size:14px;line-height:30px;font-family:"\5fae\8f6f\96c5\9ed1";color: #000;clear: both;width: 620px; margin:0 auto;}
.article{ width:100%;}
.article-con p{ text-indent:25px; margin-bottom:15px;}
.article img{max-width:600px;  width:expression(document.body.clientWidth>600?"600px":"auto"); overflow:hidden; }
.article-con strong{ font-weight:bold;}
.pay2{ font-size:16px; color:#E86000;}

.ppselecter,.ppselecter *{font-size:12px;font-family:"\5b8b\4f53",Verdana,Arial,Helvetica,sans-serif;line-height:normal}
.ppselecter{border:1px solid #FFA700;margin-left:1px; width:auto !important; min-width:170px; width:170px;}
.ppselecter .ppseltit{background-color:#FFF6DF;height:15px;padding-top:4px;text-indent:6px;color:#FF6000;font-size:12px}
.ppselecter td{font-size:13px; padding:1px 0;}
.ppselecter .active{background:#FDD463;color:#333;font-weight:normal}
.ppsc{width:280px;border:1px solid #C8C8C8;background:#fff;position:absolute;right:54px;top:18px;text-align:left;display:none}
.ppsc ul{margin:0;padding:0;list-style:none}
.ppsc h3{margin:0;padding:0 0 0 5px;height:23px;line-height:23px;font-size:12px;font-weight:bold;position:relative}
.ppsc-cnt{background:#fef8de;width:94%;margin:0 auto 5px auto;padding:5px}
.ppsc-tab li{float:left;padding:2px 1px;width:45px;margin:0 2px 0 0}
.ppsc-tab li a{display:block;width:45px;height:20px;line-height:20px;text-align:center;background:#F3F3F3;border:1px solid #CBCBCB;margin:0 auto;color:#515151}
.ppsc-tab li a:hover{background:#ff9e3a;color:#fff}
.ppsc-cnt2{line-height:28px;padding:5px}
.ppsc-cnt3{background:#fff;padding:5px;border:1px solid #FFD391}
.ppsc-btm{height:30px;position:relative;width:100%;line-height:30px;}
.ppsc-btm a{color:#FF6000}
.ppsc-btm a:hover{text-decoration:underline}
.ppsc-span{position:absolute;width:50px;height:30px;top:-1px;left:0;background:#fff;border:1px solid #FFD391;border-width:0 1px 1px 1px;text-align:center}
.ppsc-span-2{position:absolute;top:0;left:96px}
.ppsc-close-btn{}
a.ppsc-username{position:absolute;height:20px;text-align:center;line-height:20px;border:1px solid #FFD391;background-color:#fff;padding:0 15px 0 5px;right:35px;top:0;display:block}
a.ppsc-username span{display:block;position:absolute;background-position:3px-135px;width:14px;height:12px;right:0;top:5px}
a.ppsc-username:hover{text-decoration:none;}
a.ppsc-username:hover span{background-position:3px-110px}

.rel{ position:relative; width:100%;}
a.more-1{ position:absolute; right:10px; top:20px; color:#999; font-family:"\5b8b\4f53"; font-size:12px;}
a.more-1:hover{ color:#689E1E;}
.js-comment{width:665px; margin:0 auto;}
.js-passport td{ _vertical-align:middle;}
.comment-box .js-comment input.js-passport-ck{ _vertical-align:middle;}
.comment-box .js-comment input.js-passport-sub{ background:#2BA339; color:#fff;}

#ios-wrapper .to-phone .to-phone-btn2{ background-position:0 -1200px;}
#ios-wrapper .to-phone .to-phone-btn2:hover{ background-position:0 -1200px;}

#focus-nav {height:30px;position:absolute;top:250px; right:5px;background:none; z-index:20;}
#focus-nav ul {margin: 0 auto;}
#focus-nav li {float: left;padding-left: 1px;text-align: center;width: 30px; margin-right:0;}
#focus-nav a {color: #fff;display: block;font-size: 20px;width:30px;height: 30px;line-height:30px;text-decoration: none;font-family:"\5fae\8f6f\96c5\9ed1";background:#261d22; cursor:pointer;}
#focus-nav a.current {background:#689200;color:#fff;}

#panes div a .focus-cover h2{ font-size:14px; width:220px; height:40px; overflow:hidden; padding:5px 10px; line-height:20px;}

.news-list li a{ font-size:14px;}

.news-list li a{ float:none;}
.news-list li span{ margin-right:5px; line-height:26px; font-size:12px;}

.link-box .bd a{ line-height:28px;}
.link-box .hd{ padding:0 0 10px 0;}

#ios-wrapper .ipad-first-screen .newer-data{ background:url(../img/newer.jpg) left top no-repeat;}


/*the changed of shouyou1.5*/

/*the index*/

.gb-list2{ overflow:hidden; *zoom:1; font-size:0; text-align:center}
.gb-list2-item{ display:inline-block; *display:inline; *zoom:1; vertical-align:top}
@media all and (-webkit-min-device-pixel-ratio:0){.gb-list2{letter-spacing:-4px; word-spacing:-4px}.gb-list2-item{letter-spacing:normal; word-spacing:normal}}
.gb-list2-con,.gb-list2-c1,.gb-list2-c2,.gb-list2 .txt,.gb-list2 .tit{ display:block; *zoom:1; overflow:hidden; cursor:pointer}
.gb-list2-con{ margin-left:auto; margin-right:auto}
*html .gb-list2-con:hover{ direction:ltr}
.gb-list2-c2{ font-size:12px}
.gb-list2 .txt{ width:98%; margin-left:auto; margin-right:auto; text-overflow:ellipsis}
.gb-list2 .cover,.gb-list2 .mask{ display:none; overflow:hidden; position:absolute}
.gb-list2 .cover{ z-index:2}
.gb-list2 .mask{ z-index:-1; top:0; left:0; width:100%; height:100%; background:#000; filter:alpha(opacity:50); opacity:.5}
:root .gb-list2 .mask{filter:none \0}

.comm-list1 .gb-list2-con{ color:#333}
.comm-list1 .gb-list2-con:hover{ _vertical-align:baseline; color:#689200;}
.comm-list1 .gb-list2-c1{ position:relative;}
.comm-list1 .gb-list2-con:hover .gb-list2-c1{}
.comm-list1 .gb-list2-c2{ padding:5px; text-align:center; height:46px; overflow:hidden;}
.comm-list1 .txt{ font-size:14px; height:29px; line-height:29px; overflow:hidden;}
.comm-list1 .cover{ display:block; width:160px; height:90px; background:url(../img/common-png2.png) 0 -200px no-repeat; left:0; top:0;}
.recomm-video .comm-list1 .cover{ display:block;}
.comm-list1 .hover .cover{ background-position:0 -100px;}








.recomm-video{ width:681px}
.comm-list1 .gb-list2-item{ width:24.99%}
.comm-list1 .gb-list2-con{ width:160px}
.comm-list1 .avatar{ width:160px; height:90px}

.recomm-video{padding:13px 0 30px 0;}
.recomm-video .hd{height:60px; line-height:60px; overflow:hidden; position:relative;}
.recomm-video .hd h2{font-size:20px;color:#000; padding-left:8px;}
.recomm-video .hd span{ position:absolute; right:6px; top:20px;}
.recomm-video .hd span a{color:#999;font-size:12px;padding-right:10px;line-height:25px; font-family:"\5b8b\4f53"; background:url(../img/and-icon.gif) 27px -197px no-repeat;}
.recomm-video .hd span a:hover{ color:#689e1e; background-position: 27px -247px;}
.recomm-video .bd{}

.hot-tab{ background:url(../img/and-sprite2.jpg) 0 2px no-repeat;}
a.more-1{color:#999;font-size:12px;padding-right:10px;line-height:1; font-family:"\5b8b\4f53"; background:url(../img/and-icon.gif) 27px -197px no-repeat; top:19px; right:4px;}
.more-1:hover{ color:#689e1e; background-position: 27px -247px;}

.tutorial-box h3{ font-size:14px; color:#689e1e; line-height:30px; padding:5px 0 0 0;}
.tutorial-box .news-list-2{ padding:0 0 10px 0;}
.tutorial-box-2{ border-bottom:1px dotted #cccecd;}
.mod-box-3-2{ padding:10px 0 15px 0;}


/*the ios-warpper*/
#ios-wrapper .tutorial-box h3{ color:#0978c4;}
#ios-wrapper .recomm-video .hd span a{background:url(../img/ios-icon.gif) 27px -197px no-repeat;}
#ios-wrapper .recomm-video .hd span a:hover{ color:#0978c4; background-position: 27px -247px;}

#ios-wrapper .hot-tab{ background:url(../img/ios-sprite2.jpg) 0 2px no-repeat;}
#ios-wrapper a.more-1{ background:url(../img/ios-icon.gif) 27px -197px no-repeat;}
#ios-wrapper .more-1:hover{ color:#0978c4; background-position: 27px -247px;}

#ios-wrapper .gb-list2-con:hover{ _vertical-align:baseline; color:#0978c4;}
/*end the ios-warpper*/

/*           end the 2012-08-02            */

/*the web of the download-search-list*/
.con-wrapper-3{ width:978px; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; background:#f9f9f9; clear:both;}

.choose-wrapper{ background:#fff; padding:14px; zoom:1;}
.choose-wrapper .hd{ height:40px; position:relative;}
.choose-wrapper .hd h2{ line-height:40px; font-size:20px; color:#000; padding-left:37px; background:url(../img/common-icon2.gif) 8px 10px no-repeat;}
.choose-wrapper .reset-btn{ position:absolute; right:18px; top:0px;  background:url(../img/reset-btn.png) no-repeat;height:40px;width:120px;}
.choose-wrapper .reset-btn a img{height:40px;width:60px;}


.choose-box{ width:950px; position:relative;}
.choose-top{ width:950px; height:6px; background:url(../img/choose-box.gif) 0 0 no-repeat; overflow:hidden; clear:both;}
.choose-bt{ width:950px; height:6px; background:url(../img/choose-box.gif) -1000px 0 no-repeat; overflow:hidden; clear:both; margin-top:-1px;}
.choose-con{ width:950px;background:url(../img/choose-box.gif) -2000px 0 repeat-y; overflow:hidden; clear:both;}

.choose-list{padding:8px 0 7px 55px; clear:both; border-bottom:1px dotted #b5b5b5; width:865px; margin:0 auto;}
.choose-list dt{ float:left; width:50px; padding:0 0 0 5px; height:21px;margin:0 0 0 -55px; display:inline; line-height:21px; color:#000; font-size:14px;}
.choose-list dd{ float:left; height:21px; line-height:21px; white-space:nowrap; padding-left:4px;}
.choose-list dd a{ display:block; float:left; height:21px; color:#333; padding:0 0 0 6px; white-space:nowrap;cursor:pointer;}
.choose-list dd a span{ display:block; float:left; height:21px; padding:0 6px 0 0;}
.choose-list dd a:hover{ color:#2ba339;}
.choose-list dd a:hover span{ text-decoration:underline;}
.choose-list dd.current a{ background:url(../img/info-nav-hover.png) left top no-repeat; color:#fff;}
.choose-list dd.current a span{ background:url(../img/info-nav-hover.png) right top no-repeat; cursor:pointer;}
.flex-btn-3{/* position:absolute; bottom:0; left:425px; zoom:1;*/display:block; width:97px; height:24px; margin:0 auto;}
.flex-btn-3 a{ display:block; width:97px; height:24px; line-height:22px; background:url(../img/choose-box.gif) -3100px 0 no-repeat; font-family:"\5b8b\4f53"; color:#66aa00; text-align:center;}
.flex-btn-3 a.all{ background-position:-3000px 0;}
.flex-btn-3 a:focus{ outline:none;}
.flex-btn-3 a:hover{ text-decoration:underline;}
#ios-wrapper .choose-list dd.current a{ background:url(../img/info-nav-hover-2.png) left top no-repeat;}
#ios-wrapper .choose-list dd.current a span{ background:url(../img/info-nav-hover-2.png) right top no-repeat; color:#fff;}

.result-wrapper{ border-left:1px solid #fff; border-right:1px solid #fff; background:url(../img/result-wrapper.gif) center top no-repeat;}
.result-list{ padding:0 0 0 18px;}
.result-list .item{ float:left; width:229px;  height:324px;  position:relative; margin-right:8px;}
.result-cl{ width:203px; height:304px; padding:10px 13px; background:url(../img/common-sprite.gif) -250px 0 no-repeat;}
.result-cl .hd{ height:60px;}
.result-cl .hd h3{ line-height:30px; height:30px; overflow:hidden;width:180px;}
.result-cl .hd h3 a{ font-size:18px; color:#fff; font-weight:bold;}
.result-cl .hd h3 a:hover{ text-decoration:underline;}
.result-cl .hd .date{ color:#a2a2a2; line-height:26px;}
.result-cl .brief{ color:#777d8d; line-height:20px; padding:10px 0; height:160px; overflow:hidden; width:203px;}
.detail-btn-3{ display:block; width:125px; height:35px; background:url(../img/common-sprite.gif) 0 -350px no-repeat; text-align:center; line-height:35px; margin:0 auto; font-size:14px; color:#fff;}
.detail-btn-3:hover{ background-position:-200px -350px;}

.result-c2{  width:203px; height:304px; padding:10px 13px;  background:url(../img/common-sprite.gif) 0 0 no-repeat; position:absolute; left:0; top:0;}
.result-c2 .hd{ height:60px;}
.result-c2 .hd h3{ line-height:30px; height:30px; overflow:hidden;width:180px;}
.result-c2 .hd h3 a{ font-size:18px; color:#000; font-weight:bold;}
.result-c2 .hd h3 a:hover{ text-decoration:underline;}
.result-c2 .intro{ color:#666; line-height:26px;}
.result-c2 .intro span{ margin-right:8px;}
.result-c2 .intro .up{ color:#ea632e;}

.circular-img{ width:144px;}
.circular-img .img{ display:block; position:relative; width:144px; height:144px;}
.circular-img .img img{ display:block; width:124px; height:124px; padding:10px;}
.result-c2 .circular-img{ margin:10px auto; margin-bottom:5px;}
.result-c2 .star-box{ margin:0 auto;}

.result-c2 .vote-count{ padding:25px 0 0 12px; height:18px; line-height:18px;}
.result-c2 .vote-count p{ font-size:12px; color:#5f5f5f; line-height:18px;}
.result-c2 .vote-count .fun-box{ width:75px; overflow:hidden; padding:0 0 0 19px; background:url(../img/common-icon2.gif) 0 -50px no-repeat;}
.result-c2 .vote-count .fun-box .fun{color:#E86000;}
.result-c2 .vote-count .no-fun-box{ width:75px; overflow:hidden; padding:0 0 0 19px; background:url(../img/common-icon2.gif) 0 -100px no-repeat;}
.result-c2 .vote-count .no-fun-box .no-fun{color:#2ba339;}

.cur-bar .count{ font-weight:bold;}

.share-tit{ font-size:12px; color:#666;}
.share-list a{ background:url(../img/share.gif) no-repeat;}
.share-list a { float:left; display:block; width:16px; height:16px; overflow:hidden; margin-right:10px; display:inline; }
.share-list .share-1 { background-position:0 0; }
.share-list .share-2 { background-position:0 -50px; }
.share-list .share-3 { background-position:0 -100px; }
.share-list .share-4 { background-position:0 -150px; }
.share-list .share-5 { background-position:0 -200px; }
.share-list .share-6 { background-position:0 -250px; }
.share-list .share-7 { background-position:0 -300px; }

.share-list .share-1:hover{ background-position:-50px 0; }
.share-list .share-2:hover{ background-position:-50px -50px; }
.share-list .share-3:hover{ background-position:-50px -100px; }
.share-list .share-4:hover{ background-position:-50px -150px; }
.share-list .share-5:hover{ background-position:-50px -200px; }
.share-list .share-6:hover{ background-position:-50px -250px; }
.share-list .share-7:hover{ background-position:-50px -300px; }


/*end the 2012-08-06*/
.result-wrapper{ position:relative; width:976px;}
.result-rank{ padding:15px 0 0 0; height:60px; width:976px;}
.result-rank .intro-rank-tab{width:452px; float:left;}
.result-rank .pager{ padding:5px 30px 0 0; clear:none;position:absolute; right:0px;}
.result-rank .pager ul{left:0px;}
.pager-count{width:452px;}
.tpage .tpend{display:none;}

#ios-wrapper .choose-top{ background:url(../img/choose-box2.gif) 0 0 no-repeat;}
#ios-wrapper .choose-bt{ background:url(../img/choose-box2.gif) -1000px 0 no-repeat;}
#ios-wrapper .choose-con{ background:url(../img/choose-box2.gif) -2000px 0 repeat-y; }
#ios-wrapper .flex-btn-3 a{ background:url(../img/choose-box2.gif) -3100px 0 no-repeat; color:#11A6FC;}
#ios-wrapper .flex-btn-3 a.all{ background-position:-3000px 0;}
#ios-wrapper .choose-list dd a:hover span{ color:#11A6FC;}
#ios-wrapper .choose-list dd.current a:hover span{ color:#fff;}
#ios-wrapper .detail-btn-3{background:url(../img/common-sprite.gif) 0 -400px no-repeat;}
#ios-wrapper .detail-btn-3:hover{ background-position:-200px -400px;}

.assess .c,.assess .bg1,.assess .bg2{background:url(../img/ng-b2.png) no-repeat}
.assess{ position:relative; *zoom:1; margin:10px 0 15px; padding-left:64px; line-height:35px;}
.assess .tit{ position:absolute;font-weight:bold;font-size:14px; color:#f60;left:0}
.assess .c{ display:inline-block; *display:inline; *zoom:1; overflow:hidden; position:relative; height:35px; padding:0 10px 0 18px; font-size:14px; color:#e86000; background-position:0 -36px; background-repeat:repeat-x}
.assess .bg1,.assess .bg2{ display:block; overflow:hidden; position:absolute; top:0; height:35px}
.assess .bg1{ left:0; width:18px}
.assess .bg2{ right:0; width:10px; background-position:-20px 0}
.xbdpapp h3{font-weight:bold;font-size:14px; display:block;color:#f60;margin-top:0px; }
.xbdpapp {font-size:14px;margin-top:5px; color:#f60; height:55px}
.download-list-2{ width:246px;position:absolute; left:0; top:43px; display:none; z-index:99;}
.download-list-2 .hd{ height:28px; width:246px; overflow:hidden; background:url(../img/float-box2.png) 0 8px no-repeat;}
.download-list-2 .bd{ padding:0 21px; min-height:153px; _height:153px; background:url(../img/float-box2.png) -700px 0 repeat-y;}
.download-list-2 .ft{ height:20px; width:246px; overflow:hidden; background:url(../img/float-box2.png) -350px 0 no-repeat;}
.download-list-2 .title{ color:#666; font-weight:bold; line-height:22px;}
.download-list-2 .newest{ border-bottom:1px solid #dadada; padding:0 0 10px 0; margin:0 0 10px 0;}

.qr-code-box h3{ font-size:14px; color:#666; font-family:"\5b8b\4f53"; margin-bottom:7px; font-weight:bold;}
.qr-code img{ display:block; width:200px; height:200px; background:#fff; padding:1px; border:1px solid #dadada;}
.ques-list{ padding:10px 0 0 0;}
.ques-list li{ line-height:22px; color:#666; font-family:"\5b8b\4f53"; padding:0 0 0 10px; background:url(../img/common-gif2.gif) 3px -189px no-repeat; zoom:1;}
.ques-list li a{ color:#2ba339;}
.ques-list li a .up, .ques-list li a:hover{ text-decoration:underline;}

.ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; }
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; font: menu; font-size: 12px; line-height: 16px; overflow: hidden; }
.ac_loading { background: white url(../img/indicator.gif) right center no-repeat; }
.ac_odd { background-color: #eee; }
.ac_over { background-color: #0A246A; color: white; }

.ac_results{border:1px solid #ccc}
.ac_results li{height:26px;line-height:26px;}
.ac_results a{color:#858585;}

/*end the 2012-08-08*/
.hot-type{ padding:10px 0 10px 100px; margin:0 3px; width:874px; background:url(../img/wp-sprite.jpg) 0 -440px no-repeat; border-bottom:1px solid #49b4e8;}

.gb-list2{ overflow:hidden; *zoom:1; font-size:0; text-align:center}
.gb-list2-item{ display:inline-block; *display:inline; *zoom:1; vertical-align:top}
@media all and (-webkit-min-device-pixel-ratio:0){.gb-list2{letter-spacing:-4px; word-spacing:-4px}.gb-list2-item{letter-spacing:normal; word-spacing:normal}}
.gb-list2-con,.gb-list2-c1,.gb-list2-c2,.gb-list2 .txt,.gb-list2 .tit{ display:block; *zoom:1; overflow:hidden; cursor:pointer}
.gb-list2-con{ margin-left:auto; margin-right:auto}
*html .gb-list2-con:hover{ direction:ltr}
.gb-list2-c2{ font-size:12px}
.gb-list2 .txt{ width:98%; margin-left:auto; margin-right:auto; text-overflow:ellipsis}
.gb-list2 .cover,.gb-list2 .mask{ display:none; overflow:hidden; position:absolute}
.gb-list2 .cover{ z-index:2}
.gb-list2 .mask{ z-index:-1; top:0; left:0; width:100%; height:100%; background:#000; filter:alpha(opacity:50); opacity:.5}
:root .gb-list2 .mask{filter:none \0}

.hot-type-list{ padding:3px 0 0 0;}
.hot-type-list .gb-list2-con{ color:#1ba1e2;width:105px}
.hot-type-list .gb-list2-con:hover{ color:#000; text-decoration:none}
.hot-type-list .gb-list2-c1{}
.hot-type-list .gb-list2-con:hover .gb-list2-c1{}
.hot-type-list .gb-list2-c2{ text-align:center}
.hot-type-list .txt{ height:30px; line-height:30px;}
.hot-type-list .gb-list2-item{ width:12.49%}

/*the web of the wp*/
.focus-wrapper{ position:relative; float:left; width:670px; height:280px; margin:14px 0 0 15px; display:inline;}
.focus-box2{ width:670px; height:280px;}
.focus-box2 img{ width:670px; height:280px}
.focus-box2 .txt{ position:absolute; left:0; bottom:0; width:670px; height:60px; overflow:hidden; background:url(../img/wg-b2.png) 0 -1px repeat-x}
.focus-box2 .txt a{ display:block; *zoom:1; padding:6px 260px 0 10px; color:#fff}
.focus-box2 .txt a:hover{ text-decoration:none}
.focus-box2 .txt strong{ font-size:18px; font-weight:normal; line-height:29px}
.focus-con{ position:absolute; z-index:2; top:0px; left:0px; width:670px}
.focus-tab{ overflow:hidden; *zoom:1; position:absolute; z-index:4; bottom:0px; right:3px; height:60px}
.focus-tab a{ display:block; float:left; width:50px; height:50px; padding:5px; margin-right:4px}
.focus-tab a img{ width:48px; height:48px; border:1px solid #bcbcbc;}
.focus-tab .current{ background:#1ba1e2;}
.focus-tab .current img{}

.intro-rank-tab-3{ height:48px; clear:both; padding:24px 0 0 0;}
.intro-rank-tab-3 ul{ float:right; width:670px; border-bottom:1px solid #c3c3c4;}
.intro-rank-tab-3 ul li{ float:left; margin-right:2px;}
.intro-rank-tab-3 ul li a{ display:block; width:85px; height:35px; line-height:35px; text-align:center; color:#666;font-size:14px;}
.intro-rank-tab-3 ul li.current a{ background:#1ba1e2; color:#fff;}
.intro-rank-tab-3 ul li a:hover{ background:#1ba1e2; color:#fff;}




.pager3{ padding:0 18px 0 0; clear:none;position:absolute; right:0;}
.pager3 ul{left:79px;}

.article-box .share-box-2{ padding:15px 10px;}
.share-con{ width:218px; padding:5px 0 0 0;}

.cmmt-1-top .js-cmmt-view{ display:none;}
.h30{overflow:hidden;height:30px;width:100%;display:block;clear:both;}





/*首页轮播图样式*/
#content{ width:980px; margin:0px auto;}
.sglist2 li span { height:40px; overflow:hidden; }
.showBox{padding:10px 10px 100px 10px;overflow:hidden;width:570px;}
.showBox .ults { width:570px; height:250px; overflow:hidden; position:relative}
.showBox .ults li{position: absolute; top: 0; left: 0; display: none;}
.showBox img{vertical-align:top;}
.showBox .us2{width:570px;margin-top:6px;}
.showBox .us2 ol{width:580px;}
.showBox .us2 li{width:109px;float:left;margin-right:6px;position:relative;z-index:20;}
.showBox .us2 li em{display:none;}
.showBox .us2 li a img{opacity:0.5; filter:alpha(opacity=50);}
.showBox .us2 li a:hover img,.showBox .us2 .active a img{opacity:1;filter:alpha(opacity=100);}
.showBox .us2 .active em{display:block;width:26px;height:13px;background:url(../img/arrow.png) no-repeat;position:absolute;top:-16px;left:50px;z-index:21;}

.title span a{margin:0;}

.recomm-box2{ width:380px; padding:10px 7px 0 0;}
.recomm-box2 .news-list2 a{ font-size:14px; float:right;color:#999}
.recomm-news2{ text-align:center; height:60px; border-bottom:0px dotted #b2b2b2;}
.recomm-news2 h1{ margin-bottom:3px; width:360px; height:27px; overflow:hidden;}
.recomm-news2 h1 a{ font-size:18px; color:#689200; font-weight:bold;}
.recomm-news2 p a{ color:#666; margin:0 5px;}
.recomm-news2 a:hover{ color:#689200; text-decoration:underline;}

.recomm-news3{ text-align:center; height:30px; border-bottom:1px dotted #b2b2b2;}
.recomm-news3 h1{ margin-bottom:3px; width:360px; height:27px; overflow:hidden;}
.recomm-news3 h1 a{ font-size:18px; color:#689200; font-weight:bold;}
.recomm-news3 p a{ color:#666; margin:0 5px;}
.recomm-news3 a:hover{ color:#689200; text-decoration:underline;}

.date1{ color:#000000; float:right;}
.gb-list1 .date{ float:right;}
.news-list11 li{ overflow:hidden;}
.news-list11{ padding:5px;}
.news-list11 li{ height:24px; line-height:24px;}
.news-list11 .date{ font-size:12px; color:#999a9a;}
.news-list11 .tit{ padding-left:10px; background:url(../img/txt2.gif) 0px 8px no-repeat;}
.news-list11 .tit a{ font-size:14px; color:#333;}
.news-list11 .tit a:hover{ text-decoration:underline;}

.pa20{display:none;}

.ratingblock {width:300px;display:block;}
.loading {height: 30px;background: url('../img/working.gif') 50% 50% no-repeat;}
.unit-rating { /* the UL */
list-style:none;margin: 0px;padding:0px;height: 30px;position: relative;background: url('../img/starrating.gif') top left repeat-x; display:block;overflow:hidden;}
.unit-rating li{ text-indent: -90000px;padding:0px;margin:0px;/*\*/
float: left;/* */
}
.unit-rating li a {outline: none;display:block;width:12px;height: 30px;text-decoration: none;text-indent: -9000px;z-index: 20;position: absolute;padding: 0px;}
.unit-rating li a:hover{background: url('../img/starrating.gif') left center;z-index: 2;left: 0px;}
.unit-rating a.r1-unit{left:0px;}
.unit-rating a.r1-unit:hover{width:12px;}
.unit-rating a.r2-unit{left:12px;}
.unit-rating a.r2-unit:hover{width: 24px;}
.unit-rating a.r3-unit{left: 24px;}
.unit-rating a.r3-unit:hover{width: 36px;}
.unit-rating a.r4-unit{left: 36px;}
.unit-rating a.r4-unit:hover{width:48px;}
.unit-rating a.r5-unit{left: 48px;}
.unit-rating a.r5-unit:hover{width: 60px;}
.unit-rating a.r6-unit{left: 60px;}
.unit-rating a.r6-unit:hover{width: 72px;}
.unit-rating a.r7-unit{left:72px;}
.unit-rating a.r7-unit:hover{width:84px;}
.unit-rating a.r8-unit{left:84px;}
.unit-rating a.r8-unit:hover{width:96px;}
.unit-rating a.r9-unit{left:96px;}
.unit-rating a.r9-unit:hover{width:108px;}
.unit-rating a.r10-unit{left:108px;}
.unit-rating a.r10-unit:hover{width:120px;}
.unit-rating li.current-rating {background: url('../img/starrating.gif') left bottom;position: absolute;height: 30px;display: block;text-indent: -9000px;z-index: 1;}
.xxfr{ float:right;padding-top:5px;color:#aaa;}
.voted {color:#999; }
.thanks {color:#42B81F;float:left;padding-top:5px;padding-left:170px;position: absolute;width:120px;}
.static {color:#5D3126;}
.vdjxy{color:#999;font-size:12px;}