.train-comment[data-v-fd302386]{width:100%;height:100vh;background:linear-gradient(180deg,#8bf,#4792fb);padding:5.333333vw 0}.train-comment .edit-input[data-v-fd302386]:empty:before{color:#d3d3d3;content:attr(placeholder)}.train-comment dd[data-v-fd302386],.train-comment dl[data-v-fd302386],.train-comment dt[data-v-fd302386],.train-comment h4[data-v-fd302386],.train-comment p[data-v-fd302386]{padding:0;margin:0}.train-comment .contents[data-v-fd302386]{width:90%;height:100%;background:#f4f7ff;border-radius:2.666667vw;margin:0 auto}.train-comment .contents header[data-v-fd302386]{width:100%;height:24vw;background-color:#fff;border-radius:2.666667vw;box-shadow:0 1.066667vw 3.2vw rgba(0,0,0,.05);padding:5.333333vw;display:flex;align-items:center}.train-comment .contents header img[data-v-fd302386]{width:17.066667vw;height:12.533333vw;margin-right:3.2vw}.train-comment .contents header h4[data-v-fd302386]{font-size:4.533333vw;color:#222;font-weight:400}.train-comment .contents section[data-v-fd302386]{padding:5.333333vw;height:calc(100% - 24vw);overflow-y:auto;padding-bottom:16vw}.train-comment .contents section dl[data-v-fd302386]{position:relative;padding-left:5.333333vw;margin-top:2.933333vw}.train-comment .contents section dl .round-blue[data-v-fd302386]{position:absolute;left:-1.12vw;top:0;width:2.933333vw;height:2.933333vw}.train-comment .contents section dl[data-v-fd302386]:after{content:"";position:absolute;left:0;top:0;width:.533333vw;height:100%;background:#1977f6;z-index:0;margin-top:2.933333vw}.train-comment .contents section dl dt[data-v-fd302386]{display:flex;align-items:center;justify-content:space-between}.train-comment .contents section dl dt div[data-v-fd302386]{display:flex;align-items:center}.train-comment .contents section dl dt img[data-v-fd302386]{width:6.666667vw;height:6.666667vw;margin-right:2.666667vw}.train-comment .contents section dl dt h4[data-v-fd302386]{font-size:3.733333vw;font-weight:500;color:#222}.train-comment .contents section dl dt p[data-v-fd302386]{font-size:2.933333vw;font-weight:400;color:#c1c2c3}.train-comment .contents section dl dd .comment[data-v-fd302386]:first-child{margin-top:2.666667vw}.train-comment .contents section dl dd h4[data-v-fd302386]{font-size:3.2vw;font-weight:500;color:#222;display:inline}.train-comment .contents section dl dd .comment[data-v-fd302386]{background:#e8f0fe;padding:1.333333vw;font-size:3.2vw;font-weight:400;color:#8f9cb5}.train-comment .contents section dl dd .comment .replay[data-v-fd302386]{display:inline}.train-comment .contents section dl dd .comment .repley-content[data-v-fd302386]{font-size:3.2vw;font-weight:400;color:#6ba8fd;margin-top:1.6vw;text-align:right}.train-comment .contents section dl dd .comment .head-title[data-v-fd302386]{display:flex;align-items:center;justify-content:space-between;padding-top:1.333333vw;border-top:1px solid #fff;margin-bottom:1.333333vw}.train-comment .contents section dl dd .comment .head-title img[data-v-fd302386]{width:5.333333vw;height:5.333333vw}.train-comment .contents section dl dd .comment .head-title div[data-v-fd302386]{display:flex;align-items:center}.train-comment .contents section dl dd .comment .head-title p[data-v-fd302386]{color:#c1c2c3}.train-comment .contents .replay-box[data-v-fd302386]{position:fixed;left:0;bottom:0;width:100%;height:13.333333vw;background-color:#f4f7ff;display:flex;justify-content:space- between;align-items:center;padding:0 5.333333vw}.train-comment .contents .replay-box.show[data-v-fd302386]{display:block}.train-comment .contents .replay-box .edit-input[data-v-fd302386]{width:80%;border:1px solid #ddd;outline:none;height:9.333333vw;border-radius:1.333333vw;font-size:3.733333vw;padding:1.333333vw;overflow-y:auto;-webkit-user-select:text}.train-comment .contents .replay-box .back[data-v-fd302386]{width:20%;height:100%;line-height:13.333333vw;text-align:center}.train-comment .user-list[data-v-fd302386]{position:absolute;left:2.666667vw;top:-26.666667vw;width:32vw;max-height:26.666667vw;background:#fff;list-style:none;flex:none;overflow-y:auto;border-radius:2.666667vw}.train-comment .user-list li[data-v-fd302386]{padding:1.066667vw;cursor:pointer}.train-comment .user-list li[data-v-fd302386]:hover{background-color:hsla(0,0%,86.7%,.4)}