body{background: #fff;}
.more { font-size: 0; }
.more ul{ padding:5px; width: 100%;}
.more ul li { padding:5px; width: 49.9%; display: inline-block; height: 60px; overflow: hidden; }
.more ul li a { width: 100%; height: 100%; position: relative; color: #333333; font-size: 13px; padding-left: 30%; text-align: left; border:2px solid #cccccc; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.more ul li a:after { content: ''; display: block; position: absolute; left: 5%; top: 50%; width: 30px; height: 30px; background: url(/static/images/webapp/m/more/icon_more.png) no-repeat; background-size: 30px auto; -webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);}

.more ul li.football-more-odds     a:after { background-position: 0 0; }
.more ul li.basketball-more-odds   a:after { background-position: 0 -30px; }
.more ul li.football-more-matchs   a:after { background-position: 0 -60px; }
.more ul li.basketball-more-matchs a:after { background-position: 0 -90px; }
.more ul li.football-more-data     a:after { background-position: 0 -120px; }
.more ul li.basketball-more-data   a:after { background-position: 0 -150px; }
.more ul li.football-more-news     a:after { background-position: 0 -180px; }
.more ul li.basketball-more-news   a:after { background-position: 0 -210px; }
.more ul li.football-more-wlive    a:after { background-position: 0 -240px; }
.more ul li.football-more-report   a:after { background-position: 0 -270px; }
.more ul li.guess-enter 		   a:before{content: ''; display: block; position: absolute; left: 18%; top: 10%;background: url(/live/static/image/icon_new.png) no-repeat center center;background-size: 24px;width: 24px;height: 12px;z-index: 100}
.more ul li.guess-enter 		   a:after { background-position: 0 -300px; }

@media screen and (min-width: 374px) and (max-width: 479px) {

	.more ul{ padding:6px;  }
	.more ul li { padding:6px;   height: 72px;  }
	.more ul li a {     font-size: 15px;   border:2px solid #cccccc; border-radius: 4px;           }
	.more ul li a:after {      width: 36px; height: 36px;  background-size: 36px auto; }
	.more ul li.basketball-more-odds   a:after { background-position: 0 -36px; }
	.more ul li.football-more-matchs   a:after { background-position: 0 -72px; }
	.more ul li.basketball-more-matchs a:after { background-position: 0 -108px; }
	.more ul li.football-more-data     a:after { background-position: 0 -144px; }
	.more ul li.basketball-more-data   a:after { background-position: 0 -180px; }
	.more ul li.football-more-news     a:after { background-position: 0 -216px; }
	.more ul li.basketball-more-news   a:after { background-position: 0 -252px; }
	.more ul li.football-more-wlive    a:after { background-position: 0 -288px; }
	.more ul li.football-more-report   a:after { background-position: 0 -324px; }
	.more ul li.guess-enter 		   a:before{background-size: 28px;width: 28px;height: 14px;}
	.more ul li.guess-enter 		   a:after { background-position: 0 -360px; }
}

@media screen and (min-width: 480px) and (max-width: 639px) {


	.more ul{ padding:8px;  }
	.more ul li { padding:8px;   height: 90px;  }
	.more ul li a {     font-size: 20px;   border:2px solid #cccccc; border-radius: 6px;           }
	.more ul li a:after {      width: 44px; height: 44px;  background-size: 44px auto; }
	.more ul li.basketball-more-odds   a:after { background-position: 0 -44px; }
	.more ul li.football-more-matchs   a:after { background-position: 0 -90px; }
	.more ul li.basketball-more-matchs a:after { background-position: 0 -134px; }
	.more ul li.football-more-data     a:after { background-position: 0 -180px; }
	.more ul li.basketball-more-data   a:after { background-position: 0 -224px; }
	.more ul li.football-more-news     a:after { background-position: 0 -270px; }
	.more ul li.basketball-more-news   a:after { background-position: 0 -314px; }
	.more ul li.football-more-wlive    a:after { background-position: 0 -360px; }
	.more ul li.football-more-report   a:after { background-position: 0 -404px; }
	.more ul li.guess-enter 		   a:before{background-size: 36px;width: 36px;height: 18px;}
	.more ul li.guess-enter 		   a:after { background-position: 0 -440px; }

}

@media screen and (min-width: 640px) {

	.more ul{ padding:10px;  }
	.more ul li { padding:10px;   height: 120px;  }
	.more ul li a {     font-size: 26px;   border:4px solid #cccccc; border-radius: 8px;           }
	.more ul li a:after {      width: 60px; height: 60px;  background-size: 60px auto; }
	.more ul li.basketball-more-odds   a:after { background-position: 0 -60px; }
	.more ul li.football-more-matchs   a:after { background-position: 0 -120px; }
	.more ul li.basketball-more-matchs a:after { background-position: 0 -180px; }
	.more ul li.football-more-data     a:after { background-position: 0 -240px; }
	.more ul li.basketball-more-data   a:after { background-position: 0 -300px; }
	.more ul li.football-more-news     a:after { background-position: 0 -360px; }
	.more ul li.basketball-more-news   a:after { background-position: 0 -420px; }
	.more ul li.football-more-wlive    a:after { background-position: 0 -480px; }
	.more ul li.football-more-report   a:after { background-position: 0 -540px; }
	.more ul li.guess-enter 		   a:before{background-size: 48px;width: 48px;height: 24px;}
	.more ul li.guess-enter 		   a:after { background-position: 0 -600px; }

}