﻿*{margin: 0;padding: 0;box-sizing:border-box; font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;touch-action: manipulation;font-style: normal;}
ul,li{list-style: none;}
a{text-decoration: none;}
a img{border-style: none;}
body{font-size: .12rem;-webkit-tap-highlight-color: transparent;background-color: #FFF;position:relative;max-width:750px;margin: 0 auto;}
input,button,textarea{outline: none;}
h1,h2,h3{font-weight: normal;}
/*滚动条样式*/
::-webkit-scrollbar {width:10px;height:1px;}
::-webkit-scrollbar-thumb {border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background-image:-webkit-linear-gradient(73deg,#FF9B00 0%,#FF6A48 94%);background-image:linear-gradient(73deg,#FF9B00 0%,#FF6A48 94%);}
::-webkit-scrollbar-track {box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;background:#ededed;}
*:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.m-backbar {position:relative;text-align:center;height:1rem;line-height:1rem;background-image:-webkit-linear-gradient(-90deg,#F9A218 0%,#FB7D38 100%);background-image:linear-gradient(-90deg,#F9A218 0%,#FB7D38 100%);-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.20);box-shadow:0 2px 4px 0 rgba(0,0,0,0.20);}
.m-backbar .icon {display:block;position:absolute;top:.33rem;background:transparent 0 0 /100% 100% no-repeat;}
.m-backbar .icon-nav-back {width:.2rem;height:.34rem;left:.36rem;background-image:url(../images/ic-Back.png);}
.m-backbar .icon-nav-search {width:.5rem;height:.5rem;right:.5rem;background-image:url(../images/ic-search-w.png);}
.m-backbar .u-title {font-size:.36rem;color:#FFFFFF;letter-spacing:.02rem;}


.banner {margin-bottom:10px;}
.list-topic li:first-child {margin-top:0.3rem;}
.list-topic li {position:relative;margin:0.2rem 0.2rem 0 0.2rem;border-radius:0.12rem;background:white;overflow:hidden;}
.list-topic .img-wrapper {text-align:center;width:7.1rem;height:2.84rem;overflow:hidden;}
.list-topic .img-wrapper .img {display:block;width:100%;height:100%;object-fit:cover;font-family:'object-fit:cover';}
.list-topic .title {position:absolute;bottom:0;left:0;width:100%;padding:0 0.5rem;font-size:0.3rem;line-height:0.6rem;text-align:center;color:white;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.6)));background-image:-webkit-linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);background-image:-o-linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);background-image:linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
.banner .desc{text-indent: 2em; text-align: left; font-size: 0.28rem; line-height: 0.48rem; color: #464646; width: 7rem; margin: 0 auto; margin-top: .1rem;}
/* 排行项 */
.itewrapper{padding-top: .02rem;width: 7.1rem;margin: 0 auto;position: relative;background: #FFFFFF;-webkit-box-shadow: 0 -2px 0.1rem 0.1rem rgb(0 0 0 / 5%);box-shadow: 0 -2px 0.1rem 0.1rem rgb(0 0 0 / 5%);border-radius: .2rem;margin-bottom: .3rem;}
.itewrapper .tag{display: block;position: absolute;top: .2rem;border-radius: .05rem 0 0 .05rem; padding-left: .15rem; left: -.1rem;padding-right: .35rem; height: .5rem;line-height: .5rem;background-image: -webkit-linear-gradient(73deg, #FF9B00 0%, #FF6A48 94%);background-image: linear-gradient(73deg, #FF9B00 0%, #FF6A48 94%);font-size: .3rem;color: #FFFFFF;}
.itewrapper .tag:after{content: "";display: block;width: 0;height: 0;border: .25rem solid transparent;border-right-color: #FFF;position: absolute; top: 0;right: -.12rem;transform: scaleX(.6);}
.itewrapper .href {position:absolute;top:.3rem;right:.3rem;font-size:.26rem;color:#494949;}
#gamelist{padding-top: .8rem;}
.gamelist .app_list a{padding: .2rem .4rem .2rem .8rem;}
.app_list{position: relative; height: 1.7rem;background-color: #fff;border-radius: .2rem;}
.app_list a{display: block;height: 100%;padding: .2rem .4rem .2rem .2rem;position: relative;}
.app_list img{width: 1.3rem;height: 1.3rem;float: left;-moz-border-radius:.25rem; -webkit-border-radius:.25rem; border-radius:.25rem;}
.app_list .rank{position: absolute;top: 0;bottom: 0;margin: auto; left: 0; display: block;width: .6rem;text-align: center; height: .4rem;line-height: .4rem;background-color:#cdcdcd;font-weight: bold; font-size: .3rem;color: #FFFFFF;border-radius: 0 .2rem .2rem 0;-webkit-border-radius: 0 .2rem .2rem 0;-moz-border-radius: 0 .2rem .2rem 0;}
.app_list .top_list4{background-color: #ff3a11;}
.app_list .top_list5{background-color: #ff8711;}
.app_list .top_list6{background-color:#ffbe11;}
.app_list .center{margin-left: 1.5rem;min-height: .8rem;margin-right: .7rem;}
.app_list .center .name{display: block;font-size: .34rem;color: #444444;margin-top: .03rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.app_list .center .type{display: block;font-size: .22rem;color: #B3B3B3;margin-top: .05rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: relative;}
.app_list .center .desc{display: block;font-size: .24rem;color: #979797;margin-top: .1rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.app_list .right{position: absolute;top: .7rem; right: .2rem;font-size: 0;}
.app_list:not(:last-child):after{position: absolute;display: block;content: "";bottom: 1px;left: 0;right: 0;margin: 0 auto;width: 6rem;height: 1px;background-image: url(../images/ic-line.png);background-size: 100% 100%;}
.btn_download{display: inline-block;width: 1rem;text-align: center; height: .45rem;line-height: .45rem;border:1px solid #FF6D48;font-size:.22rem;color: #FF6C47;-moz-border-radius: .3rem; -webkit-border-radius: .3rem;border-radius: .3rem;}
.btn_download.disabled{-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.app_list a:hover .btn_download{background: #fe8900;color: #FFFFFF;border: 1px solid #fe8900;}
.app_list a:hover .name,.itewrapper a:hover {color:#FF6D48;}
.btn-load-more { max-width: 7.1rem; margin: 0 auto; text-align: center; font-size: .3rem; color: #FF6D48; line-height: .6rem; }



