.message-box-sure .el-dialog__body{padding-top:0;padding-bottom:0}.MessBoxSure-border{border:none;height:1px;background:#f3f3f3;width:100%}.MessBoxSure-header-row{background:#fff;border-radius:5px;margin:20px 0}.MessBoxSure-header-div{font-size:14px;color:#152c2c;letter-spacing:0;text-align:center;white-space:pre-wrap;word-break:normal}.MessBoxSure-bottom-row{background:#fff;border-radius:5px;padding-bottom:20px}.MessBoxSure-bottom-div{text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.MessBoxSure-bottom-sure{width:87px}.subHeader__div{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#0bb13f;height:56px;line-height:56px}.subHeader__div,.subHeader__div .el-menu{display:-webkit-box;display:-ms-flexbox;display:flex}.subHeader__div .el-menu{border-bottom:none}.subHeader__div .el-menu .el-menu-item{font-size:16px;padding:0 16px;height:54px;line-height:54px;border-bottom:none;background-color:#0bb13f!important}.subHeader__div .el-menu .el-menu-item.is-active{border-bottom:0;color:#fff;font-weight:bolder}.subHeader__div .subHeader__menu{margin:0 auto}.subHeader__div .subHeader__backIcon{position:absolute;left:30px;-webkit-filter:grayscale(100%);filter:grayscale(100%);top:50%;margin-top:-10px}.subHeader__div img.subHeader__backIcon:hover{-webkit-filter:none;filter:none;cursor:pointer}.subHeader__div .subHeader__title{color:#fff;font-size:16px;position:absolute;left:70px;top:50%;margin-top:-28px}.subHeader__div .subHeader__title .ClassRing__teacherInfo--contentImg{display:inline-block;border-radius:50%;width:28px;height:28px;margin-right:10px;background-repeat:no-repeat;background-position:50%;background-size:cover}.subHeader__div .subHeader__right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;right:20px;top:30%}.subHeader__div img.subHeader__userNotice:hover{cursor:pointer}.role-tooltip{font-size:12px;color:#fff;background:#5f6c65!important;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.3);box-shadow:0 1px 2px 0 rgba(0,0,0,.3);padding:4px 12px}.el-tooltip__popper[x-placement^=bottom] .popper__arrow,.el-tooltip__popper[x-placement^=bottom] .popper__arrow:after{border-bottom-color:#5f6c65!important}.el-tooltip__popper[x-placement^=top] .popper__arrow,.el-tooltip__popper[x-placement^=top] .popper__arrow:after{border-top-color:#5f6c65!important}.ClassRing__teacherInfo--contentImg{display:inline-block;border-radius:50%;width:28px;height:28px;margin-right:10px;background-repeat:no-repeat;background-position:50%;background-size:cover}.ClassRing{width:100%}.ClassRing .ClassRing__publish{background:#e5e5e5;width:100%;min-height:238px}.ClassRing .ClassRing__publish .ClassRing__publish--content{width:950px;min-height:238px;margin:0 auto}.ClassRing .ClassRing__publish .ClassRing__publish--content .ClassRing__publish--contentInput{margin-top:15px}.ClassRing .ClassRing__publish .ClassRing__publish--content .ClassRing__publish--contentInput .el-textarea__inner{height:150px}.ClassRing .ClassRing__publish .ClassRing__publish--content .ClassRing__publish--contentBottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:15px}.ClassRing .ClassRing__publish .ClassRing__publish--content .ClassRing__publish--contentBottom .ClassRing__publish--contentBottomLeft{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ClassRing .ClassRing__publish .ClassRing__publish--content .ClassRing__publish--contentBottom .ClassRing__publish--contentBottomLeft .ClassRing__publish--uploadPic{height:38px}.ClassRing .ClassRing__publish .ClassRing__publish--content .ClassRing__publish--contentBottom .ClassRing__publish--contentBottomLeft .ClassRing__publish--uploadPic .ClassRing__publish--contentPicture{display:inline-block;width:60px;height:36px;text-align:right;line-height:36px;cursor:pointer;font-size:14px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAWCAYAAAAvg9c4AAAAAXNSR0IArs4c6QAAAeJJREFUOBHtkz9Im0EUwN+75Is4dLFCBQdTuhRcpIUitGjFTSJ0ypovaj5r/WoEwcWKwYo4teSPkPazxOjk4KQuCrq7dKqUTl1KKZS2dLE0uXt9J5z5yGfAgEMHD45379+Pd+/uAVyvq+4AamDCTdFVgcsFD8MGhgJfIopjozcridQDUjSv82pQBpayxd1mYSY+mX4KBPJMPYcap+2mcoA4bIWtmPd69YOxNyNFfTAhxIgoWpF/79X7LqsHKhUgYiTU/Whb51YjiO06d0MoWt/li+8viglAS/k3Jxyo99kaS6dvrWWz34xuTz/rAVnZlyA/sq3P2P0ycH2/055yMlV1umNs9vOJXgYe8Yts877DFT8xPr9sCGXgIhFM8ge+rZNHppwBInmAIHLrBW8CMDQHCCuZTCZw2wuhSddZAgWpSNh6jIjz/HhZSbDHkDluz4KuKnqzYwOITj9//+L4q9TnADThji8rpIQVsfr1lxp6NOgh0Q9EGi/n3+YMgCtUCKEZAlwYmZ29YewB6OjMZBcA/bKopc97tfpJB8TjcRlpx4frOW/Tn6jPpULxkKfwBf75zXm1dd4PPWaqyqWHxImEajdPSLcJq/wE0BPTYH1V3A2db/w1KM+tGTPjvJb/Twf+AY6Wo5RKbK+8AAAAAElFTkSuQmCC) no-repeat 0}.ClassRing .ClassRing__publish .ClassRing__publish--content .ClassRing__publish--contentBottom .ClassRing__publish--contentBottomLeft .ClassRing__publish--uploadPic .ClassRing__publish--contentPicture:hover{color:#0ed04b;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAWCAYAAAAvg9c4AAAAAXNSR0IArs4c6QAAAedJREFUOBHtk79LHFEQx2fe3UlE1M0PtEihIU3g0FsUJBAwprG53UP8B1KZENIEUqp4mCC2udZOqyAhxPWaBGIvaLxTD/EfCEq4rDZi1p3xPeOc610CLli6zex8Z74f3pvdAbh5rnsCaIBtG1m+LvChXcSkwJRS75BgVfK4kRUMENGk8dWgBvjb9pbjwqT/9oYrrxdQUaxytsAEbiKlnGra2xY9TlT1zczo6AF3UwB99bWr5rXriyGRTDgUUP/91K2Pvoh18W7ZfRQSNvv20o+60lnaAK2mv1R0pSLAjs1c537P0p6Yre0ROwiCr4C4o7VB0aOx4frRolVy8scheaLdKbmPOThZQcRPwPDQKrsjUovG/0K1YZoYXuv5PjBmayv3LAT+hooLB5nlV0rhODHPDnG+4bb/hLaXsu+JaSyZwiG9HZPM/IFPqIiA435vccqc6k1P/zwyH62X115ET2neG6DtJWdG68+buOmp+aWGM81zwFzVwJd+xisIII95AlRvAXjq3k6uVXQTL0GtymgXIOhvpAZ/2Z93TcMiLoYtHeqJb3sLJo8+BxnvOyJMhMdhV1SvzcOsGf4JNBPN10/rDUlL49E+QHRjRD+LBD8BsNv4gf5WalDZ20uGOMk5MI7lpvfqEzgFfGakKpxj2aAAAAAASUVORK5CYII=) no-repeat 0}.ClassRing .ClassRing__publish .ClassRing__publish--content .ClassRing__publish--contentBottom .ClassRing__publish--contentBottomLeft .ClassRing__publish--uploadPic .ClassRing__publish--contentPictureDisabled{color:#000}.ClassRing .ClassRing__publish .ClassRing__publish--content .ClassRing__publish--contentBottom .ClassRing__publish--contentBottomLeft .ClassRing__publish--uploadPic .ClassRing__publish--contentPictureDisabled:hover{color:#000;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAWCAYAAAAvg9c4AAAAAXNSR0IArs4c6QAAAeJJREFUOBHtkz9Im0EUwN+75Is4dLFCBQdTuhRcpIUitGjFTSJ0ypovaj5r/WoEwcWKwYo4teSPkPazxOjk4KQuCrq7dKqUTl1KKZS2dLE0uXt9J5z5yGfAgEMHD45379+Pd+/uAVyvq+4AamDCTdFVgcsFD8MGhgJfIopjozcridQDUjSv82pQBpayxd1mYSY+mX4KBPJMPYcap+2mcoA4bIWtmPd69YOxNyNFfTAhxIgoWpF/79X7LqsHKhUgYiTU/Whb51YjiO06d0MoWt/li+8viglAS/k3Jxyo99kaS6dvrWWz34xuTz/rAVnZlyA/sq3P2P0ycH2/055yMlV1umNs9vOJXgYe8Yts877DFT8xPr9sCGXgIhFM8ge+rZNHppwBInmAIHLrBW8CMDQHCCuZTCZw2wuhSddZAgWpSNh6jIjz/HhZSbDHkDluz4KuKnqzYwOITj9//+L4q9TnADThji8rpIQVsfr1lxp6NOgh0Q9EGi/n3+YMgCtUCKEZAlwYmZ29YewB6OjMZBcA/bKopc97tfpJB8TjcRlpx4frOW/Tn6jPpULxkKfwBf75zXm1dd4PPWaqyqWHxImEajdPSLcJq/wE0BPTYH1V3A2db/w1KM+tGTPjvJb/Twf+AY6Wo5RKbK+8AAAAAElFTkSuQmCC) no-repeat 0}.ClassRing .ClassRing__publish .ClassRing__publish--content .ClassRing__publish--contentBottom .ClassRing__publish--contentBottomLeft .ClassRing__publish--uploadVideo{height:38px}.ClassRing .ClassRing__publish .ClassRing__publish--content .ClassRing__publish--contentBottom .ClassRing__publish--contentBottomLeft .ClassRing__publish--uploadVideo .ClassRing__publish--contentVideo{display:inline-block;margin:0 30px 0 30px;width:60px;height:36px;font-size:14px;cursor:pointer;line-height:36px;text-align:right;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAWCAYAAAAvg9c4AAAAAXNSR0IArs4c6QAAAPpJREFUOBFjYBgF1A4BRpCB8Tmp/6ll8MIpsxlZYIYxMjE2MzIynYLxSaX///9n9v/f/1qQPoShQAPnT5yxhVTDYOoT8zMY/jP8BXOZYIL46KTCdBN88uhyRBn678//k4m5aROTysp40Q3AxifK0P///zP9+/8/7+/399eS8jICsRmELEaUoTANjP8Z/zMw/oUEHEwQC02soX8ZmBj7uURYtOZNnL0JizkoQvDYRxFF4zCxMJrNnzDrHJowTi5RLiXFQJBNGC4lJ3eBchGyszEMBeYqP2QF5LDhhoKyGShXAAHJ5QBQnw9IP8wBCEOB+RaWzWCSo/TgCQEABOdIRhGvLvQAAAAASUVORK5CYII=) no-repeat 0}.ClassRing .ClassRing__publish .ClassRing__publish--content .ClassRing__publish--contentBottom .ClassRing__publish--contentBottomLeft .ClassRing__publish--uploadVideo .ClassRing__publish--contentVideo:hover{color:#0ed04b;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAWCAYAAAAvg9c4AAAAAXNSR0IArs4c6QAAAP1JREFUOBFjYBgF1A4BRpCBfBe8/1PL4E8GWxlZYIYxMTE1M/5jOAXjk0r/Z2Iw+/fvXy1IH9xQkIHvDTZvIdUwmHrBC74wJgMTnIWHwX/ZzwSPNIYUUYb+//fvJN9Fn4kiN/x4MUzAIkCUoQz/gSH2/3/e759/rwlc9gnEYg6KEHGGwrUw/mf49/8vnIuDQaShjCCD+tlYOLU+6G/dhMMsuDA89uEiWBiMjIxmH/W3nMMihVWIKJd+1N9MtIEgWzBcSk7uAuUiZCdjGMrMyOiHrIAcNtxQUDYD54r/DCSXA0B9PiD9DP8gToAbCsu35LgMrAdqINn6RzXiDQEAtydBJY8M/6IAAAAASUVORK5CYII=) no-repeat 0}.ClassRing .ClassRing__publish .ClassRing__publish--content .ClassRing__publish--contentBottom .ClassRing__publish--contentBottomLeft .ClassRing__publish--uploadVideo .ClassRing__publish--contentVideoDisabled{color:#000}.ClassRing .ClassRing__publish .ClassRing__publish--content .ClassRing__publish--contentBottom .ClassRing__publish--contentBottomLeft .ClassRing__publish--uploadVideo .ClassRing__publish--contentVideoDisabled:hover{color:#000;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAWCAYAAAAvg9c4AAAAAXNSR0IArs4c6QAAAPpJREFUOBFjYBgF1A4BRpCB8Tmp/6ll8MIpsxlZYIYxMjE2MzIynYLxSaX///9n9v/f/1qQPoShQAPnT5yxhVTDYOoT8zMY/jP8BXOZYIL46KTCdBN88uhyRBn678//k4m5aROTysp40Q3AxifK0P///zP9+/8/7+/399eS8jICsRmELEaUoTANjP8Z/zMw/oUEHEwQC02soX8ZmBj7uURYtOZNnL0JizkoQvDYRxFF4zCxMJrNnzDrHJowTi5RLiXFQJBNGC4lJ3eBchGyszEMBeYqP2QF5LDhhoKyGShXAAHJ5QBQnw9IP8wBCEOB+RaWzWCSo/TgCQEABOdIRhGvLvQAAAAASUVORK5CYII=) no-repeat 0}.ClassRing .ClassRing__publish .ClassRing__publish--content .ClassRing__publish--contentBottom .ClassRing__publish--contentBottomLeft .ClassRing__publish--uploadAudio{height:38px}.ClassRing .ClassRing__publish .ClassRing__publish--content .ClassRing__publish--contentBottom .ClassRing__publish--contentBottomLeft .ClassRing__publish--uploadAudio .ClassRing__publish--contentAudio{display:inline-block;width:60px;height:36px;font-size:14px;line-height:36px;text-align:right;cursor:pointer;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAWCAYAAAAvg9c4AAAAAXNSR0IArs4c6QAAAj5JREFUOBHFVE1oU0EQntlsY1VEqR6EmkNFQUUPCkWqePAcBMGDFrRNgzaij0A85CwIPfRgILaV9pAGPNgeBEE9e1DUILSXICKiYCz0oqWo+JOXHWeCC326+6QFcWGZN9/3zbe78/Y9gH8w8G+e2WJxk/m2fIx1e3i+VJ2bH1VGRz/F1cWaZvPDx1sGbgFQN5u0eCYAcCGh4FylPPXQZ6x8xPkg6DEG7gPCK60SB3q2dSclSi648L5a7SNC/H4NCBe79MZ0qVT6+ktXLxQK6aXml3qbBzjrqvfulA37uDe3Vxi26yUXXHiXoWBeUwLaaQDfugoFF97FxZoKiWjIVejDrda7UytYS4w1JVLOK+fD7QYippngwvxgkBsREgHfKCDntRFceNGJXurk2Y6IKTdxAZH62yTSU25oP1+h9VYsUXLBgXnJ23quk2c7IscbCnKnDZgZRHVKU8d8CD/qhFDTqPKpru0vGh8X94VkykhwWENyf4jNg0TmjgJ1ZnpsctZpSkSYyececNERUNjLx9zh+0z5Wr0HQ8950SfV8mQaecvWNHJ8IdYlYYDZz2So1gLcndiwZS8qleZZlCi54MKLTvQrDcU4cny70tCVSylqhuO88xP8QhrcvzmOr/nC7+Iv6RDHFBvdww59efr6RMPW2eg0tWQmGD7Jy2aBe8hGW9n4A+c1zivVsam7Vvd7jDW14sHg4lH+8z1G1H3VGzefWdwXIz31iVaL/z9TlVTvuJ9XOzX98VJWe4o1638C+rDPpi9R1n8AAAAASUVORK5CYII=) no-repeat 0}.ClassRing .ClassRing__publish .ClassRing__publish--content .ClassRing__publish--contentBottom .ClassRing__publish--contentBottomLeft .ClassRing__publish--uploadAudio .ClassRing__publish--contentAudio:hover{color:#0ed04b;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAWCAYAAAAvg9c4AAAAAXNSR0IArs4c6QAAAkBJREFUOBHFk01oU0EQx2f2pSEWy4vVm82holAlTatYShUPnvOhIKIB9eBVUPDguSfvCr32olBFBG3i2UOLthRsGoMUEQumvWlIqSikeTvO1OzjPe0+iSC+y+zM/Of3dnZnAf7Bh39iHlgt9HktfYY0DKGCVSeu5j4PzW5F1UVCk7XCWWrrBwR0EAA9AHIQcANj6mozPfvSBla2hLuSH2RgmUHvmTR8e+RkXKz4Epe8rda602Ql95CQJvr6e9PrqSffDWCgfnHPVuNbDQlfN0fLV0w8aK07FSALZ4JAKez4M518kOWv7VCCQwBqzVeGFmqNdvKhoO9YoaJA0uQrAwtb3EgioUbUrY2EEqpdL9IWNz8PQd1Kdtldyd2VJCJ8BNCWsdGDP/MAopc6AxQbgvIBbgBRURIyMmyKMkLim6/jFzt5Hlsq7tQZAdtQe24ld4lfzyMFzgUemWUuqHHVIh/CzVuZsXf3qkvH+Oruc9k4t5Jm8HEN3lN+ZZc3R8uPDTcEJSJ0q/kXSHQqHsexba0GbM+0R+n1VouWCPHVZqaURUR/UkLtS2JvAq/xTr62tmmRtHekJ6GOOgqzLLwjVnyJS150og8CZbehnZrt9789l2prb4rbz3NBnY/kDYL6QKAPc6snuKMUt1+KKedGY/h53dQZuyvUJJPV/HlNdJ39cf7BfgZ94TWfMU43M6VnRverjYQa8b5a4bTX9uZjqCYaI6UFE7fZ0JnaRN3G/x+U5/ETn+ckJui3S+m2i7/W/wBOlOM4dujNnQAAAABJRU5ErkJggg==) no-repeat 0}.ClassRing .ClassRing__publish .ClassRing__publish--content .ClassRing__publish--contentBottom .ClassRing__publish--contentBottomLeft .ClassRing__publish--contentAudioDisabled{display:inline-block;width:60px;height:38px;font-size:14px;line-height:38px;text-align:right;cursor:pointer;color:#000;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAWCAYAAAAvg9c4AAAAAXNSR0IArs4c6QAAAj5JREFUOBHFVE1oU0EQntlsY1VEqR6EmkNFQUUPCkWqePAcBMGDFrRNgzaij0A85CwIPfRgILaV9pAGPNgeBEE9e1DUILSXICKiYCz0oqWo+JOXHWeCC326+6QFcWGZN9/3zbe78/Y9gH8w8G+e2WJxk/m2fIx1e3i+VJ2bH1VGRz/F1cWaZvPDx1sGbgFQN5u0eCYAcCGh4FylPPXQZ6x8xPkg6DEG7gPCK60SB3q2dSclSi648L5a7SNC/H4NCBe79MZ0qVT6+ktXLxQK6aXml3qbBzjrqvfulA37uDe3Vxi26yUXXHiXoWBeUwLaaQDfugoFF97FxZoKiWjIVejDrda7UytYS4w1JVLOK+fD7QYippngwvxgkBsREgHfKCDntRFceNGJXurk2Y6IKTdxAZH62yTSU25oP1+h9VYsUXLBgXnJ23quk2c7IscbCnKnDZgZRHVKU8d8CD/qhFDTqPKpru0vGh8X94VkykhwWENyf4jNg0TmjgJ1ZnpsctZpSkSYyececNERUNjLx9zh+0z5Wr0HQ8950SfV8mQaecvWNHJ8IdYlYYDZz2So1gLcndiwZS8qleZZlCi54MKLTvQrDcU4cny70tCVSylqhuO88xP8QhrcvzmOr/nC7+Iv6RDHFBvdww59efr6RMPW2eg0tWQmGD7Jy2aBe8hGW9n4A+c1zivVsam7Vvd7jDW14sHg4lH+8z1G1H3VGzefWdwXIz31iVaL/z9TlVTvuJ9XOzX98VJWe4o1638C+rDPpi9R1n8AAAAASUVORK5CYII=) no-repeat 0}.ClassRing .ClassRing__publish .ClassRing__publish--content .ClassRing__publish--contentBottom .ClassRing__publish--contentBottomLeftDisabled{pointer-events:none}.ClassRing .ClassRing__publish .ClassRing__publish--content .ClassRing__publish--contentBottom .ClassRing__publish--picture{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ClassRing .ClassRing__publish .ClassRing__publish--content .ClassRing__publish--contentBottom .ClassRing__publish--picture .ClassRing__publish--pictureShow{width:70px;height:70px;margin-right:12px;display:inline-block;background-repeat:no-repeat;background-position:50%;background-size:cover;position:relative}.ClassRing .ClassRing__publish .ClassRing__publish--content .ClassRing__publish--contentBottom .ClassRing__publish--picture .ClassRing__publish--pictureShow .ClassRing__publish--pictureShowImg{position:absolute;top:-5px;right:-5px}.ClassRing .ClassRing__publish .ClassRing__publish--content .ClassRing__publish--contentBottom .ClassRing__publish--picture .ClassRing__publish--uploadPicture{height:74px}.ClassRing .ClassRing__publish .ClassRing__publish--content .ClassRing__publish--contentBottom .ClassRing__publish--picture .ClassRing__publish--uploadPicture .el-upload--picture-card{width:70px;height:70px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ClassRing .ClassRing__publish .ClassRing__publish--content .ClassRing__publish--contentBottom .ClassRing__publish--video{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#5f6c65}.ClassRing .ClassRing__publish .ClassRing__publish--content .ClassRing__publish--contentBottom .ClassRing__publish--video img{margin-left:10px}.ClassRing .ClassRing__publish .ClassRing__publish--content .ClassRing__publish--contentBottom .ClassRing__publish--audio{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#5f6c65}.ClassRing .ClassRing__publish .ClassRing__publish--content .ClassRing__publish--contentBottom .ClassRing__publish--audio img{margin-left:10px}.ClassRing .ClassRing__publish .ClassRing__publish--content .ClassRing__publish--contentBottom .ClassRing__publish--contentBottomRightPunch{width:100px;height:36px;line-height:1.15;background:#fff;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:14px;color:#5f6c65;border:1px solid #ccc;border-radius:1px;padding-left:0;padding-right:0}.ClassRing .ClassRing__publish .ClassRing__publish--content .ClassRing__publish--contentBottom .ClassRing__publish--contentBottomRightPunch span{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ClassRing .ClassRing__publish .ClassRing__publish--content .ClassRing__publish--contentBottom .ClassRing__publish--contentBottomRight{width:87px;height:36px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:14px;color:#fff;border-radius:1px}.ClassRing .ClassRing__publish .ClassRing__publish--content .ClassRing__publish--contentBottom .ClassRing__publish--btDisabled{width:87px;height:36px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:14px;color:#969c99;border-radius:1px;background:#000;opacity:.08;border:none;margin-left:10px}.ClassRing .ClassRing__content{width:100%;background:#f3f3f3}.ClassRing .ClassRing__content .ClassRing__content--details{width:1000px;margin:0 auto;background:#fff;border-radius:5px;margin-top:20px}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg{width:950px;margin:0 auto;padding-bottom:20px}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--detailsMsgTop{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-top:20px}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--detailsMsgTop .ClassRing__content--detailsMsgTopImg{display:inline-block;border-radius:50%;width:70px;height:70px;margin-right:20px;background-repeat:no-repeat;background-position:50%;background-size:cover}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--detailsMsgTop .ClassRing__content--detailsMsgTopName{width:860px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:16px}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--detailsMsgTop .ClassRing__content--detailsMsgTopName .ClassRing__content--detailsMsgTopUserName{color:#5f6c65}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--detailsMsgTop .ClassRing__content--detailsMsgTopName .ClassRing__content--detailsMsgTopContent{color:#152c2c;margin-top:10px;word-break:break-all}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--detailsMsgMid{margin-left:90px;width:632px}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--detailsMsgMid .ClassRing__content--detailsMsgMidOneImg{width:400px;height:400px;display:inline-block;background-repeat:no-repeat;background-position:50%;background-size:cover}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--detailsMsgMid .ClassRing__content--detailsMsgMidTwoImg{width:250px;height:250px;display:inline-block;margin-right:5px;background-repeat:no-repeat;background-position:50%;background-size:cover}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--detailsMsgMid .ClassRing__content--detailsMsgMidThreeImg{width:200px;height:200px;display:inline-block;margin:0 5px 5px 0;background-repeat:no-repeat;background-position:50%;background-size:cover}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--detailsMsgMid .ClassRing__content--detailsMsgMidVideo{width:632px;height:370px;display:inline-block}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--detailsMsgMid .ClassRing__content--detailsMsgMidAudio .audio-wrapper{margin:10px 0 10px 15px;background:#f3f3f3;border-radius:15px;width:632px;height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--detailsMsgMid .ClassRing__content--detailsMsgMidAudio .audio-wrapper .audio-right{width:570px;height:8px;background:#ddd;margin-left:10px;margin-right:10px;border-radius:5px}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--detailsMsgMid .ClassRing__content--detailsMsgMidAudio .progress-bar-bg{background-color:#d9d9d9;position:relative;height:8px;cursor:pointer}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--detailsMsgMid .ClassRing__content--detailsMsgMidAudio .progress-bar{background-color:#0ed04b;width:0;height:8px}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--detailsMsgMid .ClassRing__content--detailsMsgMidAudio .progress-bar-bg span{content:" ";width:10px;height:10px;background-color:#0ed04b;position:absolute;left:0;top:50%;margin-top:-5px;cursor:pointer}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--detailsMsgBottom{margin-left:90px;padding:20px 0 20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--detailsMsgBottom .ClassRing__content--detailsMsgBottomTime{font-size:16px;color:#969c99}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--detailsMsgBottom .ClassRing__content--detailsMsgBottomIcon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--detailsMsgBottom .ClassRing__content--detailsMsgBottomIcon .ClassRing__content--detailsMsgBottomIconDel{cursor:pointer;font-size:16px;color:#5f6c65;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--detailsMsgBottom .ClassRing__content--detailsMsgBottomIcon .ClassRing__content--detailsMsgBottomIconComment{cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:50px}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--detailsMsgBottom .ClassRing__content--detailsMsgBottomIcon .ClassRing__content--detailsMsgBottomIconComment .ClassRing__content--detailsMsgBottomIconCommentImg{margin-right:12px;width:28px;height:28px;display:inline-block;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAWdJREFUSA1jYBgFoyFAYggwwtTH56T+h7FpQS+cMhtsFwuy4YyMDK///2c4iSxGKRtopjnQTFGYOSgW/mdgPLNwyixfmCQ16PjctG0MDP89YWYxwRj0ouluIUqQIvuSnEQESxjI5qCzcVrIyMBI1cQDsxinhQumzLKAKaImTfc4pLuFOIM0ISftBDFBycLMnDZn4vRLxKgFqcFp4X+G/+bEGPL3/x8eYtTB1OC0kJgkDjOEFJrucUh3C1GClJHhvxGwhFmHHESsLKzVcyZMu55SkKX5+8/vVmQ5YtggM5HrPRQLgdWIONCQQGSDfv/9Lb1q1SqrbYd29wPF3ZHliGEDzUQBcAsVRaTZUWSAnAfvntX8//e/dtvhPRuB+oCWMfUoikhWo6sjhQ+v8bFpAvqMeeuhPfuA9ZkdAyPDE25hVs1pDdO+YFNLrBjeRBMWFvaXlZE9GmjYdWYmhmxKLSPWUaPqSAoBAB5bWvWe2MfcAAAAAElFTkSuQmCC) no-repeat 50%}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--detailsMsgBottom .ClassRing__content--detailsMsgBottomIcon .ClassRing__content--detailsMsgBottomIconComment .ClassRing__content--detailsMsgBottomIconCommentImg:hover{margin-right:12px;width:28px;height:28px;display:inline-block;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAVtJREFUSA1jYBgFoyFAYggwwtTzXfD+D2PTgv5ksBVsFwua4a8ZGBlPoolRxv3/3xxogCjMEFQLGRnPfNLf4guTpAbNd9FnG8P//54ws5hgDHrRdLcQNUiRvElOIoIlDCRjMJg4LWRgZKBu4oFajdPCT/pbLTCcRwUBusch3S3EGaR8F71PEBOCzEzMae91N10iRi1IDU4LGf4zgEoIgoCRgZGHoCIkBTgtJCaJI5lDNJPucUh3C9GD1Ij/gs865PBhYWatfqu7/rrw5UDNP39/tyLLEcMG1nlGyOpQLfz/XxyoIBBZAdAS6dD/oVa7Ln3v/8/w3x1Zjig2Wi0Lt1CWlYsd3YCnf3/U/Pv3r3bnxW8bgXLujIwMPTIsXNXo6ojhX4Uqgtf42DQBfca869K3ff//M9gBLXvCxsKl+Vp79RdsaqkmJnQxSAZYCFwTuOjtRzVDRw2iZggAAHzdVHuLca9pAAAAAElFTkSuQmCC) no-repeat 50%}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--detailsMsgBottom .ClassRing__content--detailsMsgBottomIcon .ClassRing__content--detailsMsgBottomIconLike{cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:50px}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--detailsMsgBottom .ClassRing__content--detailsMsgBottomIcon .ClassRing__content--detailsMsgBottomIconLike .ClassRing__content--detailsMsgBottomIconLikeImg{margin-right:12px;width:28px;height:28px;display:inline-block;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAApBJREFUSA3tVc9rE1EQntnEEJVGiB6sIqVKodRG0It/QFEED570IKiJoXsIjZSCAUUw6kVBqWmKbRM1+y/oQQ8iKB4EL4rRgyiKeKqW+AMpJU12/N7al2RtIRs1OXUO+82bmTffzuy8t0Sr8p87wK3mi42ae6RCN4RoJ5E8Whv0xaevTn/2msfwGqji0ul0wK7QXWLpw5veZ+Z9Cwv2ZCs5WiL8UJqNoKqtTHzOmswdAZElLIfMtLnOK2lLhIbYvSox+/iFg0SvSChQLRnb20IoJLvRRtvvk7eKQAwqKbSpGlLoRTxXaM6Ya5DwqIjcy13LzankLLJFoZDxRaEX8XsJUjHlIp1FhT3M/uN6Dya1n5jKFO7+pG3N0FOF0ZHhBMjOG2xcsrJTT1TSk6lUlwgfxgA9sNLphWZE2u+qMJo0x9GgXdr5G3kb2tjHBt3qCXdf0D57/usx6CFhGogmhx9qex1ZiPmNn4MXb2Yys9ruIkTiUXyZn0zyzglg2gFbF6o4Y03kLutNCpnpNVr6DGkDWIYbfY7OFBDbHqrwfD/WQ9rvInSMBuWtifyY0mOnzCsgTG0KhrJ6g8ZCNv8Y+l69XglPjJh3SGR/o28ZoSGY8iVBBTVd21pBdGEDevG+cY+noWnc0IouQoOILzbuaRth9HRiMwZwI8hedoSQylXcu0q4MxVyVVQ7iXwdIsT5HMTZ+VEYn/roEC892vYNkT/C+Jvgssew16UthDi7YJEB0Li+n6Jddg7r7/L3Wnws0YtfyHpMqWtCVyRE/QdjSdNhs205oJS58vcMbN8co4eHvVhxBsbwG8//DHdViDuziHZEQKruv5qITXG0qLZupiDPImIKt6/PPG0Wu+r/5w78AgKnyJsGvxDeAAAAAElFTkSuQmCC) no-repeat 50%}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--detailsMsgBottom .ClassRing__content--detailsMsgBottomIcon .ClassRing__content--detailsMsgBottomIconLike .ClassRing__content--detailsMsgBottomIconLikeImg:hover{margin-right:12px;width:28px;height:28px;display:inline-block;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAltJREFUSA3tVL1rFFEQf+9xbmFIDMqd4UQkSjAkuw/ikiplEAQLixALQQvtUtkqFomVNkpA7ASL/AOKaCVYC+HkdoWIIkhAuUTiR4QjXnzjbza7uV3TvIfZVBlYZpiv38y82RFin3Z5AtI1X13rM5tEDwXRKAnxSil1rdVsrtjmUbaO7Dc6Pe11iJ4CbIikfIFqzxqiBy45nADXlpYCgB0TSt1ajaKLQsrHkuhCPQwP2oI6AW5KOZgkJnrDHCON8Xl/Op2TpQAKY8aQ2FQ87z0DoNo15qRUH3Mbsu4wDMMDUspLSPr88+LiV06Od6wz94RYZW5DFRsn9lne2LiJ8Z2oKHUliyFjhrE4vyv9/cuZbld4TeuZqu+bWhDMZQlPT0z0QvejGgTPMp0NL3SI4PuoWOcDieg4OhmC7tHM1NTcbBQl5m/r65ch9MF/BIW8zMekMmGj30G+vRLHrcxeAITDdRh+4fvADhjhKbBerP8N/AZ3ZuOY1QkpordGiNeIwROKw6k6zzzET+Ldh6GczBu2ZYyIUO29TAH5LuuOat2T6Vw44p/UfL+dj9m5pVKi8C3CuLblTOfC0eEh+H/Mx+wEzFv/U8YV8gG69ehprtIAq+PjAwA7guPezNddGqBst4MUaG86xHb6DCiV2htAbBsD/vzSaHxKO01YaSPF/xlgy2N0iqfsUimAuE7AkSM4GIVxMmwpgANaDwK0B4CFDWXA4mmDAo7ncazZxvI55saYeei+s2xDuL3JwiBB419/jLlLOEVNgGTr3DW4SlJ2MLqFVhRddQ3d93eewF+UmLpfVfdNswAAAABJRU5ErkJggg==) no-repeat 50%}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--detailsMsgBottom .ClassRing__content--detailsMsgBottomIcon .ClassRing__content--detailsMsgBottomIconLike .ClassRing__content--detailsMsgBottomIconLiked{margin-right:12px;width:28px;height:28px;display:inline-block;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAYVJREFUSA3tkz1LA0EQht9JLhFU0iSVNmonQUEtxFZbwd5ObAwIprYR/AN+EIRgYSuWtmnsLAW1sTGKRUi0sjqNyTiXjyN3u8JtMFvl4G5m3p2Zhxt2gOHzzxMg035cyCzih89AyErtDZLONuWqtah9YlETvTy+yiYFdi3eMpjH5V3HV71g0sMIiEp1TmCTIcAGFydGQ9qfoRmQmtOaTkm4jRmNrpXMgKAFbRdwSq+ramQgF5cSaPKm2sJT+F2vq2pkINzyvpRPqS3wjdTYm0bXSpGAfJrOSfWBtgOhRFsvrvZMIwb2kI8zRzKeeT+P6Jz2Pi75JO3KCoz4eq9DKIOp3Cu1fAKLfQLHDylfq3bPna7Tts18MEYpFKshQ24uq7fXwwFroMas2NVWJJ9II+0m92lXeutsAJ/tApkf7AJB93aBMbL8hwnHIpDoEzuVV4sj5Uciam9khzrYtWAExukxBwsM3dDBA534XWeSvgn+Iakj8DNNHEIdRBe0W7s1KRvm9jWBX4PoXOKv53QZAAAAAElFTkSuQmCC) no-repeat 50%}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--showComment{width:860px;margin-left:90px;background:#f3f3f3}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--showComment .el-scrollbar{height:100%}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--showComment .el-scrollbar .el-scrollbar__wrap{overflow:auto}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--showComment .ClassRing__content--showCommentTop .ClassRing__content--showCommentTopInput{width:860px;min-height:80px}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--showComment .ClassRing__content--showCommentTop .ClassRing__content--showCommentTopInput .el-textarea__inner{width:806px;min-height:80px!important;margin:12px 0 0 25px}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--showComment .ClassRing__content--showCommentTop .ClassRing__content--showCommentTopInput .el-input__count{right:35px}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--showComment .ClassRing__content--showCommentTop .ClassRing__content--showCommentTopSpan{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--showComment .ClassRing__content--showCommentTop .ClassRing__content--showCommentTopSpan .ClassRing__content--showCommentTopBt{width:87px;height:36px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:0;margin:24px 30px 20px 0}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--showComment .ClassRing__content--showCommentBottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 30px}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--showComment .ClassRing__content--showCommentBottom .ClassRing__content--showCommentBottomFirstSpan{width:760px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:14px;word-break:break-all}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--showComment .ClassRing__content--showCommentBottom .ClassRing__content--showCommentBottomFirstSpan .ClassRing__content--showCommentCreateTime{margin:5px 0 20px 0;color:#969c99}.ClassRing .ClassRing__content .ClassRing__content--details .ClassRing__content--detailsMsg .ClassRing__content--showComment .ClassRing__content--showCommentBottom .ClassRing__content--showCommentBottomSecondSpan{font-size:14px;color:#5f6c65}.ClassRing .ClassRing__bottom{width:100%;background:#f3f3f3}.ClassRing .ClassRing__bottom .ClassRing__bottom--content{width:1000px;height:60px;background:#f3f3f3;font-size:16px;color:#969c99;cursor:pointer;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ClassRing .ClassRing__punch--dialog .el-dialog .el-dialog__header{background:#f3f3f3}.ClassRing__publish--contentAudioPop{text-align:right;margin:0;width:230px;height:130px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ClassRing__publish--contentAudioPop .ClassRing__publish--contentAudioPopDiv{font-size:21px;color:#5f6c65;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:24px 0 24px 0}.ClassRing__publish--contentAudioPop .ClassRing__publish--contentAudioPopDivs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.ClassRing__publish--contentAudioPop .ClassRing__publish--contentAudioPopDivs .ClassRing__publish--contentAudioPopDivsBt{width:88px;height:36px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}