body{font-family: "微软雅黑";background: url(../images/rank_bg.jpg) no-repeat top center;height: 100%; background-size:cover}
.rank_bg{position: fixed;z-index: -1;width: 100%;top: 0;left: 0;height: 100%;}
.main{margin: 4px 14px 14px 14px;padding: 0;}
.holder{width: 1200px;margin: 0 auto;padding: 0;}
.icon-rank{background: url(../images/icon-rank.png) no-repeat;display: inline-block;vertical-align: middle;}
.rank, .gifts{width: 100%;margin: 0;padding: 0;display: table;position: relative;z-index: 2;text-align:center;}
.redskins, .rich, .charm, .popular,.xiuxian{display:inline-block;width: 390px;/*width:592px;*/ min-height: 600px;text-align:left;vertical-align:top; background: rgba(31,1,51, 0.6);border: 1px solid #6443a2;margin: 14px 0 0 0;padding: 0; border-radius: 5px;}
.rich,.popular{margin-left: 12px;margin-right: 11px;}
.redskins .caption, .rich .caption, .charm .caption,.popular .caption, .xiuxian .caption{width: 222px;height: 32px;padding: 0;margin: 35px 92px;position: relative;}
.redskins .caption{background-position: 0px 0px;}
.rich .caption{background-position: 0px -40px;}
.charm .caption{background-position: 0px -80px;}
.popular .caption{background-position: 0px -597px;}
.xiuxian .caption{background-position: 0px -666px;}

.redskins .caption i.tips_r, .rich .caption i.tips_r, .charm .caption i.tips_r, .xiuxian .caption i.tips_r,.popular .caption i.tips_r{width: 14px;height: 14px;position: absolute;top: 0;right: -20px;background-position: 0px -130px;cursor: pointer;}
.b-tips1, .b-tips2, .b-tips3, .b-tips4, .b-tips5{display: none;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;-moz-box-shadow: 0 0 0 transparent;-webkit-box-shadow: 0 0 0 transparent;box-shadow: 0 0 0 transparent;position: absolute;left: -83px;margin: 0px;padding: 8px 10px;width: 324px;color: #333;top: 25px;background: #fff;border: 0;font: 12px Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;line-height: 22px;/*white-space: nowrap;*//*不换行*/z-index: 99;border: 1px solid #d7c6fa;}
.b-tips4, .b-tips5{display: none;left: 615px;position: absolute;z-index: 999;top: 0px;}
.b-tips4{width:480px}
.b-tips5{top: 14px;}
.b-tips1:after, .b-tips2:after, .b-tips3:after, .b-tips4:after, .b-tips5:after{width: 0;height: 0;left: 311px;top: -12px;content: '';position: absolute;border-left: 6px solid transparent;border-bottom: 12px solid #d7c6fa;border-right: 6px solid transparent;z-index: 9;}
.b-tips4:after, .b-tips5:after{width: 0;height: 0;left: 500px;top: 20px;content: '';position: absolute;border-top: 7px solid transparent;border-left: 11px solid #fff;border-bottom: 7px solid transparent;z-index: 10;}
.b-tips1:before, .b-tips2:before, .b-tips3:before, .b-tips4:before, .b-tips5:before{width: 0;height: 0;left: 312px;top: -11px;content: '';position: absolute;border-left: 5px solid transparent;border-bottom: 11px solid #fff;border-right: 5px solid transparent;z-index: 10;}
.b-tips4:before, .b-tips5:before{width: 0;height: 0;left: 500px;top: 20px;content: '';position: absolute;border-top: 7px solid transparent;border-left: 11px solid #fff;border-bottom: 7px solid transparent;z-index: 10;}
.redbox, .richbox, .charmbox,.popularbox{margin: 0 9px;padding: 0;position: relative;}
.redbox > ul, .richbox ul, .charmbox > ul, .popularbox>ul{height: 27px;overflow: hidden;padding: 0;margin: 0;width: 100%;display: block;background: url(../images/icon-rank.png) no-repeat 0px -330px;line-height: 13px;}
.redbox > ul > li, .richbox > ul > li, .charmbox > ul > li, .popularbox >ul >li{width: 25%;height: 25px;float: left;display: block;text-align: center;cursor: pointer;position: relative;margin: 0px;padding: 0;text-align: center;font-size: 16px;color: #b2b2b2;vertical-align: top;}
.redbox > ul > .curr, .richbox > ul > .curr, .charmbox > ul > .curr, .popularbox > ul >.curr{color: #fff;}
.redbox > div.content, .richbox > div.content, .charmbox > div.content ,.popularbox >div.content{position: relative;z-index: 9;width: 100%;min-height:779px; margin: 0;padding: 10px 0 0 0;}
.one, .two, .three{height: 68px;margin: 0 0 4px 0;padding: 0;overflow: hidden;position: relative;}
.one{background: url(../images/list_bg.png) no-repeat;height: 68px;}
.three{margin-bottom: 11px;}
.substance{height: 58px;margin: 5px;padding: 0;overflow: hidden;position: relative;}
.substance span{float: left;}
.substance span.top1, .substance span.top2, .substance span.top3{width: 26px;height: 45px;display: inline-block;margin: 8px 14px 5px 15px;padding: 0;}
.substance span.top1{background-position: -24px -130px;}
.substance span.top2{background-position: -60px -130px;}
.substance span.top3{background-position: -96px -130px;}
.substance span.photo{border: 2px solid rgba(255,255,255,.3);width: 55px;height: 54px;overflow: hidden;margin: 0 18px 0 0;padding: 0;}
.substance span.photo a{width: 55px;height: 54px;display: block;position: relative;}
.substance span.photo a img{width: 55px;height: 54px;outline: none;position: absolute;left: 0;top: 0;z-index: 2;}
.substance span.photo a i.shade{width: 55px;height: 54px;position: absolute;left: 0;top: 0;z-index: 4;background-position: -291px 0px;}
.substance span.n-info{width: 170px;height: 58px;display: inline-block;}
.substance span.n-info .a-name{height: 29px;width: 225px;overflow: hidden;}
.substance span.n-info .a-name a{color: #f9f9f9;font-size: 14px;height: 29px;line-height: 29px;/*overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:inline-block;text-shadow:.1px 0 0 #333;*/}
.substance span.n-info .a-name a:hover{color: #fff;}
.substance span.n-info .iden{height: 29px;width: 170px;overflow: hidden;}
.substance span.n-info .iden i{float: left;}
.substance span.n-info .iden a{color: white;}
.substance span.n-info .iden i.starLV, .substance span.n-info .iden i.richLV, .substance span.n-info .iden i.vipIcon{margin: 4px 0 5px 0;padding: 0;}
.substance span.danico_box{margin-left:5px;float: none;display:inline-block;vertical-align:middle;}
.substance span.danico_box .danimg{}
.substance span.mn-cnt {color:white;float:right;margin-top:20px;width: 60px;text-align:right;}
.substance .live{position: absolute;width: 20px;height: 20px;top: 22px;right: 26px;background-position: -130px -130px;}
.r-box{height: 40px;margin: 0 0 4px 0;padding: 0;overflow: hidden;position: relative;box-sizing: border-box;}
.r-con{height: 40px;margin: 6px 5px;padding: 0;overflow: hidden;position: relative;box-sizing: border-box;}
.r-con span{float: left;}
.r-con span.r-px{width: 26px;height:100%; line-height: 40px;display: inline-block;margin: 0 14px 0 15px;padding: 0;text-align: center;color: #d96eee;font-size: 24px;text-shadow: .2px 0 0 #d96eee;font-family: "Arial Italic","Microsoft Yi Baiti","微软雅黑",arial,"Arial Black","Hiragino Sans GB","Microsoft Yahei","宋体",宋体,Tahoma,Arial,Helvetica,STHeiti;font-style: oblique;}
.r-con span.iden{width: 66px;height:100%;overflow: hidden;margin: 0 15px 0 0;padding: 0;}
.r-con span.iden i{float: left;}
.r-con span.a-name{height:100%;width: 110px;overflow: hidden;}
.r-con span.a-name a{color: #d96eee;font-size: 14px;height:100%;width: 170px;line-height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;/*text-shadow:.1px 0 0 #333;*/}
.r-con span.a-name a:hover{color: #fff;}
.r-con span.danico_box{margin-left:5px;}
.r-con span.danico_box .danimg{}
.r-con span.mn-cnt {color:white;float:right;line-height:16px;text-align:right;}
.r-con .live{position: absolute;width: 20px;height:100%;top: 0px;right: 14px;background-position: -130px -130px;}
.more{width: 346px;/*width:520px;height: 27px;*/margin: 18px 5px 0;overflow: hidden;position: relative;background-position: 0px -340px;background:none;}
.stillbox{width: 392px;height: 383px;overflow: hidden;position: relative;display: none;left: -10px;}
.still{position: absolute;left: 0px;margin: 0px;width: 390px;color: #999;left: 10px;}
.gifts{background: rgba(31,1,51, 0.6);border: 1px solid #6443a2;margin-top: 15px;position: relative;z-index: 1;    border-radius: 5px;}
.g-title{height: 43px;margin: 35px auto 0;padding: 0;background-position: 0 -231px;display: table;width: 137px;text-indent: -9999px;}
.d-title {height: 43px;margin: 35px auto 0;padding: 0;background-position: -282px -175px;display: table;width: 137px;text-indent: -9999px;}
.b-title{height: 30px;margin: 40px auto 0;padding: 0;background-position: 0px -389px;display: table;width: 135px;text-indent: -9999px;}
.giftbox{margin: 0px;padding: 0px;overflow: hidden;display: table;position: relative;width: 1200px;padding-bottom: 50px;}
.giftbox > ul{height: 25px;overflow: hidden;padding: 0;width: 204px;display: block;margin: 10px auto;}
.giftbox > ul > li{width: 100px;height: 20px;float: left;display: block; text-align: center;cursor: pointer;position: relative;margin: 0px;padding: 0;text-align: center;font-size: 16px;color: #b2b2b2;}
.giftbox > ul > .curr{color: #fff;text-shadow: 0px 0px 8px #ccaac4;}
.giftbox > div.content{position: relative;z-index: 9;margin: 0;padding: 0 0 0 25px;}
.chaoxing, .zhouxing{width: 100%;margin: 0;padding: 0;position: relative;}
.chaoxing span.qx{position: absolute;right: 50px;top: 16px;display: block;font-size: 14px;color: #fff;}
.chaoxing span.qx .tips_r {width: 14px;height: 14px;position: absolute;top: 3px;right: -20px;background-position: 0px -130px;cursor: pointer;}
.zhouxing{margin-top: 47px;padding-bottom: 20px;clear: both;}
.chaoxing .cx-title, .zhouxing .cx-title{height: 42px;width: 100%;position: relative;margin: 0;padding: 0;}
.zhouxing .cx-title{padding-top: 50px;}
.chaoxing .cx-title i.icon-cx, .zhouxing .cx-title i.icon-zx{height: 42px;width: 130px;margin-left: 3px;background-position: 0 -231px;}
.zhouxing .cx-title i.icon-zx{background-position: 0 -283px;}
.chaoxing .cx-title i.tips, .zhouxing .cx-title i.tips{width: 14px;height: 14px;position: absolute;top: 0;left: 130px;background-position: 0px -130px;cursor: pointer;}
.zhouxing .cx-title i.tips{top: 50px;}
.chaoxing > ul, .zhouxing > ul{margin: 13px 0 0 -31px;padding: 0;width: 1200px;list-style: none;}
.chaoxing > ul > li, .zhouxing > ul > li{width: 360px;height: 236px;float: left;background: rgba(25,0,42, 0.6);border: 1px solid #6443a2;margin: 0 0 16px 31px;padding: 0;}
.zhouxing > ul > li{height: 78px;}
.lwbox, .zxbox{width: 360px;height: 136px;margin: 5px 0;padding: 0;}
.lwbox .g-left, .zxbox .g-left{width: 81px;float: left;height: 226px;border-right: 1px solid rgba(217, 110, 238, .4);}
.lwbox .g-left .gifs-icons, .zxbox .g-left .gifs-icons{width: 55px;height: 55px;border-radius: 50%;background: #fff;border: 1px solid #f3b197;margin: 80px 12px 0 13px;padding: 0;}
.zxbox .g-left .gifs-icons{margin: 5px 12px 0 13px;}
.lwbox .g-left .gifs-icons img, .zxbox .g-left .gifs-icons img{width: 38px;height: 38px;margin: 9px;padding: 0;}
.lwbox .g-left .gift-name{width: 77px;margin: 7px 2px 0 2px;padding: 0;height: 20px;text-align: center;font-size: 14px;color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.lwbox .g-right, .zxbox .g-right{width: 268px;float: left;height: 226px;margin: 0 5px;padding: 0;}
.lwbox .g-right > ul, .zxbox .g-right > ul, .zx-more > ul{margin: 0;padding: 0;overflow: hidden;position: relative;width: 100%;height: 226px;}
.zxbox, .zxbox .g-left, .zxbox .g-right{height: 68px;}
.zxbox .g-right > ul{height: 45px;}
.zx-more > ul{width: 223px;padding: 0px 10px;height: 70px;}
.zx-more > ul > li{clear: both;}
.lwbox .g-right > ul > li, .zxbox .g-right > ul > li, .zx-more > ul > li{height: 35px;margin: 0;padding: 5px 0;overflow: 0;}
.zx-more > ul > li{padding: 0;}
.lwbox .g-right > ul > li > i, .lwbox .g-right > ul > li > span, .zxbox .g-right > ul > li > i, .zxbox .g-right > ul > li > span, .zx-more > ul > li > i, .zx-more > ul > li > span{float: left;height: 35px;overflow: hidden;}
.lwbox .g-right > ul > li > i.rank-count, .zxbox .g-right > ul > li > i.rank-count, .zx-more > ul > li > i.rank-count{width: 35px;color: #D96EEE;text-shadow: 0.2px 0px 0px #D96EEE;font: 24px/1.1 "Arial Italic","Microsoft Yi Baiti","微软雅黑",arial,"Arial Black","Hiragino Sans GB","Microsoft Yahei","宋体",宋体,Tahoma,Arial,Helvetica,STHeiti;font-style: oblique;text-align: left;text-indent: 0.2em;vertical-align: top;position: relative;}
.lwbox .g-right > ul > li > i.rank-count .num_bg, .zxbox .g-right > ul > li > i.rank-count .num_bg{position: absolute;right: 0;bottom: 0;width: 35px;height: 35px;z-index: 12;background: url(../images/num_bg.png) no-repeat right bottom;}
.lwbox .g-right > ul > li > span.zbtx, .zxbox .g-right > ul > li > span.zbtx{width: 35px;}
.lwbox .g-right > ul > li > span.zbtx img, .zxbox .g-right > ul > li > span.zbtx img{width: 35px;height: 35px;}
.lwbox .g-right > ul > li > span.iden, .zxbox .g-right > ul > li > span.iden, .zx-more > ul > li > span.iden{height: 22px;width: 40px;margin-left: 3px;overflow: hidden;margin-top: 9px;text-align:center}
.lwbox .g-right > ul > li > span.iden2, .zxbox .g-right > ul > li > span.iden2, .zx-more > ul > li > span.iden2 { height: 22px; width: 42px; margin-left: 3px; overflow: hidden; margin-top: 7px;text-align: center}
.lwbox .g-right > ul > li > span.idam, .zxbox .g-right > ul > li > span.idam, .zx-more > ul > li > span.idam{height: 23px;width: 68px;margin-left: 3px;overflow: hidden;margin-top: 9px;}
.lwbox .g-right > ul > li > span.iden i.starLV, .zxbox .g-right > ul > li > span.iden i.starLV, .zx-more > ul > li > span.iden i.starLV{height: 20px;margin: 7px 0;}
.lwbox .g-right > ul > li > span.a-name, .zxbox .g-right > ul > li > span.a-name, .zx-more > ul > li > span.a-name{width: 70px;height: 35px;overflow: hidden;}
.lwbox .g-right > ul > li > span.a-name a, .zxbox .g-right > ul > li > span.a-name a, .zx-more > ul > li > span.a-name a{color: #9d9aa4;font-size: 13px;height: 35px;width: 100%;line-height: 35px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;font-family: "微软雅黑";}
.lwbox .g-right > ul > li > span.a-name a:hover, .zxbox .g-right > ul > li > span.a-name a:hover, .zx-more > ul > li > span.a-name a:hover{color: #fff;}
.zx-more > ul > li > span.a-name, .zx-more > ul > li > span.a-name a{width: 90px;color: #fff;font-family: "Adobe 黑体 Std";font-size: 12px;}
.lwbox .g-right > ul > li > span.count, .zxbox .g-right > ul > li > span.count, .zx-more > ul > li > span.count{line-height: 32px;font-size: 13px;text-align: right;float: right;color: #fff;}
.zxbox .g-right .g-xl{height: 22px;position: relative;width: 100%;margin-bottom: 3px;}
.zxbox .g-right .g-xl .gift-name{line-height: 20px;color: #fff;height: 22px;display: inline-block;width: 100%;font-size: 14px;}
.zxbox .g-right i.zx-m-icon{position: absolute;right: 6px;top: 3px;width: 16px;height: 16px;background-position: -166px -130px;cursor: pointer;font-style: normal;}
.zx-more{display: none;position: absolute;right: -20px;margin: 0px;padding: 0;width: 243px;color: #999;top: 26px;background: rgba(68,11,122, 0.95);border: 0;z-index: 99;}
.zx-more:after{width: 0;height: 0;left: 209px;top: -12px;content: '';position: absolute;border-left: 6px solid transparent;border-bottom: 12px solid #430b79;border-right: 6px solid transparent;z-index: 9;}
.zx-more:before{width: 0;height: 0;left: 210px;top: -11px;content: '';position: absolute;border-left: 5px solid transparent;border-bottom: 11px solid #430b79;border-right: 5px solid transparent;z-index: 10;}
.zxbox .g-right{position: relative;}
.giftbox i.line{font-style: normal;vertical-align: middle;float: left;color: #b2b2b2;}
.starLV{display: inline-block;width: 72px;height: 20px;line-height: 20px;text-align:center;position:relative;top:8px;} 
.richLV{display: inline-block;width: 72px;height: 22px;line-height: 20px;}
.starLVIcons span, .richLVIcons span{display: inline-block;width: 20px;height: 20px}
.richLV{position: relative}
.richLV>span{position: absolute;display: inline-block;top: 0;left: 0;width: 46px;height: 20px;}
.tw-icon{width:20px;height:20px;display: inline-block;background: url(../images/index/index-cfca4a.png) no-repeat -184px -815px;vertical-align: middle;}
.angleLV{position: relative;/* width: 62px*/}
.angleLV i{position: absolute;display: block;width: 9px;height: 9px;left: 27px;top: -3px;}
.customGod_all1 { display: inline-block; width: 55px !important; height: 22px !important; line-height: 22px; background: url(../../../../../images/face/v38.gif) no-repeat; background-size: 100%; color: #fff; text-align: left; font-size: 12px;text-indent: 6px;position: relative;}
#hotList {background: url(../images/sy.png) no-repeat top right;}
#richList {background: url(../images/cf.png) no-repeat top right;}
#charmList {background: url(../images/sy.png) no-repeat top right;}
#xiuxianlist{background: url(../images/xx.png) no-repeat top right;}