body{background:0 0;overflow-x:hidden}
[v-cloak]{visibility:hidden}
.x-gp-title{font-size:20px;line-height:24px;color:#222933;font-weight:700;margin-top:20px;margin-bottom:20px;letter-spacing:1px;padding-left: 15px;}
.x-gp-title1{
	border-bottom: 1px solid #edeef0;
	padding: 0 15px 10px 15px ;
	margin-top: 10px;
}
.dt-ops{position:fixed;bottom:0;left:0;right:0;top:0;z-index:10;display:none;-webkit-animation:.5s ease-out backwards;-moz-animation:.5s ease-out backwards;-ms-animation:.5s ease-out backwards;animation:.5s ease-out backwards;-webkit-animation-name:a-fadein;-moz-animation-name:a-fadein;-ms-animation-name:a-fadein;animation-name:a-fadein;max-width:640px;margin-left:auto;margin-right:auto}
.dt-ops-cover{position:absolute;bottom:0;left:0;right:0;top:0;background-color:rgba(0,0,0,.5);z-index:1}
.dt-ops .clam{font-size:14px;float:left;color:#bbb;line-height:50px;position:absolute;left:15px;top:0;bottom:0;z-index:2}
.dt-ops .comment-panel-input{position:absolute;bottom:0;left:0;right:0;z-index:2;background-color:#fff;padding-top:50px;overflow:auto}
.dt-ops .comment-panel-input textarea{height:64px;border-radius:8px;width:100%;border:0;resize:none;font-size:16px}
.dt-ops-btn{margin-top:-50px;height:50px;border-bottom:1px solid #f1f1f1}
.dt-ops-btn button{font-size:16px;color:#ff3b5b;float:right;background:0 0;padding:0 8px;border:0;line-height:50px;position:absolute;right:15px;top:0;bottom:0;z-index:2}
.comment-panel-input-tp{padding:24px 20px}
/* ios */
.dt-ops .comment-panel-input-ios{top:0}
.dt-ops .comment-panel-input-ios .comment-panel-input-tp{height:100%}
.dt-ops .comment-panel-input-ios .comment-panel-input-tp textarea{height:100%}
/* android */
.dt-ops .comment-panel-input.comment-panel-input-android{padding-top:0}
.dt-ops .comment-panel-input-android .dt-ops-btn{position:absolute;bottom:0;left:0;right:0;z-index:3}
.comment-panel-input-android .clam,.dt-ops .comment-panel-input-android .f-titol{display:none}
.comment-panel-input-android .dt-ops-btn button{width:60px;height:30px;background-color:#fe3b5b;border-radius:5px;line-height:30px;font-size:14px;color:#fff;top:7px}
.comment-panel-input-android .comment-panel-input-tp{padding-bottom:50px!important}
@media (max-width:350px){.das,.koip-jiom .fayan,.koip-jiom .shiting{font-size:12px}
}
@media (min-width:640px){.max-menu,.max-widtss{width:640px;margin-left:auto;margin-right:auto;position:relative}
.max-widtss{height:100%}
.max-jt-comment-panel{width:640px;margin-left:auto;margin-right:auto;position:relative}
}
.comment-panel-closed{position:absolute;top:0;bottom:0;height:100%;line-height:49px;left:15px;z-index:3;color:#4a4645;font-size:12px}
.jt-comment-er-title{padding-bottom:5px;margin-bottom:16px}
.jt-comment-er-all{font-size:16px;font-weight: bold;line-height:24px;color:#222933;margin-bottom:16px;text-align:center;position:relative}
.jt-comment-er-all:before{content:'';width:50%;height:2px;position:absolute;left:25%;right:0;top:12px;background-color:#f1f1f1}
.jt-comment-er-all>div{background-color:#fff;width:30%;margin-left:auto;margin-right:auto;position:relative;z-index:1}
.not-comen{text-align:center;font-size:12px;line-height:24px;color:#1b2129;padding-top:40px}
.not-comen>div{margin-top:16px}
.not-comen img{max-width:100%;width:50%}

.not-jtc-comen{text-align:center;font-size:12px;line-height:24px;color:#1b2129;padding: 20px 0;}
.not-jtc-comen>div{margin-top:16px;font-size: 16px;}
.not-jtc-comen img{max-width:100%;width:30%}


.jt-if-comment{padding:20px 15px;position:absolute;top:49px;left:0;right:0;bottom:0;z-index:2;overflow:auto;background-color:#fff;margin-bottom:70px;-webkit-overflow-scrolling:touch;-webkit-animation:1s ease-out backwards;-moz-animation:1s ease-out backwards;-ms-animation:1s ease-out backwards;animation:1s ease-out backwards;-webkit-animation-name:a-fadein;-moz-animation-name:a-fadein;-ms-animation-name:a-fadein;animation-name:a-fadein}
.jt-jtc-container{-webkit-overflow-scrolling:touch;padding-left:15px;padding-right: 15px ;}


.jt-if-comment .jt-jtc-container{
	padding-left: 0;
	padding-right: 0;
}

.jt-comment-group{-webkit-overflow-scrolling:touch;}
.jt-comment{padding-bottom:20px}
.not-jtc{
	padding: 0 15px;
}
.not-jtc>div{height:112px;background-color:#f6f6f6;-webkit-border-radius:6px;border-radius:6px;font-size:14px;line-height:112px;color:#8492a3;text-align:center}
.jt-comment-group{margin-bottom:15px}
.jt-comment-group:last-child{margin-bottom:0}
.jt-comment-group .img{float:left;width:27px;height:27px;-webkit-border-radius:50%;border-radius:50%;background-color:#f4f2ee;overflow:hidden;position:absolute;left:0;top:0}
.jt-comment-group .img img{width:100%;height:100%}
.name-gp>div{float:left}
.name-gp .namex{font-size:14px;line-height:27px;color:#1b2129;font-weight:700}
.name-gp .dianz{font-size:14px;line-height:25px;color:#bbb;float:right}
.name-gp .dianz .txt{float:right;margin-right:3px}
.name-gp .dianz .dianz-icon{float:right;width:16px;margin-top:3px}
.name-gp .dianz .dianz-icon img{width:100%}
.name-gp .dianz .dianz-icon img:first-child{display:block}
.name-gp .dianz .dianz-icon img:last-child{display:none}
.name-gp .dianz-ok .dianz-icon img:first-child{display:none}
.name-gp .dianz-ok .dianz-icon img:last-child{display:block}
.name-gp .dianz-ok{position:relative}
.name-gp .dianz-ok:after{content:'+1';position:absolute;right:0;bottom:-20px;animation:opid 1 1s forwards;font-size:12px;color:#ff6f87}
@keyframes opid{from{opacity:1;bottom:-20px}
to{opacity:0;bottom:20px}
}
.jt-comment-group{padding-left:36px}
.jt-comment-group .jt-comment-right{float:left;width:100%}
.jt-comment-txt{margin-top:4px;font-size:16px;line-height:22px;margin-bottom:4px;color:#1b2129}
.jt-comment-txt span{color:#4a5159}
.jt-comment-time>div{font-size:12px;line-height:20px;line-height:24px}
.jt-comment-time .time{color:#bbb;float:left}
.jt-comment-time .time span{padding:0 3px}
.jt-comment-time .jt-reply{color:#1b2129;float:left}
.jt-comment-time .jt-delete{color:#1b2129;float:right}

/* - */
.jt-comment-er{background-color:#f6f6f6;-webkit-border-radius:2px;border-radius:2px;padding:10px;margin-top:4px}
.jt-comment-er-txt .name{font-size:14px;line-height:18px;color:#1b2129;font-weight:700}
.jt-comment-er-txt .txt{font-size:14px;line-height:20px;color:#1b2129}
.jt-comment-er-more{font-size:12px;line-height:24px;color:#496ab4}
.jt-jtc-container-tips{padding-left:36px;margin-top:14px}
.jt-jtc-container-tips a{font-size:14px;line-height:24px;letter-spacing:0;color:#8492a3}
/* - */
.jt-comment-panel{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9;-webkit-animation:opb 1 1s forwards;-o-animation:opb 1 1s forwards;-moz-animation:opb 1 1s forwards;-ms-animation:opb 1 1s forwards;animation:opb 1 1s forwards;-webkit-overflow-scrolling:touch}
.comment-panel-container{position:absolute;top:0;left:0;right:0;z-index:3;background-color:#fff;-webkit-overflow-scrolling:touch}
.jt-comment-panel-cover{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background-color:rgba(0,0,0,.5);-webkit-overflow-scrolling:touch}
.jt-comment-panel-cintainer{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;height:100%;background-color:#fff;overflow:hidden;-webkit-overflow-scrolling:touch}
.comment-panel-container .title{font-size:18px;color:#222933;text-align:center;padding:13.5px 0;border-bottom:1px solid #f1f1f1;}
.jt-comment-panel .jt-comment-panel-container{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}
.flex-pop-show{-webkit-animation:fdlebot 1 .3s forwards;-o-animation:fdlebot 1 .3s forwards;-moz-animation:fdlebot 1 .3s forwards;-ms-animation:fdlebot 1 .3s forwards;animation:fdlebot 1 .3s forwards;opacity:0;-webkit-transform:-webkit-translateY(10%);transform:translateY(10%)}
.max-jt-comment-panel{height:100%;-webkit-overflow-scrolling:touch}
@media (min-width:760px){.max-jt-comment-panel{width:640px;height:100%;margin-left:auto;margin-right:auto;position:relative}
}
@keyframes fdlebot{0%{-webkit-transform:-webkit-translateY(10%);transform:translateY(10%)}
100%{opacity:1;-webkit-transform:-webkit-translateY(0);transform:translateY(0)}
}
@-webkit-keyframes fdlebot{0%{-webkit-transform:-webkit-translateY(10%);transform:translateY(10%)}
100%{opacity:1;-webkit-transform:-webkit-translateY(0);transform:translateY(0)}
}
@keyframes fdlebotout{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:translateY(100%);transform:translateY(100%)}
}
@-webkit-keyframes fdlebotout{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:translateY(100%);transform:translateY(100%)}
}
.jtcomment-lop{height:100%}
/* - */
.commemt-iframe{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:10;display:none;-webkit-animation:opb 1 1s forwards;-o-animation:opb 1 1s forwards;-moz-animation:opb 1 1s forwards;-ms-animation:opb 1 1s forwards;animation:opb 1 1s forwards;-webkit-overflow-scrolling:touch}
@keyframes opb{from{opacity:0}
to{opacity:1}
}
.commemt-iframe iframe{position:absolute;top:0;left:0;right:0;width:100%;height:100%;z-index:10;background-color:rgba(255,255,255,.5);background-image:url(/Content/Statics/Course/img/load.gif);background-position:center;background-repeat:no-repeat;-webkit-overflow-scrolling:touch}
.iframe-erji{z-index:11}
.commemt-iframe .commemt-iframe-closed{position:absolute;right:20px;top:34px;color:#4a4645;font-size:12px;z-index:2;opacity:0;-webkit-animation:clsedbs 1 .9s forwards;-o-animation:clsedbs 1 .9s forwards;-moz-animation:clsedbs 1 .9s forwards;-ms-animation:clsedbs 1 .9s forwards;animation:clsedbs 1 .9s forwards;-webkit-overflow-scrolling:touch}
@-webkit-keyframes clsedbs{from{opacity:0}
to{opacity:1}
}
@keyframes clsedbs{from{opacity:0}
to{opacity:1}
}
/* 底部输入框 */
.comment-panel-input-cover{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1;background-color:rgba(0,0,0,.2);display:none}
.comment-panel-input-s{position:absolute;left:0;right:0;bottom:0;z-index:3;min-height:50px;border-top:1px solid #f1f1f1;background-color:#fff;padding:0 15px;-webkit-overflow-scrolling:touch}
.comment-panel-input-bs{position:absolute;left:0;right:0;bottom:0;z-index:3;min-height:50px;border-top:1px solid #f1f1f1;background-color:#fff;-webkit-overflow-scrolling:touch}
.comment-panel-input .comment-panel-input-tp{padding-top:8px;position:relative;width:100%;z-index:2;padding:0 15px}
.comment-panel-input .comment-panel-input-tp textarea{width:100%;height:100%;border:0;resize:none;height:50px;padding-top:10px;line-height:24px;font-size:16px}
.plbq{display:none;z-index:4;margin-top:-50px;height:50px;border-bottom:1px solid #f1f1f1;}
.clam{font-size:14px;float:left;color:#bbb;line-height:50px;position:absolute;left:15px;top:0;bottom:0;z-index:2}
.f-titol{width:100%;text-align:center;line-height:48px;position:absolute;left:0;top:0;right:0;bottom:0;width:100%;z-index:1;font-size:16px;color:#222933}
.plbq button{font-size:16px;color:#ff3b5b;float:right;background:0 0;padding:0 8px;border:0;line-height:50px;position:absolute;right:15px;top:0;bottom:0;z-index:2}
.showbtn{padding-bottom:8px}
.showbtn .comment-panel-input-tp textarea{height:64px;border-radius:8px}
.showbtn .comment-panel-input-cover{display:block}
.showbtn.showbtn-ios{top:0}
.showbtn.showbtn-ios .comment-panel-input-bs{top:0;height:100%;padding-top:50px;padding-bottom:16px}
.showbtn.showbtn-ios .comment-panel-input,.showbtn.showbtn-ios .comment-panel-input-tp,.showbtn.showbtn-ios textarea{height:100%}
.showbtn.showbtn-ios .plbq{margin-top:-50px}
.showbtn.showbtn-ios .comment-panel-input-tp{padding:24px 20px}
.showbtn.showbtn-ios .comment-panel-input-bs,.showbtn.showbtn-ios.comment-panel-input-s{border-top:0}
.showbtn.showbtn-ios .plbq{display:block}

/*android*/
.showbtn.showbtn-android.comment-panel-input-android{padding-top:0}
.showbtn.showbtn-android .plbq{position:absolute;bottom:0;left:0;right:0;display:block}
.showbtn.showbtn-android .clam,.showbtn.showbtn-android .f-titol{display:none}
.showbtn.showbtn-android .plbq button{width:70px;height:30px;background-color:#fe3b5b;border-radius:5px;line-height:30px;font-size:16px;color:#fff;top:10px}
.showbtn.showbtn-android .comment-panel-input-tp{padding:0 15px;padding-bottom: 50px;}
.showbtn.showbtn-android .comment-panel-input-tp textarea{line-height:24px;height: 50px;}
/* 底部输入框end */
/* 删除弹窗 */
.jt-delete-pop{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:11}
.jt-delete-pop-cover{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1;background-color:rgba(0,0,0,.5);-webkit-overflow-scrolling:touch}
.jt-delete-pop-container{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:2;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-overflow-scrolling:touch}
.jt-delete-com{width:75%;background-color:#fff;-webkit-border-radius:8px;border-radius:8px;border:solid 1px #f1f1f1;overflow:hidden;-webkit-animation:.3s ease-out backwards;-moz-animation:.3s ease-out backwards;-ms-animation:.3s ease-out backwards;animation:.3s ease-out backwards;-webkit-animation-name:fadeinB;-moz-animation-name:fadeinB;-ms-animation-name:fadeinB;animation-name:fadeinB}
@media (min-width:640px){.jt-delete-com{width:30%}
}
.jt-delete-com .txt{font-size:16px;color:#222933;text-align:center;padding:36px 0;font-weight:700}
.jt-delete-com .btn-group{border-top:1px solid #f1f1f1}
.jt-delete-com .btn-group button{width:50%;float:left;border:0;padding:15px 0;background-color:#fff;font-size:16px}
.jt-delete-com .btn-group button.canel{color:#222933;border-right:1px solid #f1f1f1}
.jt-delete-com .btn-group button.determine{color:#ff3b5b}
/* 删除弹框end */