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-details{padding:3.5vw;background-color:#fff;border-radius:1.6vw;color:#000}.ponent-details .pd_user{display:flex;align-items:center}.ponent-details .pd_user .user_img{margin-right:2.4vw;display:block;width:12.8vw;height:12.8vw;border-radius:50%}.ponent-details .pd_user .user_info .ui_up{display:flex;align-items:center}.ponent-details .pd_user .user_info .ui_up .uu_name{margin-right:4.3vw;font-size:5.3vw}.ponent-details .pd_user .user_info .ui_up .uu_line{margin:0 2vw;height:2.4vw;width:.3vw;background:#f1f1f1}.ponent-details .pd_user .user_info .ui_up .uu_sub{font-size:3.2vw}.ponent-details .pd_user .user_info .ui_down{margin-top:1.1vw;display:flex;align-items:center;font-size:3.2vw}.ponent-details .pd_user .user_info .ui_down .ud_item+.ud_item{margin-left:2.1vw}.ponent-details .pd_user .user_info .ui_down .ud_item{padding:.2vw 2vw;background-color:#f7f7f7;border-radius:.5vw;border:.3vw solid #f1f1f1;display:flex;align-items:center}.ponent-details .pd_user .user_info .ui_down .ud_item>svg{margin-top:.5vw;margin-right:1vw}.ponent-details .pd_lesson{margin-top:3.7vw;display:flex;justify-content:space-between;align-items:center;font-size:3.2vw;line-height:3.2vw}.ponent-details .pd_lesson .pd_l_line{width:.3vw;height:2.4vw;background:#ddd}.ponent-details .pd_lesson .pd_l_line_mid{width:.3vw;height:2.4vw;background:#999}.ponent-details .pd_info{margin-top:4vw;border-radius:1.1vw;border:.3vw solid #f1f1f1;padding:2.7vw 4vw;box-sizing:border-box;text-align:left}.ponent-details .pd_info .to_other{text-decoration:underline;color:#409eff}.ponent-details .pd_info .pd_i_header{margin-bottom:1.3vw;font-size:4vw;color:rgba(0,0,0,.5)}.ponent-details .pd_info .is_collape{margin-top:2vw;display:flex;justify-content:center;align-items:center;font-size:3.2vw;color:#000}.ponent-details .pd_info .is_collape>div{margin-left:2.7vw;width:6.4vw;height:6.4vw;box-sizing:border-box;border:.3vw solid #ddd;border-radius:50%;display:flex;justify-content:center;align-items:center}.ponent-details .pd_info .is_collape>div i{font-size:1.2vw}.ponent-details .pd_info .is_collape>div .is_more{transform:rotate(180deg)}.ponent-details .pd_info .pd_i_wrap+.pd_i_wrap{border-top:.3vw solid #f1f1f1}.ponent-details .pd_info .pd_i_wrap{padding:2.9vw 0}.ponent-details .pd_info .pd_i_wrap .pd_iw_title{font-size:3.7vw;color:#000;display:flex;align-items:center}.ponent-details .pd_info .pd_i_wrap .pd_iw_title .pd_iw_line{margin:0 2vw;height:2.4vw;width:.3vw;background:#f1f1f1}.ponent-details .pd_info .pd_i_wrap .pd_iw_title .pd_iw_flag{margin-left:2.7vw;padding:.1vw 1.8vw;border-radius:1.1vw;font-size:3.2vw;display:flex;justify-content:center;align-items:center}.ponent-details .pd_info .pd_i_wrap .pd_iw_title .pink_color{background-color:#fff6dd;color:#bd8845}.ponent-details .pd_info .pd_i_wrap .pd_iw_title .pink_color>i{font-size:3.2vw;margin-right:2.4vw;margin-top:.5vw;color:#bd8845}.ponent-details .pd_info .pd_i_wrap .pd_iw_title .yellow_color{background-color:#ffefdd;color:#c98253}.ponent-details .pd_info .pd_i_wrap .pd_iw_title .red_color{background-color:#ffeaf1;color:#dc0050}.ponent-details .pd_info .pd_i_wrap .pd_iw_title .blue_color{background-color:#ddf1ff;color:#0091ff}.ponent-details .pd_info .pd_i_wrap .pd_iw_title .green_color{background-color:#eaffed;color:#579a0f}.ponent-details .pd_info .pd_i_wrap .pd_iw_info{margin-top:2.1vw;font-size:3.3vw;color:rgba(0,0,0,.5);display:flex;align-items:center}.ponent-details .pd_info .pd_i_wrap .pd_iw_info .pd_iwi_line{margin:0 2vw;height:2.4vw;width:.3vw;background:#f1f1f1}.ponent-details .pd_discuss{margin-top:2.7vw;display:flex;justify-content:space-between;align-items:center;color:#000;font-size:3.7vw}.ponent-details .pd_discuss .pd_d_btn{width:30.7vw;height:8.8vw;background-color:#fff;border-radius:1.1vw;border:.3vw solid #e7e7e7;box-sizing:border-box;display:flex;justify-content:center;align-items:center}