.comment_fn{width:100%;height:100%;background-color:rgba(0,0,0,0.2);position:fixed;top:0;left:0;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;opacity:1;-webkit-transition:all 0.4s;transition:all 0.4s;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.comment_fn .comment_box{width:460px;height:405px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.comment_fn .comment_box .comment_header{position:relative}.comment_fn .comment_box .comment_header>h2{background-color:#f5f5f5;width:100%;height:40px;line-height:40px;text-align:center;font-size:18px;font-weight:bold;border-radius:10px 10px 0 0}.comment_fn .comment_box .comment_header>span{color:#fff;width:67px;height:40px;line-height:40px;text-align:center;background-color:#11194a;border-radius:0 10px 0 0;display:inline-block;position:absolute;top:0;right:0;z-index:10;font-size:14px;cursor:pointer}.comment_fn .comment_box .comment_body{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:30px 30px 0;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff}.comment_fn .comment_box .comment_body>div:nth-of-type(1){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-bottom:30px}.comment_fn .comment_box .comment_body>div:nth-of-type(1)>span{display:inline-block;margin-right:20px;font-size:14px;color:#333}.comment_fn .comment_box .comment_body>div:nth-of-type(1) i{display:inline-block;width:20px;height:20px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU3QjNFNUEzRDExNDExRTg5NkQ2RUVBREY2Q0UyRUIzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU3QjNFNUE0RDExNDExRTg5NkQ2RUVBREY2Q0UyRUIzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTdCM0U1QTFEMTE0MTFFODk2RDZFRUFERjZDRTJFQjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTdCM0U1QTJEMTE0MTFFODk2RDZFRUFERjZDRTJFQjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4sbS6zAAABz0lEQVR42qyTySvEYRjHh6RskbXJEskSLg6WLAfDwYWSJScHLrbC3BwclJMi/AOilIOTcOOkxJED2UpEU4MyjC3l8+iRn/Ezv7G89en7m3f5zvM87/PabAGM/r4+OzgD2RtsC2wMiC+mIX82xCQe6YZUqPuPCHshQr97rDYHWUQXhZxCtGE6b2Jycve3Efao2Tls6FzXjyPUumXAEiTqpVzAPHigEg6J9O6LIYc7JQ1IV5MMQ81kXEIaPMMJ2A1rLjgysCdtsA/jEObzZx7dNEgkXo28AxmFbAiFJKUM7qE1SDc6ND0xPQAHJmd+LktqXwQrEAuSej1n1t4uRT6QZk0rC2Y5FO6n9tKTc2p2A9Xq8XHLTCwjTWpapRdgFl0csg6Z4IYKzm6atg0Li0ib/qzjcKSJZy2kwDWUc2bHqg+vVN1svjVZd6l6Wd/3XTR77MWqW5piIyKttQfDemkykuUlYeqxirBU9ZEDUqsFqNE3LWb18KR7sgN5eu8RNkiN4AWm4RhiYEp7UEaOX0MikleSYJiS3iwgrXY0H4a0gW3fGfrWsER1G5wYrRo64AEZ4U9n0DHt21yrlKUd5HkVGs18WusUWuQ1ac9+Gq8CDAAInY0sB6kc7wAAAABJRU5ErkJggg==);background-position:center;background-repeat:no-repeat;background-size:cover;margin-right:10px;cursor:pointer}.comment_fn .comment_box .comment_body>div:nth-of-type(1) .graded{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRCOTlCQTU2RDExNDExRTg4RjFDRUJGNEZCRTJBOTE3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRCOTlCQTU3RDExNDExRTg4RjFDRUJGNEZCRTJBOTE3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEI5OUJBNTREMTE0MTFFODhGMUNFQkY0RkJFMkE5MTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEI5OUJBNTVEMTE0MTFFODhGMUNFQkY0RkJFMkE5MTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz490oZ1AAACKUlEQVR42qyUO0wbQRCG5/wAzsTiGSJikKAJCGigAESCIkGVglSASENBGl4F0NPRQgklQoIC0fGoIBEtRVIkikgsXgGLh4xMgn228Z59+fe8Rw4b8AWy0uc5ze78npmdOyIL6/NgYSkYs3LWRtbWKBiBqOPRghAphhkE5aDjf2Q4DHLF81Cmw1KG7NwwRyDP5K5pmA5sPzRDnlGe44mNcjzX7Rv45wxF3yrBKigpbneRI1ei02WFbwdBK9hBpkqaIIL7eRmgQohUmnpGdlmiigFUbJfo58xvUkMJc/wZ2DXxndfhBVNAvtGLLImc+TYqei2T5EwWUvLGReebEWKBOGlx3fVM0AIioEcSJbaJ8mRngY0879zkcN/TXo0oeqLSyVKI4lGNe3jpb9GCj3oUf4DpAoxdJOhsVSGNaXfqqUGcWVEMsUvQLjT+3jIcazCdXDRyqBoXkLbiEY1880Fiv/RenoNXiN26dWywsQzTq9ewwygRS88yvM/0DLEuwEvEfM00hwHjdvnFpC6769oXhpjXymA38p/s58lBDv2I0fFiiPzrYb3crEK7cc4j3qQb67avR7M+oIjzLQQp6lOT3gNM9LcYFbXK+p4Ymxfgk6UMFS8zxHjoLNhLXGnk3wgbYnxV3VsySuBvyVOTi89mHXrVB1sLxsUA3ymYWnKTsF/AGIQ+mCYgCjOBP52DnRRzW53pUsrAe1BvFksZrSPQjUf+drHU/T8CDAA2ucd+E3srpwAAAABJRU5ErkJggg==)}.comment_fn .comment_box .comment_body>div:nth-of-type(2){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:14px}.comment_fn .comment_box .comment_body>div:nth-of-type(2) .el-textarea{margin:10px 0}.comment_fn .comment_box .comment_body>div:nth-of-type(2) .el-textarea textarea{height:150px;resize:none;font-family:"Microsoft YaHei !important"}.comment_fn .comment_box .comment_body>div:nth-of-type(2) .el-textarea__inner:focus{border-color:#ccc !important}.comment_fn .comment_box .comment_footer{width:100%;background-color:#f5f5f5;border-radius:0 0 10px 10px}.comment_fn .comment_box .comment_footer>div{width:128px;height:37px;background:#ea5404;border-radius:6px;color:#fff;font-size:16px;line-height:37px;text-align:center;margin:12px auto;cursor:pointer}