@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: "微软雅黑";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: 102;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:#969696;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;border-radius: 5px;border: 1px solid #83ce63;color: #83ce63}



.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; }