.visible-mo{display:none;}
.video-container{text-align:center;}
@media (min-width: 1200px){
	.col-lg-4 {
	    width: 28%;
	}
}
@media (max-width: 1140px) {
.wapper {padding:0px 15px; width: auto;margin: 0px auto;}
.top .search {    width: 19.7%;}

#nav_tb { height: 48px;}
.head-nav{height: 48px;background: #323E4E url(../img/dhbg.png) center center / cover repeat-x;}
.head-nav .nav> li {width:10%;}
.head-nav .nav> li:nth-last-child(2){display:none;}
.head-nav .nav> li:nth-last-child(3){display:none;}
.head-nav .nav> li:nth-last-child(4){display:none;}
.advbox { margin: 10px;}
.advbox .adv { width:32%;}
.advbox .adv-margin { margin-right: 2%;}
.sear-img .list-lbt{ }
.search-form { }
.sear-img{ margin-bottom: 20px;}

.video-box .video-play {
    margin-right: 9px;
    margin-bottom: 9px;
}
.fl-width {width:73%;}
.fr-width {width:27%;}
.video-play-width {width:31%;}
.video-play-width .play {width:98%;}
.video-play-width-1 {width:23.5%;}
.video-play-width-1 .play{width:98%;}
.video-play .img img {height:auto;}

/*.video-box .video-play, .video-box .video-play:nth-child(4n){ margin-right:calc((100% - 810px) / 6);margin-right: -moz-calc((100% - 810px) / 6);margin-right: -webkit-calc((100% - 810px) / 6); margin-left:calc((100% - 810px) / 6);margin-left: -moz-calc((100% - 810px) / 6);margin-left: -webkit-calc((100% - 810px) / 6);}
.video-box .video-play:nth-child(3n){ margin-right: 0px;}*/

/*.video-hid-box .video-play, .video-hid-box .video-play:nth-child(3n){ margin-right:calc((100% - 810px) / 6);margin-right: -moz-calc((100% - 810px) / 6);margin-right: -webkit-calc((100% - 810px) / 6);
 margin-left:calc((100% - 810px) / 6);margin-left: -moz-calc((100% - 810px) / 6);margin-left: -webkit-calc((100% - 810px) / 6);}

.video-hid-box .video-play:nth-child(4n){ margin-right: 0px;}*/

.video-list {  margin-bottom: 10px;}
.adv-large {  margin-bottom: 20px;}
 
/*.list-video .video-play {  margin: 10px 0px 15px calc((100% - 540px)/3);  margin: 10px 0px 15px -moz-calc((100% - 540px)/3);  margin: 10px 0px 15px -webkit-calc((100% - 540px)/3);}*/
 #regBox{width:350px;}
 .loginbox>.right .adv{ width:calc(100% - 440px);width: -moz-calc(100% - 440px);width: -webkit-calc(100% - 440px);}
 .cont .line .inputext{ width:180px;}
 .cont .line .right{ width: 200px;}
 .cont .line .submit{ width: 180px;}
 
 .right-list .list-video .video-play{width:29.5%;}
 .right-list .list-video .video-play .play {width:98.5%;height:100%;}
}
@media (max-width: 900px) {
 .video-box .video-play, .video-box .video-play:nth-child(4n){margin:0px;}
 .video-box .video-play:nth-child(3n){ margin-right: 0px;}
 /*.video-box .video-play:nth-child(odd) {margin-right: calc(100% - 540px); margin-right: -moz-calc(100% - 540px); margin-right: -webkit-calc(100% - 540px);}*/
.reg-qcl { display: none;}  
.loginbox{ float: none; margin: 0px auto; width:calc(100% - 2px);width: -moz-calc(100% - 2px); width: -webkit-calc(100% - 2px);}
}

@media (max-width:870px){
/*.top .login,*/
.login .ico-dzfb,.login .ico-favorite { display: none;} 
.list-video .video-play { /* margin: 10px 0px 15px calc((100% - 270px)/2);  margin: 10px 0px 15px -moz-calc((100% - 270px)/2);  margin: 10px 0px 15px -webkit-calc((100% - 270px)/2);*/}
.search-form { padding:15px 10px;}
.fl-width {width:70%;}
.fr-width {width:30%;}
.video-box .video-hid{display: none;}
.video-play-width {width:46.5%;margin: 0 10px 10px 0!important;}
.video-play-width .play {width:100%;}
.video-play-width-1 {width:31%;margin: 0 10px 10px 0!important;}
.video-play-width-1 .play{width:100%;}
.video-play .img img {height:auto;width:97%}

.left-nav{width:28%;}
.right-list{width:72%;}

.right-list .list-video .video-play {width:46%;margin:10px 0 0 10px;}
.right-list .list-video .video-play .play {width:100%;height:100%;}

.fr-width img{height:100%;width:auto;}
.advbox { margin: 10px 0;}
.advbox .adv { width:32%;}
.advbox .adv-margin { margin-right: 1%;}
.ads-top{margin-top:10px!important;}
.fr-width .video-play{width:auto;}
}
@media (max-width:767px){
	.play-left{ width: 100%;}
	.play-left .player{ width: 100%;}
	.play-left .player video { width: 95%;}
	.search-form { padding:15px 10px;}
	.logo{width:auto;}
	.head-nav{height:auto;}
	.head-nav .nav> li{width:16%;}
	.sear-img{margin-top:10px;}
	.video-play .img{text-align:center;height:auto;}
	.video-play .img img{margin-top:15px;}
	.video-play-width,.video-play-width-1{width:45%;margin:0 10px 20px!important;}
	.video-play-width .play{width:100%;}
	.fl-width,.video-box{width:auto;}
	.left-nav{width28%;}
	.right-list{width:72%;}
}
@media (max-width: 640px) {
	.contain-mb{margin-top:15px;}
	.visible-mo{display:block;}
	.top {
		background: #404040 url(../img/topline_02.png) 0px 0px / auto 100% repeat-x;
	}
	.top .wapper {
		height: 96px!important;
		position: relative;
	}
	.top .search { width:50%;}
	.search .search-txt{width:40%;}
	.search .search-sub{width:15%;}
	.top .login {
		position: absolute;
		right: 0px;
		top: 0px;
		display: block;
	}
	.login {padding: 0px 10px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; width:100%}
	.search {
		width: 200px;
		position: absolute;
		right: 0px;
		float: none;
		top: 42px;
	}
	.modal-body,.modal-footer{padding:10px;}
	.login span a{ font-size: 12px;display:inline-block;}
	.login span a span{    
		white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
    }
	.foot-search .search {position: inherit;width:50%;}
	.logo {  width:100%;
		position: absolute;
		left: 0px;
		top: 40px
	}
	.logo .img2 {
		display: none;
	}
	.login .ico-dzfb, .login .ico-favorite{
		display: inline-block;
	}
	.wapper { padding: 0px;}
	.head-fixtop{position:inherit;}
	.head-nav .nav> li{ width:20%;border-right: 1px #B9B8B8 solid;border-bottom: 1px #B9B8B8 solid;margin:0;box-sizing:border-box;height: 48px;line-height: 48px;display: block;text-align: center;}
	.head-nav .nav>li>a{padding:0px;display: block; /*font-size: 10px;*/}
	.head-nav .nav li.slidedown>a::after{content: "";}
	.head-nav .nav> li:nth-last-child(4),.head-nav .nav> li:nth-last-child(3),.head-nav .nav> li:nth-last-child(2){ display: block;}
	
	/*.head-nav .nav> li:last-child { display: none;}*/
	.head-nav{height: auto;background: #323E4E url(../img/dhbg.png) center center / cover repeat-x;}
	.advbox .adv{ width:100%; margin: 0px auto 10px; text-align: center;}
	.advbox .adv>img { width: 100%; display: inline-block; margin: 0px auto;}
	.sear-img {width: 100%;padding: 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
	.sear-img .list-lbt { width: 100%;}
	.sear-img .list-lbt .list-img li { height: 220px;}
	.sear-img .list-lbt { height: 220px; float: none; margin-bottom: 10px;}
	.sear-img .list-lbt .list-word { height: 30px; line-height: 30px;}
	.sear-img .list-lbt .list-word li { line-height: 30px;}
	.sear-img .list-lbt .list-icon span{ width: 16px; height: 8px;}
	.fl-width,.fr-width{width:100%;}
	.search-form { float: none; width:100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
	.video-box { margin:0 10px;}
	.video-box .video-play { width:100%; float: left;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; margin-bottom: 10px;}
	.video-play .play { width:100%;height:100%;}
	.video-play .img{text-align:center;height:auto;}
	.play-left .player video{height:95%;}
	.video-play .img img{width:94%; height:94%;}
	.play-left{width:100%;}
	.video-box .video-play,.video-hid-box .video-play:nth-child(3n), .video-box .video-play:nth-child(4n) {margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 10px;}
	.video-box .video-play>img{height: 100%; width: 100%;}
	.adv-large { display: none;}
	
	.left-nav { width:100%; float:none; overflow: hidden; margin-bottom: 10px;}
	.active_list{display:none;}
	.left-nav ul li { width:50%; float:left}
	.left-nav ul li a { font-size:12px}
	.right-list { float: none; width:100%;}
	.right-list-head { font-size: 13px;}
	.select-list li { float: left; margin: 0px 1px; font-size: 12px;} 
	.video-play { height: auto;  width:100%; float: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; margin-bottom: 10px;}
	.list-video { width:100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; padding: 10px;text-align:center;}
	.list-video .video-play,.list-video .video-play .video-play:nth-child(3n), .list-video .video-play .video-play:nth-child(4n) {margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 10px;}
	.footer .foot-bq .word { font-size: 13px;}
	.loginbox { padding-right: 0px;}
	.loginbox>.right .adv{ display: none!important; float: none;}
	#regBox{ width:300px; padding: 15px 10px 0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;float: none; margin:0px;}
	#mobile_player_line{padding-right:0;font-size:12px;}
	#mobile_player_line .line_title{height: 26px;line-height: 26px;}
	.btn-default{margin-top:5px;}
	.right-list .list-video .video-play{width:100%;}
	
	.play-left .player-mes { line-height: 40px; font-size: 13px;}
	.play-left .player-mes ul li { margin-right: 10px;}
	.play-left {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
	.author .admin { width:100%; float: none;  border-right:0px;}
	.author .video-mes { width:100%; float: none;}
	.play-right .right-adv { display: none;}
	.modal-content {
	    background-color: #e1e1e1;
	    overflow: hidden;
	    width: auto;height: auto;
	}
	.modal-body{font-size:12px;}
	.video-play-width, .video-play-width-1{margin:0 0 20px!important;}
	
	.cont .line { font-size: 12px;}
	.cont .line .left{ width:20%;}
	.cont .line .right{width:80%; width:calc(100% - 95px); width: -moz-calc(100% - 95px); width: -webkit-calc(100% - 95px);}
	.cont .line .inputext { width:80%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
	.cont .line .submit { width: 80%;}
	.notice .msg { width: 60%;}
}