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

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


.body-box {margin: 81px 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;}

.index_nav{float:left;width: 100%;height:40px;line-height: 40px;position: fixed;top: 40px;left: 0;}
.index_nav li{float: left;width:33%;height:20px;line-height: 20px;text-align: center;margin-top:10px;}
.index_nav li:nth-child(2){border-left:1px solid #CED4D1;border-right:1px solid #CED4D1;}
.index_nav .curr a{color:red}

.shouyou_nav{float:left;width: 100%;height:40px;line-height: 40px;top: 40px;left: 0;}
.shouyou_nav ul{width:90%;border:1px solid #DCE0E6;border-radius:20px;height:30px;margin:0 auto;}
.shouyou_nav li{float: left;width:33.3%;height:30px;line-height: 30px;text-align: center;}
.shouyou_nav .curr{background:#EA6501;border-radius:20px;}
.shouyou_nav .curr a{color:#fff;}

.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:19%;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 ;background-color: #fff}
.game-row {width: 96%;padding: 12px 0;margin: 0 2%;border-top: #E1E4E2 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: 72%;line-height: 20px;}
.gamei-title {color: #343434;font-size:1.4rem;font-weight:700}
.game-msg .iconfont {font-size: 1rem;color: #fc9241;height:25px;line-height:20px;}
.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: 20%;max-width:100px;height: 25px;line-height: 25px;margin-top: 15px}
.game-down-btn a {width: 70%;border-radius:5px;display: block;color: #017AFF;text-align: center;margin: 0 auto;font-size: 1.2rem }

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

/*star*/
.stars:after, .stars:before {
    display: block;
    background-image: url(../images/spr.png?v=4);
    background-repeat: no-repeat;
    background-size: 85px auto;
}
.stars, .stars:after, .stars:before {
    display: block;
    width: 84px;
    height: 15px;
    position: relative;
    float: left;
}

.stars {
    margin-top: 5px;
}

    .stars:after, .stars:before {
        content: '';
        position: absolute;
        overflow: hidden;
        left: 0px;
        top: 0px;
    }

    .stars:after {
        background-position: 0 -16px;
        z-index: 0;
    }

    .stars:before {
        background-position: 0 0;
        z-index: 1;
    }

    .stars[data-percent="1"]:BEFORE {
        width: 20%;
    }

    .stars[data-percent="2"]:BEFORE {
        width: 40%;
    }

    .stars[data-percent="3"]:BEFORE {
        width: 60%;
    }

    .stars[data-percent="4"]:BEFORE {
        width: 80%;
    }

    .stars[data-percent="5"]:BEFORE {
        width: 100%;
    }