html {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
}

body {
    margin: 0;
    background: #FFF;
}

.ui-overlay-a,
.ui-page-theme-a,
.ui-page-theme-a .ui-panel-wrapper {
    background: #F90066;
}

a {
    text-decoration: none
}

img {
    border: none;
}

a:hover {
    text-decoration: underline;
}

.c {
    clear: both;
    font-size: 1px;
    width: 1px;
    height: 1px;
    text-indent: -999px;
}

.dv_f {
    float: left;
    display: inline;
}

.dv_fr {
    float: right;
    display: inline;
}

.header {
    position: relative;
    height: 50px;
    width: 100%;
    background: #BC0082;
    padding: 20px 0 0 0;
    
}
.sitefootDesc{
    font-size:14px;
    padding:10px;
}
.siteCopy{
    background: #BC0082;
    text-align: center;
    font-size: 16px;
    color:#FFF;
    padding:10px 0;
}
.cates {
    position: absolute;
    top: 25px;
    left: 10px;
    width: auto;
    height: auto;
    overflow: visible;
    z-index: 10;
}

.catesBase {
    background-image: url(images/w320/btnMenu.png);
    background-repeat: no-repeat;
    width: 23px;
    height: 22px;
    cursor: pointer;
    background-size: contain
}

ul.catesList {
    list-style: none;
    background: rgba(255,255,255,0.9);
    margin:0;
    padding:0;
    width:160px;
    display: none;

}
ul.catesList li {
    height:30px;
    border-bottom: 1px dotted #5D0089;
    text-align: left;
    text-indent: 15px;
    line-height: 30px
}
ul.catesList li a{
    color:#A20061;
    display: block;
    width:100%;
    height:100%;
}
ul.catesList li.close {
    background:#FFD31A;
    overflow: hidden
    
}
ul.catesList li.close a{
    display: block;width:13px;height:13px;
    background: url(images/w320/btnClose.png) no-repeat;
    background-size: cover;
    float:right;
    margin-top:5px;
    margin-bottom:5px;
    margin-right: 5px;
}
.logo {
    width: 113px;
    height: 32px;
    margin: 0 auto;
    background: url(images/w320/logo.png);
    background-size: contain
}
.logo a{
    display: block;
    widows: 100%;height: 100%;
}
.search {
    position: absolute;
    top: 20px;
    right: 20px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff; opacity:1; 
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;opacity:1;
}

input:-ms-input-placeholder{
    color: #fff;opacity:1;
}

input::-webkit-input-placeholder{
    color: #fff;opacity:1;
}
.searchForm {
    background:url(images/w320/searchForm.png) no-repeat;
    background-size: contain;
    width:253px;
    height:35px;
    margin:0 auto;
    overflow: hidden;
    display: none;
}
.searchForm input{
    background: none;
    border:none;
    outline: none;
    color:#ffffff;
    font-size:16px;
    height:25px;
    width:200px;
    line-height: 30px;
    display: block;
    float:left;
    margin:4px 0 0 5px;
}
.searchForm button{
    background: none;
    border:none;
    outline:none;
    float:right;
    width:23px;
    height:23px;
    margin:5px 8px 0 0;
}

.searchBtn {
    background: none;
    outline: none;
    border: none;
    background-image: url(images/w320/btnSearch.png);
    background-size: cover;
    width: 31px;
    height: 31px;
    cursor: pointer;
}

h1.headH1 {
    display: block;
    
    width: 100%;
    background: #FFD31A;
    height: 30px;
    line-height: 30px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #3F2601;
    font-size: 16px;
    box-shadow: #00000059 3px 6px 5px
}

.content {
    position: relative;
}

.topbar {
    width: 98%;
    margin: 10px auto 10px;
    height: 60px;
    background: url(images/topbline.png) right bottom no-repeat;
}

.utilBar {
    float: right;
}

.quickCategory {
    float: left;
    position: relative;
    height: 46px;
    width: 197px;
}

.quickCatesBase {
    width: 197px;
    height: 46px;
    background: url(images/categoriesbg.png) no-repeat;
    cursor: pointer;
    position: absolute;
    z-index: 101;
    left: 0;
    top: 0;
}

.quickCatesList {
    display: none;
    width: 174px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    position: absolute;
    z-index: 100;
    top: 36px;
    left: 12px;
}

.quickCatesList ul {
    list-style: none;
    background: url(images/catesheadline.png) top center no-repeat;
    margin: 8px auto 0;
    width: 150px;
    padding: 8px 0;
    font-family: 'microsoft YaHei'
}

.quickCatesList li {
    height: 25px;
    line-height: 25px;
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.quickCatesList li a {
    color: #5D0089;
}

.quickCatesList li:hover {
    background: #F1F1F1;
}

.quickCategory:hover .quickCatesList {
    /*display: block;*/
}

.searchBar {
    float: left;
    width: 338px;
    height: 46px;
    background: url(images/search.png) no-repeat;
}

.searchBar input[type=text] {
    display: block;
    float: left;
    width: 277px;
    height: 30px;
    margin: 6px;
    border: none;
    outline: none;
    background: none;
    color: #FFF;
    font-size: 18px
}

.searchBar input[type=submit] {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    margin: 6px 0 0 0;
    cursor: pointer;
    background: none;
    border: none;
    outline: none
}
.market_gp,.market_ios{
    position: absolute;
    top:25px;
    display: none;
    width:70px;
    height:24px;
}
.market_gp img, .market_ios img{
    width:100%;
    height:100%;
}
.headinfo {
    float: left;
    color: #FFF;
    font-size: 18px;
    height: 46px;
    line-height: 46px;
}

.utilBar {
    float: right;
}

.gameContent {
    margin-top: 15px;
}

ul.applist {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size:0;
    overflow: hidden;
    position: relative;
}

ul.applist li {
    display: inline-block;
    width: 100px;
    height: 100px;
    background: url(images/w320/gi.png) no-repeat;
    background-size: cover;
    overflow: hidden;
    position: absolute;
    top:0px;left:0px;
}

ul.applist li span {
    display: none;
}

ul.applist li img {
    display: block;
    width: 90px;
    height: 90px;
    margin: 5px;
    border-radius: 20px;
}
.apppage{
    width:100%;
    overflow: hidden;
    margin:10px auto 0;
}
.appinfo {
    background: url(images/w320/gi.png) no-repeat;
    background-size: cover;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 0 auto;
    overflow: hidden;
    cursor: pointer;
}

.appinfo img {
    display: block;
    width: 204px;
    height: 204px;
    margin: 10px;
    border-radius: 40px;
}
.appinfo span{
    display: block;
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 205px;
    background-color: rgba(0,0,0,0.7);
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    color:#FFF;

    text-align: center;
    padding: 6px 0;
}

button.btn {
    display: block;
    background: url(images/w320/button.png) no-repeat;
    border: none;
    outline: none;
    background-size: contain;
    width: 161px;
    height: 38px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    margin: 10px auto 0
}
button.android{
    display: block;
    background: url(images/googleplay.png) no-repeat;
    background-size: contain;
    border:none;
    outline: none;
    width:129px;
    height: 45px;
    cursor: pointer;
    margin: 10px auto 0;
    display: none;
}
button.appstore {
    display: block;
    background: url(images/appstore.png) no-repeat;
    background-size: contain;
    border:none;
    outline: none;
    width:151px;
    height: 45px;
    cursor: pointer;
    margin: 10px auto 0;
    display: none;
}
.playgame {
    position: fixed;
    z-index: 999999;

    width:100%;
    height: 100%;
    top:0;
    left:0;
    display: none;
    overflow: hidden;
    background: #000
}
.gameContainer{
    width:100%;
    height:100%;
}
.quitGame {
    position: absolute;
    z-index: 9;
    top:10px;
    right:10px;
    width:30px;
    height:30px;
    background: rgba(255,255,255,0.8);
    font-family: Arial;

    font-size: 25px;
    text-align: center;
    border-radius: 20px;
    line-height: 30px;
}

@media(min-width:450px) {
    .apppage{
        width:450px;
    }
    .appinfoWrap{
        float:left;
        width:50%;
    }
    .btnsWrap{
        float:left;
        width:50%;
        margin-top:60px
    }
}

@media(min-width:750px) {
    .market_gp,.market_ios{width:140px;height:48px;top:10px}
    ul.applist li{
        width:200px;
        height: 200px;
    }
    ul.applist li img{
        width:180px;
        height: 180px;
        margin: 10px;
        border-radius: 40px;
    }
}
.gameWrap {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.gamelist {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 30px;
    overflow: hidden;
}

.gamelist .ad728 {
    width: 728px;
    height: 90px;
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 10
}

.games {
    position: relative;
    margin: 0 auto;
}

ul.glist {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.glist li {
    float: left;
}

.game-item {
    width: 101px;
    height: 101px;
    overflow: hidden;
    margin-bottom: 5px;
    position: absolute;
    left: 0;
    top: 0;
}

.game-spec {
    width: 207px;
    height: 150px;
    margin-bottom: 5px;
    position: absolute;
    left: 0;
    top: 0;
}

.game {
    display: block;
    width: 95px;
    height: 145px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    padding: 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-decoration: none;
    background: rgba(255, 255, 255, 1);
}

.game-spec .game {
    width: 200px;
}

.game-img {
    width: 93px;
    height: 93px;
    border-radius: 3px;
    margin: 0 auto;
    display: block;
    background-position: 50% 50%;
    background-size: contain;
}

.game-spec .game-img {
    width: 196px;
}

.game-img img {
    width: 100%;
    height: 100%;
}

.game-name {
    display: block;
    font: bold 10px "SF UI Display", sans-serif;
    padding: 5px;
    color: rgba(0, 0, 0, 1);
}

.gad320x100 {
    width: 320px;
    height: 100px;
    margin: 0 auto;
}

.gad300x250 {
    width: 300px;
    height: 250px;
    margin: 0 auto;
}

.gad1 {
    position: absolute;
    top: 0;
    left: 0;
}

.gad2 {
    position: absolute;
    top: 0;
    left: 0;
}

@media(orientation:landscape) and (min-width:750px) {}

@media(orientation:portrait) and (min-width:750px) {}

@media(min-width:750px) {
    .game-item {
        width: 161px;
        height: 161px;
        overflow: hidden;
        margin-bottom: 5px;
    }
    .game-spec {
        width: 327px;
        height: 211px;
        margin-bottom: 5px;
    }
    .game {
        display: block;
        width: 155px;
        height: 205px;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
        padding: 3px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        text-decoration: none;
        background: rgba(255, 255, 255, 1);
    }
    .game-img {
        width: 155px;
        height: 155px;
        border-radius: 3px;
        margin: 0 auto;
        display: block;
        background-position: 50% 50%;
        background-size: contain;
    }
    .game-spec .game {
        width: 320px;
    }
    .game-spec .game-img {
        width: 320px;
    }
}

.loading {
    width: 100%;
    height: 30px;
    text-align: center;
    background: rgba(255, 255, 255, 1);
    padding: 5px 0
}

.indexdesc {
    width: 95%;
    margin: 8px auto;
    font-size: 18px;
    color: #FFF;
    font-family: Arial
}

.foot {
    width: 95%;
    overflow: hidden;
    margin: 10px auto;
    font-size: 18px;
    color: #FFF;
    font-family: Arial
}

.footCopy {
    float: left;
}

.footLink {
    float: right;
}

.footLink a {
    color: #FFF;
    display: inline-block;
}

.footLink s {
    display: inline-block;
    height: 18px;
    border-right: 2px dotted #FFF;
    margin: 0 8px;
}


/* games */

.gameDv {
    width: 1038px;
    background: #F90066;
    border: 5px solid rgba(5, 5, 5, 0.3);
    border-radius: 8px;
    position: relative;
    margin: 180px auto 0;
}

.slogo {
    width: 290px;
    height: 240px;
    top: -147px;
    left: -100px;
    position: absolute;
}

.gameBars {
    width: 780px;
    margin: 18px 0 0 230px;
}

.aHomeBtn {
    display: block;
    float: left;
    width: 115px;
    height: 46px;
    background: url(images/homebtn.png) no-repeat;
    margin-top: 12px;
}

h1.gtitle {
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-size: 26px;
    color: #FFF;
    width: 450px;
    text-align: center;
    height: 46px;
    line-height: 46px;
    margin-top: 12px;
}

.rateDv {
    float: right;
    width: 180px;
    height: 63px
}

span.rateText {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #FFF;
}

.rateStars {
    background: url(images/stars.png) -35px -71px;
    height: 33px
}

.rateStarsSel {
    height: 100%;
    background: url(images/stars.png) -34px -35px;
    width: 50%;
    margin: 0;
}

.gamePlayer {
    width: 800px;
    height: 600px;
    background: #FFF;
    margin: 30px auto 0;
    overflow: hidden;
}

.gameUnderAd {
    width: 728px;
    height: 90px;
    background: #FFF;
    margin: 30px auto;
}

.g_similars_info {
    width: 980px;
    height: auto;
    margin: 0 auto;
    background: #FFF;
    border-radius: 20px;
    margin-bottom: 20px;
    box-shadow: 0 3px 5px rgba(33, 33, 33, 0.5)
}

ul.caps {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    height: 64px;
    width: 100%
}

ul.caps li {
    margin: 0;
    padding: 0;
    float: left;
    width: 50%;
    background-color: #E2E2E2;
    height: 100%;
    line-height: 64px;
    text-align: center;
    font-size: 26px;
    text-transform: uppercase;
    color: #AAAAAA;
    cursor: pointer;
}

ul.caps li.f {
    border-top-left-radius: 20px
}

ul.caps li.l {
    border-top-right-radius: 20px
}

ul.caps li.cur {
    background-color: #FFF;
    color: #B7043C;
    cursor: default
}

ul.cts {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 930px;
    height: auto;
    margin: 10px auto 0;
    padding-bottom: 10px
}

.sims {
    overflow: hidden;
}

.lftArrow {
    width: 32px;
    height: 98px;
    background: url(images/lftarrow.png) no-repeat;
    float: left;
    cursor: pointer
}

.rgtArrow {
    width: 32px;
    height: 98px;
    background: url(images/rgtarrow.png) no-repeat;
    float: left;
    margin-left: 5px;
    cursor: pointer;
}

.simWrap {
    float: left;
    width: 830px;
    height: 98px;
    margin: 0 10px 0 10px;
    overflow: hidden;
}

ul.simList {
    list-style: none;
    padding: 0;
    height: 100%;
    position: relative;
    white-space: nowrap;
}

.gametopad {
    width: 728px;
    height: 90px;
    position: absolute;
    top: -140px;
    right: 0;
}

.gamelftAd {
    width: 160px;
    height: 600px;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    background: #000;
}

.gamergtAd {
    width: 160px;
    height: 600px;
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    background: #000;
}


/*ul.simList li.gi{display:inline-block;width:112px;height: 102px;background:url(images/libg.png) right bottom no-repeat;margin:0 0 0px 5px;}


ul.simList li.gi a{display: block;width:100px;height: 100px;position: relative;}

ul.simList li.gi a img{display: block;width:100%;height: 100%;}
ul.simList li.gi a span{display: block;position: absolute;height: auto;z-index: 4;background:rgba(0,0,0,0.7);color:#FFF;width:100%;text-align: center;left:0;top:100%;opacity: 0}
*/

ul.simList li.gi {
    float: left;
    padding: 0px;
    overflow: hidden;
    width: 112px;
    height: 120px;
    background: transparent url("images/libg.png") no-repeat scroll right bottom;
    margin: 0px 0px 30px 10px;
}

ul.simList li.gi {
    margin: 0 0 0 5px;
    height: 101px
}

ul.simList li.gi a {
    margin: 0;
    white-space: normal;
}

ul.cts li.l {
    display: none
}

ul.cts hr {
    border: 1px dotted #F90066;
}

ul.gcates {
    overflow: hidden;
    list-style: none;
    margin: 8px;
    padding: 0
}

ul.gcates li {
    float: left;
    padding: 0 5px;
    background: #F1F1F1;
    border: 1px solid #A98F8F;
    margin-right: 8px;
    height: 25px;
}

ul.gcates li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 25px;
    text-align: center;
    color: #595859;
}

.gamedetail {
    color: #595859;
    font-family: consolas;
}

.gamedetail label {
    font-size: 16px
}


/** download ***/

.downloadDv {
    width: 95%;
    border: 5px solid rgba(5, 5, 5, 0.3);
    border-radius: 8px;
    margin: 8px auto;
}

.topBars {
    width: 95%;
    margin: 15px auto;
    height: 250px
}

.lftLogo {
    float: left;
    width: 290px;
    height: 240px
}

.rgtContent {
    float: right;
    width: 728px
}

.topad {
    width: 728px;
    height: 90px;
    background: #000;
    margin-top: 100px;
}

.downloadList {
    width: 1000px;
    margin: 10px auto;
}

ul.dl_games {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

ul.dl_games li {
    margin: 0px 70px 20px 0;
    padding: 0;
    width: 430px;
    float: left;
    overflow: hidden;
}

ul.dl_games .gamethumb {
    float: left;
    width: 112px;
    height: 101px;
    background: url(images/libg.png) no-repeat;
}

ul.dl_games .gamethumb img {
    display: block;
    margin: 0;
}

ul.dl_games .gameintro {
    width: 280px;
    float: left;
}

ul.dl_games .gameintro h2 {
    margin: 0;
    padding: 0;
    color: #FFF;
    font-size: 18px;
    height: 45px;
    line-height: 45px;
    font-weight: normal
}

ul.dl_games .gameintro h2 a {
    color: #FFF;
    font-size: 20px
}

ul.dl_games .gameintro ul {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #FFF;
}

ul.dl_games .gameintro ul li {
    margin: 0;
    padding: 0;
    height: 20px;
    line-height: 20px
}

ul.dl_games .gameintro ul li label {
    text-transform: uppercase;
    font-size: 14px
}

ul.dl_games .gameintro ul li a {
    color: #FFF;
}

ul.dl_games .gameinfo {
    height: 105px;
    padding-bottom: 20px;
    border-bottom: 2px dotted #FFF
}

ul.dl_games .gamedesc {
    color: #FFF;
}

ul.dl_games .gamedesc h2 {
    color: #FFF;
    font-weight: normal;
    margin: 0;
    padding: 0;
    height: 45px;
    line-height: 45px;
}

ul.dl_games .gamedesc p {
    margin: 0;
    padding: 5px;
    height: 90px;
    overflow-x: hidden;
    overflow-y: auto
}

.textContent {
    width: 90%;
    margin: 10px auto;
    color: #FFF;
    font-family: Consolas, Arial, Tahoma
}

.linksContent {
    width: 90%;
    margin: 10px auto;
    background: #FFF;
    border-radius: 10px;
    padding: 10px;
    color: #8E0942;
    font-family: Arial;
    font-size: 14px
}

.linksContent li a {
    font-weight: bold;
    color: #000;
}

.sitemapContent {
    width: 90%;
    margin: 10px auto;
    background: #FFF;
    border-radius: 10px;
    padding: 10px;
    color: #8E0942;
    font-family: Consolas, Arial;
    font-size: 14px
}

.sitemapContent ul {
    list-style: none;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.sitemapContent ul li {
    padding: 0 5px;
    margin: 0 8px 8px 0;
    float: left;
    height: 30px;
    line-height: 30px;
    background: #F1F1F1;
    border: 1px solid #999;
}

.contactWrap {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 99999
}

.hookBg {
    background: rgba(0, 0, 0, 0.75);
    width: 100%;
    height: 100%
}

.contactContent {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100000;
    width: 100%;
}

.contactForm {
    width: 600px;
    height: 400px;
    margin: 80px auto 0;
    background: #FFF;
    border-radius: 10px;
    padding: 10px;
    position: relative;
    font-family: Georgia
}

.contactForm .exit {
    position: absolute;
    z-index: 2;
    width: 16px;
    height: 16px;
    cursor: pointer;
    top: 5px;
    right: 5px;
    background: url(images/close.png) 4px center;
}

.contactForm .exit:hover {
    background-image: url(images/closeOver.png)
}

.contactForm h2 {
    height: 30px;
    line-height: 30px;
    font-weight: normal;
    border-bottom: 1px solid #9E7D7D;
    margin: 0;
    padding: 0;
    margin-bottom: 8px;
}

.contactForm .frow {
    overflow: hidden;
    margin-bottom: 8px;
    padding-bottom: 5px;
    border-bottom: 1px solid #F1F1F1
}

.contactForm .frow label {
    display: block;
    width: 100px;
    float: left;
}

.contactForm .frow input {
    display: block;
    width: 400px;
    float: left;
}

.contactForm .frow textarea {
    display: block;
    width: 400px;
    float: left;
    height: 100px
}

.contactForm .frowBtn {
    text-align: center;
}

.contactForm .frowBtn button {
    height: 30px
}

.contactForm .messageContent {
    display: none;
}