@charset "utf-8";
body{font-family:"Helvetica Neue",Helvetica,Microsoft Yahei,arial,STHeiTi,sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0 auto;padding:0 0 1.2rem;background:#fff;color:#333;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
video embed,video object,video iframe,video{width:100%;height:auto;}
img{max-width:100%;vertical-align:top;border:0;-ms-interpolation-mode:bicubic;-webkit-touch-callout:none;}
li,ol,ul{list-style:none}
i,em,cite{font-style:normal;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
a{color:#333;text-decoration:none;outline:none;}
textarea{resize:none}
input[type="text"],input[type="password"],select,textarea,button,input[type="button"],input[type="reset"],input[type="submit"]{outline:0;-webkit-user-modify:read-write-plaintext-only;-webkit-appearance:none;font-family:"Helvetica Neue",Helvetica,Microsoft Yahei,arial,STHeiTi,sans-serif;}
.fl{float:left;}
.fr{float:right;}

header{height:1.16rem;background:#249ff6;}
header h1{line-height:1.16rem;font-size:0.48rem;text-align:center;color:#fff;}
header .return{background:url("https://www.niigata-engei.com/images/demo/demo2019/return-icon.png") no-repeat center center;background-size:0.24rem 0.44rem;}
header .return,header .header-share{width:1.04rem;height:1.16rem;line-height:1.16rem;position:absolute;left:0;top:0;text-align:center;}
header .isLogin{width:0.773rem;height:0.773rem;position:absolute;right:0.28rem;top:0.22rem;}
header .isLogin img{width:100%;-webkit-border-radius:50%;border-radius:50%;}
header .header-share{width:1.24rem;left:auto;right:1.24rem;}
header .header-share img{width:0.48rem;height:0.52rem;vertical-align:middle;}
.video-mod{position:relative;z-index:1;}
.video-mod img{width:100%;}
.course-recommend{position:absolute;left:0;bottom:1.4rem;display:none;padding:0.16rem .2rem;font-size:0.32rem;color:#fff;background:rgba(5,5,5,0.70);border-radius:0 0.08rem 0.08rem 0;}
.course-recommend a{color:#fff;display:inline-block;}
.course-recommend em{margin-left:.1rem;}
.appDownload{margin:0.4rem 0.4rem 0;}
.appDownload a{padding:0.2rem 0;text-align:center;font-size:0.4rem;color:#249FF6;border:1px solid #249ff6;display:block;-webkit-border-radius:0.08rem;border-radius:0.08rem;}
.appDownload img{width:0.44rem;height:0.44rem;vertical-align:middle;margin:-3px .32rem 0 0;}
.video-title{line-height:0.68rem;padding:0.32rem 0.4rem;font-size:0.427rem;}
.video-det{overflow:hidden;}
.video-det .det-head{height:1.04rem;line-height:1.04rem;background:#f5f5f5; text-align:center;}
.video-det .det-head li{width:32%;font-size:0.4rem;color:#777;text-align:center; display: inline-block;}
.video-det .det-head li.on{font-weight:bold;color:#333;position:relative;z-index:1;}
.video-det .det-head li.on:after{width:0.4rem;height:0.08rem;content:"";position:absolute;left:50%;bottom:0;margin-left:-0.2rem;background:#249ff6;-webkit-border-radius:1.333rem;border-radius:1.333rem;overflow:hidden;}
/*.video-det .swiper-slide{min-height:4rem;}*/
.catalog-mod{padding:0.4rem;}
.catalog-mod .catalog{background:#fff;border:1px solid #ededed;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.04);box-shadow:0 2px 4px 0 rgba(0,0,0,.04);-webkit-border-radius:6px;border-radius:6px;margin-bottom:0.24rem;}
.catalog-mod .catalog h4{padding:0.2rem 0.2rem 0.2rem 0.76rem;line-height:0.56rem;font-size:0.373rem;position:relative;z-index:1;}
.catalog-mod .catalog h4:after{width:0.28rem;height:0.16rem;content:"";position:absolute;left:0.28rem;top:0.38rem;background:url("https://www.niigata-engei.com/images/demo/demo2019/catalog-icon.png") no-repeat;background-size:0.28rem 0.16rem;-webkit-transition: all .3s;transition: all .3s;}
.catalog-mod .catalog .this-open:after{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
.catalog-mod .catalog ul{padding:0 0 0.16rem 0.76rem;display:none;}
.catalog-mod .catalog ul li a{padding:0.16rem 0.2rem 0.16rem 0.6rem;display:block;line-height:0.56rem;font-size:0.373rem;position:relative;z-index:1; width: 65%; overflow: hidden;text-overflow :ellipsis;white-space :nowrap;}
.catalog-mod .catalog ul li a:after{width:0.44rem;height:0.46rem;background:url("https://www.niigata-engei.com/images/demo/demo2019/catalog-play.png") no-repeat;background-size:0.44rem auto;content:"";position:absolute;left:0;top:0.2rem;}
.catalog-mod .catalog ul li.this-play a,.catalog-mod .catalog ul li.this-play span{color:#249ff6;}
.catalog-mod .catalog ul li.this-play a:after{background-position:left -0.52rem;}
.catalog-mod .catalog ul li.this-forbid a{color:#ccc;}
.catalog-mod .catalog ul li.this-forbid a:after{background-position:left -1.04rem;}
.catalog-mod .catalog ul li span{ float: right; margin: 0.24rem 0.4rem 0 0; font-size: 0.373rem; color: #999;}

.lecture-mod{padding:0.4rem;}
.hint-mod{padding:0.2rem 0.48rem;line-height:0.56rem;font-size:0.373rem;color:#249ff6;border:1px solid #249ff6;-webkit-border-radius:6px;border-radius:6px;margin-bottom:.4rem;}
.hint-mod a{color:#ff9a49;}

.none-comment{padding:1.6rem 0 0.8rem;line-height:0.76rem;font-size:0.4rem;color:#777;text-align:center;display:none;}
.none-comment img{width:1.733rem;height:1.44rem;display:block;margin:0 auto 0.32rem;}
.comment-mod{padding:0 0.4rem;}
.comment-mod .comment{min-height:1.08rem;padding:0.4rem 0 0.36rem;border-bottom:1px solid #f7f7f7;}
.comment-mod .comment:last-child{border-bottom:0 none;}
.comment-mod .comm-portrait{float:left;}
.comment-mod .comm-portrait img{width:1.08rem;height:1.08rem;-webkit-border-radius:100%;border-radius:100%;}
.comment-mod .comm-main{margin-left:1.44rem;}
.comment-mod .comm-name{line-height:0.44rem;font-size:0.347rem;padding-top:.04rem;color:#666;display:block;font-weight:normal;}
.comment-mod .comm-grade{margin-top:0.12rem;}
.comment-mod .comm-grade img{width:0.36rem; height:0.36rem;margin-right:0.107rem;}
.comment-mod .comm-tag{font-size:0;}
.comment-mod .comm-tag em{padding:0.1rem 0.24rem;font-size:0.347rem;color:#999;border:1px solid #cfcfcf;margin:0.2rem 0.24rem 0 0;display:inline-block;-webkit-border-radius:0.667rem;border-radius:0.667rem;}
.comment-mod .comm-text{line-height:0.48rem;font-size:0.347rem;margin-top:0.28rem;}


.popMod{width:8rem;background:#fff;position:fixed;left:50%;top:50%;margin-left:-4rem;z-index:800;display:none;}
.popMod .popBody{padding:1.24rem 0.76rem 0.88rem;line-height:0.68rem;font-size:0.4rem;text-align:center;}
.popMod .popFoot{border-top:1px solid #f0f0f0;font-size:0;}
.popMod .popFoot a{width:50%;padding:0.4rem 0;text-align:center;font-size:0.4rem;display:inline-block;color:#249ff6;}
.popMod .popFoot .pop-cancel{position:relative;color:#333;}
.popMod .popFoot .pop-cancel:after{width:1px;background:#f0f0f0;content:"";position:absolute;right:0;top:0;bottom:0;overflow:hidden;}
.maskMod{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:700;cursor:pointer;display:none;}

/*modify 左侧导航*/

/*.fix-onlineNew{width:.96rem;height:.96rem;position:fixed;right:.4rem;bottom:3rem;z-index:19;}
.fix-onlineNew img{width:.96rem;height:.96rem;}*/

.leftFix{position:fixed;right:.4rem;bottom:1.4rem;z-index:19; width: 1.653rem; text-align: center;}
.leftFix img{ display: inline-block; margin-bottom: 0.2rem;}
.leftFix .customer,.leftFix .appDown{ width: 0.96rem; height: 0.96rem;}

.appDownloadNew{ display:block; width:9.2rem; height:0.48rem; line-height:0.48rem; font-size:0.427rem; color:#fff; padding:0.267rem 0; text-align:center; margin:.4rem auto .1rem; border-radius:0.107rem; background:#249FF6;}

.instructionsMask{ width: 100%; height:100%; left: 0; top: 0rem; background: rgba(0,0,0,.6); position: absolute;}
.instructionsPop{ text-align: center; font-size:0.373rem; color: #fff; position: absolute; left: 50%; top:50%; margin-top: -0.5rem; margin-left: -2.867rem;}
.instructionsPop img{ width:0.56rem; height:0.733rem; display: inline-block; margin-top: 0.4rem;}

.loginAfterWord {display:none;border: 1px solid #30b4c0; border-radius: 0.08rem; height: 0.933rem; line-height: 0.933rem; text-align: center; margin: 0.4rem;color: #30b4c0; font-size: 0.4rem;}
.float-buy{position:fixed;left:0;bottom:0.2rem;right:0;z-index:99999;}
.float-buy img{ width: 0.787rem; height: 0.613rem; display: inline-block; position: absolute; top:0.4rem; right: 50%; margin-right: -3.2rem;}

.float-buy a{-webkit-animation:hatch 4s 0s infinite both;animation:hatch 4s 0s infinite both;background-image:-webkit-linear-gradient(left,#FF862C,#FFA326); background-image:-moz-linear-gradient(left,#FF862C,#FFA326); background-image:linear-gradient(left,#FF862C,#FFA326);padding:0.32rem 0;text-align:center;color:#fff;font-size:0.4rem;display:block; border-radius:0.64rem; margin: 0 0.4rem;}
@-webkit-keyframes hatch{ 0%{-webkit-transform-origin:bottom;-webkit-transform:rotate(0deg)} 5%{-webkit-transform:rotate(-4deg)} 9%{-webkit-transform:rotate(4deg)} 13%{-webkit-transform:rotate(-4deg)} 16%{-webkit-transform:rotate(2deg)} 20%{-webkit-transform:rotate(-2deg)} 25%{-webkit-transform:rotate(0deg)} }
@keyframes hatch{0%{transform-origin:bottom;transform:rotate(0deg)} 5%{transform:rotate(-4deg)} 9%{transform:rotate(4deg)} 13%{transform:rotate(-4deg)} 16%{transform:rotate(2deg)} 20%{transform:rotate(-2deg)} 25%{transform:rotate(0deg)} }