@charset "utf-8";
/* CSS Document */
/*reset*/
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input, button,textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
fieldset, img {
    border: 0;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
address, caption, cite, code, dfn,em, strong, th, var, optgroup {
    font-style: normal;
    font-weight: normal;
}
 
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
abbr, acronym {
    border: 0;
    font-variant: normal;
}
 
input, button, textarea,select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
code, kbd, samp, tt {
    font-size: 100%;
}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
    *font-size: 100%;
}
body {
    line-height: 1.5;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th {
    text-align: left;
}
sup, sub {
    font-size: 100%;
    vertical-align: baseline;
}
/* remember to highlight anchors and inserts somehow! */
:link, :visited , ins {
    text-decoration: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,q:before, q:after {
    content: '';
    content: none;
}

.clearfix:after { 
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}
.clearfix {display: inline-block;}
     
 /* Hides from IE-mac \*/
 * html .clearfix {height: 1%;} 
.clearfix {display: block;} 
 /* End hide from IE-mac */
 
 
 /*common*/
body{color:#333;font:12px/1.5 "宋体";background:#f5f5f5;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:underline;color:#f90;}
.fl{float:left;}
.fr{float:right;}
.clear{height:0;line-height:0;overflow:hidden;clear:both;}
.cgreen{color:#57b73c;font-weight:bold;}
.cf90{color:#f90;}

/*layout*/
.warpper{width:996px;margin:0 auto;}
.subjectPic,.games,.foot{width:990px;margin:0 auto;position:relative;}

/*top*/
.top{height:45px; background:url(../images/topBg.jpg) left top no-repeat; padding-bottom:10px;}
.top p{height:45px;line-height:45px;font-weight:bold;color:#fff;float:right;padding-right:20px;}
.top a{color:#fff;}
.top a:hover{color:#666;text-decoration:none;}

/*subjectPic*/
.subjectPic{padding-bottom:15px;}

/*pages*/
.pageOut{ background:url(../images/cBg.jpg) top left repeat-y;}
.pageIn{ background:url(../images/cTop.jpg) top left no-repeat;}
.pages{ background:url(../images/cBot.gif) bottom left no-repeat;overflow:hidden;}
.pages p{line-height:20px;}

.part1{padding:8px 3px 0 3px;margin-bottom:15px;+margin-bottom:0px;_margin-bottom:0px;}
.part1 div.fr{width:329px;}
.part1 div.fl{width:642px;}
.download h2{height:35px; background:url(../images/tit2.jpg) left top no-repeat; text-indent:-1000px;}
.softList{ background:#fff;width:291px;margin:0 10px;padding:5px 9px 10px 9px; }
.softList li{width:291px;height:52px;margin-top:11px;padding-bottom:10px;border-bottom:1px dashed #d8d8d8;}
.softList li img{float:left;height:52px;width:52px;margin-top:2px;}
.softList li .txt{height:52px;margin-left:60px;overflow:hidden;width:19em;}
.softList li .txt a.cgreen:hover{color:#f90;text-decoration:none;}
.softList li .txt p{line-height: 1.5;}
.intro h2{height:35px; background:url(../images/tit1.jpg) left top no-repeat; text-indent:-1000px;}
.intro .cont{ background:#fff;margin:0 10px;width:602px;padding:15px 10px 14px 10px;+padding:15px 10px 6px 10px;_padding:15px 10px 18px 10px;}
.intro img.fr{padding-bottom:10px;}
.intro embed{float:right;margin-bottom:10px;}
.intro img.fl{margin-top:-12px;}
.intro p.fl{width:322px; clear:none;padding-bottom:10px;}
.intro p.fr{width:408px; clear:none;padding-bottom:10px;}
.intro p{clear:both;width:602px;text-indent:2em;padding-bottom:10px;}

.part2{padding:0 3px 0 3px;margin-bottom:7px;}
.part2 div.fl{width:330px;margin-right:17px;+margin-right:18px;_margin-right:18px;}
.part2 div.skill,.part2 div.pop{width:295px;margin-right:0;}
.part2 h2{font-size:14px;font-weight:bold;color:#fff;padding-left:42px;height:26px;line-height:26px;}
.part2 .mode h2,.part2 .advance h2{ background:url(../images/tit3.jpg) left top no-repeat;padding-top:9px;}
.part2 .skill h2{ background:url(../images/tit4.jpg) left top no-repeat;padding-top:9px;}
.part2 .hot h2,.part2 .course h2{ background:url(../images/tit5.jpg) left top no-repeat;padding-left:7px;}
.part2 .pop h2{ background:url(../images/tit6.gif) left top no-repeat;padding-left:7px;}
.part2 .cont{margin:0 10px;padding:11px;background:#fff;}
.part2 .mode p{padding-top:8px;text-indent:28px;}
.part2 .mode .n1{ background:url(../images/n1.jpg) 0px 8px no-repeat;}
.part2 .mode .n2{ background:url(../images/n2.jpg) 0px 8px no-repeat;}
.part2 .mode .n3{ background:url(../images/n3.jpg) 0px 8px no-repeat;}
.part2 .advance p.fr{width:145px;margin-top:-5px;padding:0;}
.part2 .advance .pic3{clear:both;width:73px;float:right;}
.part2 .advance .pic3 img{padding:0 2px 10px 0;}
.part2 .advance p{padding-top:5px;}
.part2 .skill img{padding-bottom:8px;}

.part2 .hot .cont,.part2 .course .cont{padding:13px 11px 14px 11px;+padding:11px;_padding:14px 11px;}
.part2 .hot li,.part2 .course li{line-height:24px;}
.part2 .pop .softList{width:252px;padding-top:5px;}
.part2 .pop .softList li{width:252px;height:33px;}
.part2 .pop .softList li img{width:33px;height:auto;margin:2px 0 0 2px;}
.part2 .pop .softList li .txt{height:33px;margin-left:43px;width:17em;}
.part2 .pop .softList li .txt p{line-height: 1.5;}
.part2 .pop .softList li .txt p .cgreen{display:inline-block;width:164px;height:16px;overflow:hidden;}
.part2 .pop .softList li .txt p .cf90{display:inline-block;height:16px;}

/*picShow*/
.picShow{height:155px;overflow:hidden;width:990px;padding:0 0 6px 3px;margin-bottom:15px;}
#prev{text-indent:-1000px;width:30px;background:#e5ffcc url(../images/L.gif) 2px 50px no-repeat;float:left;height:160px;overflow:hidden;}
#next{text-indent:-1000px;width:30px;background:#e5ffcc url(../images/R.gif) 6px 50px no-repeat;float:left;height:160px;overflow: hidden;}
.picShow .box{float:left;height:160px;overflow:hidden;position:relative;width:930px;background:#e5ffcc;}
.picShow .pics{position:absolute;top:0;width:5000px;padding:10px 0;}
.picShow li{float:left;height:140px;overflow:hidden;width:960px;}
.picShow li p{border:1px solid #282828;float:left;margin-right:27px;overflow:hidden;position:relative;}
.picShow li p span{background:url(../images/bg.gif) left bottom repeat-x;filter:alpha(opacity=70);opacity:0.7;color:#fff;cursor:pointer;display:block;height:30px;left:0;line-height:30px;padding-top:140px;position:absolute;text-decoration:none;text-align:center;top:0;width:100%;}

/*comment*/
#comment a,#comment a:link,#comment a:visited {color: #2F3A30;}
#comment{margin:5px 0 0 0;overflow:hidden;width:990px;}
#comment-2011 {position: relative;text-align: right;}
.content-box .title {background-color: #F6F6F6;border: 1px solid #D8D8D8;height: 28px;line-height: 28px;margin: 5px 0 0 5px;width: 648px;}
#comment-tab {left: -1px;position: absolute;top: -1px;}
#comment-tab .tab_2 {border-top: 2px solid #FE8B19;color: #009933;height: 28px;line-height: 32px;margin-top: 0;}
#comment-tab li {background: none repeat scroll 0 0 #FFFFFF;border-color: #D8D8D8 #D8D8D8 -moz-use-text-color;border-style: solid solid none;border-width: 1px 1px 0;cursor: pointer;float: left;font-weight: bold;height: 25px;line-height: 28px;margin: 3px 0 0 5px;overflow: hidden;text-align: center;width: 80px;}
.comment-num {margin-right: 10px;}
.totalcomt {color: #FF6600;}
#download .content, #comment .content {background-color: #FFFFFF;border-color: -moz-use-text-color #D8D8D8 #D8D8D8;border-right: 1px solid #D8D8D8;border-style: none solid solid;border-width: 0 1px 1px;margin-left: 5px;padding-bottom: 10px;width: 648px;}
#comment-list, .comment-list {margin-bottom: 10px;overflow: hidden;padding: 10px 25px;}
.comment-list dl {padding: 0 5px;}
#comment_0 dt {background: none repeat scroll 0 0 #F3F8FF;}
.comment-list dt {height: 28px;line-height: 28px;overflow: hidden;padding: 0 10px;}
.comment-list dt span {float: left;}
.comment-list dt i {color: #FF6600;font-family: verdana;font-style: normal;}
.comment-list dt b {font-weight: normal;margin: 0 6px;}
.comment-list dt em {float: right;font-style: normal;}
.comment-list dd {line-height: 20px;padding: 5px 10px 10px;word-wrap: break-word;}
.comment-list dd img {margin-bottom: -5px;}
.comment-list p {line-height: 1;padding: 5px 0;text-align: right;}
#comment form {overflow: hidden;padding: 0 25px;}
#comment .username {background: url("/style/images/Sprites_downInfo.png") no-repeat scroll -330px -120px transparent;float: left;height: 25px;width: 190px;}
#UserName {background: none;border: 0 none;color: #5F5F5F;font-size: 12px;font-weight: normal;height: 21px;line-height: 21px;margin-left: 40px;padding: 2px 10px;}
#comment .smile {float: left;margin-left: 20px;}
#ly_content {border: 1px solid #CFEBFD;height: 120px;margin-bottom: 10px;overflow: auto;padding: 9px;width: 578px;}
.fabiao p {background: url("/style/images/Sprites_downInfo.png") no-repeat scroll -330px -202px transparent;float: left;height: 25px;text-indent: -3000px;width: 320px;}
#tijiao {background: url("/style/images/Sprites_downInfo.png") no-repeat scroll -330px -170px transparent;border: 0 none;cursor: pointer;float: right;height: 25px;width: 100px;}

/*games*/
.games{ height:134px; background:url(../images/gameBg.gif) 0px 15px no-repeat;padding:15px 0;}
.games h2{font-size:16px;padding:18px 0 6px 0;margin:0 15px;border-bottom:1px solid #ccc;}
.games p{padding:10px 15px;line-height:22px;}
.games p a{color:#666;padding-right:14px;}
.games p a:hover{color:#f90;}

/*foot*/
.foot{padding-bottom:15px;text-align:center;}

/*comment*/
.w990{width:990px;margin:0 auto;}
#comment-2011 {
    position: relative;
    text-align: right;
}
.comment-num {
    margin-right: 10px;
}
#comment-tab {
    left: -1px;
    position: absolute;
    top: -1px;
}
#comment-tab li {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #D8D8D8 #D8D8D8 -moz-use-text-color;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    cursor: pointer;
    float: left;
    font-weight: bold;
    height: 25px;
    line-height: 28px;
    margin: 3px 0 0 5px;
    overflow: hidden;
    text-align: center;
    width: 80px;
}
#comment-tab .tab_2 {
    border-top: 2px solid #FE8B19;
    color: #009933;
    height: 28px;
    line-height: 32px;
    margin-top: 0;
}
.comment-list .quote, .comment-list .quote span {
    text-indent: 0;
}
.comment-list dt {
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    padding: 0 10px;
}
.comment-list h2 {
    background: url("/skin/gr/images/comment_tbg.png") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    font-size: 14px;
    height: 30px;
    margin-bottom: 10px;
    padding: 0 10px;
}
.comment-list h2 span {
    background-repeat: no-repeat;
    float: left;
    line-height: 26px;
    margin-top: 4px;
    text-align: center;
    width: 88px;
}
.comment-list dl {
    padding: 0 5px;
}
.comment-list dd {
    line-height: 20px;
    padding: 5px 10px 10px;
    word-wrap: break-word;
}
.comment-list dd img {
    margin-bottom: -5px;
}
.comment-list blockquote, .comment-list .quote {
    background: none repeat scroll 0 0 #FFFDE9;
    border: 1px solid #BFBFBF;
    color: #000000;
    margin: 0 0 5px;
    padding: 3px 3px 5px;
}
.comment-list blockquote h4, .comment-list .quote span {
    background: none repeat scroll 0 0 transparent;
    color: #666666;
    display: block;
    font-size: 12px;
    font-weight: normal;
    padding: 0 3px;
}
.comment-list blockquote h4 cite {
    font-style: normal;
}
.comment-list blockquote div {
    padding: 0 7px;
}
.comment-list dt i {
    color: #FF6600;
    font-family: verdana;
    font-style: normal;
}
.comment-list dt b {
    font-weight: normal;
    margin: 0 6px;
}
.comment-list p {
    line-height: 1;
    padding: 5px 0;
    text-align: right;
}
.comment-list p a {
    color: #E65C08;
    margin-left: 10px;
}
.comment-list dt span {
    float: left;
}
.comment-list dt em {
    float: right;
    font-style: normal;
}
#comment_0 dt {
    background: none repeat scroll 0 0 #F3F8FF;
}
#comment_0 h2 span {
    background-image: url("/skin/gr/images/comment_tr.png");
}
#comment_1 dt {
    background: none repeat scroll 0 0 #F0F7EE;
    color: #569659;
}
#comment_1 h2 span, #s_comment h2 span {
    background-image: url("/skin/gr/images/comment_tg.png");
}

#comment h2, #comment .content h3 {
    font-size: 12px;
}
#comment .all, #comment .bluea {
    float: right;
    padding: 5px 10px;
}
#comment-list, .comment-list {
    margin-bottom: 10px;
    overflow: hidden;
    padding: 10px 25px;
}
#comment-list h5 {
    margin: 10px 0;
}
#comment-list h5 span {
    float: right;
}
#comment-list h6 {
    border-bottom: 1px solid #D8D8D8;
    padding-bottom: 5px;
}
#comment form {
    overflow: hidden;
    padding: 0 25px;
}
#comment .username {
    background: url("/style/images/Sprites_downInfo.png") no-repeat scroll -330px -120px transparent;
    float: left;
    height: 25px;
    width: 190px;
}
#UserName {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #5F5F5F;
    font-size: 12px;
    font-weight: normal;
    height: 21px;
    line-height: 21px;
    margin-left: 40px;
    padding: 2px 10px;
}
#comment .smile {
    float: left;
    margin-left: 20px;
}
#ly_content {
    border: 1px solid #CFEBFD;
    height: 120px;
    margin-bottom: 10px;
    overflow: auto;
    padding: 9px;
    width: 578px;
}
.fabiao p {
    background: url("/style/images/Sprites_downInfo.png") no-repeat scroll -330px -202px transparent;
    float: left;
    height: 25px;
    text-indent: -3000px;
    width: 320px;
}
#tijiao {
    background: url("/style/images/Sprites_downInfo.png") no-repeat scroll -330px -170px transparent;
    border: 0 none;
    cursor: pointer;
    float: right;
    height: 25px;
    width: 100px;
}