@charset "utf-8";
/* CSS Document */

body{padding-top:80px;z-index: 0;}

.gry{color:rgb(153, 153, 153)}
.red{color:rgb(205, 66, 56)}

.btn:focus,
.btn:hover,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: none;
  border-color: transparent; 
  box-shadow:none;
  color:#FFFFFF;
}

.error{color:red;}

.aphal{
	width: 800px;
	height: 200px;
	background-image: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
	position: absolute;
	z-index: 100;
	display: none;
}

.winxinqrcode{width: 100px; height: 100px; margin-top: 10px;}

.content{width: 1200px; height: auto; overflow: hidden;margin: 80px auto;}
.navbar {width: 100%;  border:none; border-top:2px solid #FF6701; padding-top: 10px;}
.nav_box{width: 1200px;margin: 0 auto;}
.navbar .container-fluid{width: 1200px;}
.navbar-brand{font-size:2.5rem;  margin-top: 10px; padding-top: 0px;}
.navbar-brand img{height: 30px;}
.navbar-form {width: 30%;}
.navbar-form .input-group{width:100%;}
.navbar-nav li a{font-size:1.4rem;padding-left: 10px;padding-right: 10px; }
.navbar-nav .bigMenu a{color:#03428E;font-weight: bold;}
.navbar-nav .img-circle{width: 30px; height: 30px;}

.btn-search{color:#fff;background-color:#FB4F02;border-color:#CD5005;outline:none;}
/*.btn-ask{color:#fff;background-color:#0443C0;border-color:#0D3992;outline:none;}
.btn-ask:hover{color: #fff;background-color:#023394;outline:none;}*/
.btn-search:hover{color: #fff;background-color:#CA3F00;outline:none;}
.btn-focus{ background: #053FC5;color:#FFFFFF;outline:none;}
.tips{color:#CCC;font-size:14px;}

.winxinqrcode{width: 100px; height: 100px; margin-top: 10px;}

.form-control.change::-webkit-input-placeholder {
   color: red;
}

.tab-content{margin-top: 20px;}

.popover{position:fixed;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #EFEFEF;border:1px solid rgba(0,0,0,.1);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}
.popover p{color:#8B8A8A;font-size:1.5rem;}
.popover p a{color:#8B8A8A;font-size:1.5rem;}


.content{width: 1200px; margin: 0 auto;}
.nav-pills{margin-top: 20px;}
.nav-pills li a{color:#333;}
.video_box{margin-top: 30px;}
.video_item{width: calc(25% - 20px);margin-right: 20px;margin-bottom: 30px; height: auto; overflow: hidden;border-radius: 10px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.1);box-shadow:0 5px 10px rgba(0,0,0,.1);background-color: #FFFFFF; }
/*.video_item:nth-child(4n){margin-right: 0px;}*/
.video_item img{width: 100%;}
.video_item a{color:#666; text-decoration: none;}
.video_item .video_thumb{width: 100%; height: 158px; overflow: hidden;border-radius: 10px 10px 0px 0px;margin-bottom: 10px;}
.video_item .video_share{padding: 0px 15px;margin-bottom: 10px;}
.video_item .video_share span{margin-right: 10px;cursor: pointer;color:#ccc;}
.video_item .video_share .strvip{color:green;font-weight: bold;}
.video_item .video_share span:last-child{margin-right: 0;}
.video_item .video_title{height:40px; line-height: 20px;margin-bottom: 10px; padding: 0px 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.video_item .video_title a{font-size:14px;color:#333;}
.video_item .video_duration{color:#999; margin-bottom: 10px; margin-right: 15px;}
.video_item .video_price{color:red; margin-bottom: 10px; margin-left: 15px;font-weight:bold;}
.video_item .video_price .free{background-color: red; padding: 5px; color:#FFFFFF; border-radius: 5px;font-size:12px;}
.video_play_bg{width:100%;height: 400px; overflow: hidden;background-color:rgba(4,76,244,1.00);margin:0; padding: 0; }
.video_play_bg h1{color:#FFFFFF;text-align: center;margin-top: 50px;}
.video_info{margin: 20px auto;width: 1200px; height:50px; overflow: hidden; text-align: center;color:rgba(255,255,255,0.5);}
.content_play{margin: 0px auto;margin-top: -150px;background-color: #FFF;width: 1200px; height:auto; overflow: hidden;border-radius: 20px;/*-webkit-box-shadow:0 5px 10px rgba(0,0,0,.1);box-shadow:0 5px 10px rgba(0,0,0,.1);*/padding-bottom: 100px; }
.play_tree{margin-top: 20px; margin-left: calc(50% - 600px);color:rgba(255,255,255,0.5);}
.play_tree a{color:rgba(255,255,255,0.5);;}
.play_share{margin-top: 20px; margin-right: calc(50% - 600px);}
.play_share span{padding: 10px 15px;border-radius: 15px; background-color: rgba(255,255,255,0.5); margin-right: 20px;color:#FFF;cursor: pointer;}
.player_box{width: calc(100% - 60px); height: auto;overflow: hidden;margin: 30px auto;border-radius: 20px 20px 0px 0px; }
.tcplayer{margin:0 auto;}
/* 通过 css 设置播放器尺寸 */
#player-container-id{width:100%;height:480px;}
@media screen and (max-width:640px){#player-container-id{width:100%;height:270px;}}
.video_profile{width: calc(100% - 60px); height:auto; overflow: hidden;margin: 30px auto;line-height: 25px;}
.video_keyword{width: calc(100% - 60px); height: auto; overflow: hidden;margin: 15px auto;}
.video_keyword span{padding: 10px 15px; height: 30px; background-color:red; margin-right: 20px;color:#FFF;}
.video_keyword span a{color:#FFF;}
.video_lan{height: 50px; line-height: 50px; vertical-align: middle;width: 100%;text-align: center;color:#FFF;font-size:24px; background: url( "../images/tab.png") no-repeat center;margin-top: -25px;}
.other_video{width:1200px; height: auto;border:2px dashed #CCC; margin: 0 auto;border-radius: 20px;margin-bottom: 100px;}
.other_box{width: calc(100% - 60px);height: auto;overflow: hidden;margin: 30px auto; }

/* 大屏幕 ：大于等于1200px*/
@media (min-width: 1200px) {
	.content{width: 1200px; }
	.navbar .container-fluid{width: 1200px;}
}

/*默认*/
@media (min-width: 1024px) and (max-width: 1199px){
	.content{width: calc(100% - 100px); height: auto; overflow: hidden;margin: 50px auto;}
	.navbar .container-fluid{width: calc(100% - 100px);}
	.video_item{width: calc(33% - 20px); margin-right: 20px;}
	.breadcrumb{margin-top: 20px;}
}

@media(min-width: 768px) and (max-width:1023px) {
	.content{width: calc(100% - 30px); height: auto; overflow: hidden;margin: 0 auto;}
	.navbar .container-fluid{width: calc(100% - 30px);}
	.video_item{width: calc(33% - 20px);margin-right: 20px;}
	.breadcrumb{margin-top: 20px;}
}
 
/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media(max-width: 767px) {
	.navbar .container-fluid{width: 100%;}
	.navbar-form {width: 100%;margin: 0;padding:10px 0px; border-bottom:none;}
	.navbar-nav li{ margin-left: 15px;}
	.navbar-brand img{height: 20px;}
	.content{margin: 60px auto 50px auto;width: calc(100% - 30px);}
	.video_item .strvip{display: none;}
	.video_item{width: calc(33% - 20px);margin-right: 20px;}
	.breadcrumb{margin-top: 20px;}
}

/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 479px) {
	.video_item{width: calc(50% - 20px); margin-right: 20px;}
	.breadcrumb{margin-top: 10px;}
	.video_item .video_thumb{width: 100%; height: 87px;}
	.pagination>li>a,.pagination>li>span{padding:5px 9px;}
}