
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html,
body {
  height: 100%;
}


.mt-15 { margin-top: 15px; }
.mt-25 { margin-top: 25px; }

.blind {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
}

.nuritube-intro .tab-container {
   padding-left: 22px; 
}

.nuritube-intro .intro-toptext {
  text-align: center;
  font-size: 17px;
  line-height: 24px;
  
}

.nuritube-intro .playlist-main-title{ 
	margin-top: 50px;
	padding-bottom: 15px; 
	background: url("/new/img/nuritube/section_horz_line.png") repeat-x;
	background-position: left bottom; 
	margin-left: -22px; 
}
.nuritube-intro .playlist-main-title span { 
	color:#727272; 
	font-size:13px; 
	display: inline-block;
	vertical-align: text-bottom;  
	letter-spacing: -0.7px;
 }
 .nuritube-intro .playlist-main-title p::after{ 
 	content: '';
 	width: 1px; 
 	height: 24px; 
 	background:#d1d1d9; 
 	display:inline-block;
 	vertical-alig: bottom ; 
 	margin: 0 11px 0 15px;  
 	
 }
.nuritube-intro .playlist-main-title p { 
	display: inline-block; 
	vertical-align: bottom; 
}

.nuritube-intro .playlist-title {
  position: relative;
}

.nuritube-intro .playlist-title.mt-50 {
  margin-top: 50px;
}

.nuritube-intro .playlist-title h3 {
  font-size: 18px;
}

.nuritube-intro .playlist-title .more {
  color: #0060ff;
  font-size: 12px;
  margin-left: 14px;
}

.nuritube-intro .playlist-title .more span::after {
  content: '';
  width: 6px;
  height: 8px;
  background: url("/new/img/nuritube/ico_arr.png") no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}

.nuritube-intro .playlist-title .tit-sub {
  color: #666666;
  font-size: 12px;
  margin-top: 3px;
}

.nuritube-intro .playlist-title .attribute {
  position: absolute;
  right: 20px;
  bottom: 0;
  font-size: 12px;
  color:#2db29e;
  font-weight:bold; 
}

.nuritube-intro .playlist-title .attribute a {
  color: #2485fc;
  font-weight: bold;
  text-decoration: underline;
}

.nuritube-intro .playlist-title .attribute a{
	
	 
	width:41px; height:25px; 
	background: url("/new/img/nuritube/logo_goodteacher.png") no-repeat ;
	background-size: contain ;
	display: inline-block; 
	vertical-align: bottom;	
}
.nuritube-intro .title-orange {
  font-size: 18px;
  font-weight: bold;
  color: #ff4e00;
  padding-bottom: 10px;
}

.nuritube-intro .basic > li {
  line-height: 24px;
}

.nuritube-intro .nuritube-download {
  margin-top: 30px;
  position: relative;
  overflow: hidden;
  letter-spacing: -10px;
}

.nuritube-intro .nuritube-download li {
  letter-spacing: 0;
  text-align: center;
  font-size: 17px;
  line-height: 22px;
  font-weight: bold;
  color: #0d78ff;
  padding: 0 55px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding-top: 10px;
  padding-bottom: 45px;
}

.nuritube-intro .nuritube-download li:first-child::before {
  display: none;
}

.nuritube-intro .nuritube-download li::before {
  content: '';
  width: 1px;
  height: 117px;
  background: #ddd;
  position: absolute;
  left: 0;
  top: 0;
}

.nuritube-intro .nuritube-download li .down {
  width: 220px;
  height: 44px;
  line-height: 44px;
  background-color: #0d78ff;
  display: block;
  margin-top: 12px;
}

.nuritube-intro .nuritube-download li .down span {
  color: #fff;
  font-size: 15px;
}

.nuritube-intro .nuritube-download li .down span::after {
  content: '';
  width: 22px;
  height: 14px;
  background: url("/new/img/nuritube/ico_down.png") no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

.nuritube-intro .title-recom {
  margin-top: 40px;
  font-size: 26px;
  line-height: 1;
}

.nuritube-intro .recommend-playlist {
  margin-top: 10px;
  overflow: hidden;
}

.nuritube-intro .recommend-playlist ul {
  overflow: hidden;
}

.nuritube-intro .recommend-playlist li {
  float: left;
  margin-left: 15px;
  text-align: center;
}

.nuritube-intro .recommend-playlist li:first-child {
  margin-left: 0;
}

.nuritube-intro .recommend-playlist li .thumb {
  width: 320px;
  height: 180px;
  position: relative;
  border: 2px solid transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.nuritube-intro .recommend-playlist li .thumb:hover {
  border: 2px solid #2485fc;
}

.nuritube-intro .recommend-playlist li .thumb::after {
  content: '';
  position: absolute;
  width: 46px;
  height: 44px;
  background: url("/new/img/nuritube/ico_play.png") no-repeat;
  top: 50%;
  left: 50%;
  margin-top: -23px;
  margin-left: -22px;
}

.nuritube-intro .recommend-playlist li .thumb img {
  width: 100%;
  height: 100%;
}

.nuritube-intro .recommend-playlist li dl {
  padding-top: 10px;
}

.nuritube-intro .recommend-playlist li dl dt {
  font-weight: bold;
  font-size: 16px;
}

.nuritube-intro .recommend-playlist li dl .time {
  font-size: 13px;
  color: #666;
}

.nuritube-intro .btn-watch-nuritube {
  margin-top: 30px;
  display: block;
  width: 345px;
  height: 60px;
  line-height: 60px;
  background: #ff5400;
  margin-left: auto;
  margin-right: auto;
  border-radius: 30px;
  text-align: center;
}

.nuritube-intro .btn-watch-nuritube span {
  color: #fff;
  font-sizE: 18px;
  font-weight: bold;
  display: block;
}

.nuritube-intro .btn-watch-nuritube span::after {
  content: '';
  width: 28px;
  height: 25px;
  background: url("/new/img/nuritube/ico_tv.png") no-repeat;
  display: inline-block;
  vertical-align: sub;
  margin-left: 10px;
}

.nuritube-intro .last-textbox {
  background: #f9f5e4 url("/new/img/nuritube/nuritube_intro_last_text.png") no-repeat left top;
  height: 133px;
  width: 100%;
  padding-left: 300px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 17px;
  line-height: 26px;
  padding-top: 30px;
}


.tab2 {
  overflow: hidden;
  border-top: 3px solid #4782ca;
}

.tab2 li {
  float: left;
  width: 50%;
  border-bottom: 1px solid #ddd;
  background: #f6f6f6;
  border-right: 1px solid #ddd;
}

.tab2 li:first-child {
  border-left: 1px solid #ddd;
}

.tab2 li:first-child.active {
  border-left: 1px solid #4782ca;
}

.tab2 li.active {
  background: #4782ca;
  border-bottom: 1px solid #4782ca;
  border-right: 1px solid #4782ca;
}

.tab2 li.active a {
  color: #fff;
}

.tab2 li a {
  font-size: 15px;
  display: block;
  height: 49px;
  line-height: 49px;
  text-align: center;
}

.horz {
  display: block;
  width: 100%;
  height: 5px;
  background: url("/new/img/nuritube/section_horz_line.png") repeat-x;
  border: none;
  margin: 30px 0 0 0;
  padding: 0 0 30px 0;
}

.horz-line {
  display: block;
  width: 100%;
  height: 1px;
  margin: 25px auto 25px auto ;
  margin-left: -22px;  
  background:#ddd; 
  border: none; 
}

.nuritube-playlist {
  margin-top: 10px;
  width: 1000px;
}

.nuritube-playlist .play-item a {
  display: block;
  position: relative;
}

.nuritube-playlist .play-item a::after {
  content: '';
  position: absolute;
  width: 46px;
  height: 44px;
  background: url("/new/img/nuritube/ico_play.png") no-repeat;
  top: 50%;
  left: 50%;
  margin-top: -40px;
  margin-left: -28px;
}

.nuritube-playlist .play-item a img {
  border: 2px solid transparent;
}

.nuritube-playlist .play-item a:hover img {
  border: 2px solid #2485fc;
}

.nuritube-playlist .play-item dl {
  text-align: center;
  padding-top: 5px;
}

.nuritube-playlist .play-item dl dt {
  font-size: 14px;
  font-weight: bold;
}

.nuritube-playlist .play-item dl dd {
  font-size: 14px;
  color: #666;
}

.nuritube-playlist .slick-arrow {
  width: 45px;
  height: 45px;
  background-repeat: no-repeat;
  border: none;
  font-size: 0;
  position: absolute;
  z-index: 100;
  padding: 0;
  top: 46px;
}

.nuritube-playlist .slick-arrow.slick-disabled {
  visibility: hidden;
}

.nuritube-playlist .slick-arrow.slick-prev {
  background: url("/new/img/nuritube/slide_arrow_prev.png");
  left: -22px;
}

.nuritube-playlist .slick-arrow.slick-next {
  background: url("/new/img/nuritube/slide_arrow_next.png");
  right: -15px;
}

.intro-img-box {
  background: #f4f4f4;
  padding: 40px 0 40px 0;
  border-radius: 40px;
  width: 990px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
}

.intro-img-box .intro-img01 {
  background: url("/new/img/nuritube/nuritube_intro_img01.png") no-repeat;
  width: 860px;
  height: 296px;
  margin: 0 auto;
}

.intro-img-box .intro-img02 {
  background: url("/new/img/nuritube/nuritube_intro_img02.png") no-repeat;
  width: 862px;
  height: 245px;
  margin: 40px auto 0 auto;
}

.intro-description {
  margin-top: 30px;
  padding-bottom: 25px;
}

.intro-description h4 {
  color: #0d78ff;
  font-weight: bold;
  font-size: 18px;
  padding-bottom: 5px;
}

.intro-description li {
  margin-top: 5px;
}


.nuritube-view .view-title {
  
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  
}

.nuritube-view .view-title::after{
	content: ''; 
	width: 100%; height: 100%; 
	background: #5e6d7e; 
	position: absolute; 
	left: 0; bottom: 0;
	z-index: -2;
	
}
/* 
.nuritube-view .view-title::before{
	content: ''; 
	width: 100%; height: 43px; 
	background: #eeeeef; 
	position: absolute; 
	left: 0; bottom: 0;
	z-index: -1;
	
} */

.nuritube-view .view-title-in {
  width: 640px;
  padding: 20px 0; 
  margin: 0 auto;
  position: relative;
}

.nuritube-view .view-title .logo {
  position: absolute;
  right: 0;
  top: 18px; 
  width: 72px;
  height: 29px;
  background: url("/new/img/nuritube/logo.png") no-repeat;
}

.nuritube-view .view-title .page-title::before {
  content: '';
  width: 28px;
  height: 25px;
  background: url("/new/img/nuritube/ico_tv.png") no-repeat;
  display: inline-block;
  vertical-align: sub;
  margin-right: 10px;
}
.gteacher{ 
	height: 43px; 
	width: 100%;
	background-color:#eeeeef;
}
.gteacher span{ 
	display: block; 
	width: 640px; 
	height: 43px;
	margin: 0 auto;
	font-size: 0; 
	background-image: url("/new/img/nuritube/vod_banner_goodteacher.png"); 
	background-repeat: no-repeat;
	background-position: -20px 0; 
	
}

.nuritube-view .view-container {
  padding: 20px 7px;
  width: 655px;
  margin-left: auto;
  margin-right: auto;
}

.nuritube-view .view-container .vid-title {
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
}

.nuritube-view .view-container .vid-subtitle {
  font-size: 15px;
  margin-top: 10px;
}

.nuritube-view .view-container .video-wrap {
  margin-top: 15px;
  height: 360px;
  position: relative;
  background: #e3e8ed;
}

.nuritube-view .view-container .video-wrap video {
  background-color: #333;
  display: none;
}

.nuritube-view .view-container .video-wrap.onAir video {
  display: block;
}

.nuritube-view .view-container .video-wrap.onAir .off-text {
  display: none;
}

.nuritube-view .view-container .video-wrap.offAir video {
  display: none;
}

.nuritube-view .view-container .video-wrap.offAir .off-text {
  display: block;
  text-align: center;
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 15px;
}

.nuritube-view .view-container .video-wrap.offAir .off-text strong {
  padding-bottom: 5px;
  display: block;
}

.nuritube-view .user-btn {
  margin-top: 10px;
  position: relative;
}

.nuritube-view .user-btn .btn-rec-list {
  width: 150px;
  height: 34px;
  line-height: 34px;
  font-size: 13px;
  font-weight: bold;
  background-color: #24adfc;
  border: none;
}

.nuritube-view .user-btn .btn-rec-list span {
  color: #fff;
}

.nuritube-view .user-btn .btn-rec-list span::after {
  content: '';
  width: 10px;
  height: 8px;
  background-image: url("/new/img/nuritube/ico_btn_arrow.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  display: inline-block;
  margin-left: 10px;
}

.nuritube-view .user-btn .btn-rec-list.open span::after {
  background-position: -10px 0;
}

.nuritube-view .user-btn .btn-share-wrap {
  position: relative;
  position: absolute;
  right: 0;
  top: 0;
}

.nuritube-view .user-btn .btn-share-wrap #share-link {
  position: absolute;
  opacity: 0;
  z-index: -10;
  right: 0; 
}

.nuritube-view .user-btn .btn-share-wrap .btn-share {
  background: #fff;
  border: 1px solid #000;
  width: 164px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}

.nuritube-view .user-btn .btn-share-wrap .btn-share span {
  color: #532f2f;
  font-size: 13px;
  display: block;
}

.nuritube-view .user-btn .btn-share-wrap .btn-share span::after {
  content: '';
  width: 12px;
  height: 14px;
  background: url("/new/img/nuritube/ico_share.png") no-repeat;
  display: inline-block;
  margin-left: 8px;
}

.nuritube-view .user-btn .btn-share-wrap .btn-share-text {
  background: url("/new/img/nuritube/share_text_bg.png") no-repeat;
  padding-top: 22px;
  padding-left: 18px;
  position: absolute;
  right: 0;
  top: 30px;
  font-size: 12px;
  color: #333;
  width: 223px;
  height: 67px;
  display: none;
  z-index: 10;
}

.nuritube-view .user-btn .btn-share-wrap .btn-share-text .btn-close-share {
  width: 9px;
  height: 9px;
  background: url("/new/img/nuritube/btn_copy_x.png") no-repeat;
  position: absolute;
  right: 10px;
  top: 15px;
  cursor: pointer;
}

.nuritube-view .video-rec-list {
  display: none;
  margin-top: 10px;
}

.nuritube-view .video-rec-list table {
  width: 100%;
}

.nuritube-view .video-rec-list table tr:hover {
  background: #eff6fc;
}

.nuritube-view .video-rec-list table thead th {
  background: #d9dfe6;
  color: #000;
  font-size: 13px;
  font-weight: bold;
  border-top: 1px solid #cfd2d6;
  border-bottom: 1px solid #cfd2d6;
}

.nuritube-view .video-rec-list table td,
.nuritube-view .video-rec-list table th {
  padding: 13px 5px;
}

.nuritube-view .video-rec-list table td.b-check,
.nuritube-view .video-rec-list table th.b-check {
  width: 40px;
  text-align: center;
}

.nuritube-view .video-rec-list table td.b-num,
.nuritube-view .video-rec-list table th.b-num {
  width: 40px;
  text-align: center;
}

.nuritube-view .video-rec-list table td.b-title,
.nuritube-view .video-rec-list table th.b-title {
  width: 410px;
  text-align: left;
}

.nuritube-view .video-rec-list table td.b-replay,
.nuritube-view .video-rec-list table th.b-replay {
  width: 60px;
  text-align: center;
}

.nuritube-view .video-rec-list table td.b-date,
.nuritube-view .video-rec-list table th.b-date {
  text-align: center;
}

.nuritube-view .video-rec-list table th.b-check {
  border-left: 1px solid #cfd2d6;
}

.nuritube-view .video-rec-list table th.b-title {
  text-align: center;
}

.nuritube-view .video-rec-list table td {
  border-bottom: 1px solid #cfd2d6;
}

.nuritube-view .video-rec-list table td.b-num {
  font-size: 12px;
  color: #999;
}

.nuritube-view .video-rec-list table td.b-title a {
  padding-left: 20px;
  display: block;
  overflow: hidden;
  max-width: 390px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: bold;
  padding-left: 25px;
  position: relative;
}

.nuritube-view .video-rec-list table td.b-title a:hover {
  color: #2485fc;
}

.nuritube-view .video-rec-list table td.b-title a.now-playing {
  color: #2485fc;
}

.nuritube-view .video-rec-list table td.b-title a.now-playing::before {
  content: '';
  width: 12px;
  height: 7px;
  background: url("/new/img/nuritube/ico_playing.png") no-repeat;
  position: absolute;
  left: 0;
  top: 7px;
}

.nuritube-view .video-rec-list table td.b-replay .btn-replay {
  width: 19px;
  height: 19px;
  background: url("/new/img/nuritube/ico_tv2.png") no-repeat;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.nuritube-view .video-rec-list table td.b-date {
  font-size: 12px;
  color: #999;
}

.nuritube-view .video-rec-list .pagination {
  margin-top: 10px;
  position: relative;
  text-align: center;
  letter-spacing: -10px;
}

.nuritube-view .video-rec-list .btn-del-video {
  letter-spacing: 0;
  border: 1px solid #d5d5d5;
  width: 100px;
  height: 34px;
  line-height: 34px;
  padding: 0;
  text-align: center;
  background-color: transparent;
  position: absolute;
  left: 0;
  top: 0;
}

.nuritube-view .video-rec-list .btn-del-video span {
  color: #532f2f;
  font-size: 13px;
  display: block;
}

.nuritube-view .video-rec-list .btn-del-video span::after {
  content: '';
  background: url("/new/img/nuritube/btn_del.png") no-repeat;
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-left: 10px;
}

.nuritube-view .video-rec-list a[class*='page-'] {
  letter-spacing: 0;
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px 0 3px;
  line-height: 30px;
  text-align: center;
  font-size: 13px;
  color: #999;
  background-image: url("/new/img/nuritube/btn_pager.png");
  background-repeat: no-repeat;
}

.nuritube-view .video-rec-list a[class*='page-'].page-current {
  background: #5e6d7e;
  border: 1px solid #5e6d7e;
  color: #fff;
  font-weight: bold;
  border: 1px solid #d5d5d5;
  background-image: none;
}

.nuritube-view .video-rec-list a[class*='page-'].page-num {
  background-image: none;
  border: 1px solid #d5d5d5;
}

.nuritube-view .video-rec-list a[class*='page-'].page-first {
  background-position: 0 0;
}

.nuritube-view .video-rec-list a[class*='page-'].page-prev {
  background-position: -30px 0;
}

.nuritube-view .video-rec-list a[class*='page-'].page-next {
  background-position: -60px 0;
}

.nuritube-view .video-rec-list a[class*='page-'].page-last {
  background-position: -90px 0;
}

.nuritube-view .check-container {
  display: inline-block;
  position: relative;
  padding-left: 0;
  cursor: pointer;
  font-size: 1px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 15px;
  height: 15px;
  vertical-align: middle;
}

.nuritube-view .check-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.nuritube-view .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background: #fff;
  border: 1px solid #c6c6c6;
}

.nuritube-view .check-container:hover input ~ .checkmark {
  background-color: #ccc;
}

.nuritube-view .check-container input:checked ~ .checkmark {
  background-color: #2196F3;
  border: 1px solid #2196F3;
}

.nuritube-view .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.nuritube-view .check-container input:checked ~ .checkmark:after {
  display: block;
}

.nuritube-view .check-container .checkmark:after {
  left: 5px;
  top: 3px;
  width: 4px;
  height: 7px;
  border: solid white;
  border-width: 0px 2px 2px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.nuritube-error {
  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;
  width: 100%;
  height: 100%;
}

.nuritube-error .error-textwrap {
  text-align: center;
}

.nuritube-error .text-big {
  font-size: 30px;
  padding-top: 210px;
  background: url("/new/img/nuritube/img_error.png") no-repeat top center;
  font-weight: bold;
}

.nuritube-error .text-big .col-red {
  color: #ff0000;
}

.nuritube-error .text-big .col-blue {
  color: #006cff;
}

.nuritube-error .text-sml {
  color: #999;
  font-size: 16px;
  line-height: 22px;
  margin-top: 10px;
}


.video-js {
	margin: 0 auto; 
}