.welcome-gif{
    width: 100%;
/*     height: 100%; */
    position: absolute;
    top:0;
    left:0;
    background: url("../../images/welcome_bg.png") no-repeat top center;
    z-index: 100;
    overflow:hidden;
    display:block;
}
.welcome-audio{
	position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
}
.welcome-gif img{
/* 	height:100%;
    width:100%; */
}
.remove{
    position: absolute;
    top: 4%;
    right: 3%;
    z-index: 199;
    color: #fff;
    text-decoration: none;
}
/* .music-icon{
	width:10%;
	height:10%;
	position: absolute;
    top: 5%;
    left: 0;
    z-index: 9999;
    transform:rotate(45deg);
} */
.size-group{
	position:relative;

   height: 100%;
   overflow: auto;
}
.size-group .title{
    width: 66%;
    /*margin: 0 auto;*/
    margin: 10px auto 0 auto;
    text-align: center;
    border: 0;
    border-top: 1px solid #fff;
    font-weight: bold;
    /*margin:20px auto;*/
}
.size-group .title legend{
   padding: 0 14px;
}
.size-group .size-list{
    width: 90%;
    text-align: center;
    padding: 0;
    margin: 0 auto;
}
    fieldset {

}
.alert {
    text-align:center;
    font-size: 1.2em;
}
.size-group .size-list li{/*
    position: relative;
    display: inline-block;
    font-size: 16px;
    width:20%;
    padding:10% 0;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 50%;
    margin-bottom: 9px; */
   /*
    position: relative;
    display: inline-block;
    font-size: 16px;
    width: 18%;
    padding: 9% 0;
    text-align: center;
    border: 2px solid #eee;
    border-radius: 50%;
    margin-bottom: 9px;
    margin: 3px 2px;*/
    position: relative;
    display: inline-block;
    font-size: 16px;
    width: 16%;
    padding: 8% 0;
    text-align: center;
    border: 2px solid #eee;
    border-radius: 50%;
    margin-bottom: 9px;
    margin: 3px 7px;
    line-height:100%;
}
.size-group .size-list li span{
    position: absolute;
    width: 100%;
    left: 0;
    top: 36%;
}
@media screen and (min-width: 640px){
    .size-group .size-list li span{
        top: 40%;
    }
}
.size-group .size-list li.active{
    border-color:#ec6a92;
}
@media screen and (min-width: 414px){
    .size-group .size-list{
        width: 80%;
    }
}

.size-group .foot-list{
       text-align: center;
}
.size-group .foot-item{
    position: relative;
   margin-bottom: 10px;
   margin-right: 3px;
   vertical-align: top;
}

.size-group .foot-line{
    width: 90%;
    margin: 10px auto;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 2px 0;
}
.foot-cleaner{
    position: absolute;
    width: 70%;
    left: 15%;
    top: 20%;
    text-align: center;
}
.board-group{

}
.board-group .reflesh{
     width: 90%;
     text-align: right;
     margin: 20px auto 70px;
     text-decoration: underline;
}


.foot-cleaner .beauty-btn{
    position: absolute;
    font-size:2.3em;
    bottom: 10%;
    color:red;
    text-shadow: 0 0 1px #FF0000
}