@font-face {font-family: 'iconfont';
    src: url('iconfont.eot'); /* IE9*/
    src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('iconfont.woff') format('woff'), /* chrome、firefox */
    url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('iconfont.svg#uxiconfont') format('svg'); /* iOS 4.1- */
}

html {font-size: 62.5%}
body {font-family: SimHei;background-color: #f5f5f5}

.iconfont{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}


a {-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-focus-ring-color: rgba(0, 0, 0, 0);}


header {width:100%;height:40px;background:#fff /*url(../../images/wap/top_bar_bg.jpg)*/;border-bottom:1px solid #ddd;line-height:40px;position: fixed;top: 0;left: 0;z-index: 100;box-shadow: 0 0 8px #e1e1e1;background-size:cover;}

header .logo {width:40%;height:31px;max-width:120px;float:left;margin-top:11px;margin-left:5%;}
header .logo img {width:100%;height:auto;display:block;}
header .y {height:40px;margin-right: 1%}
header .user-center,header .search,header .app-center {font-size:2.3rem;height:40px;width:40px;color:#FC9241;text-align: center;display:inline-block;}
header .y .c {background-color:rgba(255,255,255,.3);border-radius: 20px;color:#FC9241;}
.position-bar {background-color: #f5f5f5;box-shadow: 0 0 16px #FC9241}
.zbtn {color: #FC9241;font-size: 1.8rem;display: block;width: 40px;text-align: center}
.ypostn {margin: 10px 0;border-left:#d5d5d5 solid 1px;color: #FC9241;height: 20px;
line-height: 20px;text-indent: 15px;font-size: 1.6rem}

.body-box {margin: 41px 0 51px;overflow: hidden;}


nav {width:80%;height:auto;margin:15px 10%;text-align:center;}
nav a {width:100px;height:100px;border:3px solid #62666d;display:inline-block;margin:10px;color:#62666d;border-radius:100%;}
nav .iconfont {width:80px;height:45px;line-height:45px;display:inline-block;font-size:4rem;margin-top:15px;}
nav span {width:80px;height:20px;line-height:20px;display:inline-block;}

.top-nav {width:152px;height:0;position:absolute;top:40px;right:0;background:#fff;border:1px solid #ddd;box-shadow:0 0 5px rgba(0,0,0,.3);z-index:101;text-align:center;overflow:hidden;opacity:0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.top-nav a {width:100%;height:50px;line-height:50px;display:block;color:#FC9241;border-top:1px solid #ddd;}
.top-nav a:first-child {border-top:none;}
.top-nav .iconfont {width:50px;height:100%;display:inline-block;font-size:3rem;float:left;}
.top-nav span {height:100%;display:inline-block;float:left;font-size:1.2rem;}

footer {width:100%;height:50px;background:#f5f5f5;border-top:1px solid #d6d6d6;line-height:50px;position: fixed;bottom: 0;left: 0;z-index: 100}

.bottom-nav {width:100%;height: 40px;padding: 5px 0}
.bottom-nav a {width:20%;height: 100%;display: block;color:#62666d;float:left;text-align:center;}
.bottom-nav .iconfont {width:100%;height:22px;line-height:22px;display:block;font-size:2.2rem;}
.bottom-nav span {width:100%;height:18px;line-height:18px;display:block;}

.wap-main {width: 98%;margin: 0 auto;padding-bottom: 10px}
.tag {width:24%;max-width:50px;height: 18px;background-color: #83ce63;position: absolute;right: 0;top:0;z-index: 10}
.tag>i {display: inline-block;float: left;border-style:solid;border-color:transparent transparent transparent #fff;border-width: 9px 0 9px 4px;}
.tag>span {display: inline-block;float: right;color: #fff;line-height: 18px;padding-right:5px}

.game-list-box {box-sizing:border-box;width: 100%;margin: 0 ;border:#d6d6d6 solid 1px;background-color: #fff}
.game-row {width: 96%;padding: 12px 0;margin: 0 2%;border-top: #d6d6d6 solid 1px}
.game-row:first-child {border-top: none;}
.game-link {width: 70%}
.game-down {width: 30%}

.tag-box {width: 12%;max-width: 45px}
.ln-tag {width: 24px;height: 46px;position: relative;margin: 10px 0 0}
.lt1 {background-color: #e65022}
.lt2 {background-color: #ec7450}
.lt3 {background-color: #eea44c}
.lt4 {background-color: #fff;}
.ln-tag span {display: block;color: #fff;text-align: center;height: 36px;line-height: 36px;font-size: 1.6rem}
.ln-tag i {display: block;border-style:solid;border-color:transparent transparent #fff transparent ;border-width: 0 12px 10px 12px;position: absolute;bottom: 0;left: 0}
.lt4 span {color: #aeaeae;}

.game-icon {width: 30%;max-width: 60px}
.game-icon img {width: 100%}
.game-msg {box-sizing:border-box;padding-left: 10px;width: 70%;line-height: 20px}
.gamei-title {color: #343434;font-size:1.4rem;}
.game-msg .iconfont {font-size: 1rem;color: #fc9241}
.game-summary {color: #9a9a9a;font-size: 1rem}
.game-lbnum {color: #9a9a9a;font-size: 1rem}
.game-lbnum span {color: #f7625f;padding-left: 5px}
.game-down-btn {width: 25%;max-width:120px;height: 30px;line-height: 30px;margin-top: 15px}
.game-down-btn a {width: 90%;display: block;background-color: #83ce63;color: #fff;text-align: center;margin: 0 auto;font-size: 1.4rem }

.get-more {width: 100%;height: 30px;line-height: 30px;font-size: 1.4rem;text-align: center;margin: 10px 0 10px;}
.get-more a {box-sizing:border-box;width: 100%;height: 100%;display: block;color: #666;text-shadow: 0 1px 0 #fff;border-radius:4px;}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }