.wrap{
	width: 100%;
	height: 100%;
}
.header{
	height:2rem;
	line-height:2rem;
	padding:0 .640rem;
	box-sizing: border-box;
	flex-shrink: 0;
	position:fixed;
	top:0;
	width:100%;
	max-width:750px;
	margin:0 auto;
	background:#FFFFFF;
	z-index:100;
	display:flex;
	justify-content:center;
}
.head_title{
	text-align:center;
	font-size:0.682rem;
	color:#1F1F1F;
	font-weight:600;
}
.header .right_box{
	width:2rem;
}
.content{
	overflow-y: scroll;
	flex:1;
}
/* .content::-webkit-scrollbar{
    display:block;
  } */
.banner{
	padding:0 .640rem;    
	box-sizing: border-box;
	margin-top:2rem;
}
.banner_img{
	flex-shrink: 0;
	width:100%;
	height:5.4rem;
}
.banner_img img{
	display:block;
	width:100%;
}
.video_nav{
	padding:0 .640rem;
	margin-top:1.130rem;
	display:flex;
	padding-right: 1rem;
	-moz-box-sizing: border-box;  
	-webkit-box-sizing: border-box; 
	-o-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	box-sizing: border-box; 
	overflow-x: scroll;
	position: relative;
	cursor:pointer;
}
.nav_item{
	font-size:.640rem;
	color:#666666;
	padding-bottom:0.25rem;
	margin-right:1rem; 
	flex-shrink:0;	        
}
.nav_item.active{
	color:#1F1F1F;
	font-size:.725rem;
	font-weight:600;
	position:relative;
	z-index:9;
}
.nav_item.active:after{
	background: linear-gradient(90deg, #2CCA81 0%, #2CCA81 30%, #F8F9FB 100%);
	position:absolute;
	right: 0;
	bottom:2px;
	left: 0;
	height:0.256rem;
	border-radius: 3px;
	content: "";
	z-index:-1;
}
.video_list{
	display:flex;
	flex-wrap:wrap;
	padding:0 .640rem;
	padding-bottom:3.54rem;
}
.video_item{
	width:48%;
	margin-right:4%;
	margin-bottom:0.768rem;
}
.video_cover{
	position:relative;
	width:100%;
	height:7rem;
}
.video_cover img{
	display:block;
	width:100%;
	height:100%;
}
.video_cover span{
	display:block;
	width:2rem;
	height:0.8rem;
	font-size:.5rem;
	color:#FFFFFF;
	background:rgba(0, 0, 0, .6);
	text-align:center;
	line-height:0.8rem;
	border-radius:0.426rem;
	position:absolute;
	right:0.426rem;
	bottom:0.426rem;
}
.video_list .video_item:nth-child(2n){
	margin-right:0;
}
.cover_title{
	margin-top:0.4rem;
	margin-left:0.107rem;
	font-size:0.6rem;
	color:#1F1F1F;
	font-weight:600;
}
.cost_icon{
	margin-top:0.4rem;
	margin-left:0.107rem;
	display:flex;
	align-items:center;
	justify-content:flex-start;
}
.vip_icon, .free_icon, .buy_icon{
	width:1.49rem;
	height:0.77rem;
}
.vip_icon{
	background:url(../images/bq1.png) no-repeat;
	background-size:100% 100%;
}
.free_icon{
	background:url(../images/bq3.png) no-repeat;
	background-size:100% 100%;
}
.buy_icon{
	background:url(../images/bq2.png) no-repeat;
	background-size:100% 100%;
}
.video_coin{
	font-size:0.469rem;
	color:#E02A52;
	font-weight:600;
	margin-left:0.107rem;
}
.video_coin span{
	font-size:0.640rem;
	color:#E02A52;
	font-weight:600;
}
.footer{
	position:fixed;
	bottom:0;
	width:100%;
	margin:0 auto;
	max-width:750px;
	background:#FFFFFF;
	height:3.54rem;
	z-index:100;
	border-top:1px solid #EEEEEE;
}
.footer_nav{
	padding:0 .640rem;
	display:flex;
	margin-top:0.49rem;
	justify-content:space-around;
}
.footer_tiem{
	display:flex;
	flex:1;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.footer_tiem .home_img{
	width:0.896rem;
	height:0.917rem;
}
.footer_tiem .home_img{
	background:url(../images/home1.png) no-repeat;
	background-size:100% 100%;
}
.footer_tiem:nth-child(2) .home_img{
	background:url(../images/tj1.png) no-repeat;
	background-size:100% 100%;
}
.footer_tiem:last-child .home_img{
	background:url(../images/mine1.png) no-repeat;
	background-size:100% 100%;
}
.home_title{
	font-size:0.5rem;
	color:#999999;
	margin-top:0.3rem;
}
.footer_tiem.active .home_img{
	background:url(../images/home2.png) no-repeat;
	background-size:100% 100%;
}
.footer_tiem.active:nth-child(2) .home_img{
	background:url(../images/tj2.png) no-repeat;
	background-size:100% 100%;
}
.footer_tiem.active:last-child .home_img{
	background:url(../images/mine2.png) no-repeat;
	background-size:100% 100%;
}
.footer_tiem.active .home_title{
	color:#2CCA81;
}

/* 详情页 */
.box{
	width: 100%;
	min-height: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	overflow: hidden;
}
.box .info_content{
	flex: 1;
	width: 100%;
	background:#FFFFFF;
	border-radius:0.85rem 0.85rem 0 0;
	margin-top:-1.2rem;
	overflow:hidden;
	display:flex;
	flex-direction:column;
}
.info_top{
	background:url(../images/bg_img.png) no-repeat top center;
	background-size:100% 100%;
	width:100%;
	height:9.7rem;
}
.info_head{
	height:2rem;
	line-height:2rem;
	padding:0 .640rem;
	box-sizing: border-box;
	flex-shrink: 0;
	position:relative;
}
.info_back, .head_back{
	width:2rem;
	height:2rem;
	display: flex;
	align-items:center;
	justify-content: flex-start;
	position:absolute;
	left:0.64rem;
}
.info_back img, .head_back img{
	display:block;
	width:0.47rem;
	height:0.75rem;
}
.story_box{
	padding:0.32rem .640rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.story_cover{
	width:5.4rem;
	height:5.4rem;
	border-radius:0.64rem;
	background:#FFFFFF;
}
.story_content{
	margin-left:0.7rem;
	flex:1;
	display:flex;
	flex-direction:column;
}
.story_title{
	font-size:0.768rem;
	color:#1F1F1F;
	font-weight:600;
}
.story_jieshao{
	font-size:0.512rem;
	color:#999999;
	overflow: hidden;
	line-height: .85rem;
	display:-webkit-box;   
	-webkit-box-orient:vertical;  
	-webkit-line-clamp:2;
	margin:0.43rem 0;
}
.story_icon{
	width:1.28rem;
	height:1.28rem;
	display:flex;
	justify-content:center;
	align-items:center;
	background: linear-gradient(-45deg, #2CCA81 0%, #00E37A 100%);
	box-shadow: 0px 10px 20px 0px rgba(44,202,129,0.3);
	border-radius: 50%;
}
.story_icon span{
	display:block;
	width:1.28rem;
	height:1.28rem;
	background:url(../images/play2.png) no-repeat center center;
	background-size:0.512rem 0.512rem;
}
.story_icon.play span{
	background:url(../images/play3.png) no-repeat center center;
	background-size:0.512rem 0.512rem;
}
.content_box{
	flex:1 1 auto;
	overflow-y:scroll;
}
.content_box::-webkit-scrollbar{
    display:none;
}
.paly_list{
	display:flex;
	flex-direction:column;
	padding:0 0.64rem;
}
.list_item{
	height:2.34rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
	border-bottom:1px solid #EEEEEE;
}
.list_item.play{
	background:url(../images/play4.png) no-repeat left center;
	background-size:0.64rem 0.64rem;
}
.list_item.play .title_name{
	margin-left:0.75rem;
}
.list_item.stop{
	background:url(../images/play1.png) no-repeat left center;
	background-size:0.64rem 0.64rem;
}
.list_item.stop .title_name{
	margin-left:0.75rem;
}
.title_name{
	font-size:0.64rem;
	color:#1F1F1F;
}
.title_icon{
	width:1.49rem;
	height:0.77rem;
}
.title_icon img{
	display:block;
	width:100%;
}
.info_footer{
	background:#FFFFFF;
	display:flex;
	justify-content:space-between;
	padding:0.4rem .64rem;
	height:2.74rem;
	border-top:1px solid #EEEEEE;
}
.footer_left{
	font-size:0.512rem;
	color:#E02A52;
	font-weight:600;
	margin-left:0.107rem;
	line-height:1.5rem;
}
.footer_left span{
	font-size:0.768rem;
	color:#E02A52;
	font-weight:600;
}
.footer_right button{
	display:block;
	width:4.267rem;
	height:1.5rem;
	line-height:1.5rem;
	text-align:center;
	border-radius:0.747rem;
	background: linear-gradient(-90deg, #2CCA81 0%, #00E37A 100%);
	font-size:0.47rem;
	color:#FFFFFF;
	border:none;
}
/* 购买二维码 */
.buy_pop{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, .5);
	display:flex;
	justify-content:center;
	align-items:center;
}
.buy_box{
	background:#FFFFFF;
	border-radius:0.427rem;
	width:70%;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}
.pop_head{
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	font-size:0.64rem;
	color:#1F1F1F;
	padding-top:0.85rem;
	width:100%;
}
.pop_head a{
	display:block;
	width:1.07rem;
	height:0.58rem;
	background:url(../images/icon2.png) no-repeat top center;
	background-size:0.58rem 0.58rem;
	position:absolute;
	right:0.64rem;
}
.ma_img{
	width:8.53rem;
	height:8.53rem;
	margin:0.427rem 0;
}
.ma_img img{
	display:block;
	width:100%;
}
.pop_bottom{
	padding-bottom:0.85rem;	
}
.lianxi_kufu{
	font-size:0.512rem;
	color:#999999;
}
.fuke_qq{
	font-size:0.597rem;
	color:#1F1F1F;
	margin-top:0.427rem;
}
.fuke_qq a{
	display:inline-block;
	font-size:0.597rem;
	color:#2CCA81;
	margin-left:0.32rem;
}
.margin_top{
	margin-top:2rem;
	padding-top:0.768rem;
}
.border{
	border-bottom:1px solid #EEEEEE;
}
/* 无购买记录 */
.no_buy{
	padding:3.2rem 0;
}
.buy_img{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}
.buy_img img{
	display:block;
	width:6.912rem;
	height:4.288rem;
}
.buy_img p{
	font-size:0.512rem;
	color:#999999;
	margin-top:0.6rem;
}

/* 登录 */
.video_login{
	padding:0.64rem;
	display:flex;	
	justify-content:flex-start;
	align-items:center;
}
.login_logo{
	width:2.73rem;
	height:2.73rem;
	margin-right:0.488rem;
}
.login_logo img{
	display:block;
	width:100%;
	border-radius:50%;
}
.login_link{
	flex:1;
}
.login_link a{
	display:block;
	font-size:0.853rem;
	color:#1F1F1F;
	font-weight:600;
}
.buy_list{
	padding:0 0.64rem;
}
.buy_list .list_item{
	background:url(../images/icon1.png) no-repeat right center;
	background-size:0.298rem 0.512rem;
}
.buy_list .title_name{
	padding-left:1rem;
	height:2.34rem;
	line-height:2.34rem;
}
.buy_list .list_item:first-child .title_name{
	background:url(../images/icon4.png) no-repeat left center;
	background-size:0.768rem 0.853rem;
}
.buy_list .list_item:last-child .title_name{
	background:url(../images/icon5.png) no-repeat left center;
	background-size:0.768rem 0.6rem;
}

/* 登录 */
.login_top{
	padding:1.7rem;
}
.login_top .title{
	font-size:1.07rem;
	color:#1F1F1F;
	font-weight:600;
}
.login_top .new_title{
	color:#1F1F1F;
	font-size:0.597rem;
	margin-top:0.405rem;
}
.login_form{
	padding:0 1.7rem;
}
.login_item{
	position:relative;
	margin:0.64rem 0;
	justify-content:center;
	align-items:center;
	display:flex;
}
.login_input{
	width:100%;
	background:#F8F8F8;
	height:1.7rem;
	border-radius:0.853rem;
	padding:0 0.64rem;
}
.login_input input{
	display:block;
	width:100%;
	border:none;
	background:#F8F8F8;
	height:1.7rem;
	line-height:1.7rem;
	font-size:0.64rem;
}
.wrong{
	position:absolute;
	right:0.64rem;
	font-size:0.512rem;
	color:#E02A52;
	display:none;
}
.login_btn{
	padding:3.2rem 1.7rem;
	padding-bottom: 0.8rem;
}
.login_btn button{
	display:flex;
	justify-content:center;
	align-items:center;
	background: linear-gradient(-90deg, #2CCA81 0%, #00E37A 100%);
	opacity:.5;
	border-radius:0.853rem;
	font-size:0.64rem;
	color:#FFFFFF;
	border:none;
	width:100%;
	height:1.7rem;
	cursor:pointer;
}
.login_btn.opacity button{
	opacity:1;
}
.zhuce {
	text-align: center;
	font-size: 0.6rem;
	color: #1F1F1F;
}
/* 公告 */
.video_notice{
	margin:0 0.64rem;
	border-radius:0.64rem;
	background:#F8F8F8;
	height:1.28rem;
}
.notice_tiem{
	margin:0 0.64rem;
	line-height:1.28rem;
	background:url(../images/icon6.png) no-repeat left center;
	background-size:0.6rem 0.66rem;
}
.notice_tiem a{
	display:block;
	font-size:0.55rem;
	color:#1F1F1F;
	padding-left:0.8rem;
}
.notice_content{
	padding:0 1rem;
	margin-top:2rem;
}
.notice_head{
	padding:0.85rem 0;
	font-size:0.725rem;
	color:#1F1F1F;
	font-weight:600;
}
.notice_paragraph{
	font-size:0.64rem;
	color:#1F1F1F;
	line-height:1.1rem;
	text-indent:1.28rem;
	margin-bottom:0.5rem;
	text-align:justify;
	text-align:distribute-all-lines;/*兼容ie*/
}
/* 推荐列表 */
.sell_content{
	margin-top:2rem;
	padding:0 0.64rem;
	background:#FFFFFF;
	border-bottom:5rem solid #F8F8F8;
}
.sell_title{
	padding:0.85rem 0;
}
.sell_title span{
	display:inline-block;
	font-size:0.7rem;
	color:#1F1F1F;
	font-weight:600;
	position:relative;
	z-index:9;
}
.sell_title span:after{
	background: linear-gradient(90deg, #2CCA81 0%, #2CCA81 30%, #F8F9FB 100%);
	position:absolute;
	right: 0;
	bottom:-3px;
	left: 0;
	height:0.256rem;
	border-radius: 3px;
	content: "";
	z-index:-1;
}
.sell_box{
	display:flex;
	margin-bottom:0.85rem;
}
.sell_last .sell_box{
	border-bottom:1px solid #EEEEEE;
	margin:0;
	padding:0.425rem 0;
}
.sell_last .sell_title{
	padding-bottom:0.45rem;
}
.sell_last .sell_box:last-child{
	border:none;
}
.sell_sort{
	width:1.7rem;
	height:2.21rem;
	display:flex;
	justify-content:center;
	align-items:center;
}
.sell_sort img{
	width:0.85rem;
	height:0.85rem;
	display:block;
}
.sell_info{
	display:flex;
	flex:1;
	justify-content:space-between;
	align-items:center;
}
.sell_story{
	display:flex;
	flex:1;
}
.sell_cover{
	width:2.21rem;
	height:2.21rem;
	background:#D9D9D9;
	border-radius:0.32rem;
	margin:0 0.4rem;
}
.sell_cover img{
	display:block;
	width:2.21rem;
	height:2.21rem;
	border-radius:0.32rem;
}
.story_intro{
	display:flex;
	flex:1;
	flex-direction:column;
	justify-content:space-around;
	height:2.21rem;
}
.story_intro .biaoti{
	font-size:0.64rem;
	color:#1F1F1F;
	font-weight:600;
}
.story_intro .intro{
	font-size:0.5rem;
	color:#999999;
}
.sell_logo{
	display:flex;
	justify-content:space-around;
	flex-direction:column;
	height:2.21rem;
}
.sell_logo .icon{
	text-align:right;
}
.sell_logo .icon img{
	display:inline-block;
	width:1.49rem;
	height:0.77rem;
}
.sell_play{
	font-size:0.5rem;
	color:#999999;
}
.play_log{
	margin-top:2.64rem;
	border:none;
}
.sell_time{
	font-size:0.5rem;
	color:#999999;
	display:flex;
	justify-content:flex-end;
	align-items:flex-end;
	height:1.67rem;
	padding:0.25rem 0;
}


@media screen and (min-width:750px) {
	.video_list{
		padding-top:0.768rem;
	}
	.video_nav::-webkit-scrollbar {/*滚动条整体样式*/
	    width: 5px; /*高宽分别对应横竖滚动条的尺寸*/
	    height:5px;
	}
	.video_nav::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	    border-radius: 5px;
	    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	    background:rgba(102, 102, 102, .2);
	}
	.video_nav::-webkit-scrollbar-track {/*滚动条里面轨道*/
	    -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,.2);
	    border-radius: 0;
	    background:rgba(0,0,0,0.2);
	}
	.buy_box{
		width:500px;
	}
}