.zmui-rank {margin: 0; background: #138ed2;}
/* 橙色主题 */
.zmui-rank.orange {background: #f57a19;}
.zmui-rank.orange .zmui-rank_head {background-color: #ff8f30;}
.zmui-rank.orange .zmui-rank_head .title {background: #f4791d url(rank_line_orange.jpg) repeat-x; background-size: 0.6rem;}
.zmui-rank.orange .zmui-rank_line .left {background: url(rank_line_left_orange.jpg) no-repeat left; background-size: auto 100%;}
.zmui-rank.orange .zmui-rank_line .right {background: url(rank_line_right_orange.jpg) no-repeat right; background-size: auto 100%;}
.zmui-rank.orange .zmui-rank_line .center {height: 1rem; background: url(rank_line_center_orange.jpg) repeat-x 0.4rem 0; background-size: auto 100%;}
/* 黄色主题 */
.zmui-rank.yellow {background: #ffcc03;}
.zmui-rank.yellow .zmui-rank_head {background-color: #ff6a5c;}
.zmui-rank.yellow .zmui-rank_head .title {background: #ffcc03 url(rank_line_yellow.jpg) repeat-x; background-size: 0.6rem;}
.zmui-rank.yellow .zmui-rank_line .left {background: url(rank_line_left_yellow.jpg) no-repeat left; background-size: auto 100%;}
.zmui-rank.yellow .zmui-rank_line .right {background: url(rank_line_right_yellow.jpg) no-repeat right; background-size: auto 100%;}
.zmui-rank.yellow .zmui-rank_line .center {height: 1rem; background: url(rank_line_center_yellow.jpg) repeat-x 0.4rem 0; background-size: auto 100%;}
.zmui-rank .zmui-rank_head {height: auto; background: #40bbff url(rank_head_bg.png) no-repeat center -1.5rem; background-size: 90%; color: #fff;}
.zmui-rank .zmui-rank_head .title {height: 2.4rem; background: #138ed2 url(rank_line.jpg) repeat-x; background-size: 0.6rem; color: inherit; font-size: 14px; text-align: center; line-height: 2.6rem;}
.zmui-rank .zmui-rank_head .head {height: 7rem; text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: nowrap; }
.zmui-rank .zmui-rank_head .head .child {height: 7rem; width: 28%; padding-top: 2.4rem;}
.zmui-rank .zmui-rank_head .head .child.gold {width: 44%; padding-top: 1.8rem; background: url(rank_icon_gold.png) no-repeat center 0.8rem; background-size: 9rem;}
.zmui-rank .zmui-rank_head .head .child.gold span {color: #fb3e27; font-size: 22px;}
.zmui-rank .zmui-rank_head .head .child.gold .text {height: 1.6rem; font-size: 0.7rem; line-height: 1.8rem;}
.zmui-rank .zmui-rank_head .head .child span {color: #fef31f;}
.zmui-rank .zmui-rank_head .head .child .text {color: inherit; font-size: 14px;}
.zmui-rank .zmui-rank_line {height: 1rem; padding: 0 0.5rem;}
.zmui-rank .zmui-rank_line .left {height: 1rem; width: 0.4rem; background: url(rank_line_left.jpg) no-repeat left; background-size: auto 100%; float: left;}
.zmui-rank .zmui-rank_line .right {height: 1rem; width: 0.4rem; background: url(rank_line_right.jpg) no-repeat right; background-size: auto 100%; float: right;}
.zmui-rank .zmui-rank_line .center {height: 1rem; background: url(rank_line_center.jpg) repeat-x 0.3rem 0; background-size: auto 100%;}
.zmui-rank .zmui-rank_list {height: auto; padding: 0 0.5rem; padding-bottom:1rem;}
.zmui-rank .zmui-rank_list .weui-cells {margin-top:0px;}
.zmui-rank .zmui-rank_list .weui-cell {padding: 5px 15px;}
.zmui-rank .zmui-rank_list .weui-cell__hd img {height: 30px;width: 30px;border-radius: 50%;}
.zmui-rank .zmui-rank_list .weui-cell__pm {height: 36px;width: 30px;line-height:36px;text-align: center;margin-right: 15px;}
.zmui-rank .zmui-rank_list .weui-cell__pm.pm-1 {background: url(rank_list_icon_1.png) no-repeat center; background-size: 100%;}
.zmui-rank .zmui-rank_list .weui-cell__pm.pm-2 {background: url(rank_list_icon_2.png) no-repeat center; background-size: 100%;}
.zmui-rank .zmui-rank_list .weui-cell__pm.pm-3 {background: url(rank_list_icon_3.png) no-repeat center; background-size: 100%;}
.weui-cell__pm.pm-1,.weui-cell__pm.pm-2,.weui-cell__pm.pm-3{color: rgba(255,0,0,0.0);}