@charset "utf-8";
audio{
   position: absolute;
   top:0;
   left:0;
}
.titlee{
		width: 90%;
		height: 50px;
		line-height: 50px;
		position: absolute;
		top: 7%;
		left: 5%;
		color:white;
		border: 1px dashed white;
		font-size: 19px;
		font-family: "微软雅黑"; 
		letter-spacing: 0px;
		text-align: center;
    }
   .sysName{
		color:white;
		border-radius:50%; 
		text-align:center;  
		position:absolute; 
		top:0px; 
		left:30px;
		padding-top:5px;
    }
    
    .sysName p{margin-top: 8px;}
    .no1{width: 82px; height: 77px;background-color:rgba(222,48,49,1.0);}
    .no1:active{width:100px;height:95px}
    .font1{font-size: 38px;}
    .no2{width: 67px; height: 62px; background-color:rgba(48,155,223,1.0);}
    .font2{font-size: 30px;}
    .no2:active{width:100px;height:95px}
    .no3{width: 77px; height: 72px; background-color:rgba(168,202,28,1.0);}
    .font3{font-size: 35px;}
    .no3:active{width:100px;height:95px}
    .no4{width: 88px; height: 83px; background-color:rgba(245,187,28,1.0);}
    .font4{font-size: 48px;}
    .no4:active{width:100px;height:95px}
    .no5{width: 92px; height: 87px; background-color:rgba(245,105,28,1.0);}
    .font5{font-size: 48px;}
    .no5:active{width:110px;height:105px}
    .no6{width: 75px; height: 70px; background-color:rgba(38,202,28,1.0);}
    .font6{font-size: 35px;}
    .no6:active{width:100px;height:95px}
    .no7{width: 97px; height: 92px; background-color:rgba(7,191,163,1.0);}
    .font7{font-size: 50px;}
    .no7:active{width:120px;height:115px}
    .no8{width: 67px; height: 62px; background-color:rgba(49,89,223,1.0);}
    .font8{font-size: 30px;}
    .no8:active{width:100px;height:95px}
    .no9{width: 67px; height: 62px; background-color:rgba(222,48,49,1.0);}
    .font9{font-size: 30px;}
    .no9:active{width:100px;height:95px}
    .no10{width: 63px; height: 58px; background-color:rgba(227,198,243,1.0);}
    .no11{width: 65px; height: 60px; background-color:rgba(245,105,28,1.0);}
    .no12{width: 80px; height: 75px; background-color:rgba(207,128,253,1.0);}
    .font12{font-size: 38px;}
    .no4:active{width:100px;height:95px}

.con-choose{
    margin: 0 auto;
    max-width: 415px;
    min-width: 320px;
    width: 100%;
    position: relative;
}
.con-choose .lp-cover{
	position: absolute;
}
.con-choose .love-one{
    top: 22%;
    left: 58%;
  
    animation: hidp01 1s;
	-moz-animation: hidp01 1s;	
	-webkit-animation: hidp01 1s;	
	-o-animation: hidp01 1s;	
	
    animation-timing-function:linear;/**--速度相同--*/
	-moz-animation-timing-function:linear;
	-webkit-animation-timing-function:linear;
	-o-animation-timing-function:linear;
	
	animation-iteration-count: infinite; /**定义动画的播放次数*/
	-ms-animation-iteration-count: infinite; 
	-moz-animation-iteration-count: infinite;   
	-webkit-animation-iteration-count: infinite;  
	-o-animation-iteration-count: infinite;  
	
	animation-direction:alternate;
-webkit-animation-direction:alternate;
}
.con-choose .love-two{
  top: 30%;
  left: 21%;
  
  animation: hidp01 1s;
	-moz-animation: hidp01 1s;	
	-webkit-animation: hidp01 1s;	
	-o-animation: hidp01 1s;	
	
    animation-timing-function:linear;/**--速度相同--*/
	-moz-animation-timing-function:linear;
	-webkit-animation-timing-function:linear;
	-o-animation-timing-function:linear;
	
	animation-iteration-count: infinite; /**定义动画的播放次数*/
	-ms-animation-iteration-count: infinite; 
	-moz-animation-iteration-count: infinite;   
	-webkit-animation-iteration-count: infinite;  
	-o-animation-iteration-count: infinite;  
	
	animation-direction:alternate;
-webkit-animation-direction:alternate;
}
.con-choose .love-three{
  top: 32%;
  left: 23%;
  
  animation: hidp01 1s;
	-moz-animation: hidp01 1s;	
	-webkit-animation: hidp01 1s;	
	-o-animation: hidp01 1s;	
	
    animation-timing-function:linear;/**--速度相同--*/
	-moz-animation-timing-function:linear;
	-webkit-animation-timing-function:linear;
	-o-animation-timing-function:linear;
	
	animation-iteration-count: infinite; /**定义动画的播放次数*/
	-ms-animation-iteration-count: infinite; 
	-moz-animation-iteration-count: infinite;   
	-webkit-animation-iteration-count: infinite;  
	-o-animation-iteration-count: infinite;  
	
	animation-direction:alternate;
-webkit-animation-direction:alternate;
}
.con-choose .love-four{
  top: 30%;
  left: 75%;
  
    animation: hidp01 1s;
	-moz-animation: hidp01 1s;	
	-webkit-animation: hidp01 1s;	
	-o-animation: hidp01 1s;	
	
    animation-timing-function:linear;/**--速度相同--*/
	-moz-animation-timing-function:linear;
	-webkit-animation-timing-function:linear;
	-o-animation-timing-function:linear;
	
	animation-iteration-count: infinite; /**定义动画的播放次数*/
	-ms-animation-iteration-count: infinite; 
	-moz-animation-iteration-count: infinite;   
	-webkit-animation-iteration-count: infinite;  
	-o-animation-iteration-count: infinite;  
	
	animation-direction:alternate;
-webkit-animation-direction:alternate;
}
.con-choose .love-five{
  top: 68%;
  left: 50%;
  
  animation: hidp01 1s;
	-moz-animation: hidp01 1s;	
	-webkit-animation: hidp01 1s;	
	-o-animation: hidp01 1s;	
	
    animation-timing-function:linear;/**--速度相同--*/
	-moz-animation-timing-function:linear;
	-webkit-animation-timing-function:linear;
	-o-animation-timing-function:linear;
	
	animation-iteration-count: infinite; /**定义动画的播放次数*/
	-ms-animation-iteration-count: infinite; 
	-moz-animation-iteration-count: infinite;   
	-webkit-animation-iteration-count: infinite;  
	-o-animation-iteration-count: infinite;  
	
	animation-direction:alternate;
-webkit-animation-direction:alternate;
}
.con-choose .love-six{
  top: 50%;
  left: 78%;
  
  animation: hidp01 1s;
	-moz-animation: hidp01 1s;	
	-webkit-animation: hidp01 1s;	
	-o-animation: hidp01 1s;	
	
    animation-timing-function:linear;/**--速度相同--*/
	-moz-animation-timing-function:linear;
	-webkit-animation-timing-function:linear;
	-o-animation-timing-function:linear;
	
	animation-iteration-count: infinite; /**定义动画的播放次数*/
	-ms-animation-iteration-count: infinite; 
	-moz-animation-iteration-count: infinite;   
	-webkit-animation-iteration-count: infinite;  
	-o-animation-iteration-count: infinite;  
	
	animation-direction:alternate;
-webkit-animation-direction:alternate;
}
.con-choose .love-seven{
  top: 60%;
  left: 40%;
  
  animation: hidp01 1s;
	-moz-animation: hidp01 1s;	
	-webkit-animation: hidp01 1s;	
	-o-animation: hidp01 1s;	
	
    animation-timing-function:linear;/**--速度相同--*/
	-moz-animation-timing-function:linear;
	-webkit-animation-timing-function:linear;
	-o-animation-timing-function:linear;
	
	animation-iteration-count: infinite; /**定义动画的播放次数*/
	-ms-animation-iteration-count: infinite; 
	-moz-animation-iteration-count: infinite;   
	-webkit-animation-iteration-count: infinite;  
	-o-animation-iteration-count: infinite;  
	
	animation-direction:alternate;
-webkit-animation-direction:alternate;
}
.con-choose .love-eight{
  top: 49%;
  left: 48%;
  
  animation: hidp01 1s;
	-moz-animation: hidp01 1s;	
	-webkit-animation: hidp01 1s;	
	-o-animation: hidp01 1s;	
	
    animation-timing-function:linear;/**--速度相同--*/
	-moz-animation-timing-function:linear;
	-webkit-animation-timing-function:linear;
	-o-animation-timing-function:linear;
	
	animation-iteration-count: infinite; /**定义动画的播放次数*/
	-ms-animation-iteration-count: infinite; 
	-moz-animation-iteration-count: infinite;   
	-webkit-animation-iteration-count: infinite;  
	-o-animation-iteration-count: infinite;  
	
	animation-direction:alternate;
-webkit-animation-direction:alternate;
}
.con-choose .love-nine{
  top: 63%;
  left: 74%;
  
  animation: hidp01 1s;
	-moz-animation: hidp01 1s;	
	-webkit-animation: hidp01 1s;	
	-o-animation: hidp01 1s;	
	
    animation-timing-function:linear;/**--速度相同--*/
	-moz-animation-timing-function:linear;
	-webkit-animation-timing-function:linear;
	-o-animation-timing-function:linear;
	
	animation-iteration-count: infinite; /**定义动画的播放次数*/
	-ms-animation-iteration-count: infinite; 
	-moz-animation-iteration-count: infinite;   
	-webkit-animation-iteration-count: infinite;  
	-o-animation-iteration-count: infinite;  
	
	animation-direction:alternate;
-webkit-animation-direction:alternate;
}
.con-choose .love-ten{
  top: 20%;
  left: 38%;
  
  animation: hidp01 1s;
	-moz-animation: hidp01 1s;	
	-webkit-animation: hidp01 1s;	
	-o-animation: hidp01 1s;	
	
    animation-timing-function:linear;/**--速度相同--*/
	-moz-animation-timing-function:linear;
	-webkit-animation-timing-function:linear;
	-o-animation-timing-function:linear;
	
	animation-iteration-count: infinite; /**定义动画的播放次数*/
	-ms-animation-iteration-count: infinite; 
	-moz-animation-iteration-count: infinite;   
	-webkit-animation-iteration-count: infinite;  
	-o-animation-iteration-count: infinite;  
	
	animation-direction:alternate;
-webkit-animation-direction:alternate;
}
.con-choose .love-eleven{
  top: 26%;
  left: 84%;
  
  animation: hidp01 1s;
	-moz-animation: hidp01 1s;	
	-webkit-animation: hidp01 1s;	
	-o-animation: hidp01 1s;	
	
    animation-timing-function:linear;/**--速度相同--*/
	-moz-animation-timing-function:linear;
	-webkit-animation-timing-function:linear;
	-o-animation-timing-function:linear;
	
	animation-iteration-count: infinite; /**定义动画的播放次数*/
	-ms-animation-iteration-count: infinite; 
	-moz-animation-iteration-count: infinite;   
	-webkit-animation-iteration-count: infinite;  
	-o-animation-iteration-count: infinite;  
	
	animation-direction:alternate;
-webkit-animation-direction:alternate;
}
.con-choose .love-twelve{
  top: 64%;
  left: 48%;
  
    animation: hidp01 1s;
	-moz-animation: hidp01 1s;	
	-webkit-animation: hidp01 1s;	
	-o-animation: hidp01 1s;	
	
    animation-timing-function:linear;/**--速度相同--*/
	-moz-animation-timing-function:linear;
	-webkit-animation-timing-function:linear;
	-o-animation-timing-function:linear;
	
	animation-iteration-count: infinite; /**定义动画的播放次数*/
	-ms-animation-iteration-count: infinite; 
	-moz-animation-iteration-count: infinite;   
	-webkit-animation-iteration-count: infinite;  
	-o-animation-iteration-count: infinite;  
	
	animation-direction:alternate;
-webkit-animation-direction:alternate;
}

.con-choose  .lp-cover a{
	display: block;
  position: relative;
  width:100%;
  height:100%;
}



/**兼容
@media screen and (min-width: 374px) {
   .con-choose .love-one {
	  margin-top: -206px;
	  margin-left: -55px;
	}
	.con-choose .love-two {
	  margin-top: -89px;
      margin-left: -171px;
	}
	.con-choose .love-three {
	  margin-top: 55px;
	  margin-left: 80px;
	}
	.con-choose .love-five {
	  margin-top: 15px;
	}
	.con-choose .love-four {
	  margin-top: -105px;
	  margin-left: 800px;
	}
	
}	
**/
@keyframes hidp01
{
0% {
   margin-left: -73px;
}

100% {
   margin-left: -75px;
}

}

@-moz-keyframes hidp01 /* Firefox */
{
	0% {
   margin-left: -73px;
}

100% {
   margin-left: -75px;
}
}

@-webkit-keyframes hidp01 /* Safari 和 Chrome */
{
0% {
   margin-left: -73px;
}

100% {
   margin-left: -75px;
}

	
}

@-o-keyframes hidp01 /* Opera */
{
	0% {
   margin-left: -73px;
}

100% {
   margin-left: -75px;
}
}


/***22***/
@keyframes hidp02
{
0% {
  margin-left: -176px;
}

100% {
  margin-left: -174px;
}

}

@-moz-keyframes hidp02 /* Firefox */
{
	0% {
  margin-left: -176px;
}

100% {
  margin-left: -174px;
}
}

@-webkit-keyframes hidp02 /* Safari 和 Chrome */
{
0% {
  margin-left: -176px;
}

100% {
  margin-left: -174px;
}

	
}

@-o-keyframes hidp02 /* Opera */
{
	0% {
  margin-left: -176px;
}

100% {
  margin-left: -174px;
}
}

/**33**/
@keyframes hidp03
{
0% {
  margin-left: 17px;
}

100% {
  margin-left: 15px;
}

}

@-moz-keyframes hidp03 /* Firefox */
{
	0% {
  margin-left: 17px;
}

100% {
  margin-left: 15px;
}
}

@-webkit-keyframes hidp03 /* Safari 和 Chrome */
{
0% {
  margin-left: 17px;
}

100% {
  margin-left: 15px;
}

	
}

@-o-keyframes hidp03 /* Opera */
{
	0% {
  margin-left: 17px;
}

100% {
  margin-left: 15px;
}
}