html{font-size:20vw}@media screen and (max-width:320px){html{font-size:64px}}@media screen and (min-width:540px){html{font-size:108px}}body{max-width:540px;min-width:320px;font-size:.2rem}.mod_grid{position:relative}.mod_grid:after{content:"";position:absolute;z-index:0;pointer-events:none;background-color:#eee;height:1px;left:0;right:0;bottom:0}@media only screen and (-webkit-min-device-pixel-ratio:2){.mod_grid:after{-webkit-transform:scaleY(.5);-webkit-transform-origin:50% 0}}.mod_banner{position:relative;padding-top:14.2857142857%;height:0;overflow:hidden}.mod_banner img{width:100%;height:auto;position:absolute;left:0;top:0}.user-btn:active{opacity:.8;transform:scale(.95)}.hs-btn{width:13.3333333333vw;height:13.3333333333vw;border-radius:50%;font-size:3.7333333333vw;font-weight:450;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#54c48a}.pub-triangle{position:absolute;top:50%;right:2vw;width:0;height:0;transition:all .5s;transform:translateY(-25%);border-top:1.3333333333vw solid #4a4a4a}.pub-triangle,.pub-triangle-top{border-left:1.3333333333vw solid #fff;border-right:1.3333333333vw solid #fff;border-bottom:1.3333333333vw solid #fff}.pub-triangle-top{transform:rotate(180deg) translateY(75%);border-top:1.3333333333vw solid #dc0050}.ps{text-align:left;color:#999;font-size:3.2vw;padding:0 1.3333333333vw;margin-top:.6666666667vw;box-sizing:border-box}.text-overflow{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.u-text-center{display:flex;flex-direction:row;align-items:center;justify-content:space-between;justify-content:center}.ponent-header{background:#fff;padding:0 3.7vw}.ponent-header img{display:block}.ponent-header .ca_head_banner{width:100%}.ponent-header .ph_main{display:flex;align-items:center;justify-content:space-between}.ponent-header .vs_png{position:relative;display:flex;justify-content:center}.ponent-header .vs_png>img{width:10.7vw}.ponent-header .vs_png .draw_png{width:14.7vw;position:absolute;bottom:-90%}.ponent-header .ph_coach{width:34.7vw;height:48vw;box-sizing:border-box;padding-top:2vw;box-shadow:0 .5vw 1.1vw 0 rgba(0,0,0,.1);border-radius:1.6vw;background:#f7f7f7;color:#000;display:flex;flex-direction:column;justify-content:space-around;align-items:center;font-size:3.2vw;position:relative}.ponent-header .ph_coach .pc_coach{width:12.8vw;height:12.8vw;border-radius:50%;display:block}.ponent-header .ph_coach .win_png{position:absolute;width:7.7vw;top:4vw;right:1.7vw}.ponent-header .ph_coach .pc_name{font-weight:700;font-size:3.7vw}.ponent-header .ph_coach .pc_member{padding:.8vw 1.8vw;background:#fff;color:#000;font-weight:700;border-radius:1.1vw;border:.3vw solid #f1f1f1}.ponent-header .ph_coach .star_level{font-size:2.9vw;display:flex;justify-content:center;align-items:center}.ponent-header .ph_coach .star_level .sl_line{height:3vw;width:.25vw;background:#dbdbdb;margin:0 2vw}.ponent-header .ph_coach .pc_random{padding:2vw 4vw;font-size:4vw;background:#dc0050;color:#fff;border-radius:2.7vw}.ponent-header .ph_coach .pc_change{position:absolute;bottom:-8.8vw;color:#000;padding:1vw 2.1vw;font-size:3.2vw;background-color:#fff;border-radius:2.7vw;border:.3vw solid #f1f1f1;display:flex;align-items:center}.ponent-header .ph_coach .pc_change>div{margin-left:1.3vw}.ponent-header .ph_coach .times_out{position:absolute;bottom:-7.8vw;color:rgba(0,0,0,.5);font-size:3.2vw}.ponent-header .ph_win{background:#dc0050;color:#fff}.ponent-header .ph_lose{background:#4a90e2;color:#fff}.ponent-header .ph_is_none{padding:2vw 4.3vw 0;justify-content:center}.ponent-header .ph_is_none .pc_info{margin-top:3vw;line-height:5.3vw}