body {
	background-color: #2b006b;
	font-family:"΢ÈíÑźÚ";
}

.grab{
	width: 100%;
	height: auto;
	 filter:progid
     filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f62400 ',endColorStr='#f72400  ',gradientType='0');
	 background: -moz-linear-gradient(top, #f62400 , #f72400  );
	 background: -o-linear-gradient(top,#f62400 , #f72400);
	 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f62400 ), to(#f72400 ));
	 float: left;
	margin-top: -5px;	
}
.grap_top{
	width: 100%;
	height: auto;
	position: relative;
	margin-top: 11%;
}
@media screen and (max-width: 320px){
	.grap_top{
	  margin-top: 14%;
	}
}
@media screen and (min-width: 640px){
	.grap_top{
	  margin-top: 7%;
	}
}
@media screen and (min-width: 321px) and (max-width: 375px){
	.grap_top{
	  margin-top: 12%;
	}
}

.grap_top img{
	width: 100%;
}
.grab li{
	width: 46%;
    line-height: 0.35rem;
    text-align: center;
    height: auto;
    float: left;
    overflow: hidden;
    padding: 0%;
    margin-left: 3%;
    border-radius: 57px;
    
}
.li1,.li6{
	filter:progid background:-webkit-linear-gradient(left,rgba(245,148,170,1),rgba(236,138,175,1));
	background:-o-linear-gradient(right,rgba(245,148,170,1),rgba(236,138,175,1));
	background:-moz-linear-gradient(right,rgba(245,148,170,1),rgba(236,138,175,1));
	background:linear-gradient(to right,rgba(245,148,170,1),rgba(236,138,175,1));
}
.grab #li6{
	margin-left: 2%;
}
.grab li img{
	width: 100%;
}
.grab li h5{
	font-size: 0.38rem;
    color: #fff;
    line-height: 23px;
    font-weight: bold;
    margin-top: 5%;
    font-family: "΢ÈíÑźÚ";
}
.grab li p{
	color: #fff;
    font-size: 0.33rem;
    margin-top: -10px;
}
.grab_bag{
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	margin-top: -5px;
}
#checks{
	width: 100%;
    position: absolute;
    top: 19%;
    left: 37%;
}

#check{
	width:100%;
    animation:check 0.4s linear 0s infinite alternate;
    -moz-animation:check 0.4s linear 0s infinite alternate;
    -webkit-animation:check 0.4s linear 0s infinite alternate;
    -o-animation:check 0.4s linear 0s infinite alternate;
}

@keyframes check{
0%{
	width:29%;
}
100%{
	width:27%;
	}
}

@-moz-keyframes check{
0%{
	width:29%;
}
100%{
	width:27%;
	}
}

@-webkit-keyframes check{
0%{
	width:29%;
}
100%{
	width:27%;
	}
}
@-o-keyframes check{
0%{
	width:29%;
}
100%{
	width:27%;
	}
}
.gra_fix{
	position:fixed;
	width: 100%;
	height: 100%;
	background-color: #000;
	fliter:alpha(opacity=80);
	opacity: 0.8;
	top: 0;
	left: 0;
}
.grab_fix{
	width: 70%;
    height: auto;
    position: fixed;
    top: 16%;
    left: 14%;
}
.grab_fix img{
	width: 100%;
}

.gra_fix_bg{
	z-index: 999999;
    position: relative;
}
.gra_fix_volume{	
    position: absolute;
    top: 0;
    width: 100%;
    height: auto;
}
@media screen and (min-width: 640px){
	.gra_fix_volume {
    width: 277px;
	}
}

.gra_fix_volume h5{
	position: relative;
    margin-top: 19%;
    color: #957722;
    font-size: 23px;
    width: 100%;
    text-align: center;
}
.gra_fix_volume p{
	position: relative;
    width: 100%;
    color: #BD9D43;
    text-align: center;
    /* margin-left: 45%; */
    font-size: 13px;
    margin-top: 3%;
}
.gra_fix_volume span{
	font-size: 16px;
    color: #BD9D43;
    letter-spacing: 0.19px;
    text-align: center;
    margin-top: 3%;
    display: block;
}
.gra_fix_volume #grab_img{
	width: 68px;
    height: 68px;
    border-radius: 100%;
    margin-top: 6%;
    margin: 0 auto;
    display: block;
}
.gra_fix_volume b{
	font-size: 0.45rem;
    display: block;
    text-align: center;
    color: #fff;
    margin-top: 5%;
    opacity: 1;
}
.gra_fix_volume #look_grab{
	/*display:block;*/
	display:none;
	width: 135px;
    height: 39px;
    margin:0 auto;
    border-radius: 15px;
	filter:progid
	background:-webkit-linear-gradient(left,rgba(255,231,63,0.9),rgba(255,200,92,1));
	background:-o-linear-gradient(right,rgba(255,231,63,0.9),rgba(255,200,92,1));
	background:-moz-linear-gradient(right,rgba(255,231,63,0.9),rgba(255,200,92,1));
	background:linear-gradient(to right,rgba(255,231,63,0.9),rgba(255,200,92,1));
	border: none;
    color: #957722;
    font-size: 0.46rem;
    font-weight: bold;
    margin-top: 8%;
}
.gra_fix_volume strong{
	color: #fff;
    display: block;
    font-size: 0.42rem;
    opacity: 0.5;
    text-align: center;
    margin-top: 8%;
}






@media screen and (min-width: 640px){
	.grab_fix img {
    	width: 280px;
	}
	.grab_fix {
    left: 42%;
	}
	#checks{
	width: 150px;
    left: 40%;
	}
	@keyframes check{
0%{
	width:150px;
}
100%{
	width:145px;
	}
}

@-moz-keyframes check{
0%{
	width:150px;
}
100%{
	width:145px;
	}
}

@-webkit-keyframes check{
0%{
	width:150px;
}
100%{
	width:145px;
	}
}
@-o-keyframes check{
0%{
	width:150px;
}
100%{
	width:145px;
	}
}
}
#rule_img{
    position: absolute;
    width: 21%;
    right: 0;
    top: 2%;
}
@media screen and (min-width: 640px){
	#rule_img {
    position: absolute;
    width: 18%;
    right: 0;
    top: 3%;
	}
}

.libg_color{
	filter:progid
	background:-webkit-linear-gradient(left,rgba(247,126,91,1),rgba(245,75,128,1));
	background:-o-linear-gradient(right,rgba(247,126,91,1),rgba(245,75,128,1));
	background:-moz-linear-gradient(right,rgba(247,126,91,1),rgba(245,75,128,1));
	background:linear-gradient(to right,rgba(247,126,91,1),rgba(245,75,128,1));
}

.grab_fix #close_s{
	font-size: 42px;
    color: #fff;
    text-align: center;
    width: 40px;
    margin: 0 auto;
    display: block;
    cursor: pointer;
}
@media screen and (min-width: 640px){
	.grab_fix #close_s {
    font-size: 42px;
    color: #fff;
    text-align: center;
    width: 40px;
    /* margin: 0 auto; */
    display: block;
    margin-left: 123px;
	}
}

#grad_num{
	position: absolute;
	display: block;
	color: #c67514;
	margin-top: 32%;
	width: 102%;
	text-align: center;
	z-index: 99;
}
@media screen and (min-width: 640px){
	#grad_num{
	margin-top: 29%;
}
}
.litext_color{
	color:
}
.grab ul{
	float: left;
    position: absolute;
    z-index: 9;
}



s