@charset "utf-8";

/* CSS reset*/

body,
div,
dl,
dt,
dd,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0
}

img {
	display: block;
	border: 0;
}

* {
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
}

/* CSS Document */

html {
	font-size: 100px;
    scroll-behavior: smooth;
}

body {
	font-size: .24rem;
}


body {
	margin: 0;
	font-family: "Microsoft Yahei", Arial, Tahoma, Helvetica, "SimSun", "Hiragino Sans GB", sans-serif;
	color: #333;
	background-color: #ebebeb;
	position: relative;
}

html,
body {
	width: 100%;
}

a {
	color: rgb(187, 187, 187);
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

li a:hover{
    color: #e40000;
}


.bg {
	background: #fff;
}


.wrap {
	width: 100%;
	max-width: 7.5rem;
	min-width: 3.2rem;
	margin: 0 auto;
	overflow: hidden;
}

.hide {
	display: none;
}


.icon {
	background-image: url("../img/icon.png");
	background-size: 5rem 6rem;
}

.icon_i {
	background-image: url("../img/index_icon.png");
	background-size: 6rem 6.03rem;
	display: block;
}


header {
	height: .54rem;
	background: #fff;
	font-size: .32rem;
	padding: .17rem 0;
	position: relative;
}

header i {
	display: block;
}

.headerNav {
	width: 100%;
	max-width: 7.5rem;
	position: absolute;
	top: .9rem;
	left: 50%;
	margin-left: -3.75rem;
	z-index: 98;
}

.headerNav ul {
	flex-wrap: wrap;
	padding: .05rem 0 .25rem 0;
	z-index: 99;
	position: absolute;
	background: #f2fff7;
}

.headerNav ul li {
	margin: .2rem 0 0 .2rem;
}

.headerNav ul li a {
	display: block;
	width: 2.22rem;
	height: .72rem;
	line-height: .72rem;
    font-weight: 600;
	color: #fff;
	background: #002138;
	font-size: .35rem;
	border-radius: .1rem;
	text-align: center;
}

.headerNav li a:hover {
	background-color: #ff0000;
}

.headerNav ul li a i {
	display: inline-block;
	width: .38rem;
	height: .38rem;
	position: relative;
	top: .04rem;
	margin-right: .1rem;
}



.headerNav .mask {
	width: 7.5rem;
	height: 100%;
	position: absolute;
	top: .9rem;
	background: rgba(0, 0, 0, 0.5);
}

nav {
	border-bottom: 1px solid #eaeaea;
	width: 100%;
	overflow: hidden;
}

nav li {
	display: inline-block;
	width: 20%;
	border-bottom: 0.04rem solid transparent;
	padding: .20rem 0 .25rem 0;
}

nav li a {
	display: block;
	height: .2rem;
	line-height: .2rem;
	border-right: 1px solid #e7e7e7;
	text-align: center;
	color: #454545;
	font-size: .3rem;
}

nav li.current {
	border-color: #ff0000;
}

nav li.current a {
	color: #ff0000;
}

.headerNav li.current a {
	background-color: #ff0000;
}


nav ul {
	overflow-x: auto;
	white-space: nowrap;
	font-size: 0;
	overflow-x: -moz-scrollbars-none;
	-ms-overflow-style: none;
}
.menu {
	margin-top: .1rem;
	margin-right: .2rem;
    font-weight: 600;
    cursor: pointer;
}

.menu:active {
    opacity:.9;
    -webkit-transform:scale(.96);
}

/* AllTeenPattiApp.Com*/
.nav_bar {
	width: 100%;
	overflow: hidden;
    font-weight: 600;
}


/* 游戏详情页 */

header.green_bg {
	position: relative;
	background: #002138;
	color: #fff;
	font-size: .32rem;
}

header.green_bg a {
	color: #fff;
}



header .txt {
	height: .6rem;
    line-height: 4.rem;
	margin-top: auto;
    margin-left: .2rem;
}


header .search2 {
	padding: .07rem .2rem 0 0;
}


.hide {
	display: none;
}

ol,ul{
    list-style:none
}
b,em,i{
    font-style:normal;
    font-weight:400
}
img{
    display:block;
    border:0
}
*{
    -moz-text-size-adjust:none;
    -webkit-text-size-adjust:none;
    -ms-text-size-adjust:none
}
html{
    font-size:100px
}
body{
    font-size:.24rem;
    margin:0;
    font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,SimSun,"Hiragino Sans GB",sans-serif;
    color:#333;
    background-color:#ebebeb;
    position:relative
}
body,html{
    width:100%
}
a{
    color:rgb(255, 0, 0);
    text-decoration:none;
    -webkit-tap-highlight-color:transparent
}
.h10{
    display:block;
    text-align:center;
    color:#fff;
    width:100%;
    height:auto;
    font-size:.15rem;
    font-weight:700;
    background-color:#00a100
}
.flex{
    display:flex;
}
.flex_grow{
    -moz-flex-grow:1;
    flex-grow:1;
    
}
.wrap{
    width:100%;
    max-width:7.5rem;
    min-width:3.2rem;
    margin:0 auto;
    overflow:hidden
}
.btn{
    background-color:#e40000;
}
.btn:hover{
    background-color: #ff0000;
    opacity:.9;
    -webkit-transform:scale(.96)
}



.ranking_list{
    width:100%;
    margin:auto
}
.ranking_list .sort{
    position:relative;
    background-color:#fff;
    width:100%;
    height:2.15rem;
    overflow:hidden;
    justify-content:center;
    align-items:center
}
.ranking_list .sort img{
    width:100%;
    height:2.12rem;
    display:block
}

.ranking_list .sort span{
    display:block;
    width:.24rem;
    height:.05rem;
    background-color:#fff;
    margin:0 .22rem
}
.ranking_list .sort h2{
    font-size:.48rem;
    color:#fff;
    margin:0 .23rem;
    letter-spacing:.02rem
}
.ranking_list .sort .ico_l{
    width:.15rem;
    height:.14rem;
    background-position:-.85rem -1.8rem;
    position:relative
}
.ranking_list .sort .ico_r{
    width:.15rem;
    height:.14rem;
    background-position:-.85rem -1.8rem;
    position:relative
}
.ranking_list .sort div{
    position:absolute;
    z-index:1;
    bottom:-.04rem;
    width:2.72rem;
    height:.4rem;
    background-color:#fff;
    border-top-left-radius:.1rem;
    border-top-right-radius:.1rem
}
.AllTeenPattiAPK{
    background-color:#fff
}
.AllTeenPattiAPK li{
    position:relative;
    text-align:center;
    margin-bottom:.3rem
}
.AllTeenPattiAPK li a{
    display:block;
}
.AllTeenPattiAPK li img{
    display:block;
    width:1.24rem;
    height:1.24rem;
    border-radius:.24rem;
    margin:0 auto;
}
.AllTeenPattiAPK li p{
    color:#ababab;
    font-size:.22rem;
    line-height:.42rem;
    width:90%;
    margin:auto;
    overflow:hidden;
    white-space:nowrap;
}
.AllTeenPattiAPK li .name{
    height:.6rem;
    line-height:5px;
    color:#454545;
    font-size:.15rem;
    font-weight:700
}
.AllTeenPattiAPK ul li .grade{
    color:#e6e6e6;
    line-height:.25rem
}
.AllTeenPattiAPK ul li .grade span{
    color:#9a9b9b;
    font-weight:700;
    font-size:.19rem;
    line-height:.35rem
}
.AllTeenPattiAPK ul li .grade i{
    display:inline-block;
    width:.3rem;
    height:.26rem;
    background-position:0 -1.72rem;
    position:relative;
    top:.04rem;
    margin-right:.001rem
}
.AllTeenPattiAPK li .btn{
    display:block;
    width:1.9rem;
    height:.55rem;
    text-align:center;
    line-height:.55rem;
    margin:.16rem auto 0 auto;
    border-radius:.06rem;
    color:#fff;
    font-size:.24rem;
    font-weight:700
}

.AllTeenPattiAPK li .num1{
    width:.5rem;
    height:.56rem;
    background-position:-3.55rem -.9rem;
    position:absolute;
    z-index:2;
    top:-.66rem;
    left:50%;
    margin-left:-.25rem
}
.AllTeenPattiAPK li .num2{
    width:.5rem;
    height:.56rem;
    background-position:-4.39rem -.9rem;
    position:absolute;
    z-index:2;
    top:-.3rem;
    left:50%;
    margin-left:-.25rem
}
.AllTeenPattiAPK li .num3{
    width:.5rem;
    height:.56rem;
    background-position:-5.23rem -.9rem;
    position:absolute;
    z-index:2;
    top:-.3rem;
    left:50%;
    margin-left:-.25rem
}

.PromotionKare_Com{
    background-color:#fff;
    padding:0 .2rem .3rem; 
    padding-top: .05rem;
}
.PromotionKare_Com .tab_menu {
	height: .68rem;
	line-height: .68rem;
	text-align: center;
	color: #000;
	font-size: .3rem;
	border: .007rem solid #ff0095;
	border-radius: .11rem
}
.PromotionKare_Com .tab_menu span {
	flex: 1;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	background-color: #eaeaea;
	border-right: .007rem solid #ff0095;
	border-left: .007rem solid #ff0095;
	border-radius: .11rem;
	cursor: pointer;
	font-weight: 600
}
.PromotionKare_Com .tab_menu span:last-child {
	border-right: none
}
.PromotionKare_Com .tab_menu span.current {
	color: #fff;
	background-color: #002138;
	font-weight: 600;
	opacity: 1.5;
	-webkit-transform: scale(.9)
}
.PromotionKare_Com ul li{
    margin-top: .1rem;
    padding-top:.2rem;
    padding-bottom:.2rem;
    padding-right: .15rem;
    padding-left: .05rem;
    border-radius: .08rem;
    border: solid #0021385c 1px;
    background-color: #f9fffd;
    align-items:center;
}
.PromotionKare_Com ul li img{
    display:block;
    width:2rem;
    height:1.18rem;
    margin-left: .2rem;
    border-radius:.08rem
}
.PromotionKare_Com ul li .flex_grow{
    width:0%
}
.PromotionKare_Com ul li .info{
    margin:0 .28rem 0 .18rem
}
.PromotionKare_Com ul li .info p{
    display:block;
    width:auto;
    overflow:hidden;
    white-space:nowrap;
    font-size:.22rem
}
.PromotionKare_Com ul li .info .name{
    font-size:.25rem;
    color:#454545;
    font-weight:500;
    line-height:.35rem;
    font-weight:700
}
.PromotionKare_Com ul li .info .grade{
    color:#e6e6e6;
    line-height:.32rem
}
.PromotionKare_Com ul li .info .grade span{
    color:#ababab;
    font-weight:700
}
.PromotionKare_Com ul li .info .grade em{
    color:#ffa709;
    font-size:.24rem
}

.PromotionKare_Com ul li .info .txt{
    color:#02af27;
    line-height:.36rem;
    font-weight:700;
    font-size:.2rem
}

.PromotionKare_Com ul li .btn{
    display:block;
    line-height:.55rem;
    margin:0 Auto;
    border-radius:.06rem;
    color:#fff;
    font-size:.24rem;
    text-align:center;
    width:2rem;
    height:.55rem;
    border:none;
    font-weight:700;
    cursor:pointer;
    Border-radius:5px
}

#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: red;
    color: white;
    cursor: pointer;
    padding: 10px;
    border-radius: 4px;
  }
  
  #myBtn:hover {
    background-color: #555;
  }