html,body{
	width: 100%;
}


img{
	border: 0;
	display: block;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	max-width: 100%;
}

header.head_top_wrap{
	width: 100%;
	height:1.56rem ;
	border-bottom: 1px solid #e7e7e7;
	display: flex;
	position: fixed;
	top: 0;
	background: #fff;
	z-index: 10;
}
header .qjw_logo_pic{
	flex: .87266;
	height: 100%;
}
header .qjw_logo_pic img{
	width: 100%;
	height: 100%;
	max-width: 100%;
}
header .swip_wrap{
	flex: 2;
	height: 100%;
	position: relative;
}

.swip_wrap .tabindex{
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	height: 100%;
	line-height: 1.56rem;
}
.search_pic{
	display: block;
	width: 1rem;
	height: 100%;
	background: url(../img/search.png) #fff no-repeat center;
	background-size: 45% 30%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
	/*background: #ddd;*/
	-webkit-box-shadow: 2px 0 2px #fff;
	box-shadow:-13px 0 34px -7px #fff;
	padding-right: 0.1rem;
}
.tabindex li.swiper-slide{
	width: auto;
	display: inline-block;
	line-height: 1.56rem;
	text-align: center;
	padding-right:0.4rem;
}
.tabindex li a{
	width: auto;
	text-align: center;
	height: 100%;
	display: inline-block;
	color: #676767;
}
.tabindex li a.active{
	position: relative;
	color: #d83e43;
	/*border-bottom: 5px solid #fa716f;*/
	/*border-bottom-left-radius: 0.133333rem;*/
	/*border-bottom-right-radius: 0.133333rem;*/
}
.tabindex li a.active:after{
	content: "";
	display: block;
	background: #d83e43;
	width: 100%;
	height: 0.1rem;
	border-radius:0.4rem ;
	position: absolute;
	bottom: 0;
	z-index: 10;
	left: 50%;
	transform: translateX(-50%);
	border-top-left-radius:9rem;
	border-top-right-radius:9rem;
}


/*首页*/
.main_content{
	width: 100%;
	height: auto;
}

.page{
	width: 100%;
	height: auto;
	margin-top: 1.56rem;
	margin-bottom: 1.33334rem;
}
.swiper-pagination.swi-page{
	width: 100%;
	text-align: right;
}

.swiper-slide.swi_item a{
	display: block;
	position: relative;
	height: 5.61333rem;
}
.swiper-slide.swi_item a:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 1;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	background: -webkit-gradient(linear,0 70%,0 100%,from(rgba(0,0,0,0)),to(#121515));
	background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#121515);
	background: -ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#121515);
	background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#121515);
}
.speak_text{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	padding:0.3rem 1.5rem 0.24rem 0.2rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	z-index: 2;
	/*background: url(../img/title_cover.png) repeat;*/
}
.swi-page span.swiper-pagination-bullet{
	display: inline-block;
	width: 0.2rem;
	height: 0.06rem;
	background: #acacac;
	opacity: 1;
	border-radius: 0;
	margin-right: 2px!important;
	
}
.swi-page span.swiper-pagination-bullet:last-child{
	margin-right: 0.2rem!important;
}
.swi-page span.swiper-pagination-bullet-active{
	background: #e91f27;
}
.swipe_item .swiper-container-horizontal>.swiper-pagination-bullets{
	bottom:0.04rem;
}
.swipe_item .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0 0.02rem;
}


.scroller{
	width: 100%;
	height: auto;
	border-bottom: 0.2rem solid #f1f1f1;
}

.sc_title{
	width: auto;
	height: 1.4rem;
	line-height: 1.4rem;
	background: #fff;
	padding-left: 0.4rem;
}
.sc_title>h3{
	display: inline-block;
	vertical-align: middle;
}

.nav{
	display:-webkit-flex;
	display: flex;
	-webkit-flex-wrap:wrap;
	flex-wrap: wrap;
	background: #FFFFFF;
}
.nav_wrap dt video{
	position: absolute;
	top: 0;
	left: 0;
}
.nav .nav_wrap{
	width: 49%;
	height: auto;
	background:#fff;
	margin-bottom: 0.2rem;
}
.nav_wrap .relative,.status_pic .relative,.nav_wrap dt{
	display: block;
	position: relative;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
	background: url(../img/bgloadimg.png) 50% #f2f2f2 no-repeat;
	background-size: .64rem .64rem;
}
.nav_wrap .relative img,.status_pic .relative img,.nav_wrap dt img:first-child{
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
	-webkit-transition: opacity 1s linear;
	opacity: 1;
}
.nav .nav_wrap .rip{
	width: 100%;
	height: 2.80rem;
	padding: 0;
}
.nav .nav_wrap .rip a{
	display: block;
	height: 100%;
	width: 100%;
}
.nav .nav_wrap .rip a img{
	width: 100%;
	height: 100%;
}
.nav .nav_wrap:nth-of-type(2n-1){
	margin-right: 0.2rem;
}
.nav_font a{
	text-align: left;
	line-height: 0.533333rem;
	margin:0.3rem 0.2rem;
	max-height: 1.06666rem;
	font-family: 'PingFangSC-Light',Arial,Helvetica,sans-serif,"Hiragino Sans GB";
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	/*color:#474747;*/
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	/*word-break: break-all;*/
}
.nav_font a{
	/*color:#474747;*/
}

.scro_main{
	width: 100%;
	height: auto;
}
.wrapper{
	width: 100%;
	height: auto;
	/*overflow-x: scroll;*/
	-webkit-overflow-scrolling: touch;
}
.wrapper::-webkit-scrollbar {
	display: none;
	background: transparent;
}
/*.side{
	width: 640%;
	height:100%;
	font-size: 0;
}*/
/*.wrapper .side .status_pic{
	width: 12.25%;
	display: inline-block;
	margin-right: 0.25%;
	vertical-align: top;
}
.wrapper .side .status_pic:last-child{
	margin-right: 0;
}*/

.yuejian,
.page3{
	width: 100%;
	height: auto;
}



/*用于点击播放的按钮*/
.click-play{
	width: 1.333333rem;
	height: 1.333333rem;
	display: block;
	background: url(../img/paly.png) no-repeat center rgba(0,0,0,.3);
	position: absolute;	
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	border-radius: 50%;
	z-index: 9;
}

/*时间显示按钮*/
.v_time{
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0.266666rem;
	color: #fff;
	background: rgba(0,0,0,.4);
	padding: 0.066666rem 0.2rem;
	border-top-left-radius: 0.266666rem;
	border-bottom-left-radius: 0.266666rem;
	/*letter-spacing: 0.04rem;*/
}
.v_time .line{
	display: inline-block;
	width:1px;
	height:0.26rem;
	border-left:1px solid #ffffff;
	margin: 0 0.14rem -0.04rem ;
}{

}


/*--------------正文页-main-content-----------------------------*/
.header-video{
	width: 100%;
	/*height: 5.626666rem;*/
	position: fixed;
	z-index:999;
}

.mv_content{
	width: 100%;
	height: auto;
	border-bottom: 0.186666rem solid #f6f6f6;
}

.mv_title{
	text-align: left;
	padding-top: 0.3rem;
	font-weight: bold;
	letter-spacing: 0.02rem;
}
.font-bold{
	font-weight: bold;
}
.mv_time{
	line-height: 0.866666rem;
}
.mv_and{
	/*display: flex;*/
	height:auto;
	line-height: 0.933333rem;
	overflow:hidden;
}


.mv_and span{
	width: 33.3%;
	float:left;
}
.mv_and .mv_look{
	flex: 1;
	text-align: center;
}
.mv_and .mv_look:nth-of-type(1){
	text-align: left;
	line-height: 0.98rem;
}
.mv_and .mv_look:nth-child(3){
	text-align: right;
	float: right;
}
.txt_nav{
	padding: 0.1rem 0.32rem 0.266666rem 0.506666rem;
	line-height: 0.613333rem;
	letter-spacing: 0.02rem;
}
.lay{
	line-height: 0.533333rem;
	height: 0.533333rem;
	padding-bottom: 0.3rem;
}

.video_fre{
	width: 100%;
	height: auto;
	border-bottom: 0.186666rem solid #f6f6f6;
	margin-bottom: 1.33334rem;
}

.All_reviews{
	width: 100%;
	height: auto;
	padding-bottom: 1.5rem;
}
.user_comment{
	width: 100%;
	height: auto;
	padding-top: 0.426666rem;
	border-top: 2px solid #e9e9e9;
}

.user_info{
	height: auto;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-bottom: 0.4rem;
}

.user_info .user_left{
	flex: 1;
}
.user_info .user_right{
	flex: 4;
	padding-bottom: 0.1rem;	
	border-bottom: 2px solid #e9e9e9;
}
.user_con{
	width: 1.066666rem;
	height: 1.066666rem;
	display: block;
	margin: 0.1rem auto 0;
}
.user_right .user_nav{
	line-height: 0.533333rem;
	padding-top: 0.2rem;
}
.user_share{
	width: 100%;
	display: flex;
	margin: 0.453333rem 0 0.2rem;
	line-height: 0.5rem;
}
.user_share span{
	flex: 1;
}
.user_share span:first-child{
	flex: 2;
}
.user_share span:last-child{
	text-align: right;
}

.left_bar{
	color: #D83E43;
}

.footer{
	width: 100%;
	height: 1rem;
	padding: 20px 0;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	border-top: 2px solid #e9e9e9;
	z-index: 10;
	display: flex;
	line-height: 1rem;
	background: #fff;
}
.footer .arrow{
	flex: 1;
}
.footer .arrow.arr_back,
.footer .arrow.arr_share{
	text-align: center;
}
.arr_back{
	border-right: 2px solid #e9e9e9;
}
.footer .arrow.arr_input{
	flex: 5;
}

.arrow .user_txt{
	width: 90%;
	height: 100%;
	padding-left: 0.4rem;
	border: none;
}
.left_bar{
	color: red;
}

i.icon-dianzan.scanle{
	animation: scan 1s;
}

i.icon-dianzan{
	color: #919191;
}

/*点赞动画*/
@keyframes scan{
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(2);
    }
    100% {
        transform: scale(1);
    }
}

@-moz-keyframes scan {
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(2);
    }
    100% {
        transform: scale(1);
    }
}
@-webkit-keyframes scan {
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(2);
    }
    100% {
        transform: scale(1);
    }
}
@-o-keyframes scan {
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(2);
    }
    100% {
        transform: scale(1);
    }
}
.line{
	display: inline-block;
	width:1px;
	height:0.28rem;
	border-left:1px solid #919191;
	margin: 0 0.1rem -0.04rem ;
}
.small-fenxiang{
	vertical-align: middle;
}
.small-fenxiang:before{
	font-size:0.42rem;
	margin: 0 0.02rem 0 0.4rem ;
}
.pack-up{
	position:absolute;
	right:0.32rem;
}
.shade {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background-color:rgba(0, 0, 0, .5);
	z-index: 9999;
}
.shade .shade-share{
	position: absolute;
	bottom:-5rem;
	left:0;
	background-color: #ffffff;
	height:4.73333rem;
	width:100%;
}
.shade .shade-share .shade-btn{
	border-top:1px solid #ccc;
	/*padding:0.5rem 0;*/
	line-height:1.573333rem;
	text-align: center;
	color:#919191;
}
.icon-share{
	background: url(../img/fenxiang.png);
	background-size: 3.44rem 1.0666667rem;
	width:33.333%;
	display: inline-block;
}
.icon-qq{
	background-position: 0 -1.0666667rem;
	width:1.0666667rem;
	height:1.0666667rem;
}
.icon-qq-zone{
	background-position: -1.173333rem -1.0666667rem;
	width:1.0666667rem;
	height:1.0666667rem;
}
.icon-sina{
	background-position: -2.346667rem -1.0666667rem;
	width:1.0666667rem;
	height:1.0666667rem;
}
.clear-fix:after,.clear-fix:before{content:"";display:table}
.clear-fix:after{clear:both}

.share-t .share-icon-div{
	float:left;
	width:33.33%;
	text-align: center;
	margin:0.8rem 0;
}
.bdshare-button-style0-16 {
	position: absolute;
	width: 100%;
	top:0.8rem;
	opacity: 0;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.share-t .bdshare-button-style0-16 a, .share-t .bdshare-button-style0-16 .bds_more{
	padding: 0;
	margin: 0;
	height: 1.56rem;
	width: 33.33%;
}
.p2-top-img{
	width:100%;
}

.video-img{
	height:auto;
	width:100%;
}
.video-img-play{
	width:1.3866rem;
	height:auto;
	position: absolute;
	left:50%;
	top:50%;
	margin-left:-0.6933rem;
	margin-top:-0.6933rem;
	z-index: 2;
}
.nav_wrap dt{
	position: relative;
}

.download-app{
	background-color: #d0141b;
	height:1.33333rem;
	position: fixed;
	width:100%;
	z-index:9999;
}
.download-app .top-menu{
	width:0.533333rem;
	height:auto;
	position: absolute;
	margin-left:0.4rem;
	margin-top:0.453333rem;
}
.download-app .top-logo{
	width:2.2667rem;
	height:auto;
	position: absolute;
	margin-left:1.2rem;
	margin-top:0.38rem;
}
.download-app .download-app-btn{
	position: absolute;
	right:0.4rem;
	margin-top:0.4rem;
	color: #ffffff;
	border:1px solid #ffffff;
	background-color: #d0141b;
	padding:0.04rem 0.18rem;
	border-radius: 0.14rem;
}
.import-app .videoDiv{
	margin-top:1.33333rem;
	padding-top: 56.25%;
    background: #000;
}
.import-app .videoDiv video{
	position: absolute;
	top: 0;
	left: 0;
}
.import-app .videoDiv .video-img{
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
/*遮罩层*/
.shade-for-menu{
	background-color: rgba(0,0,0,.9);
}
.shade-for-menu .close{
	width:0.6rem;
	height:0.6rem;
	display: block;
	top:0.36rem;
	right:0.6rem;
	position: absolute;
}
.shade-for-menu .close:before{
	content: '';
	width:0.66rem;
	height:1px;
	display: block;
	background-color: #ffffff;
	position: absolute;
	top: .3rem;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.shade-for-menu .close:after{
	content: '';
	width:0.66rem;
	height:1px;
	display: block;
	background-color: #ffffff;
	position: absolute;
	top: .3rem;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.shade-for-menu ul{
	margin-top:2rem;
	text-align: center;
}
.shade-for-menu ul .active{
	color:#d0141b;
}
.shade-for-menu ul li{
	line-height:1rem;
	text-align: center;
}
.shade-for-menu ul a{
	color:#999999;
}
.shade-for-menu ul a:hover{
	background-color: rgba(0,0,0,0);
}

.pageFooter{
	width: 100%;
	text-align: center;
	height: .8rem;
	padding: 0.26667rem;
	background: #2d3237;
	color: #aaaaaa;
	position: fixed;
	bottom: 0;
	z-index: 99;
	line-height: 0.4rem;
}
.loading{
	text-align: center;
	padding: .2rem 0;
	vertical-align: middle;
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
    display: none;
}
.loading span{
	display: inline-block;
	text-align: center;
	line-height: .64rem;
	height: .64rem;
	background-image: url(../img/loading.png);
	background-position: center left;
	background-repeat: no-repeat;
	background-size: .64rem .64rem;
	padding-left: .64rem;
	color: #ffffff;
	position: relative;
	z-index: 999;
}
.loading:after{
	content: "";
	display: inline-block;
	width: 2.4rem;
	height: 1.2rem;
	background: #000;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -1.2rem;
	margin-top: -0.6rem;
	opacity: 0.7;
	z-index: 99;
	border-radius: 0.1rem;
}