









/* appel */
.content{}
.appel{ 
	margin-top: 5px; 
	padding: 5px; 
	background-color: #fff; 
}	
	.appel-heading{ position: relative;	height: 32px; line-height: 32px; }
	.appel-more{ float: right; color: #999; } 
	.appel-more > span > a + a{ margin-left: 20px; }  
	.appel-more > span > a{ color: #999; }  
	.appel-more > span > a:hover{ color: #ff1493; }  
	.appel-title > small { color: #666; margin-left: 7px; font-weight: 400; }
	.appel-title{ 
		position: relative;
		float: left; 
		margin-left: -20px;
		padding-left: 20px;
		font-size: 20px; 
		font-weight: 700;
	}  
		.appel-title:after {
			content: "";
			position: absolute;
			top: 50%;
			left: 0;
			width: 3px;
			height: 20px;
			margin-top: -10px;
			background-color: #ff1493;
		}
		
	/* appel-tabs */
	.appel-tabs{ }
	.appel-tabs > a + a{ margin-left: 10px;}
	.appel-tabs > a{
		float: left;
    	padding: 0 25px;
    	color: #666;
    	background-color: #f9f9f9;
    	border-radius: 100px;
    	transition: .15s ease-in-out;
	}
		.appel-tabs > a:hover,
		.appel-tabs > a.active{ color: #fff; background-color: #ff1493; }	
		







/* flex 布局 */.flex{
display:flex;
flex-direction:row}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-around{justify-content:space-around}.align-center{align-items:center!important}.align-stretch{align-items:stretch}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.self-end{align-self:flex-end}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-center{align-content:center}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-stretch{align-content:stretch}.flex-1{flex:1}.flex-2{flex:2}.flex-3{flex:3}.flex-4{flex:4}.flex-5{flex:5}.flex-shrink{flex-shrink:0}.container{/*! padding-right:10px; *//*! padding-left:10px */}
/*  -- 内外边距 -- */.m-0{margin:0}
.m-auto{margin:auto}
.m-1{margin:5px}.m-2{margin:10px}.m-3{margin:15px}.m-4{margin:20px}.m-5{margin:25px}.mt-0{margin-top:0}
.mt-auto{margin-top:auto}
.mt-1{margin-top:5px}.mt-2{margin-top:10px}.mt-3{margin-top:15px}.mt-4{margin-top:20px}.mt-5{margin-top:25px}.mb-0{margin-bottom:0}
.mb-auto{margin-bottom:auto}
.mb-1{margin-bottom:5px}.mb-2{margin-bottom:10px}.mb-3{margin-bottom:15px}.mb-4{margin-bottom:20px}.mb-5{margin-bottom:25px}.ml-0{margin-left:0}
.ml-auto{margin-left:auto}
.ml-1{margin-left:5px}.ml-2{margin-left:10px}.ml-3{margin-left:15px}.ml-4{margin-left:20px}.ml-5{margin-left:25px}.mr-0{margin-right:0}
.mr-auto{margin-right:auto}
.mr-1{margin-right:5px}.mr-2{margin-right:10px}.mr-3{margin-right:15px}.mr-4{margin-right:20px}.mr-5{margin-right:25px}.my-0{margin-top:0;margin-bottom:0}
.my-auto{margin-top:auto;margin-bottom:auto}
.my-1{margin-top:5px;margin-bottom:5px}.my-2{margin-top:10px;margin-bottom:10px}.my-3{margin-top:15px;margin-bottom:15px}.my-4{margin-top:20px;margin-bottom:20px}.my-5{margin-top:25px;margin-bottom:25px}.mx-0{margin-left:0;margin-right:0}
.mx-auto{margin-left:auto;margin-right:auto}
.mx-1{margin-left:5px;margin-right:5px}.mx-2{margin-left:10px;margin-right:10px}.mx-3{margin-left:15px;margin-right:15px}.mx-4{margin-left:20px;margin-right:20px}.mx-5{margin-left:25px;margin-right:25px}.p-0{padding:0}.p{padding:2px}.p-1{padding:5px}.p-2{padding:10px}.p-3{padding:15px}.p-4{padding:20px}.p-5{padding:25px}.pt-0{padding-top:0}.pt{padding-top:2px}.pt-1{padding-top:5px}.pt-2{padding-top:10px}.pt-3{padding-top:15px}.pt-4{padding-top:20px}.pt-5{padding-top:25px}.pb-0{padding-bottom:0}.pb-1{padding-bottom:5px}.pb{padding-bottom:2px}.pb-2{padding-bottom:10px}.pb-3{padding-bottom:15px}.pb-4{padding-bottom:20px}.pb-5{padding-bottom:25px}.pl-0{padding-left:0}.pl{padding-left:2px}.pl-1{padding-left:5px}.pl-2{padding-left:10px;width: 100%;}.pl-3{padding-left:15px}.pl-4{padding-left:20px}.pl-5{padding-left:25px}.pr-0{padding-right:0}.pr{padding-right:2px}.pr-1{padding-right:5px}.pr-2{padding-right:10px}.pr-3{padding-right:15px}.pr-4{padding-right:20px}.pr-5{padding-right:25px}.py-0{padding-top:0;padding-bottom:0}.py{padding-top:2px;padding-bottom:2px}.py-1{padding-top:5px;padding-bottom:5px}.py-2{padding-top:10px;padding-bottom:10px}.py-3{padding-top:15px;padding-bottom:15px}.py-4{padding-top:20px;padding-bottom:20px}.py-5{padding-top:25px;padding-bottom:25px}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:5px;padding-right:5px}.px{padding-left:2px;padding-right:2px}.px-2{padding-left:10px;padding-right:10px}.px-3{padding-left:15px;padding-right:15px}.px-4{padding-left:20px;padding-right:20px}.px-5{padding-left:25px;padding-right:25px}
.d-none{display:none}.d-inline-block{display:inline-block}.d-block{display:block}

body, html{}
/* app ad */.app-background{background-color:rgba(0,0,0,.3)}.title{border-left-color:#ff1493;border-left-width:4px;border-style:solid}.app-title{width:100%;height:44px}
  @media screen and (max-width:768px) {
  .app-item{border:1px solid #161515 !important;border-radius:8px;width: 100%;}
    }
    @media screen and (min-width:769px) { 
  .app-item{border:1px solid #161515 !important;border-radius:8px;width: 48%;}
    }
  .app-img{width:80px;height:80px}.app-name{color:#ff0080;font-size:16px;font-weight:700}.app-desc{color:#999;font-size:14px;font-weight:400}.app-down{font-size:12px;color:#fff}.app-button{border:1px solid #d03fe5!important;background-color:#ff1493;padding:5px 15px;border-radius:5px;font-size:16px;margin-top:-10px}.app-button-text{color:#ff1493}.dplayer-video{
max-height:65vw
}


