@charset "utf-8";
.video-b-l .tabs-head .hot-comments-link{color:#ff583d;padding-right: 10px;}


/* -------- 评论 -- */
.comment-wrap{padding-bottom: 24px;clear: both;}
.comment-wrap .loading{text-align: center;}
.comment-wrap .loading img{width: 200px;}
.comment-wrap .up-work-tips{margin: 20px 30px 0;background: #f8f8f8;padding-left: 20px;border-radius: 5px;line-height: 40px;height: 40px;}
.comment-wrap .up-work-tips .s1 i{color: #FFA900;}
.comment-wrap .up-work-tips .line{margin:10px 30px 0;width:1px;background: #D8D8D8;height: 20px;display: inline-block;vertical-align: top;}
.comment-wrap .up-work-tips .s2{color:#666}
.comment-wrap .up-work-tips .s2 i{color: #FFA900;}
.comment-wrap .unlogin-tip{text-align: center;color:#333;padding-top: 30px;font-size: 16px;}
.comment-wrap .unlogin-tip a{color:#ff583d;text-decoration: underline;}
.comment-wrap .score-cont{justify-content:space-around;color:#666666;padding: 0 30px;}
.comment-wrap .score-cont .head{padding-top: 30px;text-align: center;color:#333;margin-bottom: 28px;font-size: 16px;}
.comment-wrap .score-cont .head span{color:#FFA900;}
.comment-wrap .score-cont .star-level,.comment-wrap .score-cont .easy-hard{position: relative;color:#333;}
.comment-wrap .score-cont em{position: absolute;font-weight: normal;color:#f53500;left: 0;top: 22px;}
.comment-wrap .score-cont .star-level i{display: inline-block;width: 15px;height: 15px;background: url(/assets/revision/images/course/comment-icon.v5.png) -188px -104px;margin-left: 5px;vertical-align: top;cursor:pointer;}
.comment-wrap .score-cont .star-level i.full-star{background-position: -188px -84px;}
.comment-wrap .score-cont .lookContainer div{margin-left: 17px;color:#666;width: 98px;position: relative;float: left;height: 20px;}
.comment-wrap .score-cont .lookContainer div i{width: 32px;height: 30px;position: absolute;left: 0;top: -6px;background: url(/assets/revision/images/course/comment-icon.v5.png) 555px 555px no-repeat;}
.comment-wrap .score-cont .lookContainer div:before{content: attr(data-com);left: 40px;position: absolute;top: 1px;}
.comment-wrap .score-cont .lookContainer div.look1 i{background-position:-180px -442px; }
.comment-wrap .score-cont .lookContainer div.look2 i{background-position:-179px -409px; }
.comment-wrap .score-cont .lookContainer div.look3 i{background-position: -144px -443px}
.comment-wrap .score-cont .lookContainer div.look4 i{background-position: -144px -410px}
.comment-wrap .score-cont .lookContainer div.look5 i{background-position: -144px -376px}
.comment-wrap .score-cont .mood{padding-left: 20px;margin-top:-2px}
.comment-wrap .score-cont .mood span{height: 20px;line-height: 18px;border-radius: 3px;border:1px #ddd solid;color:#999;font-size: 12px;display: inline-block;margin-right: 10px;cursor: pointer;padding:0 8px}
.comment-wrap .score-cont .mood span.active{background: #FFD500;border-color: #FFD500;color:#333;}
.comment-wrap .score-cont .level-look{margin-left: 16px;}
.comment-wrap .score-cont .easy-hard{margin-top: 30px;color:#333;}
.comment-wrap .score-cont .easy-hard i{height: 20px;border-radius:3px;cursor: pointer;transition: all .2s;border:1px #ddd solid;color:#999;line-height: 18px;font-size: 12px;display: inline-block;margin:0 4px;vertical-align: top;margin-top: -2px;padding:0 8px}
.comment-wrap .score-cont .easy-hard i.active{color:#fff;border-color:#6786FF;background: #6786FF;}
.comment-wrap .score-cont .easy-hard .hkb-c{font-size: 12px;color:#ffa900;padding-left: 10px;vertical-align: 2px;}
.comment-wrap .comment-textarea{position: relative;padding: 30px 30px 0;}
.comment-wrap .comment-textarea .avatar{width: 48px;height: 48px;position: absolute;left: 0;top: 0;border:1px #ddd solid;border-radius: 50%;overflow: hidden;}
.comment-wrap .comment-textarea .avatar img{display:block;width: 100%;height: 100%;}
.comment-wrap .comment-textarea .textarea-wrap{position: relative;height: 120px;transition: all .2s;}
.comment-wrap .comment-textarea .textarea-wrap .focus-border{position: absolute;left: 0;top: 0;bottom: 0;right: 0;border:1px #ddd solid;border-radius: 5px;}
.comment-wrap .comment-textarea .up-progress{padding-top: 18px;}
.comment-wrap .comment-textarea .textarea{padding: 8px 20px 8px 20px;height: 70px;width: 100%;line-height: 26px;background: none;border:none;display: block;position: relative;z-index: 1;}
.comment-wrap .comment-textarea .textarea:focus + .focus-border{border:1px #E3AD13 solid;}
.comment-wrap .comment-textarea .textarea::placeholder{color:#999}
.comment-wrap .comment-textarea .cont-num{position: absolute;right: 20px;bottom:64px;color:#b8b8b8;font-size: 12px;}
.comment-wrap .comment-textarea .cont-num .hkb-c{color:#ffa900;padding-right: 10px;}
.comment-wrap .comment-textarea .cont-num em{font-weight: normal;}

.comment-wrap .comment-textarea .upload-item{padding: 10px 20px;border-top: 1px #ddd solid;position: absolute;left: 0;bottom:0;width: 100%;z-index: 2;}
.comment-wrap .comment-textarea .upload-item .img-box{position: relative;}
.comment-wrap .comment-textarea .upload-item .emoji-btn{margin:3px 0 0 15px}
.comment-wrap .comment-textarea .btn{padding: 0 16px;border-radius: 5px;height: 30px;line-height: 30px;margin-left: 15px;vertical-align: top;}
.comment-wrap .comment-textarea .ask-btn{background: #6786FF;color: #fff;}
.comment-wrap .comment-textarea .ask-btn:hover{background: #4369ff;}
.comment-wrap .comment-textarea .comment-btn{background: #FFD500;color: #666;}
.comment-wrap .comment-textarea .comment-btn:hover{background: #ffcc00;color: #444;}
.comment-wrap .comment-textarea .up-progress .up-title{margin-top: 4px;}
.comment-wrap .comment-textarea .up-progress .progress-bar{display: inline-block;vertical-align: middle;height: 30px;line-height: 26px;position: absolute;margin:21px 0 0 -10px;}
.comment-wrap .comment-textarea .up-progress .pbar-fth {width: 75px;height: 11px;overflow: hidden;margin: 9px 10px;vertical-align: 0;position: relative;border-radius: 5px;display: inline-block;vertical-align: top;}
.comment-wrap .comment-textarea .up-progress .pbar-fth:before{content: "";width: 100%;position: absolute;left: 0;top: 0;height: 9px;border:1px #e8e8e8 solid;border-radius: 5px;background: #f8f8f8;}
.comment-wrap .comment-textarea .up-progress .pbar-fth .pbar-line {height: 100%;background: #ffd200;max-width: 100%;border-radius: 5px;position: relative;z-index: 2}
.comment-wrap .comment-textarea .up-progress span{font-size: 14px;color: #999;margin-right:10px ;}
.comment-wrap .comment-textarea .up-progress span.hi3de{margin-left: 10px;color:#ff583d;text-decoration: underline;}
.comment-wrap .comment-textarea .up-progress span.hi3de .viewBigImg{display: inline-block;}
.comment-wrap .comment-textarea .up-progress span.hi3de .file-name{font-weight:normal;max-width: 150px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;text-decoration: underline;}
.comment-wrap .comment-textarea .up-progress .re-upload{width: 8px;height: 8px;background: url(/assets/revision/images/course/comment-icon.v5.png) -4px -183px;vertical-align: 7px;cursor:pointer;margin-left: 9px;}
.comment-wrap .comment-textarea .uploader-container:hover span{color:#ffa900;}
.comment-wrap .comment-textarea .uploader-container:hover span i{background-position: -238px -136px;}
.comment-wrap .comment-textarea .up-progress i{background: url(/assets/revision/images/course/comment-icon.v5.png) -238px -156px;display: inline-block;width: 24px;height: 19px;margin-right: 6px;vertical-align:-4px;}
.comment-wrap .comment-textarea .up-progress .pbar-tips {font-size: 14px;color: #f53500;vertical-align: middle;line-height: 30px;}
.comment-wrap .comment-textarea .upload-icon{width: 24px;height: 24px;border: 1px #ddd solid;background: #f8f8f8;border-radius: 3px;cursor: pointer;overflow: hidden;position: relative;float: right;margin-top: 3px;transition: all .2s;}
.comment-wrap .comment-textarea .upload-icon:hover{background: #FFD500;border-color: #FFD500;}
.comment-wrap .comment-textarea .upload-icon:hover:before{background-position: -266px -219px;}
.comment-wrap .comment-textarea .upload-icon:before{content: '';position: absolute;left: 3px;top: 4px;width: 16px;height:14px;background: url(/assets/revision/images/course/comment-icon.v5.png) -266px -126px;}
.comment-wrap .comment-textarea .upload-img-box{width: 290px;padding:15px 0 15px 15px;border-radius: 5px;background: #fff;z-index: 2;position: absolute;left: -66px;top: 39px;border:1px #ddd solid;height: 320px;height: fit-content;}
.comment-wrap .comment-textarea .upload-img-box .box-t span{color: #999;font-size: 12px;}
.comment-wrap .comment-textarea .upload-img-box .box-t .txt{padding:0 10px;}
.comment-wrap .comment-textarea .upload-img-box .img-horn{position: absolute;left: 75px;top: -7px;background: #fff;width: 10px;height: 7px;margin-left: -3px;}
.comment-wrap .comment-textarea .upload-img-box .img-horn:before{content: '';position: absolute;left: 2px;top: 0;background: #ddd;width: 1px;height: 8px;transform: rotate(50deg);}
.comment-wrap .comment-textarea .upload-img-box .img-horn:after{content: '';position: absolute;right: 2px;top: 0;background: #ddd;width: 1px;height: 8px;transform: rotate(-50deg);}
.comment-wrap .comment-textarea .upload-img-box .box-m{padding-top: 5px;width: 100%;}
.comment-wrap .comment-textarea .upload-img-box .upload-btn{width: 80px;height: 80px;border:1px dashed #999;position: relative;border-radius: 2px;margin-top: 10px;cursor: pointer;transition:all .2s}
.comment-wrap .comment-textarea .upload-img-box .upload-btn:hover{border-color: #E3AD13;}
.comment-wrap .comment-textarea .upload-img-box .upload-btn:before{content: '';width: 18px;height: 2px;background: #999;left: 30px;top: 38px;position: absolute;transition:all .2s}
.comment-wrap .comment-textarea .upload-img-box .upload-btn:after{content: '';width: 2px;height: 18px;background: #999;left: 38px;top: 30px;position: absolute;transition:all .2s}
.comment-wrap .comment-textarea .upload-img-box .upload-btn:hover:before,.comment-wrap .comment-textarea .upload-img-box .upload-btn:hover:after{background: #E3AD13;}
.comment-wrap .comment-textarea .upload-img-box .upload-btn .webuploader-pick{height: 100%;opacity: 0;}
.comment-wrap .comment-textarea .upload-img-box .upload-btn div:nth-child(2){width: 100%!important;height: 100%!important;opacity: 0;cursor: pointer;}
.comment-wrap .comment-textarea .upload-img-box .upload-btn div:nth-child(2) input{position: absolute;width: 100%;height: 100%;left: 0;top:0}
.comment-wrap .comment-textarea .upload-img-box .upload-img-list{width: 80px;height: 80px;border-radius: 2px;margin:10px 10px 0 0;background-size: cover;background-position: center;float: left;position: relative;}
.comment-wrap .comment-textarea .upload-img-box .upload-img-list .viewThumb{width: 100%;height: 100%;border-radius: 5px;background-size: cover;background-position: center;}
.comment-wrap .comment-textarea .upload-img-box .upload-img-list .viewThumb img{display: block;width: 100%;height: 100%;border-radius: 5px;}
.comment-wrap .comment-textarea .upload-img-box .upload-img-list .bgimg{display:block;width:100%;height:100%;border-radius:5px;background-size:cover;background-position:center}
.comment-wrap .comment-textarea .upload-img-box .upload-img-list:hover .diyCancel{display:block}
.comment-wrap .comment-textarea .upload-img-box .upload-img-list .diyCancel{width:15px;height:15px;background:rgba(0,0,0,.8);border:1px solid #fff;border-radius:50%;position:absolute;right:-6px;top:-6px;cursor:pointer;display:none}
.comment-wrap .comment-textarea .upload-img-box .upload-img-list .diyCancel:before{width:1px;height: 7px;background:#fff;position:absolute;left: 6px;top: 3px;content:'';transform:rotate(45deg);}
.comment-wrap .comment-textarea .upload-img-box .upload-img-list .diyCancel:after{width:1px;height: 7px;background:#fff;position:absolute;left: 6px;top: 3px;content:'';transform:rotate(-45deg);}
.comment-wrap .comment-textarea .upload-img-box .upload-img-list .diyCancel:hover{background:rgba(255,213,0,.8)}
.comment-wrap .comment-textarea .upload-img-box .upload-img-list .diyCancel:hover:after,.comment-wrap .comment-textarea .upload-img-box .upload-img-list .diyCancel:hover:before{background:#333}
.comment-wrap .comment-textarea .upload-img-box .close{width: 10px;height: 10px;cursor: pointer;right: 15px;top: 15px;position: absolute;}
.comment-wrap .comment-textarea .upload-img-box .close::before{content: '';position: absolute;left: -1px;top: 5px;transform: rotate(45deg);height: 1px;background: #666;width: 12px;}
.comment-wrap .comment-textarea .upload-img-box .close::after{content: '';position: absolute;left: -1px;top: 5px;transform: rotate(-45deg);height: 1px;background: #666;width: 12px;}
.comment-wrap .comment-textarea #box{margin-top: 4px;}
.comment-wrap .comment-textarea .upload-img-list{width: 30px;height: 30px;border-radius: 5px;margin-right: 5px;float: left;position: relative;}
.comment-wrap .comment-textarea .upload-img-list .viewThumb{width: 28px;height: 28px;border-radius: 5px;cursor: pointer;}
.comment-wrap .comment-textarea .upload-img-list .viewThumb img{display: block;width: 100%;height: 100%;border-radius: 5px;}
.comment-wrap .comment-textarea .upload-img-list .bgimg{display:block;width:100%;height:100%;border-radius:5px;background-size:cover;background-position:center}
.comment-wrap .comment-textarea .upload-img-list:hover .diyCancel{display:block}
.comment-wrap .comment-textarea .upload-img-list .diyCancel{width:20px;height:20px;background:rgba(0,0,0,.8);border:2px solid #fff;border-radius:50%;position:absolute;right:-6px;top:-6px;cursor:pointer;display:none}
.comment-wrap .comment-textarea .upload-img-list .diyCancel:before{width:1px;height:10px;background:#fff;position:absolute;left:8px;top:3px;content:'';transform:rotate(45deg)}
.comment-wrap .comment-textarea .upload-img-list .diyCancel:after{width:1px;height:10px;background:#fff;position:absolute;left:8px;top:3px;content:'';transform:rotate(-45deg)}
.comment-wrap .comment-textarea .upload-img-list .diyCancel:hover{background:rgba(255,213,0,.8)}
.comment-wrap .comment-textarea .upload-img-list .diyCancel:hover:after,.comment-wrap .comment-textarea .upload-img-list .diyCancel:hover:before{background:#333}
.comment-wrap .comment-sort{padding: 30px 30px 0 30px;border-bottom: 1px #ddd solid;line-height: 20px;font-size: 16px;height: 70px;}
.comment-wrap .comment-sort .txt{margin-right: 40px;color: #999;cursor: pointer;transition: all .2s;}
.comment-wrap .comment-sort .txt:hover{color: #333;}
.comment-wrap .comment-sort .txt.active{color: #333;}
.comment-wrap .comment-sort .check{margin-right: 20px;color:#666;position: relative;padding-left: 21px;line-height: 20px;cursor:pointer;}
.comment-wrap .comment-sort .check:before{content:'';position: absolute;width: 16px;height: 16px;left: 0;top:2px;border-radius: 2px;border:1px #DDDDDD solid;}
.comment-wrap .comment-sort .check.active:before{background: url(/assets/revision/images/course/comment-icon.v5.png) -266px 0;border:none}
.comment-wrap .comment-sort .down-sort{position: relative;z-index:12;padding-right: 13px;color:#666;height: 28px;cursor: pointer;}
.comment-wrap .comment-sort .down-sort:before{content: "";position: absolute;width: 8px;height: 4px;background: url(/assets/revision/images/course/comment-icon.v5.png) -189px -126px;right: 0;transition: all .3s;top: 8px;}
.comment-wrap .comment-sort .down-sort:hover:before{transform: rotate(180deg);}
.comment-wrap .comment-sort .down-sort-m{position: absolute;left: -10px;top: 26px;border:1px #ddd solid;padding: 10px 20px 10px 20px;background: #fff;z-index: 3;border-radius: 5px;display: none;white-space: nowrap;}
.comment-wrap .comment-sort .down-sort-m a{display: block;font-size: 14px;line-height: 34px;}
.comment-wrap .comment-sort .down-sort-m a:hover{color: #E3AD13;}
.comment-wrap .work-require{margin:30px 30px 0;border:1px #ddd solid;border-radius: 5px;}
.comment-wrap .work-require.no-pic .main{padding:15px 20px;height: auto;}
.comment-wrap .work-require.no-pic .main .con-l{width: 100%;left: 0;position: static;}
.comment-wrap .work-require.no-pic .main .con-r{display: none;}
.comment-wrap .work-require .head{height: 44px;background: #f8f8f8;line-height: 42px;border-bottom: 1px #ddd solid;padding:0 20px;}
.comment-wrap .work-require .head .s1 {font-size: 16px;}
.comment-wrap .work-require .head .s1 i{font-size: 12px;color:#999;padding-left: 5px;}
.comment-wrap .work-require .head .prize-btn{border-radius: 12px;width: 92px;height: 24px;background: #fff;border:1px #ddd solid;line-height: 22px;text-align: center;font-size: 12px;color: #666;margin-top: 10px;transition: all .2s;}
.comment-wrap .work-require .head .prize-btn:hover{border-color: #FFD500;cursor: pointer;background: #FFD500;color: #333;}
.comment-wrap .work-require .head .prize-btn i{display: inline-block;width: 15px;height: 14px;margin-right: 7px;background: url(/assets/revision/images/course/comment-icon.v5.png) -266px -109px;vertical-align: top;margin-top: 4px;}
.comment-wrap .work-require .main{padding:15px 0 15px 337px;position: relative;height: 90px;}
.comment-wrap .work-require .main .con-l{color:#666;line-height: 20px;width: 312px;position: absolute;left: 20px;}
.comment-wrap .work-require .main .con-l span{color:#333}
.comment-wrap .work-require .main .con-r{position: relative;padding:0 43px;}
.comment-wrap .work-require .main .con-r .btn{width: 26px;height: 40px;position: absolute;top: 10px;padding:13px 0 0 9px;cursor: pointer;}
.comment-wrap .work-require .main .con-r .btn:before{content: '';width: 8px;height: 14px;background: url(/assets/revision/images/course/comment-icon.v5.png) -266px -55px;display: inline-block;}
.comment-wrap .work-require .main .con-r .btn:hover:before{content: '';width: 8px;height: 14px;background: url(/assets/revision/images/course/comment-icon.v5.png) -266px -72px;}
.comment-wrap .work-require .main .con-r .prev-btn{left: 10px;}
.comment-wrap .work-require .main .con-r .next-btn{transform: rotate(180deg);position: absolute;right: 10px;}
.comment-wrap .work-require .main .con-r .slide-box{height: 60px;overflow: hidden;width: 100%;position: relative;}
.comment-wrap .work-require .main .con-r .slide-box .m{white-space: nowrap;position: absolute;left: 0;top: 0;transition:all .2s}
.comment-wrap .work-require .main .con-r .slide-box .img{width: 60px;height: 60px;border-radius: 5px;margin-right: 15px;background-size: cover;background-position: center;cursor: pointer;display: inline-block;vertical-align: top;}

.comment-wrap .wx-enterprise{padding:30px}
.comment-wrap .wx-enterprise .cont{width:100%;height:154px;background:#fff;border-radius:5px;box-shadow:0 5px 10px 0 rgba(0,0,0,.1);position:relative;padding:20px 40px 20px 20px}
.comment-wrap .wx-enterprise .right-close{width:64px;height:45px;position:absolute;top:10px;right:10px}
.comment-wrap .wx-enterprise .close{display:block;width:20px;height:20px;border-radius:3px;border:1px solid #ddd;position:absolute;top:0;right:0}
.comment-wrap .wx-enterprise .close:after,.comment-wrap .wx-enterprise .close:before{content:'';width:14px;height:1px;background:#999;transform:rotate(-45deg);position:absolute;top:9px;left:2px}
.comment-wrap .wx-enterprise .close:after{transform:rotate(45deg)}
.comment-wrap .wx-enterprise .right-close:hover .close{background:rgba(0,0,0,.7);border-color:transparent}
.comment-wrap .wx-enterprise .right-close:hover .close:after,.comment-wrap .wx-enterprise .right-close:hover .close:before{background:#fff}
.comment-wrap .wx-enterprise .right-close .no-prompt{vertical-align:top;white-space:nowrap;height:20px;line-height:20px;padding:0 8px;border-radius:3px;background:rgba(0,0,0,.7);font-size:12px;color:#fff;position:absolute;top:25px;right:0;display:none}
.comment-wrap .wx-enterprise .right-close:hover .no-prompt{display:inline-block}
.comment-wrap .wx-enterprise .left{width:380px}
.comment-wrap .wx-enterprise .left .h6{font-size:14px;color:#333;text-align:center}
.comment-wrap .wx-enterprise .left .h6 span{margin:0 10px}
.comment-wrap .wx-enterprise .left .h6 i{display:inline-block;vertical-align:top;width:46px;height:4px;background:linear-gradient(270deg,#b4e9ff 0,rgba(230,245,251,0) 100%);margin-top:4px}
.comment-wrap .wx-enterprise .left .h6 i:last-child{transform:rotate(180deg)}
.comment-wrap .wx-enterprise .left .lis{display:flex;align-items:center;justify-items:center;text-align:center}
.comment-wrap .wx-enterprise .left .lis .li{flex:1}
.comment-wrap .wx-enterprise .left .lis .li i{display:block;width:50px;height:50px;margin:20px auto 15px;background-image:url(/assets/revision/images/course/wx-enterprise-icon@2x.png);background-size:250px 75px;background-position:0 0}
.comment-wrap .wx-enterprise .left .lis .li .i2{background-position:-105px 0}
.comment-wrap .wx-enterprise .left .lis .li .i3{background-position:-52px 0}
.comment-wrap .wx-enterprise .left .lis .li .i4{background-position:-158px 0}
.comment-wrap .wx-enterprise .left .lis .li span{display:block;font-size:14px;color:#333}
.comment-wrap .wx-enterprise .line{display:block;width:25px;height:12px;background-image:url(/assets/revision/images/course/wx-enterprise-icon@2x.png);background-size:250px 75px;background-position:-210px -24px;margin:52px 48px 0}
.comment-wrap .wx-enterprise .right{width:298px;height:114px;background:#f8f8f8;border-radius:5px;overflow:hidden}
.comment-wrap .wx-enterprise .right .span{font-size:14px;color:#333;line-height:30px;padding:26px 0 0 20px}
.comment-wrap .wx-enterprise .right .span i{display:inline-block;vertical-align:top;width:22px;height:22px;margin-right:6px;margin-top:3px;background-image:url(/assets/revision/images/course/wx-enterprise-icon@2x.png);background-size:250px 75px;background-position:-210px 1px}
.comment-wrap .wx-enterprise .right .qr-code{width:114px;height:114px;border-radius:0 5px 5px 0}

.comment-wrap .comment-list{padding: 0 30px;}
.comment-wrap .comment-one{padding: 24px 0 0;position: relative;padding-left: 70px;}
.comment-wrap .comment-one > .avatar{position: absolute;left: 0;top: 30px;width: 46px;height: 46px;border:1px #ddd solid;border-radius: 50%;overflow: hidden;transform: rotate(0);}
.comment-wrap .comment-one > .avatar img{display: block;width: 100%;height: 100%;transition: all .4s}
.comment-wrap .comment-one > .avatar:hover img{transform: scale(1.2);}
.comment-wrap .comment-one .list-one{margin-top: 10px;height:20px;line-height: 20px;}
.comment-wrap .comment-one .list-one .share-work{margin-top: -2px;height: 24px;line-height: 22px;border:1px #ddd solid;border-radius: 12px;color:#999;transition:all .2s;padding:0 10px;cursor: pointer;font-size: 12px;}
.comment-wrap .comment-one .list-one .share-work:hover{background: #ffd500;border-color: #ffd500;color:#333;}
.comment-wrap .comment-one .list-one .new-vip-icon{margin:2px 0 0 10px;}
.comment-wrap .comment-one > .list-m{padding-bottom: 53px;border-bottom: 1px #ddd solid;}
.comment-wrap .comment-one .list-one a{height:18px;color:#666666;transition: color .2s;overflow: hidden;  text-overflow: ellipsis;white-space: nowrap;  max-width: 80px;  display: inline-block;vertical-align: top;}
.comment-wrap .comment-one .list-one a:hover{color:#E3AD13;}
.comment-wrap .comment-one .list-one .star-level{padding: 0 10px;vertical-align: -2px}
.comment-wrap .comment-one .list-one .star-level i{display: inline-block;width: 15px;height: 15px;background: url(/assets/revision/images/course/comment-icon.v5.png) -188px -104px;margin:0 3px 0 2px;vertical-align: top;}
.comment-wrap .comment-one .list-one .star-level i.full-star{background-position: -188px -84px;}
.comment-wrap .comment-one .list-one .hard{height: 20px;line-height:20px;border-radius: 3px;font-size: 12px;color:#fff;background: #6786FF;display: inline-block;padding:0 8px}
.comment-wrap .comment-one .list-one .diff{height: 20px;background: #ffd500;border-radius: 3px;font-size: 12px;color:#333;line-height: 20px;display: inline-block;margin-left: 10px;padding:0 8px}
.comment-wrap .comment-one .list-one .hot-comments{width: 17px;height: 24px;margin-left: 20px;background: url(/assets/revision/images/course/comment-icon.v5.png) -255px -443px;display: inline-block;vertical-align: top;position: relative;top: -4px;}
.comment-wrap .comment-one .list-one span.top-comment{width: 40px;height: 20px;font-size: 12px;color:#fff;display: inline-block;text-align: center;border-radius: 3px;background: #FF583D;margin-left: 10px;line-height: 20px;vertical-align: top;}
.comment-wrap .comment-list .comment-course{padding: 20px 0 10px 180px;position: relative;height: 120px;}
.comment-wrap .comment-list .comment-course.tj{padding-left: 314px;}
.comment-wrap .comment-list .comment-course.tj:before{content: "推荐学习";position: absolute;left: 46px;top: 22px;color:#ff583d;}
.comment-wrap .comment-list .comment-course .img{position: absolute;left: 0;top: 20px;}
.comment-wrap .comment-list .comment-course.tj .img{left: 135px;}
.comment-wrap .comment-list .comment-course .img img{display: block;width: 160px;height: 90px;border-radius: 4px;}
.comment-wrap .comment-list .comment-course .p1{padding-top: 4px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
.comment-wrap .comment-list .comment-course .p1 a{font-size: 16px;color:#666;}
.comment-wrap .comment-list .comment-course .p1 a:hover{color:#E3AD13;}
.comment-wrap .comment-list .comment-course .p2{margin-top: 34px;height: 30px;line-height: 30px;}
.comment-wrap .comment-list .comment-course .p2 span.fr{font-size: 12px;color:#666;padding-left: 30px;}
.comment-wrap .comment-list .comment-course .p2 .user-name{position: relative;color:#666;padding-left: 50px;display: inline-block;max-width: 220px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.comment-wrap .comment-list .comment-course .p2 .avatar{position: absolute;width: 30px;height: 30px;left: 0;top: 0;border-radius: 50%;}
.comment-wrap .comment-list .comment-course .p2 .avatar img{display: block;width: 100%;height: 100%;border-radius: 50%;}
.comment-wrap .comment-one .list-txt{color:#666;line-height: 24px;margin-top: 15px;word-wrap: break-word; white-space: pre-line}
.comment-wrap .comment-one .list-txt.more-txt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.comment-wrap .comment-one .list-txt .ask-icon{width: 18px;height: 14px;border:1px #6786FF solid;border-radius:7px 7px 0 7px;text-align: center;display: inline-block;margin-right: 5px;color: #6786FF;position: relative;line-height: 12px;vertical-align: middle;}
.comment-wrap .comment-one .list-txt .ask-icon:before{content: attr(data-txt);left: 2px;top: 0;position: absolute;font-size: 12px;transform: scale(.8);}
.comment-wrap .comment-one .list-txt .more-txt-btn{display: none;cursor: pointer;margin-top: 4px;color: #999;transition:color .2s}
.comment-wrap .comment-one .list-txt .more-txt-btn:hover{color: #E3AD13;}
.comment-wrap .comment-one .list-txt .more-txt-btn i{background: url(/assets/revision/images/course/comment-icon.v5.png) -266px -238px;width: 10px;height: 6px;display: inline-block;margin:8px 0 0 5px;vertical-align: top;}
.comment-wrap .comment-one .list-txt .more-txt-btn.up i{transform: rotate(180deg);}
.comment-wrap .comment-one .list-txt .more-txt-btn:hover i{background-position: -266px -247px;}
.comment-wrap .comment-one .list-txt.more-txt .txt-con{overflow: hidden;position: relative;height: 72px;display: block;}
.comment-wrap .comment-one .list-txt.more-txt .more-txt-btn{display: inline-block;vertical-align: top;}
.comment-wrap .comment-one .list-img{margin-top: 12px;}
.comment-wrap .comment-one .list-img img{display: inline-block!important;max-width: 400px;max-height: 400px;}
.comment-wrap .comment-one .list-img a{display: inline-block;position: relative;}

.comment-wrap .comment-one .list-img .tips{position: absolute;right: -10px;top:20px;width: 72px;height: 25px;line-height: 24px;text-align: center;color:#fff;background: #FF8300;}
.comment-wrap .comment-one .dslide-bigImg .tips{position: absolute;right: -10px;top:20px;width: 72px;height: 25px;line-height: 24px;text-align: center;color:#fff;background: #FF8300;}
.comment-wrap .comment-one .list-img .tips:before{content: '';position: absolute;right: 3px;bottom: -7px;width: 0;height: 0;border:7px transparent solid;border-bottom:7px #EC7B04 solid;transform: rotate(-45deg);}
.comment-wrap .comment-one .dslide-bigImg .tips:before{content: '';position: absolute;right: 3px;bottom: -7px;width: 0;height: 0;border:7px transparent solid;border-bottom:7px #EC7B04 solid;transform: rotate(-45deg);}
.comment-wrap .comment-one .list-b{margin-top: 15px;}
.comment-wrap .comment-one .list-b span{font-size: 12px;color:#999;}
.comment-wrap .comment-one .list-b span.fl{margin-right: 20px;}
.comment-wrap .comment-one .list-b span.fr{margin-left: 20px;}
.comment-wrap .comment-one .list-b .cancel{cursor: pointer;}
.comment-wrap .comment-one .list-b .cancel:hover{color:#E3AD13;}
.comment-wrap .comment-one .list-b .add{cursor: pointer;}
.comment-wrap .comment-one .list-b .add:hover{color:#E3AD13;}
.comment-wrap .comment-one .list-b .zan-btn{cursor: pointer;}
.comment-wrap .comment-one .list-b .zan-btn:hover{color:#E3AD13;}
.comment-wrap .comment-one .list-b .zan-btn:hover i{background-position: -122px -97px;}
.comment-wrap .comment-one .list-b .zan-btn.active{color:#E3AD13;}
.comment-wrap .comment-one .list-b .zan-btn.active i{background-position:-122px -110px }
.comment-wrap .comment-one .list-b .down-link{color:#6786FF;transition: color .2s}
.comment-wrap .comment-one .list-b .down-link:hover{color:#E3AD13;}
.comment-wrap .comment-one .list-b .well-btn{cursor: pointer;}
.comment-wrap .comment-one .list-b .reply-btn:hover{color:#E3AD13;transition: color .2s;cursor: pointer;}
.comment-wrap .comment-one .list-b .del-btn:hover{color:#E3AD13;transition: color .2s;cursor: pointer;}
.comment-wrap .comment-one .comment-list-two .del-btn:hover{color:#E3AD13;transition: color .2s;cursor: pointer;}
.comment-wrap .comment-one .list-b .top-btn:hover,
.comment-wrap .comment-one .list-b .cancel-top-btn:hover,
.comment-wrap .comment-one .list-b .excellent-btn:hover,
.comment-wrap .comment-one .list-b .cancel-excellent-btn:hover{color:#E3AD13;transition: color .2s;cursor: pointer;}
.comment-wrap .comment-one .list-b .zan-btn i{width: 12px;height: 11px;display: inline-block;background: url(/assets/revision/images/course/comment-icon.v5.png) -122px -83px;vertical-align: top;margin:1px 5px 0 0;}
.comment-wrap .comment-one .list-b .zan-btn em,.comment-wrap .comment-one .comment-two .zan-btn em {font-weight: normal}
.comment-wrap .comment-one .list-b .more-btn{position: relative;padding-left: 20px;color:#999}
.comment-wrap .comment-one .list-b .more-btn .dian{line-height:2px;margin-top: -4px;cursor: pointer;}
.comment-wrap .comment-one .list-b .more-btn .dian:before{content: ".\A.\A.";    white-space: pre-wrap;font-size: 18px;}
.comment-wrap .comment-one .list-b .more-btn .win-cover{position: absolute;right: 0;top: 16px;background: #fff;border-radius: 4px;border:1px #ddd solid;width: 54px;padding: 4px 0;z-index: 3;display: none;}
.comment-wrap .comment-one .list-b .more-btn .win-cover span{font-size: 12px;color:#999;display: block;transition: all .2s;text-align: center;height: 21px;line-height: 20px;cursor:pointer; }
.comment-wrap .comment-one .list-b .more-btn .win-cover span:hover{background: #f8f8f8;color:#E3AD13;}
.comment-wrap .comment-list-two .comment-two{margin-top: 40px;position: relative;padding-left:46px;}
.comment-wrap .comment-list-two .comment-two .avatar-two{position: absolute;width: 30px;height: 30px;border-radius: 50%;border:1px #ddd solid;overflow: hidden;left:0;top: 3px;    transform: rotate(0);}
.comment-wrap .comment-list-two .comment-two .avatar-two img{display: block;width: 100%;height: 100%;transition: all .2s}
.comment-wrap .comment-list-two .comment-two .avatar-two:hover img{transform: scale(1.2);}
.comment-wrap .comment-list-two .list-txt-two{line-height: 24px;color:#666666;word-break: break-all;}
.comment-wrap .comment-list-two .list-txt-two a{color:#6786FF;margin-right: 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;max-width: 72px;  display: inline-block;vertical-align: top;}
.comment-wrap .comment-list-two .list-txt-two a:hover{color: #E3AD13;}
.comment-wrap .comment-list-two .list-txt-two span{padding-right: 10px;}
.comment-wrap .comment-list-two .list-txt-two span.title-type {font-size: 12px;color: #ffffff;background: #ff583d;border-radius: 3px;text-align: center;margin-right: 10px;width: 32px;padding: 0 4px;font-weight: 400;}
.comment-wrap .comment-list-two .single-img{padding-top: 15px;display: inline-block;position: relative;}
.comment-wrap .comment-list-two .single-img img{max-width: 240px;max-height: 240px;cursor: pointer;vertical-align: top;}
.comment-wrap .comment-list-two .single-img .slide-icon{display: none;}
.comment-wrap .comment-list-two .single-img:hover .slide-icon{display: block;}
.comment-wrap .comment-list-two .img-box{padding-top:15px;width:250px}
.comment-wrap .comment-list-two .img-box .img{width:80px;height:80px;margin:0 2px 2px 0;background-size:cover;background-position:center;float:left;cursor:pointer;position: relative;}
.comment-wrap .comment-list-two .img-box .img:hover .slide-icon{display: block;}
.comment-wrap .comment-list-two .dynamic-content-container .slide-icon{display:none;width:30px;height:30px;position:absolute;right:10px;bottom:10px;cursor:pointer;border:1px #a3a3a3 solid;border-radius:3px;background:rgba(0,0,0,.5)}
.comment-wrap .comment-list-two .dynamic-content-container .slide-icon i{width:20px;height:20px;left:4px;top:4px;background:url(/assets/revision/images/course/play-icon12.png) -265px -305px;position:absolute}
.comment-wrap .comment-list-two .dynamic-content-container .dslide-detail .dslide-main:hover .slide-icon{display:block}
.comment-wrap .comment-list-two .list-b-two{margin-top: 14px;font-size: 12px;color:#999;}
.comment-wrap .comment-list-two .list-b-two span{margin-right:20px}
.comment-wrap .comment-list-two .list-b-two .reply-btn:hover{color:#E3AD13;transition: color .2s;cursor: pointer;}
.comment-wrap .comment-list-two .list-b-two .zan-btn{cursor: pointer}
.comment-wrap .comment-list-two .list-b-two .zan-btn i{width: 12px;height: 11px;display: inline-block;background: url(/assets/revision/images/course/comment-icon.v5.png) -122px -83px;vertical-align: top;margin:1px 5px 0 0;}
.comment-wrap .comment-list-two .list-b-two .zan-btn.active{color:#E3AD13;}
.comment-wrap .comment-list-two .list-b-two .zan-btn.active i{background-position: -122px -110px;}
.comment-wrap .comment-list-two .list-b-two .more-btn{position: relative;}
.comment-wrap .comment-list-two .list-b-two .more-btn .dian{line-height:2px;margin-top: -4px;cursor: pointer;}
.comment-wrap .comment-list-two .list-b-two .more-btn .dian:before{content: ".\A.\A.";    white-space: pre-wrap;font-size: 18px;}

.comment-wrap .comment-list-two .list-b-two .more-btn .win-cover{position: absolute;right: 0;top: 16px;background: #fff;border-radius: 4px;border:1px #ddd solid;width: 54px;padding: 4px 0;z-index: 3;display: none;}
.comment-wrap .comment-list-two .list-b-two .more-btn .win-cover span{font-size: 12px;color:#999;display: block;transition: all .2s;text-align: center;height: 21px;line-height: 20px;cursor:pointer;margin-right:0 }
.comment-wrap .comment-list-two .list-b-two .more-btn .win-cover span:hover{background: #f8f8f8;color:#E3AD13;}
.comment-wrap .comment-one.comment-hide .comment-two{display: none;}
.comment-wrap .comment-one.comment-hide .comment-two:nth-child(-n+3){display: block;}
.comment-wrap .comment-one.comment-hide .more-comment-two{display: block;}
.comment-wrap .comment-one.comment-hide .page-list-two{display: none;}
.comment-wrap .page-list-two{margin-top: 20px;font-size: 12px;color:#666;}
.comment-wrap .page-list-two a,.comment-wrap .page-list-two span{color:#666;margin-right: 10px;}
.comment-wrap .page-list-two a:hover,.comment-wrap .page-list-two a.active{color:#6786FF;}
.comment-wrap .more-comment-two{margin-top: 20px;font-size: 12px;color:#666;}
.comment-wrap .more-comment-two a{color:#6786FF;margin-left: 15px;}
.comment-wrap .more-comment-two a:hover{color: #E3AD13;}
.comment-wrap .comment-textarea-two{position: relative;padding-left: 68px;padding-right: 69px;}
.comment-wrap .comment-textarea-two .avatar{position: absolute;left: 0;top: 0;width: 48px;height: 48px;border:1px #ddd solid;border-radius: 50%;overflow: hidden;}
.comment-wrap .comment-textarea-two .avatar img{display: block;width: 100%;height: 100%;transition: all .4s}
.comment-wrap .comment-textarea-two .avatar:hover img{transform: scale(1.2);}
.comment-wrap .comment-textarea-two .textarea-wrap{position: relative;margin-top: 43px;}
.comment-wrap .comment-textarea-two .textarea-wrap .emoji-btn{margin-top: 10px;}
.comment-wrap .comment-textarea-two .comment-upload-img{margin-top: 15px;position: relative;}
.comment-wrap .comment-textarea-two .comment-upload-img .emoji-btn{margin:0 0 0 15px;}
.comment-wrap .comment-textarea-two .comment-upload-img .upload-icon{width: 24px;height: 24px;border-radius: 3px;border:1px #ddd solid;position: relative;padding:4px 0 0 3px;cursor: pointer;background: #f8f8f8;}
.comment-wrap .comment-textarea-two .comment-upload-img .upload-icon i{display: inline-block;vertical-align: top;width: 16px;height: 14px;background: url(/assets/revision/images/course/comment-icon.v5.png) -266px -126px;}
.comment-wrap .comment-textarea-two .comment-upload-img .upload-icon:hover i{background-position: -266px -219px;}
.comment-wrap .comment-textarea-two .comment-upload-img .upload-img-box{width: 290px;padding:15px 0 15px 15px;border-radius: 5px;background: #fff;z-index: 2;position: absolute;left: -66px;top: 36px;border:1px #ddd solid;}
.comment-wrap .comment-textarea-two .comment-upload-img .upload-img-box .box-t span{color: #999;font-size: 12px;}
.comment-wrap .comment-textarea-two .comment-upload-img .upload-img-box .box-t .txt{padding:0 10px;}
.comment-wrap .comment-textarea-two .comment-upload-img .upload-img-box .img-horn{position: absolute;left: 75px;top: -7px;background: #fff;width: 10px;height: 7px;margin-left: -3px;}
.comment-wrap .comment-textarea-two .comment-upload-img .upload-img-box .img-horn:before{content: '';position: absolute;left: 2px;top: 0;background: #ddd;width: 1px;height: 8px;transform: rotate(50deg);}
.comment-wrap .comment-textarea-two .comment-upload-img .upload-img-box .img-horn:after{content: '';position: absolute;right: 2px;top: 0;background: #ddd;width: 1px;height: 8px;transform: rotate(-50deg);}
.comment-wrap .comment-textarea-two .comment-upload-img .upload-img-box .box-m{padding-top: 5px;width: 100%;}
.comment-wrap .comment-textarea-two .comment-upload-img .upload-img-box .upload-btn{width: 80px;height: 80px;border:1px dashed #999;position: relative;border-radius: 2px;margin-top: 10px;cursor: pointer;transition:all .2s}
.comment-wrap .comment-textarea-two .comment-upload-img .upload-img-box .upload-btn:hover{border-color: #E3AD13;}
.comment-wrap .comment-textarea-two .comment-upload-img .upload-img-box .upload-btn:before{content: '';width: 18px;height: 2px;background: #999;left: 30px;top: 38px;position: absolute;transition:all .2s}
.comment-wrap .comment-textarea-two .comment-upload-img .upload-img-box .upload-btn:after{content: '';width: 2px;height: 18px;background: #999;left: 38px;top: 30px;position: absolute;transition:all .2s}
.comment-wrap .comment-textarea-two .comment-upload-img .upload-img-box .upload-btn:hover:before,.comment-wrap .comment-textarea-two .comment-upload-img .upload-img-box .upload-btn:hover:after{background: #E3AD13;}
.comment-wrap .comment-textarea-two .comment-upload-img .upload-img-box .upload-btn .webuploader-pick{height: 100%;opacity: 0;}
.comment-wrap .comment-textarea-two .comment-upload-img .upload-img-box .upload-btn div:nth-child(2){width: 100%!important;height: 100%!important;opacity: 0;cursor: pointer;}
.comment-wrap .comment-textarea-two .comment-upload-img .upload-img-box .upload-btn div:nth-child(2) input{position: absolute;width: 100%;height: 100%;left: 0;top:0}
.comment-wrap .comment-textarea-two .comment-upload-img .upload-img-box .upload-img-list{width: 80px;height: 80px;border-radius: 2px;margin:10px 10px 0 0;background-size: cover;background-position: center;float: left;position: relative;}
.comment-wrap .comment-textarea-two .comment-upload-img .upload-img-box .upload-img-list .viewThumb{width: 100%;height: 100%;border-radius: 5px;background-size: cover;background-position: center;}
.comment-wrap .comment-textarea-two .comment-upload-img .upload-img-box .upload-img-list .viewThumb img{display: block;width: 100%;height: 100%;border-radius: 5px;}
.comment-wrap .comment-textarea-two .comment-upload-img .upload-img-box .upload-img-list .bgimg{display:block;width:100%;height:100%;border-radius:5px;background-size:cover;background-position:center}
.comment-wrap .comment-textarea-two .comment-upload-img .upload-img-box .upload-img-list:hover .diyCancel{display:block}
.comment-wrap .comment-textarea-two .comment-upload-img .upload-img-box .upload-img-list .diyCancel{width:15px;height:15px;background:rgba(0,0,0,.8);border:1px solid #fff;border-radius:50%;position:absolute;right:-6px;top:-6px;cursor:pointer;display:none}
.comment-wrap .comment-textarea-two .comment-upload-img .upload-img-box .upload-img-list .diyCancel:before{width:1px;height: 7px;background:#fff;position:absolute;left: 6px;top: 3px;content:'';transform:rotate(45deg);}
.comment-wrap .comment-textarea-two .comment-upload-img .upload-img-box .upload-img-list .diyCancel:after{width:1px;height: 7px;background:#fff;position:absolute;left: 6px;top: 3px;content:'';transform:rotate(-45deg);}
.comment-wrap .comment-textarea-two .comment-upload-img .upload-img-box .upload-img-list .diyCancel:hover{background:rgba(255,213,0,.8)}
.comment-wrap .comment-textarea-two .comment-upload-img .upload-img-box .upload-img-list .diyCancel:hover:after,.comment-wrap .comment-textarea-two .comment-upload-img .upload-img-box .upload-img-list .diyCancel:hover:before{background:#333}
.comment-wrap .comment-textarea-two .comment-upload-img .upload-img-box .close{width: 10px;height: 10px;cursor: pointer;right: 15px;top: 15px;position: absolute;}
.comment-wrap .comment-textarea-two .comment-upload-img .upload-img-box .close::before{content: '';position: absolute;left: -1px;top: 5px;transform: rotate(45deg);height: 1px;background: #666;width: 12px;}
.comment-wrap .comment-textarea-two .comment-upload-img .upload-img-box .close::after{content: '';position: absolute;left: -1px;top: 5px;transform: rotate(-45deg);height: 1px;background: #666;width: 12px;}
.comment-wrap .comment-textarea-two .textarea{border:1px #ddd solid;border-radius: 4px;padding: 5px 9px;height: 65px;width: 100%;line-height: 18px;font-size: 12px;transition: all .2s;vertical-align: top;}
.comment-wrap .comment-textarea-two .textarea:focus{border-color: #999}
.comment-wrap .comment-textarea-two .cont-num{position: absolute;right: 10px;top: 44px;color:#b8b8b8;font-size: 12px;}
.comment-wrap .comment-textarea-two .cont-num em{font-weight: normal;}
.comment-wrap .comment-textarea-two .submit-btn{position: absolute;right: 0;top: 0;width: 65px;}
.comment-wrap .comment-textarea-two .submit-btn .btn{width: 65px;height: 65px;border-radius: 4px;background: #ffd500;cursor: pointer;line-height: 16px;padding: 15px 15px 0;display: block;color:#333;border:1px #ffd500 solid;text-align: center;}
.comment-wrap .comment-textarea-two .submit-btn .btn.disable{background: #f8f8f8;border:1px #ddd solid;cursor: initial;}

.comment-wrap #page-m{margin-bottom: 10px;}
.comment-wrap #page-m a{min-width: auto;height: 32px;line-height: 30px;font-size: 12px;padding:0 11.5px;color:#666;transition: all .2s}
.comment-wrap #page-m span{line-height: 30px;}

.comment-wrap .page-container ul a{border-radius: 3px}


/* -------- layer举报弹窗 -- */
.report-win .report-head{padding: 10px 0 25px;font-size: 18px;color:#333333;border-bottom: 1px #ddd solid;}
.report-win .report-m{padding:0 0 0 25px;}
.report-win .report-list{padding-top: 22px;text-align: left;}
.report-win .report-list > p{color:#999;padding-bottom: 14px;}
.report-win .report-list label{cursor: pointer;}
.report-win .report-list .report-input span{color:#666666;width: 85px;padding-left: 4px;display: inline-block;}
.report-win .report-list .report-input input{vertical-align: -2px;}
/* 自定义弹窗 */
.report-container{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background:rgba(0,0,0,.5);z-index: 1003}
.report-container .report-win{position: absolute;left: 50%;top:50%;width:450px;height:350px;margin:-175px 0 0 -225px;background: #fff;text-align: center;padding-top: 20px; border-radius: 5px}
.report-container .report-win .close{position: absolute;width: 15px;height: 15px;right: 15px;top: 15px;cursor: pointer;transition:all .3s;}
.report-container .report-win .close:hover{transform: rotate(180deg)}
.report-container .report-win .close:before{content: '';position: absolute;width: 1px;height: 18px;transform: rotate(45deg);left: 7px;top: -1px;background: #bbb;}
.report-container .report-win .close:after{content: '';position: absolute;width: 1px;height: 18px;transform: rotate(-45deg);left: 7px;top: -1px;background: #bbb;}
.report-container .report-win .btn{height:40px;line-height:38px;margin:20px 15px 0;padding:0 28px;background-color:#fff;color:#666;border-radius:4px;font-weight:400;cursor:pointer;text-decoration:none;font-size:16px;border:1px #ddd solid;display:inline-block}
.report-container .report-win .btn:hover{opacity: .9}
.report-container .report-win .btn.submit{border-color:#ffd500;background-color:#ffd500;color:#333}

/* -------- 课程练习 -- */
.video-b .class-practice{padding: 22px 20px;}
.video-b .class-practice h3{font-size: 16px;color:#666;font-weight: normal;height: 34px;}
.video-b .imgshow-m{width: 103%;padding-bottom: 10px;}
.video-b .imgshow-m .list{width: 283px;border:1px #ddd solid;border-radius: 4px;transition: all .2s;float: left;margin:0 15px 15px 0;overflow: hidden;background: #fff}
.video-b .imgshow-m .list .list-img{position: relative;border-bottom: 1px #ddd solid;}
.video-b .imgshow-m .list .list-img img{display: block;width: 100%;height: 172px;}
.video-b .imgshow-m .list .list-img .play-cover{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.35);opacity: 0;transition: all .25s;}
.video-b .imgshow-m .list .list-img .play-cover:before{content: "";left: 50%;top: 50%;margin: -30px 0 0 -30px;width: 60px;height: 60px;transition: all .25s;background: url(https://js.huke88.com/assets/revision/images/base-icon.v58.png) 0 -490px;position: absolute;transform: scale(1.5);}
.video-b .imgshow-m .list:hover{box-shadow: 0 0 12px rgba(0,0,0,.3)}
.video-b .imgshow-m .list:hover .list-img .play-cover{opacity: 1}
.video-b .imgshow-m .list:hover .list-img .play-cover:before{transform: scale(1);}
.video-b .imgshow-m .list .img-name{padding: 0 9px;line-height: 42px;}
.video-b .imgshow-m .list .img-name .name-link{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;font-size: 16px;color:#333;}
.video-b .imgshow-m .list .img-name .name-link:hover{color: #E3AD13;}
.video-b .imgshow-m .list .img-data{padding: 0 9px 10px;line-height: 18px;}

.newReply-border{ border-bottom: 1px solid #ddd; padding-bottom: 20px;}


/* 评论图片切换 */
.dslide-cen{position:relative}
.dslide-cen .dslide-onliy{position:relative;max-width:400px;display:inline-block;margin-top:10px}
.dslide-cen .dslide-onliy img{border:1px solid #ddd;display:block;max-width:100%;cursor:pointer}
.dslide-cen .dslide-pages{margin:16px 0 12px}
.dslide-cen .dslide-pages .dpage-list{float:left;width:50px;height:50px;margin-right:10px;line-height:44px;text-align:center;border:1px solid rgba(221,221,221,1);border-radius:5px;cursor:pointer;position:relative}
.dslide-cen .dslide-pages .dpage-list.on{width:60px;height:60px;position:relative;margin-top:-3px;border:2px solid #e3ad13;line-height:54px}
.dslide-cen .dslide-pages .dpage-list.on:before{content:'';position:absolute;left:22px;bottom:-14px;width:0;height:0;border-width:6px;border-style:solid;border-color:#e3ad13 transparent transparent transparent}
.dslide-cen .dslide-pages .dpage-list img{max-width:100%;max-height:100%;vertical-align:middle}
.dslide-cen .dslide-detail{position:relative}
.dslide-cen .dslide-detail.dslide-detail-slide-hide .dslide-main:hover .dslide-next,.dslide-cen .dslide-detail.dslide-detail-slide-hide .dslide-main:hover .dslide-prev{display: none}
.dslide-cen .dslide-detail .dslide-main{position:relative;display:inline-block}
.dslide-cen .dslide-detail.dslide-detail-slide-hide .dslide-bigImg{margin-top: 15px;}
.dslide-cen .dslide-detail .dslide-main .dslide-all{position:absolute;left:0;top:0;height:100%;width:100%}
.dslide-cen .dslide-detail .dslide-main .dslide-tab{position:absolute;top:50%;margin-top:-16px;width:18px;height:32px;background:url(/assets/revision/images/course/comment-icon.v5.png) no-repeat;border-radius:5px;z-index:99;cursor:pointer;display:none}
.dslide-cen .dslide-detail .dslide-main:hover .dslide-tab{display:block}
.dslide-cen .dslide-detail .dslide-main .dslide-next{right:30px;background-position:-150px -234px}
.dslide-cen .dslide-detail .dslide-main .dslide-prev{left:10px;background-position:-113px -234px}
.dslide-cen .dslide-detail .dslide-bigImg{position:relative;max-width:400px;height:100%;cursor:pointer;margin-right:20px;display:inline-block;vertical-align:middle}
.dslide-cen .dslide-detail .dslide-bigImg img{border:1px solid #ddd;display:block;max-width:100%;max-height:800px}
.dslide-cen .dslide-detail .dslide-bigImg .dslide-styLabel{position:absolute;left:10px;bottom:10px;padding:4px 10px;font-size:12px;color:#fff;background-color:rgba(0,0,0,.5);border-radius:10px}
.dslide-cen .dslide-icon{display:none;width:30px;height:30px;position:absolute;right:10px;bottom:10px;cursor:pointer;border:1px #a3a3a3 solid;border-radius:3px;background:rgba(0,0,0,.5)}
.dslide-cen .dslide-icon i{width:20px;height:20px;left:4px;top:4px;background:url(/assets/revision/images/course/play-icon12.png) -265px -305px;position:absolute}
.dslide-cen .dslide-detail .dslide-main:hover .dslide-icon{display:block}
.dslide-main:hover .dslide-label{display: block;}
.dslide-cen .dslide-label{position:absolute;right:10px;bottom:50px;font-size:12px;color:#fff;width:40px;height:25px;line-height:22px;text-align:center;border-radius:3px;border:1px solid #a3a3a3;background:rgba(0,0,0,.5);display: none;}
.dslide-cen .dslide-label.dslide-anit{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s}
.dslide-cen .dslide-label.dslide-anit i{width:6px;height:6px;margin:0 2px;background-color:#fff;border-radius:100%;display:inline-block;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;-ms-animation:bouncedelay 1.4s infinite ease-in-out;-o-animation:bouncedelay 1.4s infinite ease-in-out;-moz-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}
.dslide-cen .dslide-label.dslide-anit i.load1{-webkit-animation-delay:-.32s;-o-animation-delay:-.32s;-ms-animation-delay:-.32s;-moz-animation-delay:-.32s;animation-delay:-.32s}
.dslide-cen .dslide-label.dslide-anit i.load2{-webkit-animation-delay:-.16s;-o-animation-delay:-.16s;-ms-animation-delay:-.16s;-moz-animation-delay:-.16s;animation-delay:-.16s}
@-webkit-keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0);-ms-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
    40%{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
}
@keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}
    40%{-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
}


/* 评论大图浏览弹窗 */
/*图文教程大图浏览弹窗*/
.img-comment-win{position: fixed;z-index: 1001;left: 0;top: 0;width: 100%;height: 100%;display: none;}
.img-comment-win .win-bg{z-index: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);}
.img-comment-win > *{z-index: 2;}
.img-comment-win .close{width: 40px;height: 40px;position: absolute;right:25px;top:65px;background: rgba(0,0,0,.5);border-radius: 50%;cursor: pointer}
.img-comment-win .close:before{content: '';position: absolute;left: 13px;top: 13px;width: 14px;height: 14px;background: url(/assets/revision/images/course/play-icon12.png) -282px -334px;}
.img-comment-win .close:hover:before{background-position: -301px -334px}
.img-comment-win .btn-l{width: 40px;height: 60px;position: absolute;left:65px;top: 50%;margin-top: -30px;cursor: pointer;background: rgba(0,0,0,.5);border-radius: 5px}
.img-comment-win .btn-l:before{content: '';position: absolute;left: 14px;top: 20px;background: url(/assets/revision/images/course/play-icon12.png) -289px -307px;width: 12px;height: 20px;}
.img-comment-win .btn-l:hover:before{background-position: -304px -307px}
.img-comment-win .btn-r{width: 40px;height: 60px;position: absolute;right: 65px;top: 50%;margin-top: -30px;cursor: pointer;background: rgba(0,0,0,.5);border-radius: 5px}
.img-comment-win .btn-r:before{content: '';position: absolute;left: 14px;top: 20px;background: url(/assets/revision/images/course/play-icon12.png) -285px -354px;width: 12px;height: 20px;}
.img-comment-win .btn-r:hover:before{background-position: -304px -354px}
.img-comment-win .tip-l{padding: 0 20px;height: 40px;position: absolute;left: 65px;top: 50%;margin-top: 60px;border-radius: 5px;background: rgba(0,0,0,.5);color:#fff;line-height: 40px;display: none;}
.img-comment-win .tip-r{padding: 0 20px;height: 40px;position: absolute;right: 65px;top: 50%;margin-top: 60px;border-radius: 5px;background: rgba(0,0,0,.5);color:#fff;line-height: 40px;display: none;}
.img-comment-win .box-m{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;z-index: 1;}
.img-comment-win .box-m img{display: inline-block;vertical-align: middle;max-height: 100%;max-width: 100%;position: relative;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.img-comment-win .loading{width: 48px;height: 50px;position: absolute;left: 50%;top: 50%;margin:-25px 0 0 -24px;background: url(/assets/revision/images/course/play-icon12.png) -241px -448px;animation: loading-rotate 1.5s linear infinite;z-index: 0;}
.img-comment-win .box-m.put img{cursor: zoom-in;}
.img-comment-win .box-m.put-in{overflow: auto;text-align: center;}
.img-comment-win .box-m.put-in img{cursor: zoom-out;position: relative;max-width: inherit;max-height: inherit;left: 0;top: 0;transform: translate(0,0);margin:auto;}
@keyframes loading-rotate{
    100%{transform: rotate(360deg);}
}
.top-comment{width: 48px;height: 16px;font-size: 12px;color: rgb(255, 255, 255);display: inline-block;text-align: center;border-radius: 2px;background: #f53500;margin-left: 10px;line-height: 16px;}

/* 客户端hover效果 */
.comment-wrap .down-link{position: relative;}
.comment-wrap .down-link:hover .app-download{display: block;}
.comment-wrap .down-link .app-download{position: absolute;width: 193px;height: 189px;top: 15px;left: -5px;text-align: center;padding-top: 24px;background: url(/assets/revision/images/download/app-download.png);z-index: 10;display: none;}
.comment-wrap .down-link .app-download p{font-size: 16px;color:#000;margin-bottom: 6px;width: 140px;}
.comment-wrap .down-link .app-download .p2{font-weight:bold; ;}
.comment-wrap .down-link .app-download img{display: block;width: 106px;height: 106px;margin-left: 17px;}

/* 空链接 */
.avatar-two a[href='javascript:;'], .list-txt-two a[href='javascript:;']{cursor: auto;}

.comment-wrap .comment-list-two .list-txt-two span.tittle-type {color: #ffffff;background: #ff583d;border-radius: 3px;text-align: center;margin-right: 10px;width: 32px;padding: 0 4px;font-weight: 400;}

/*new19.12.23*/
.videoActicityImg{ margin-top: 20px;}
.videoActicityImg img{ display: block; width: 100%;}

#videoPictureUploader0 div:nth-child(2){width:100%!important;height:100%!important;}
#videoPictureUploader1 div:nth-child(2){width:100%!important;height:100%!important;}

.prize-box-win{position: fixed;z-index: 1001;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);display: none;}
.prize-box-win .win-m{position: absolute;left: 50%;top: 50%;width: 860px;height: 616px;margin:-313px 0 0 -430px;background: #fff;border-radius: 5px;padding:40px 40px 0}
.prize-box-win .win-m h2{font-size: 18px;text-align: center;}
.prize-box-win .win-m h2 i{width: 19px;height: 18px;background:url(/assets/revision/images/course/comment-icon.v5.png) -266px -89px;display: inline-block;margin-right: 10px;vertical-align: top;}
.prize-box-win .win-m .close{position: absolute;right: 15px;top: 15px;width: 14px;height: 14px;}
.prize-box-win .win-m .close:before,.prize-box-win .win-m .close:after{content: '';width: 1px;height: 17px;background: #666666;position: absolute;left: 7px;top: -1px;cursor: pointer;}
.prize-box-win .win-m .close:before{transform: rotate(45deg);}
.prize-box-win .win-m .close:after{transform: rotate(-45deg);}
.prize-box-win .win-m .item{padding-top:30px}
.prize-box-win .win-m .box{background: linear-gradient(314deg, #FFD500 0%, #FED61A 100%);width: 380px;height: 388px;border-radius: 5px;padding:20px 20px 0}
.prize-box-win .win-m .box h3{font-size: 16px;text-align: center;height: 40px;}
.prize-box-win .win-m .box .bot{font-size: 12px;color: #666;line-height: 18px;}
.prize-box-win .win-m .box .list{background: #fff;border-radius: 5px;margin-bottom: 10px;}
.prize-box-win .win-m .box-l .list{line-height: 50px;padding-left: 120px;color:#666;position: relative;}
.prize-box-win .win-m .box-l .list .s2 i{color: #FF583D;}
.prize-box-win .win-m .box-l .list:nth-child(5) .s1,.prize-box-win .win-m .box-l .list:nth-child(6) .s1{position: absolute;top: 0;right: 250px;}
.prize-box-win .win-m .box-l .list:nth-child(5) .s1 i,.prize-box-win .win-m .box-l .list:nth-child(6) .s1 i{color: #FF583D;}
.prize-box-win .win-m .box-l .list:nth-child(-n+4) .s1{width: 47px;height: 46px;padding-top:18px;text-align: center;color:#fff;position: absolute;left: 43px;top: 0;line-height: 14px;}
.prize-box-win .win-m .box-l .list:nth-child(-n+4) .s1 i{width: 13px;height: 14px;position: absolute;left: -23px;top: 18px;background:url(/assets/revision/images/course/comment-icon.v5.png);}
.prize-box-win .win-m .box-l .list:nth-child(-n+4) .s1:before{content: '';position: absolute;left: 0;bottom:0;border:24px transparent solid;border-bottom: 4px #fff solid;}
.prize-box-win .win-m .box-l .list:nth-child(2) .s1{background: #FF583D;}
.prize-box-win .win-m .box-l .list:nth-child(2) .s1 i{background-position: -266px -142px;}
.prize-box-win .win-m .box-l .list:nth-child(3) .s1{background: #B5CDDC;}
.prize-box-win .win-m .box-l .list:nth-child(3) .s1 i{background-position: -266px -157px;}
.prize-box-win .win-m .box-l .list:nth-child(4) .s1{background: #FFBE65;}
.prize-box-win .win-m .box-l .list:nth-child(4) .s1 i{background-position: -266px -173px;}
.prize-box-win .win-m .box-l .bot{white-space: nowrap;}
.prize-box-win .win-m .box-r .list{padding:14px 0 14px 20px}
.prize-box-win .win-m .box-r .list p{color: #666;line-height: 28px;}
.prize-box-win .win-m .box-r .list p i{color: #FF583D;}
.prize-box-win .win-m .box-b{margin-top: 20px;padding:15px 20px;background: linear-gradient(314deg, #FFD500 0%, #FED61A 100%);border-radius: 5px;}
.prize-box-win .win-m .box-b .b{background: #fff;border-radius: 5px;line-height: 50px;color:#666}
.prize-box-win .win-m .box-b .b span{font-size: 16px;color:#333;font-weight: bold;padding:0 25px 0 30px;display: inline-block;vertical-align: top;}

/* 分享作品弹窗 */
.share-c{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1001;}
.share-c .share-mask{width:100%;height:100%;background:rgba(0,0,0,.7);position:absolute;top:0;left:0;z-index:997}
.share-c .share-con{position:fixed;top:50%;left:50%;z-index:998;margin-top:-268px;margin-left:-316px;width:633px;height:536px;border-radius:5px;background:#FFF}
.share-c .share-alerts-close{position:absolute;top:15px;right:15px;cursor:pointer;width: 20px;height: 20px;}
.share-c .share-alerts-close:before{content: '';position: absolute;left: 10px;top: -2px;transform: rotate(45deg);width: 1px;height: 26px;background: #666;}
.share-c .share-alerts-close:after{content: '';position: absolute;left: 10px;top: -2px;transform: rotate(-45deg);width: 1px;height: 26px;background: #666;}
.share-alerts{position:absolute;top:40px;left:60px;width:260px;height:456px;border-radius:10px;background:#fff;box-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.05);}
.share-alerts .top-user{margin:-23px 16px 0;padding:20px 0 0 85px;position: relative;background: #fff;border-radius: 6px;height: 76px;}
.share-alerts .top-user .top-user-img{width:45px;height:45px;border-radius:50%;position: absolute;left: 25px;top: 15px;}
.share-alerts .top-user .top-user-name{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.share-alerts .top-user p{padding-top: 10px;color:#999;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.share-alerts .cent-b{height: 300px;border-radius:10px 10px 6px 6px;background-position: center;background-size: cover;}
.share-alerts .user-info{padding:15px 20px 0;text-align: center;display: flex;
    justify-content: space-between;}
.share-alerts .user-info > div{position: relative;padding-top: 46px;}
.share-alerts .user-info i{background: url(/assets/revision/images/course/comment-icon.v5.png) no-repeat;position: absolute;left: 50%;transform: translateX(-50%);}
.share-alerts .user-info i.day{width: 25px;height: 28px;background-position: -212px -444px;top: 6px;}
.share-alerts .user-info i.up{width: 36px;height: 34px;background-position: -192px -475px;top: 0;}
.share-alerts .user-info i.work{width: 26px;height: 20px;background-position: -231px -475px;top: 9px;}
.share-alerts .user-info p{color:#666;}
.share-alerts .user-info p em{font-weight: normal;color: #FF583D;}
.share-r{position:absolute;top:40px;right:10px;padding:70px 30px 0;width:280px;text-align:center}
.share-r .qr{margin:0 10px;width:200px;height:200px;}
.share-r .qr img{width:100%;height:100%;}
.share-r strong{display:inline-block;margin:20px 0 15px;width:100%;color:#333;font-weight:400;font-size:18px;}
.share-r span{display:inline-block;width:100%;color:#999;}
.share-r small{display:inline-block;margin-top:30px;width:100%;color:#999;}

@media only screen and (max-width: 1440px){
    .video-b-l{width: 680px !important;}
    .comment-wrap .score-cont .mood{padding:15px 0 0 101px;}
    .video-b .imgshow-m .list{width: 208px;margin:0 10px 10px 0;}
    .video-b .imgshow-m .list .list-img img{height: 126px;}
    .video-b .class-practice{padding: 19px 17px;}
    .comment-wrap .comment-list .comment-course.tj:before{top: 12px;}
    .comment-wrap .comment-list .comment-course.tj .img{left:46px;top: 40px;}
    .comment-wrap .comment-list .comment-course.tj{padding-left:  216px;padding-top: 40px;height: auto;}
    .comment-wrap .comment-list .comment-course .p2 span.fr{padding-left: 10px;}
    .comment-wrap .comment-list .comment-course .p2 .user-name{padding-left: 38px;max-width: 130px;}
    .comment-wrap .comment-textarea .up-progress .webuploader-pick > span{display:block}
    .comment-wrap .comment-textarea .up-progress .webuploader-pick > span:nth-child(2){padding-left:30px;}
    .comment-wrap .comment-textarea .up-progress .up-title{margin-top:-3px;}
    .comment-wrap .comment-textarea .up-progress i{vertical-align:-10px;position:relative;top:3px}
    .comment-wrap .up-work-tips{font-size: 12px;margin:20px 20px 0;padding-left: 10px;}
    .comment-wrap .up-work-tips .line{margin:10px 10px 0}
    .comment-wrap .work-require .main{padding-left: 322px;}
    .comment-wrap .work-require .main .con-l{width: 300px;}
    .comment-wrap .wx-enterprise{padding:30px 20px}
    .comment-wrap .wx-enterprise .cont{padding:20px 20px 20px 10px}
    .comment-wrap .wx-enterprise .right-close{top:3px;right:3px}
    .comment-wrap .wx-enterprise .left{width:304px}
    .comment-wrap .wx-enterprise .left .h6{font-size:12px}
    .comment-wrap .wx-enterprise .left .h6 i{width:36px}
    .comment-wrap .wx-enterprise .left .lis .li span{font-size:12px}
    .comment-wrap .wx-enterprise .line{margin:52px 10px 0}
    .comment-wrap .wx-enterprise .right{width:261px}
    .comment-wrap .wx-enterprise .right .span{font-size:12px;padding:35px 0 0 12px;line-height:22px}
    .comment-wrap .wx-enterprise .right .span i{margin-top:0}
}
/* 客户端hover效果 */
.comment-wrap .down-link{position: relative;}
.comment-wrap .down-link:hover .app-download{display: block;}
.comment-wrap .down-link .app-download{position: absolute;width: 193px;height: 189px;top: 15px;left: -5px;text-align: center;padding-top: 24px;background: url(/assets/revision/images/download/app-download.png);z-index: 10;display: none;}
.comment-wrap .down-link .app-download p{font-size: 16px;color:#000;margin-bottom: 6px;width: 140px;}
.comment-wrap .down-link .app-download .p2{font-weight:bold; ;}
.comment-wrap .down-link .app-download img{display: block;width: 106px;height: 106px;margin-left: 17px;}

/* 空链接 */
.avatar-two a[href='javascript:;'], .list-txt-two a[href='javascript:;']{cursor: auto;}
/*new19.12.23*/
.videoActicityImg{ margin-top: 20px;}
.videoActicityImg img{ display: block; width: 100%;}

#videoPictureUploader0 div:nth-child(2){width:100%!important;height:100%!important;}
#videoPictureUploader1 div:nth-child(2){width:100%!important;height:100%!important;}
.comment-box .empty{padding:50px 0}
.comment-box .empty .p1{text-align: center;}
.comment-box .empty .p1 img{vertical-align: top;width: 130px;}
.comment-box .empty .p2{color:#999;text-align: center;padding-top: 20px;}


.pos-ai-btn {
    position: absolute;
    left: 0px;
    bottom: -24px;
}

.pos-ai-btn .pos-ai-btn-item-agree {
    cursor: pointer;
    margin-right: 8px;
    display: inline-block;
    width: 50px;
    height: 20px;
    border-radius: 5px;
    background: #FFFFFF;
    box-sizing: border-box;
    border: 1px solid #DDDDDD;
    text-indent: 20px;
    font-size: 12px;
    line-height: 18px;
    color: #999999;
    background: url(/assets/revision/images/notice/ai-replay-unhandle-agree.png) no-repeat 5px 3px;
}

.pos-ai-btn .pos-ai-btn-item-disagree {
    cursor: pointer;
    display: inline-block;
    width: 63px;
    height: 20px;
    border-radius: 5px;
    background: #FFFFFF;
    box-sizing: border-box;
    border: 1px solid #DDDDDD;
    text-indent: 20px;
    font-size: 12px;
    line-height: 18px;
    color: #999999;
    background: url(/assets/revision/images/notice/ai-replay-unhandle-unagree.png) no-repeat 5px 3px;
}

.pos-ai-btn .pos-ai-btn-item-agree:hover,.pos-ai-btn .pos-ai-btn-item-agree.active{
    cursor: pointer;
    margin-right: 8px;
    display: inline-block;
    width: 50px;
    height: 20px;
    border-radius: 5px;
    background: #FFFFFF;
    box-sizing: border-box;
    border: 1px solid #FF832A;
    text-indent: 20px;
    font-size: 12px;
    line-height: 18px;
    color: #FF832A;
    background: url(/assets/revision/images/notice/ai-replay-handle-agree.png) no-repeat 5px 3px;
}

.pos-ai-btn .pos-ai-btn-item-disagree:hover,.pos-ai-btn .pos-ai-btn-item-disagree.active {
    cursor: pointer;
    display: inline-block;
    width: 63px;
    height: 20px;
    border-radius: 5px;
    background: #FFFFFF;
    box-sizing: border-box;
    border: 1px solid #FF832A;
    text-indent: 20px;
    font-size: 12px;
    line-height: 18px;
    color: #FF832A;
    background: url(/assets/revision/images/notice/ai-replay-handle-unagree.png) no-repeat 5px 3px;
}