body
{
    margin: 0px;
    padding: 0px;
    color: #333333;
    font-size: 12px;
    font-family: Verdana;
    background: #eeeeee;
}
input
{
    font-size: 12px;
}
img
{
    background: white;
    border: none;
    vertical-align: middle;
}
form, div, ul
{
    margin: 0px;
    padding: 0px;
}
li
{
    list-style-type: none;
    list-style-position: outside;
}
h1, h2, h3
{
    margin: 0px;
    padding: 0px;
}
a:link
{
    color: #666666;
    text-decoration: none;
}
a:visited
{
    color: #666666;
    text-decoration: none;
}
a:hover
{
    color: #333333;
    text-decoration: underline;
}
.clear
{
    clear: both;
    height: 1px;
    margin-top: -1px;
    overflow: hidden;
}

/* header 样式 */
#header
{
    clear: both;
    width: 975px;
    margin: 0px auto;
    padding: 10px 0px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: white;
    overflow: hidden;
}
#header #info
{
    width: 955px;
    padding: 0px 10px;
    text-align: right;
    clear: both;
}
#header #info a
{
    text-decoration: none;
}
#header h1
{
    margin-left: 15px;
    float: left;
    background: red;
    display: inline;
}
#banner
{
    margin-top: 15px;
    margin-left: 30px;
    
    float: left;
    display: inline;
}
#banner .title
{
    margin-left: 25px;
}
#banner .title ul
{
    height: 25px;
    float: left;
    font-size: 12px;
    text-align: center;
    line-height: 25px;
}
#banner .title li
{
    width: 50px;
    height: 25px;
    float: left;
    color: white;
    font-size: 12px;
    background: url("../Images/tab.png") no-repeat center -5px;
    cursor: pointer;
}
#banner .title .left
{
    background: url("../Images/tab.png") no-repeat -5px -5px;
}
#banner .title .right
{
    background: url("../Images/tab.png") no-repeat -260px -5px;
}
#banner .title .leftcurr
{
    font-weight: bold;
    background-position: -5px -74px;
}
#banner .title .centercurr
{
    font-weight: bold;
    background-position: center -74px;
}
#banner .title .rightcurr
{
    font-weight: bold;
    background-position: -260px -74px;
}


#nav
{
    clear: both;
    width: 992px;
    height: 38px;
    margin: 0px auto;
}
#nav a
{
    width: 108px;
    height: 38px;
    display: block;
    color: white;
    border: 1px solid black;
    background: url("../Images/menu-gloss.png") repeat-x 0px -78px;
    text-decoration: none;
}
#nav .currpage
{
    background: url("../Images/menu-gloss.png") repeat-x 0px -39px;
}
#nav a:hover
{
    color: white;
    background: url("../Images/menu-gloss.png");
}
#nav li
{
    width: 110px;
    height: 36px;
    float: left;
    color: white;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 38px;
    position: relative;
}
#nav .first
{
    width: 7px;
    height: 40px;
    position: absolute;
    left: 0px;
    z-index: 1;
    background: url("../Images/menu-end.gif") no-repeat;
}
#nav .last
{
    width: 7px;
    height: 40px;
    position: absolute;
    right: 0px;
    z-index: 1;
    background: url("../Images/menu-end.gif") no-repeat -7px 0px;
}
#contenter
{
    width: 975px;
    margin: 0px auto;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: white;
    overflow: hidden;
}
#morept
{
    clear: both;
    width: 945px;
    margin: 0px auto 5px;
}
#footer
{
    clear: both;
    width: 945px;
    margin: 0px auto;
    padding: 15px;
    border: 1px solid #ccc;
    border-bottom: none;
    background: #f5f5f5;
}
#morelink h2
{
    font-size: 14px;
}
#morelink li
{
    margin-left: 10px;
    float: left;
    line-height: 22px;
    display: inline;
}
#copyright
{
    clear: both;
    width: 935px;
    margin: 20px 0px 0px;
    text-align: center;
}

/* 首页 样式 */
#site_nav
{
    width: 926px;
    height: 27px;
    margin: 0px auto 15px;
    padding: 0px 10px;
    line-height: 27px;
    background: url("../Images/header.png") no-repeat -5px -15px;
}
#site_nav a
{
    margin-right: 10px;
}
#main
{
    width: 620px;
    margin-left: 15px;
    float: left;
    display: inline;
    overflow: hidden;
}
#search
{
    clear: both;
    width: 440px;
    height: 30px;
    padding: 7px 15px;
    background: url("../Images/search-background.png") no-repeat;
}
#search #s
{
    width: 250px;
    height: 19px;
    float: left;
    margin-right: 10px;
    padding-left: 20px;
    color: #ccc;
    font-size: 12px;
    line-height: 19px;
    border: 1px solid #ccc;
    background: white url("../Images/search.gif") no-repeat;
}
#wapurl
{
    margin-top: 30px;
    float: left;
    text-align: center;
}
#wapurl a
{
    color: red;
}
.indexlist
{
    clear: both;
    width: 640px;
    margin-bottom: 10px;
}
.indexlist .title h2
{
    width: 145px;
    height: 31px;
    float: left;
    color: white;
    font-size: 14px;
    text-align: center;
    line-height: 31px;
    background: url("../Images/tab.png") no-repeat -5px -74px;
}
.indexlist .title ul
{
    width: 480px;
    height: 31px;
    float: left;
    color: white;
    font-size: 14px;
    text-align: center;
    line-height: 31px;
}
.indexlist .title li
{
    width: 120px;
    height: 31px;
    float: left;
    font-size: 12px;
    background: url("../Images/tab.png") no-repeat center -5px;
}
.indexlist .title a
{
    width: 120px;
    height: 31px;
    color:  white;
    display: block;
    text-decoration: none;
}
.indexlist .title li a:hover
{
    background: url("../Images/tab.png") no-repeat center -39px;
}
.indexlist .title .more,.indexlist .title .more a
{
    width: 120px;
    background: url("../Images/tab.png") no-repeat right -5px;
}
.indexlist .title .more a:hover
{
    color: white;
    background: url("../Images/tab.png") no-repeat right -39px;
}
.indexlist .list, .indexlist .articlelist
{
    clear: both;
    width: 608px;
    padding: 0px 5px;
    border: 1px solid #eee;
    border-top: none;
}
.indexlist .list h3, .indexlist .articlelist h3
{
    clear: both;
    width: 584px;
    padding: 12px;
    font-size: 14px;
    font-weight: normal;
    background: #f5f5f5;
    overflow: hidden;
}
.indexlist .list ul
{
    clear: both;
    width: 608px;
    padding: 12px 0px;
    background: #f5f5f5;
    overflow: hidden;
}
.indexlist .articlelist ul
{
    clear: both;
    width: 608px;
    padding: 12px 0px;
    background: #f5f5f5;
    overflow: hidden;
}
.indexlist .list li
{
    width: 121px;
    margin: 0px 12px 12px;
    padding: 2px;
    float: left;
    text-align: center;
    line-height: 30px;
    border: 1px solid #ccc;
    background: white;
    display: inline;
    position: relative;
}
.indexlist .list li .info
{
    padding: 3px;
    line-height: 16px;
    text-align: left;
    background: #eee;
}
.indexlist .list .ringtone
{
    width: 50px;
    height: 50px;
    position: absolute;
    right: 2px;
    bottom: 23px;
}
.indexlist .articlelist li
{
    margin: 0px 12px;
    font-size: 14px;
    line-height: 26px;
}
.indexlist .articlelist a:link
{
    color: #666;
}
.indexlist .articlelist a:visited
{
    color:  #666;
}
.indexlist .articlelist a:hover
{
    color: #990000;
}
.indexlist .page
{
    clear: both;
    width: 610px;
    height: 29px;
    padding: 0px 10px;
    color: white;
    line-height: 29px;
    background: url("../Images/standard.png") no-repeat -6px -105px;
}
.indexlist .page a,.indexlist .page span
{
    width: 40px;
    float: left;
    color: white;
    text-align: center;
    text-decoration: none;
    display: block;
}
.indexlist .page a:hover
{
    font-weight: bold;
}
.indexlist .page .currpage
{
    color: white;
    font-weight: bold;
}

#right
{
    width: 310px;
    margin-right: 15px; 
    float: right;
    overflow: hidden;
    display: inline;
}
#righttopbox
{
    width: 310px;
    background: url("../Images/repeat-y.png") repeat-y -645px top;
    margin-bottom: 10px;
}
#righttopbox .head
{
    width: 310px;
    height:5px;
    background: url("../Images/standard.png") no-repeat -5px -142px;
    overflow: hidden;
}
#righttopbox .foot
{
    width: 310px;
    height:5px;
    background: url("../Images/standard.png") no-repeat -5px -197px;
    overflow: hidden;
}
#righttopbox h2
{
    padding: 0px 10px;
    font-size: 14px;
    line-height: 24px;
    background: url("../Images/standard.png") no-repeat -5px -147px;
}
#righttopbox li
{
    padding: 0px 10px;
    line-height: 22px;
}
#righttopbox .picture
{
    text-align: center;
}
#righttopbox .picture img
{
    padding: 2px;
    border: 1px solid #ccc;
    background: white;
}
#righttopbox .more
{
    text-align: right;
}
.rightbox
{
    width: 310px;
    margin-bottom: 10px;
}
.rightbox .head
{
    width: 316px;
    height: 31px;
    float: left;
    background: url("../Images/corners_black_glossy.png") no-repeat right -5px;
}
.rightbox .head .left
{
    width: 10px;
    height: 31px;
    float: left;
    background: url("../Images/corners_black_glossy.png") no-repeat -5px -5px;
}
.rightbox h2
{
    color: white;
    font-size: 14px;
    line-height: 31px;
}
.rightbox .list
{
    clear: both;
    width: 298px;
    padding: 5px;
    padding-top: 0px;
    border: 1px solid #eee;
}
.rightbox .list ul
{
    clear: both;
    width: 298px;
    padding: 10px 0px;
    background: #f5f5f5;
    overflow: hidden;
}
.rightbox .list li
{
    margin-bottom: 5px;
    padding: 0px 10px;
    line-height: 22px;
}
.rightbox .list li span
{
    width: 2em;
    margin-right: 5px;
    float: left;
    padding: 3px 0px;
    color: white;
    font-size: 9px;
    text-align: center;
    line-height: 15px;
    display: list-item;
}
.rightbox .list li img
{
    margin-left: 25px;
    padding: 2px;
    border: 1px solid #ccc;
    background: white;
}
.rightbox .list .more
{
    text-align: right;
}

/* 游戏 样式 */
#category_nav
{
    width: 926px;
    height: 31px;
    margin: 0px auto 15px;
    padding: 0px 10px;
    color: white;
    font-size: 14px;
    line-height: 31px;
    background: url("../Images/header.png") no-repeat -5px -59px;
}
#category_nav li
{
    width: 65px;
    height: 31px;
    float: left;
    text-align: center;
    border-right: 1px solid #333333;
}
#category_nav li a
{
    width: 65px;
    height: 31px;
    display: block;
    color: white;
    text-decoration: none;
}
#category_nav li a:hover, #category_nav li .currpage
{
    background-image: url("../Images/header-gloss.png");
}
#content_search
{
    width: 920px;
    height: 40px;
    margin: 0px auto 0px;
    padding: 8px 10px;
    background: url("../Images/SearchWideBackground.png") no-repeat;
}
#content_search #s_button
{
    width: 110px;
    height: 24px;
    color: white;
    border: none;
    background: url("../Images/search.png") no-repeat;
}
#content_search #s_str
{
    width: 200px;
    height: 19px;
    padding-left: 20px;
    color: #ccc;
    font-size: 12px;
    line-height: 19px;
    border: 1px solid #ccc;
    background: white url("../Images/search.gif") no-repeat;
}
#content_search select
{
    width: 150px;
    height: 21px;
    border: 1px solid #ccc;
    font-size: 10px;
}
#content_info
{
    width: 620px;
    margin-bottom: 10px;
}
#content_info h2
{
    width: 620px;
    height: 31px;
    padding-left: 10px;
    color: white;
    font-size: 14px;
    line-height: 31px;
    background: url("../Images/standard.png") no-repeat -6px -74px;
}
#content_main
{
    width: 598px;
    padding: 10px;
    border: 1px solid #ccc;
    border-top: none;
    background: #f5f5f5;
}
#content_main h3
{
    margin-bottom: 20px;
    float: left;
    font-size: 14px;
    font-weight: normal;
}
#content_main .fav
{
    margin-bottom: 20px;
    float: right;
}
#content_main .info
{
    clear: both;
    margin: 0px auto 20px;
    padding: 10px;
    line-height: 22px;
    border: 1px solid #eee;
    background: white;
    overflow: hidden;
}

#content_main .info .screenlist
{
    width: 176px;
    height: 208px;
    margin-right: 10px;
    float: left;
    border: 1px solid #ccc;
    overflow: hidden;
    position: relative;
}
#content_main .info .wallpaperscreen
{
    width: 120px;
    height: 90px;
    margin: auto;
    border: 1px solid #ccc;
}

#content_main .info .player
{
    width: 121px;
    padding-bottom: 20px;
    position: relative;
}
#content_main .info .ringtone
{
    width: 50px;
    height: 50px;
    position: absolute;
    right: 2px;
    bottom: 0px;
}
#screenpage
{
    padding: 2px;
    color: white;
    font-size: 10px;
    background: #666;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
#content_main .info ul
{
    line-height: 22px;
    overflow: hidden;
}
#content_main .info li
{
    line-height: 22px;
}
#content_main .info h2
{
    width: auto;
    height: auto;
    padding: 0px;
    color: black;
    font-size: 12px;
    font-weight: normal;
    text-indent: 2em;
    line-height: 22px;
    background: none;
    overflow: hidden;
}
#content_main .info .articlepage
{
    text-align: center;
}
#content_main .webdown
{
    clear: both;
    width:  148px;
    height: 42px;
    margin-left: 125px;
    margin-bottom: 20px;
    float: left;
    display: inline;
}
#content_main .webdown a
{
    width:  148px;
    height: 42px;
    background: url("../Images/pc-download.png") no-repeat -4px -1px;
    display: block;
}
#content_main .webdown a:hover
{
    background: url("../Images/pc-download.png") no-repeat -4px -48px;
}
#content_main .wapdown
{
    width:  135px;
    height: 42px;
    margin-right: 125px;
    margin-bottom: 20px;
    float: right;
    background: url("../Images/mobile-web.png") no-repeat -4px -1px;
    display: inline;
}
#content_main .wapdown a
{
    width:  135px;
    height: 42px;
    background: url("../Images/mobile-web.png") no-repeat -4px -1px;
    display: block;
}
#content_main .wapdown a:hover
{
    background: url("../Images/mobile-web.png") no-repeat -4px -48px;
}
#wapinfo
{
    width: 330px;
    height: 300px;
    padding: 10px;
    float: left;
    position: relative;
}
#wapinfo h2
{
    font-size: 18px;
    text-align: left;
    border-bottom: 2px solid #990000;
}
#wapinfo li
{
    margin: 10px 0px;
    margin-left: 30px;
    font-size: 14px;
    line-height: 22px;
    vertical-align: middle;
}
#wapinfo .note
{
    position: absolute;
    bottom: 20px;
    color: #666;
}
#content_main .item
{
    clear: both;
    width:  550px;
    height: 21px;
    margin: auto;
    padding: 0px 10px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: url("../Images/itemmeta-bg.png") repeat-x;
    overflow:hidden;
}
#content_main .item li
{
    width: 33%;
    float: left;
    line-height: 21px;
}
#content_commend
{
    width: 620px;
    background: url("../Images/repeat-y.png") repeat-y -10px top;
    margin-bottom: 10px;
}
#content_commend h2
{
    padding: 0px 10px;
    font-size: 14px;
    line-height: 34px;
    background: url("../Images/standard.png") no-repeat -5px -5px;
}
#content_commend .foot
{
    width: 620px;
    height:5px;
    background: url("../Images/standard.png") no-repeat -5px -60px;
    overflow: hidden;
}
#content_commend ul
{
    clear: both;
    width: 620px;
    padding: 12px 8px;
    overflow: hidden;
}
#content_commend li
{
    width: 121px;
    margin: 0px 12px 12px;
    padding: 2px;
    float: left;
    text-align: center;
    line-height: 30px;
    border: 1px solid #ccc;
    background: white;
    display: inline;
    position: relative;
}
#content_commend li .info
{
    padding: 3px;
    line-height: 16px;
    text-align: left;
    background: #eee;
}

#content_commend li .ringtone
{
    width: 50px;
    height: 50px;
    position: absolute;
    right: 2px;
    bottom: 23px;
}
#content_commendarticle
{
    width: 620px;
    background: url("../Images/repeat-y.png") repeat-y -10px top;
    margin-bottom: 10px;
}
#content_commendarticle h2
{
    padding: 0px 10px;
    font-size: 14px;
    line-height: 34px;
    background: url("../Images/standard.png") no-repeat -5px -5px;
}
#content_commendarticle .foot
{
    width: 620px;
    height:5px;
    background: url("../Images/standard.png") no-repeat -5px -60px;
    overflow: hidden;
}
#content_commendarticle ul
{
    clear: both;
    width: 608px;
    padding: 12px;
    overflow: hidden;
}
#content_commendarticle li
{
    font-size: 14px;
    line-height: 22px;
}
#content_commendarticle li a
{
    color: #666;
}