body, div, ul, dl, ol, form, img, label { margin: 0; }

body { font-family: "Microsoft YaHei", "微软雅黑", "宋体"; font-size: 14px; background-color: #eeeeee; }
p { margin: 10px 0; line-height: 180%; }
h1 { margin: 10px 0; text-align: center; font-size: 16px; }
h2 { text-align: center; }
hr { border: 0; height: 1px; background-color: #CCC; margin: 5px 0; }
a { color: #FFF; }
a:hover { color:aliceblue; }

/** 导航菜单 **/
.fix_footer { -moz-box-shadow:0px 0px 11px #191919; -webkit-box-shadow:0px 0px 11px #191919; box-shadow:0px 0px 11px #191919; }
.fix_footer_menu { border-right:1px solid rgba(0, 0, 0, 0.4); background: rgba(0, 0, 0, 0.1); font-family: 黑体; }
.fix_footer_menu_on { border-right:1px solid rgba(0, 0, 0, 0.4); background: rgba(0, 0, 0, 0.3); font-family: 黑体; background:#202020; /* Fallback color for old browsers */ }
/**导航栏**/
#fix_nav{
    left: 0px; color: rgb(255, 255, 255); height: 50px; width: 100%; font-size: 12px; z-index: 100; max-width: 640px; right: 0px; margin: auto; background-color: rgb(238, 238, 238);
}
#fix_nav>table{
    width:100%;
    height:100%
}
#fix_nav>table td >span{
    font-size:15px;
    color:#666666;
    font-weight:600;
}
#fix_nav>table td.active >span{
    font-size:20px;color:red
}
/** 排行榜 **/
.wrap { min-height: 620px; }

img.ad { width: 100%; border-radius:5px; }

.my { color: #FFF; line-height: 150%; margin-bottom: 10px; border: 2px solid #9BB9FA; border-radius: 5px; padding: 5px; background: #5A1752; }
.my a { color: #FFCC47; text-decoration: underline; }
.my .hl { color: #0F0; }
.my .pt { color: #FFCC47; font-weight: bold; }
.my .op { color: #FF7171; display: none; }

.tip { color: #FFF; line-height: 150%; margin-bottom: 10px; border: 2px solid #9BB9FA; border-radius: 5px; padding: 5px; background: #204753; }
.tip a { color: #FFCC47; text-decoration: underline; }
.tip .hl { color: #0F0; }
.tip .pt { color: #FFCC47; font-weight: bold; }
.tip .op { color: #FF7171; display: none; }

.nav { height: 70px; overflow: hidden; }
.nav .logo { float: left; width: 80px; height: 70px; }
.nav .logo a { display: block; margin: 5px 0 0 10px; }
.nav .logo img { width: 60px; height: 60px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.nav .tab { color: #FFF; text-shadow: 0 2px 2px #000; line-height: 70px; }
.refresh { margin: -3px 0 5px 0; color: #CCC; }

ul{ list-style: none; padding: 0; zoom: 1; }
li { position: relative; padding: 7px; height: 38px; background: #ffffff; border-bottom: 1px solid #E5E5E5; }
li.template { display: none; }
li.lucky { background: #eeeeee; } /** 中奖项背景 **/
li.highlight { background: #A7AFFF; } /** 我的位置背景 **/
li.mypos { line-height: 60px; cursor: pointer; text-align: center; text-shadow: 0 1px 1px #fff; font-weight: bold; color: #DF2D5F; }
.num { width: 32px; height: 32px; text-align: center; font-size: 21px; line-height: 32px; color: #131F35; font-weight: bold; text-shadow: 0 1px 1px #fff; float: left; margin-right: 10px; }
.num1 { background: url(http://game.zxs.com/rank/img/5.png) no-repeat;background-size:32px 32px }
.num2 { background: url(http://game.zxs.com/rank/img/6.png) no-repeat;background-size:32px 32px }
.num3 { background: url(http://game.zxs.com/rank/img/7.png) no-repeat;background-size:32px 32px }
/* .list .numzxs { background: url(http://game.zxs.com/rank/img/zxs.png) no-repeat; } */
div.lucky { position: absolute; left: 0; top: 0; width: 32px; height: 32px;}
.avatar { width: 38px; height: 38px; float: left; margin-right: 20px; border: 1px solid #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.score { min-width: 160px; height: 48px; margin-left: 85px; overflow: hidden; }
.nickname, .scorename { line-height: 18px; text-shadow: 0 1px 1px #fff; height: 20px; overflow: hidden; }
.nickname { font-size:16px; overflow: hidden; }
.scorename { font-size:12px; color:#BBBBBB ;overflow: hidden; }
.nickname a { color: #FF4545; text-decoration: none; }
.score .name0,.scorename .name0 { color: #777777; }
.score .name1,.scorename .name1 { color: #526590; }
.score .name2,.scorename .name2 { color: #EC4684; }

li .sns { color: #666666; position: absolute; text-align:right;right: 5px; bottom: 5px; font-size:12px}


.time { position: absolute; right: 10px; top: 10px; color: #777; text-align: right;font-size:12px }
.recent { color: #FF4545; }
.phone { position: absolute; left: 75px; top: 25px; width: 10px; height: 18px }
.mobile { color: #E03232; position: absolute; right: 10px; top: 10px; text-align: right; }
.bind_a1 { position: absolute; right: 10px; top: 10px; color: #777; text-align: right; }
.bind_a2 { position: absolute; right: 10px; top: 40px; color: #E03232; text-align: right; }
/*
.action { height: 58px; margin: 10px 0; text-align: center; overflow: hidden; zoom: 1; }
.action a { display: inline-block; margin: 0 5px; }
*/

/** 正在加载中 **/
.loading { height: 60px; line-height: 60px; text-align: center; display: none; }
.loading img { vertical-align: middle; }


div.up {
    margin-left: 5px;
    border: 0;
    width: 16px;
    height: 16px;
    /*background: url(../images/rank.png) no-repeat 0 0;*/
}

div.down {
    margin-left: 5px;
    border: 0;
    width: 16px;
    height: 16px;
   /*background: url(../images/rank.png) no-repeat 0 -16px;*/
}

div.middle {
    margin-left: 5px;
    border: 0;
    width: 16px;
    height: 16px;
   /*background: url(../images/rank.png) no-repeat 0 -32px;*/
}

.gameicon {
    border-radius: 7px;
    width: 54px;
    height: 54px;
}

.play-btn {
    border: 1px solid #F76F5C;
    color: #F76F5C;
    margin: 6px;
    font-size: 10px;
    border-radius: 2px;
    padding: 3px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    display: inline-block;
    width: 40px;
    height:20px;
    line-height:20px;
	border-radius:26px; 
	background:#fe6c3d; 
	color:#FFF;
}

.open {
    position: absolute;
    right: 10px;
    top: 0px;
}

.intro {
    height: 25px;
    margin-top: 5px;
    color: #999999;
    font-size: 12px;
    line-height: 18px;
}

.identification {
    border: 1px solid #88d3fe;
    color: #88d3fe;
    margin: 2px;
    font-size: 10px;
    border-radius: 2px;
    padding: 0px;
    padding-left: 2px;
    padding-right: 2px;
    text-align: center;
    display: inline-block;
}

.ihot {
    border: 1px solid #ff9900;
    color: #ff9900;
    margin: 2px;
    font-size: 10px;
    border-radius: 2px;
    padding: 0px;
    padding-left: 2px;
    padding-right: 2px;
    text-align: center;
    display: inline-block;
}

.inew {
    border: 1px solid #ff3300;
    color: #ff3300;
    margin: 2px;
    font-size: 10px;
    border-radius: 2px;
    padding: 0px;
    padding-left: 2px;
    padding-right: 2px;
    text-align: center;
    display: inline-block;
}

.ilabel {
    border: 1px solid #ff3300;
    color: #ff3300;
    margin: 0px 2px;
    font-size: 12px;
    border-radius: 2px;
    padding: 0px;
    padding-left: 2px;
    padding-right: 2px;
    text-align: center;
    display: inline-block;
}

.slider li, .slider ul {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none
}

a img {
    border: 0
}

ul, ol, li {
    list-style-type: none;
    vertical-align: 0
}

li {
    position: static;
    padding: 0px;
    height: 38px;
    background: #ffffff;
    border-bottom: 1px solid #E5E5E5;
}

/* 效果CSS下载 */
.slider {
    display: none
}

/*用于获取更加体验*/
.focus span {
    width: 10px;
    height: 10px;
    margin-right: 10px;
    border-radius: 50%;
    background: #666;
    font-size: 0
}

.focus span.current {
    background: #fff
}

/* 效果CSS结束 */

.ghide {
    display: none;
}

#morebtn {
    text-align: center;
    padding: 10px;
    margin-bottom: 20px;
    font-size: 16px;
}
.container, .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 35px;
}

#topBarWrapper .header {
    position: relative;
    height: 50px;
    display: block;
/*    background-color: #fff;*/
}

.clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    content: " ";
    display: table;
}

#topBarWrapper .user-photo {
    width: 36px;
    height: 36px;
	padding:1px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    position: absolute;
    left: 10px;
    z-index: 15;
}

#topBarWrapper .user-photo .photo {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    vertical-align: middle;
}

#topBarWrapper .user-name p {
    margin: 0;
    font-size: 1.1em;
    position: absolute;
    left: 60px;
    top: 3px;
    color: #444;
    font-weight: 400;
}

#topBarWrapper .follow-button {
    position: absolute;
    width:41px;
    right: 0;
    top: 0;
    text-align: center;
    text-decoration: none;
}

#topBarWrapper .follow-button img {
    height: 40px;
    vertical-align: middle;
}
#topBarWrapper .searchBox{
    width:calc(100% - 40px);
    height:100%;
}
#topBarWrapper .searchBox>input{
    width:100%;
    height:100%;
/*    background:#fff;*/
    border:none;
    padding:0px;
    outline:none;
    box-sizing:border-box;
    padding-left:50px;
}
#topBarWrapper .user-level {
    margin: 0;
    font-size: .8em;
    position: absolute;
    left: 75px;
    top: 21px;
    color: #999;
    letter-spacing: -3px;
    vertical-align: middle
}