html,body{
	font-size: calc( 100vw/ 19.2 );
	color: #333;
	font-family: 'Microsoft YaHei','华文细黑','平方';
	-moz-user-select:none;
	-webkit-user-select:none;
	user-select:none;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.index-wrap{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #f2e5d2 url('../images/wardrobe/index.bg.png') center center no-repeat;
	background-size: cover;
	text-align: center;
}
.index-wrap .logo{
	width: 3.7rem;
	height: 1.93rem;
	margin: 0 auto;
}
.index-wrap p{
	color: #fb5763;
	text-align: center;
	font-size: 0.24rem;
	margin-top: 1.95rem;
}
.index-wrap .start-btn{
	width: 2.4rem;
	height: 0.65rem;
	border-radius: 0.1rem;
	background: #fb5763;
	margin: 2.3rem auto;
	cursor: pointer;
	color: #fff;
	font-size: 0.24rem;
	text-align: center;
	line-height: 0.65rem;
}
.make-wrap,
.go-wrap{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #f2e5d2 url('../images/wardrobe/bg.png') center center no-repeat;
	background-size: cover;
	display: none;
}
.make-wrap .box-1{
	width: 2.44rem;
	height: 1.78rem;
	position: absolute;
	top: 7.83rem;
	left: 4.64rem;
}
.make-wrap .box-2{
	width: 2.44rem;
	height: 1.74rem;
	position: absolute;
	top: 7.86rem;
	left: 8.45rem;
}
.make-wrap .box-3{
	width: 2.58rem;
	height: 1.39rem;
	position: absolute;
	top: 8.25rem;
	left: 12.21rem;
}
.go-wrap .box-4{
	width: 2.44rem;
	height: 1.78rem;
	position: absolute;
	top: 7.83rem;
	left: 4.64rem;
}
.go-wrap .box-5{
	width: 2.44rem;
	height: 1.74rem;
	position: absolute;
	top: 7.86rem;
	left: 8.45rem;
}
.go-wrap .box-6{
	width: 2.58rem;
	height: 1.39rem;
	position: absolute;
	top: 8.25rem;
	left: 12.21rem;
}
.make-wrap p,
.go-wrap p{
	text-align: center;
	line-height: 0.47rem;
	color: #fff;
	margin: 1.6rem auto 1.86rem auto;
	width: 9rem;
	background: #fb5763;
	font-size: 0.22rem;
}
.make-wrap .process,
.go-wrap .process{
	width: 0%;
	height: 0.2rem;
	border-radius: 0.1rem;
	background: #45dc8b;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .2s ease-in-out;
}
.make-wrap .clothes,
.go-wrap .clothes{
	visibility: hidden;
}
.opacity{
	transform: scale(1.2);
	transition: all .2s ease-in-out;
}

.clothes12,.clothes13{
	width: 2rem;
}

.make-wrap .continue{
	width: 2.4rem;
	height: 0.65rem;
	border-radius: 0.1rem;
	background: #fb5763;
	color: #fff;
	font-size: 0.24rem;
	line-height: 0.65rem;
	text-align: center;
	position: absolute;
	top: 4.35rem;
	left: 50%;
	margin-left: -1.2rem;
	display: none;
	cursor: pointer;
}
.duihao {
	width: 1.85rem;
	height: 1.88rem;
	position: absolute;
	top: 1.33rem;
	left: 50%;
	margin-left: -0.925rem;
	display: none;
}
.done-btn{
	width: 2.4rem;
	height: 0.65rem;
	border-radius: 0.1rem;
	background: #fb5763;
	color: #fff;
	font-size: 0.24rem;
	line-height: 0.65rem;
	text-align: center;
	position: absolute;
	top: 5.47rem;
	left: 50%;
	margin-left: -1.2rem;
	display: none;
	cursor: pointer;
}

.go-wrap .desc{
	text-align: center;
	position: absolute;
	top: 4.5rem;
	font-size: 0.22rem;
	width: 100%;
	display: none;
}

.box-wrap{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #f2e5d2 url('../images/wardrobe/bg.png') center center no-repeat;
	background-size: cover;
	display: none;
}
.box-group{
	width: 10rem;
	height: 7.35rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -3.67rem 0 0 -5rem;
}
.done-box{
	width: 2.47rem;
	height: 1.98rem;
	margin-right: 0.94rem;
	margin-bottom: 0.5rem;
	cursor: pointer;
}
.done-box:nth-child(3n){
	margin-right: 0;
}
.done-box:nth-child(n+7){
	margin-bottom: 0;
}

.alert-box{
	background: rgb(241, 229, 209);
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	font-size: 0.24rem;
	width: 7.96rem;
	height: 1.95rem;
	cursor: pointer;
	padding: 0.5rem 0.44rem;
	border-radius: 0.3rem;
	overflow:hidden;
	box-shadow: 0 0 60px 5px rgba(0,0,0,.1);
}
.alert-box div{
	overflow-y: scroll;
	width: 100%;
	height: 100%;
}
.alert-box p{
	line-height: 0.42rem;
}