a:hover,a:focus{
    color: #ff7a17;
}
nav-height{
    height: 40px;
}
.rank{
    position: absolute;margin: -7px 0px 0px 3px;
}
.bg-line{
    background-color: #eeeeee;
}
.elementwidth{

	
	width: 640px;
}

@media(max-width: 768px) {
   .elementwidth{

	
	width: 100%;
}
}




.elementwidth a:hover,.elementwidth a:focus{
    color: #ff7a17;
}
.elementheight{
    height: 200px;
}
.game-icon{
    height: 60px;
    width: 60px;
}
.nav-icon{
    height: 28px;
    width: 28px;
}
.icon-color{
    color: #ff7a17;
}
.gamename{
    height: 25px;
    overflow:hidden;
    font-weight:bold;
	
}
.nav-button{
    padding: 10px 10px;
}
.star { position:absolute;margin: -10px 0 0 0px;}
.bigstar50, .bigstar45, .bigstar40, .bigstar35, .bigstar30, .bigstar25, .bigstar20, .bigstar15, .bigstar10, .bigstar05, .bigstar00, .bigstar0, .bigstar { background:url(../picture/all_bigstars.png) no-repeat 0 0; display:block; height:14px; line-height:100%; overflow:hidden; width:75px;}
.bigstar00, .bigstar0, .bigstar { background-position:0 -152px;}
.bigstar05 { background-position:0 -137px;}
.bigstar10 { background-position:0 -122px;}
.bigstar15 { background-position:0 -107px;}
.bigstar20 { background-position:0 -92px;}
.bigstar25 { background-position:0 -77px;}
.bigstar30 { background-position:0 -62px;}
.bigstar35 { background-position:0 -48px;}
.bigstar40 { background-position:0 -32px;}
.bigstar45 { background-position:0 -17px;}

.slider-focus{position:relative;width:100%;overflow:hidden;height:100%}
.slider-focus .hd{ position:absolute;width:100%;height:28px;left:0;bottom:2%;z-index:1;line-height:28px;text-align:center;}
.slider-focus .hd li{ display:inline-block;vertical-align:middle;width:13px;height:13px;margin:0 3px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;font-size:0;line-height:0;text-indent:-9999em;background-color:rgba(0,0,0,0.5);  cursor:pointer;}
.slider-focus .hd li.on{ background:#fff;  }
.slider-focus .bd{ position:relative; z-index:0; }
.slider-focus .bd li{ position:relative; text-align:center;  }
.slider-focus .bd li img{display:block;max-width:100%;height:auto;}
.slider-focus .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);}
.slider-focus .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; color:#fff;  text-align:left;}
.ellipsis{
    color:#fff;
}
.black-mask{
position:fixed;left:0;top:0;right:0;bottom:0;background:#000;filter:alpha(opacity=50);opacity:.5;z-index:10;display:block;overflow-x:hidden;overflow-y:auto;
}

.nav-color{
    background-color:#ff7a17;
}
.nav-font{
    color: #ff7a17;
}
.nav-title{
    line-height: 12px;
}
.tab-on{
    border-width:3px;
    border-bottom:solid 3px #ddd;
    border-color:#ff7a17;
}
.tab-on p{
    color: #ff7a17;
}
.foot-title{
    line-height: 20px;
}
.search{
    top: 0;
    left: 0;
    position: fixed;
}
.change{
    font-size: 12px;
	color:#999
}
.border-fenge{width:100%;height:5px;background:#e9e9e9}
.images1{height: 15px;
float: left;
margin-top: 4px;
margin-right: 5px;
width: 5px;}
.xz_box { display:none; position:fixed; border:2px solid #ddd; background-color:#fff; padding:10px; width:80%; top:35%; left:10%; z-index:9999; text-align:center;}
.xz_box .xz_con { text-align:center;}
.xz_box .xz_con a { display:block; width:100%; background-color:#1da6ff; border-radius:2px; color:#fff; margin-bottom:10px; height:40px; line-height:40px; font-size:16px;}
.qqqun_box .guanbi, .xz_box .guanbi { text-align:right; margin-bottom:10px;}



.box{margin-bottom: 10px; border-bottom: 1px solid #e0e0e0; background: #fff;}
.title-bar{padding-left: 35px;    position: relative;}
.title-bar1{padding-left: 10px}
.title-bar i{position: absolute; top: 50%; left: 10px; float: left; width: 22px; height: 22px; margin-top: -11px; background: url(/bg.png) no-repeat; background-size: 100px;}
.hot-recommend .title-bar i{background-position: -37px -439px;}
.new-game .title-bar i{background-position: -70px -25px}
.game-packs .title-bar i,
#Receive-gift .title-bar i{background-position: -70px -206px}
.game-packs.new-packs .title-bar i{background-position: -70px -234px}
.game-packs.other-packs .title-bar i{background-position: -70px -287px}
.special-subject .title-bar i{background-position: -70px -50px}
.like-game .title-bar i{background-position: -70px -74px}
.special-subject.f-link .title-bar i{background-position: -70px -439px;}
.title-bar span{font-size: .7rem; float: right; line-height: 1.4rem; padding-right: 10px; color: grey;}
.hot-recommend{}
.hot-recommend ul{font-size: 0; padding: 0 10px 0 0}
.hot-recommend li{display: inline-block; width: 50%; padding-top: 10px; padding-bottom: 10px; padding-left: 5px}
.hot-recommend li .pic01{width: 100%; margin-bottom: 10px}
.goplay{font-size: .6rem; float: right; min-width: 30px; margin-top: 2%; padding: 7px 2px; vertical-align: middle; color: #f47954; border: 1px solid #f47954; border-radius: 3px; background: #fff;}
.goplay:active{color: #fff; background: #f35220}
.goplay.no{color: #50c7a1; border: 1px solid #50c7a1}
.goplay.no:active{background: #50c7a1}
.goplay.over{color: #999; border: 1px solid #999}
.goplay.over:active{background: #999}
.goplay.yes,
.goplay.yes:active{background: #ccc}
.goplay.yes{color: #fff; border: 1px solid #ccc}
.hot-recommend li h2{font-size: .7rem; height: 1.2rem;  margin: 0; padding: 0}
.hot-recommend li h2 p{max-width: 84px; font-size: 14px; height: 1rem; float: left; overflow: hidden}
.hot-recommend li h2 p.hto-p{max-width: 56px}
.pic-2,
.pic-l{width: 48%; float: left; margin-right: 0; position: relative; margin-bottom: 2%;}
.pic-2 img,
.pic-l img{display:block;}
.pic-2 p,
.pic-l p{position: absolute;bottom: 0px;line-height: 1.2rem;height: 1.2rem;background-color: rgba(18, 9, 15,.5);width: 100%;text-align: right;color: #fff;font-size: .7rem;padding-right: 10px;}
.pic-2 p img,
.pic-l p img{width:.8rem;display:inline-block;vertical-align:middle;margin-right.3rem;margin-right: .2rem;}
.hot-recommend li h2 div{display: inline-block; float: left; overflow: hidden; max-width: 66%}
.hot-recommend li h2 div{display: inline-block; float: left; overflow: hidden; max-width: 66%}
.hot-recommend li p{font-size: .5rem; margin: 0; padding: 0}
.hot-recommend li p span{color: #ff6702}
.list-block.media-list .item-title{font-size: .7rem}
.list-block .item-subtitle,
.list-block .item-text{font-size: .5rem}
.list-block ul li:last-child .item-content{border-bottom: 0}
.hot-recommend li h2 span,
.item-title-row span,
.new-game-box dl dd span,
.top-fixed-box dl dd span{font-size: .5rem; height: .8rem; margin-left: 3px; padding: 1px 4px; color: #fff; border-radius: 20px;}
.special-2 .item-title-row span{background: #ff0000;}
.special-3 .item-title-row span{background: #4c461c;}
.bg-blue{background-color: #c9c9c9;}
.bg-orange{background-color: #f32925;}
.bg-green{background-color: #50c7a1}
.bg-glay{background-color: #b3b3b3}
.bg-glay:active{background-color: #9a9a9a}
.bg-red{background-color: #f35220;}
.bg-red:active{background-color: #b4322c}
.bg-red2{background-color: #ff6f7d}
.bg-red1{background-color: #f35220;}
.bg-green1{background-color: #88cb63}
.bg-purple{background-color: #7c79e8}
.special-subject section{padding: 10px; display: inline-block;}
.special-subject .pic-2:nth-child(1){width: 49%;margin-right: 3%;}
.pic-l{padding-right: 0; margin-right: 2%; width: 50%; margin-bottom: 2%;}
.game-style{padding: 10px 1px}
.game-style dl{line-height: 1.5rem; display: -webkit-box; margin: 0; padding: 0 5px}
.game-style dd{font-size: .7rem; margin: 5px; text-align: center; color: #fff; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1}
.game-style dd a{display: block; color: #fff}
.swiper-container{width: 100%}
.swiper-slide{font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; text-align: center; background: #fff; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center}
.top-fixed-box{display: table; width: 100%; margin-top: 35px; padding: 0 10px}
.top-fixed-box dl dd{display: table-cell; vertical-align: middle}
.top-fixed-box dl dd p{font-size: .2rem; line-height: 25px}
.game-pic{margin-top: 10px; padding: 10px}
.game-pic #owl-demo .item{margin: 5px}
.game-pic #owl-demo .item img{display: block; width: 100%; height: auto}
.game-pic .owl-controls{display: none; width: 0; height: 0; opacity: 0}
.progress-bar,
.progress-bar-1{height: 10px; border-radius: 5px}
.icon-pic{width: 100%}
.like-game ul{padding: 10px; letter-spacing: -5px}
.like-game li{display: inline-block;float: left;width: 20%;padding: 5px;text-align: center;}
.like-game li p{font-size: .5rem; width: 100%; letter-spacing: 0}
.btn-paly{width: 100%; margin-top: -2px; padding: 10px; border-bottom: 1px solid #e0e0e0; background: #fff; z-index: 999}
.btn-paly a{line-height: 35px; display: block; width: 100%; text-align: center; color: #fff; border-radius: 5px; background: #f35220}
.introduce-box{font-size: .7rem}