﻿.location { width: 1160px; margin: 20px auto 0; }

.label_warp { overflow: hidden; position: relative; max-height: 96px; margin: 20px; }
.label_warp .item { width: 100%; overflow: hidden; float: left; }
.label_warp .label_left { font-size: 16px; font-weight: 700; line-height: 32px; color: #323232; width: 100px; float: left; }
.label_warp .label_lis { width: 1060px; line-height: 32px; overflow: hidden; }
.label_warp .label_lis a { background: #ececec; border-radius: 4px; display: block; float: left; padding: 0 18px; color: #323232; font-size: 12px; line-height: 32px; margin: 0 16px 16px 0; }
.label_warp .label_lis a.on, .label_warp .label_lis a:hover { color: #ffd100; background: #333; }

.label_warp.on { max-height: initial; }

.label_more_btn { margin: -20px auto 0; width: 37px; height: 34px; background: url("../images/icon_mor.png") no-repeat; background-size: 100%; cursor: pointer; }

.label_more_btn.on { transform: rotate(180deg); }

.content { background: #fff; }

.phb_item { margin: 20px; }

.phb_item .list li { border-top: 1px solid #e8e8e8; margin: 30px 0 0; padding: 30px 20px 0 0; position: relative; }

.phb_item .list .y-card0h { display: block; }

.phb_item .list .rank { color: #323232; display: inline-block; font-size: 26px; text-align: center; width: 60px; vertical-align: middle; }

.phb_item .list .ic-g { height: 114px; width: 114px; display: inline-block; vertical-align: middle; }

.phb_item .list .y-card0h-infobox { margin: 0 0 0 40px; max-width: 750px; display: inline-block; vertical-align: middle; }

.phb_item .list .y-card0h-infobox .high-layer { color: #323232; font-size: 22px; }

.phb_item .list .y-card0h-infobox .middle-layer { color: #989898; margin: 14px 0 0; }

.phb_item .list .y-card0h-infobox .middle-layer span { font-size: 16px; }

.phb_item .list .y-card0h-infobox .middle-layer span:nth-child(n+2) { margin: 0 0 0 20px; }

.phb_item .list .y-card0h-infobox .low-layer { color: #323232; font-size: 14px; line-height: 20px; margin: 14px 0 0; }

.phb_item .list .downl_btn { width: 66px; height: 26px; float: right; border-radius: 3px; background: #22c485; text-align: center; color: #fff; line-height: 26px; font-size: 14px; margin-top: 62px; }

.ic-medal1 { background-image: url(../images/phb_1.jpg); }

.ic-medal1, .ic-medal2 { width: 40px; height: 60px; }

.ic-medal2 { background-image: url(../images/phb_2.jpg); }

.ic-medal3 { width: 40px; height: 60px; background-image: url(../images/phb_3.jpg); }

.phb_item .list .rank span { display: block; background-size: 100%; }

/*# sourceMappingURL=phb.css.map */
