body{
	background: -webkit-linear-gradient(0deg,#360c76,#922e63);
	background: linear-gradient(0deg,#360c76,#922e63);
	/*height: 1000px;*/
	padding-bottom: 1rem;
}
#wrap{
	max-width: 750px;
}
.new img{
	display: block;
	width:100%;
}
.box{
	margin:0 0.3rem .2rem;
	background-color: rgba(0,0,0,0.3);
	position: relative;
	text-align: center;
	padding-top: .8rem;
	margin-top: 1rem;
	font-weight: bold;
}
.box:before{
	display: block;
	width:78%;
	content: attr(data-con);
	position: absolute;
	top:0;
	left: 50%;
	transform:translate(-50%,-50%);
	color:#fff;
	padding: 0.28rem 0.3rem;
	border-radius: 1.2rem;
	opacity: 0.9;
}
.box:after{
	content: '';
	display: inline-block;
	width: 0;
    height: 0;
    border-left: .2rem solid transparent;
    border-right: .2rem solid transparent;
    border-top: .25rem solid #bc396f;
    position: absolute;
    top:0.78rem;
    left: 50%;
	transform:translate(-50%,-50%);
}
.box:before,
.top{
	
	background: -ms-linear-gradient(-95deg,#ae39bc,#ef432e);
	background: -webkit-linear-gradient(-95deg,#ae39bc,#ef432e);
	background: -moz-linear-gradient(-95deg,#ae39bc,#ef432e);
	background: linear-gradient(-95deg,#ae39bc,#ef432e);
	text-align: center;	
}
.top{
	display: inline-block;
	height: .8rem;
	line-height: .8rem;
	font-size: .38rem;
	color: #fdec59;
	margin: .4rem 0 .3rem;
	padding: 0 0.4rem;
	border-radius: .4rem;
}
.p1{
	padding: 0 0.3rem;
	font-size: .28rem;
	color:#fff;
	text-align: left;
}
.pb21{
	padding-bottom: .21rem;
}
.p1.c{
	text-align: center;
}
.p2{
	color:#fdec59;
}
.orange{
	color:#fdec59;
}
.box2{
	padding: 0.28rem 0;
	background-color: rgba(0,0,0,0.2);
	margin-top: .3rem;
}
.box2.box3{
	background-color: rgba(0,0,0,0.6);
}
.pl{
	padding: 0.28rem  0.3rem;
}
.mg{
	margin: 0 0.6rem;
}
.purple{
	color:#7846a3;
	font-size: .26rem;
}
.btn{
	display: block;
	height: .78rem;
	line-height: .78rem;
	text-align: center;
	color:#fff;
	background-color: #e2233e;
	font-size: .32rem;
	margin: 0.3rem .3rem;
	border-radius: .4rem;
}