.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.mobile-dressing-wrapper {
  height: 100%;
  margin:auto;
  width:100%;
  
}

.dressing-room {
  height: 100%;
  width:100%;
  overflow: hidden;
 
}
	
.dressing-room .anclass{
display:none;
}
 .sidebar .camera{

				left:-1rem;
				top:0px;
				position:absolute;
				
				display:none;
}	
.sidebar .face{

display:none;
}		
	
.dressing-room  .save{
				
				right:0rem;
				bottom:5px;
				
				position:absolute;
			}	
		
		
 .dressing-room  .undo{
				
				position:relative;
				top:5px;
				
				
			}
			

.dressing-room .product{
	z-index:91;
	right:5px;
	width: 1.3rem;
	height: 7.0rem;

	border-left: 0px solid #ccc;
	position:absolute;
	
	background-color:#56341B;
	background-color:rgba(235,235,235,0.6);
	display:none;

top:15%;
margin-top:-0.0rem;
	border-radius:0.2rem; 
    box-shadow: 1px 1px 2px 0px #333;
	overflow:hidden;
}

 .product .camera{
				margin-left:.25rem;
				margin-top:0.1rem;

			position:absolute;
				display:block;
				
}	
.product .camera input{
				width: 100%;
				height: 100%;
				position: absolute;
				left:0;
				top:0;
				z-index: 11;
				filter:alpha(opacity=0);  
			  -moz-opacity:0;  
			  -khtml-opacity: 0;  
			  opacity: 0; 
			}
			
			#bottomPopover .camera input{
				width: 100%;
				height: 100%;
				position: absolute;
				left:0;
				top:0;
				z-index: 11;
				filter:alpha(opacity=0);  
			  -moz-opacity:0;  
			  -khtml-opacity: 0;  
			  opacity: 0; 
			}

#bottomPopover .video input{
				width: 100%;
				height: 100%;
				position: absolute;
				left:0;
				top:0;
				z-index: 11;
				filter:alpha(opacity=0);  
			  -moz-opacity:0;  
			  -khtml-opacity: 0;  
			  opacity: 0; 
			}

.product .goods {
 width: 1.2rem;
 -webkit-overflow-scrolling: touch;
 width:auto;
height:auto;
margin:auto;
background-color:rgba(255,255,255,0);
 overflow-y: auto;
height:100%;
}
.product .mui-scroll{
 -webkit-overflow-scrolling: touch;

padding-bottom:0.5rem;
 overflow-y: auto;
height:100%;
}
.product .goods li {
  width: auto;
  height: auto;
  max-height:1.2rem;
  padding:2px;
  display:inline-block;
 -webkit-overflow-scrolling: touch;
margin:5px;

 vertical-align: middle;
  text-align: center;
}


.product .mui-table-view-chevro li{
background-color:#fff;
border-radius:0.1rem; 



}

.dressing-room .goods   img:hover {
 transform:scale(2.0);
  overflow:visible;
 
 height:auto;
}

.dressing-room .goods img {
  max-height:  auto;
  height: auto;
  width: 1.1rem;/* ie8 */
   max-width: 100%;
transform:scale(1.2);
  overflow:hidden;
}

.dressing-room .body{
position:absolute;
bottom:5px;
width:100%;
display:none;
background:#ffffff;
z-index:99;
height:auto;
padding:5px;
border: 1px solid #ccc;
background-color:rgba(255,255,255,1);
	border-radius:0.1rem; 

}


 .body .mui-content{
background-color:#FFFFFF;
margin-bottom:1rem;
}

.body .list img {
  max-height: 120px;
  width:auto;
  height: 1.2rem;
}
.body .list {
  overflow-x: auto;
  width:100%;
  display:inline;
 white-space: nowrap;
 -webkit-overflow-scrolling: touch;
height:auto;

display:none;
}

.body .list li {
  width: auto;
  height: auto;
  padding:5px;
  display:inline-block;
}
 .body .list .over{
 box-sizing: border-box;
border: 3px solid #59493F;
 font-weight:bold;
 border-radius:5px;
}


.dressing-room .body p{
margin:5px;
text-align:left;
display:block;
font-weight:bold;

}

.bodylist   span{
text-align:center;
display:block;

}
.body .margin{
margin-left:10px;
padding-top:20px;
margin-bottom:20px;
height:auto;
}


.dressing-room .product .category {

  z-index:99;
 position:relative;
 background:#FFFFFF;
height:0.3rem;
}



.dressing-room .size{
z-index:10;
position:absolute;
bottom:15%;
right:1.6rem;
width:auto;
display:none;
}

.dressing-room .size li {
  width: 0.6rem;
  height: auto;
  margin:5px;
  margin-top:5px;
  padding:5px;
  display:block;
  background-color:#FFFFFF;
  border-radius:0.1rem;
 border:1px solid #ccc;
}

 .size  .mui-icon-close{
position:absolute;
margin-top:-0.2rem;
right:-0.2rem;
width:0.4rem;
height:auto;
max-width:100%;
z-index:10;
}


 .size  .buy{
position:relative;
margin-top:-0.2rem;
background-color:rgba(235,235,235,.6);
width:0.5rem;
height:0.2rem;
line-height:0.2rem;
font-size:0.12rem;
font-weight:bold;
}


 .size li img {
 
  max-width:100%;
  width:0.5rem;
  height: 0.5rem;
  margin:auto;
}
.size  .total img{
 max-height: 100%;
  width:auto;
  height: 0.6rem;
  margin:auto;
  margin-left:5px;

}


.dressing-room .sidebar {
  z-index:99;
 
  width: 3.0rem;
  height:4.5rem;
  top:20%;
  border-top: 1px solid #ddd;
 background-color:rgba(235,235,235,0.6);
  position:absolute;
  display:none;
  	border-radius:0.2rem; 
	right:5px;
	border:#330033;
	box-shadow: 1px 1px 2px 0px #333;
}	
.dressing-room .side {
  overflow-y: auto;
  width:100%;
display:inline;

 -webkit-overflow-scrolling: touch;
height:100%;
}
 .sidebar  .mui-icon-close{
position:absolute;
margin-top:-0.2rem;
right:-0.2rem;
width:0.2rem;
height:0.2rem;

z-index:10;
}

.dressing-room .side li {
  width: 1.25rem;
  height: auto;
  padding:5px;
  margin:5px;
  display:inline-block;
  border-radius:0.1rem; 
  background-color:#FFFFFF;
}

 .sidebar .side img {
  width: 100%;
  height:auto;

max-width:100%;
}
.sidebar .title {

font-weight:bold;

padding:5px;
color:#666;
position:fixed;
margin-top:-30px;
background-color:#fff;
border-radius:0.1rem; 
border:1px solid #eeeeee;
width:3.0rem;

margin-bottom:30px;
}



.dressing-room .mask-loading {
 position: absolute;
left:0;
right:0;
top:0;
bottom:0;
width: 100%;		
background-color: rgba(89,73,63,.6);
border-radius:  0rem;
height:  100%;
line-height: 1.0rem;
margin:auto;

}

.dressing-room .mask-loading em {
  font-style:normal;
  color: #fff;
  text-align: center;
font-size:0.2rem;

vertical-align:middle;

}


.body .nclass  {

  width:95%;
  display:block;
 white-space: nowrap;
 -webkit-overflow-scrolling: touch;
height:auto;

overflow-x: auto;

margin-left:10px;
border-bottom: 1px solid #ccc;
}

 .body .nclass li {
  width: auto;
  height: auto;
  padding:3px;

  display:inline-block;
  

}
 .body .nclass .title {


background-color: #999;
padding:5px;
padding-left:10px;
padding-right:10px;
}





.dressing-room .categories {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  padding: 2%;
  background-color: rgba(62,171,184,.6);
  overflow:scroll;
  display:none;
}

.dressing-room .categories span {
  float: left;
  width: 49%;
  padding: 2em 0;
  border-right: 1px solid #75d0d3;
  border-bottom: 1px solid #75d0d3;
  color: #fff;
  text-align: center;
}

.dressing-room .categories a {
  color: #fff;
  text-align: center;
}

.dressing-room .categories span:last-child {
  border-bottom: 0 none;
}

.dressing-room .categories .item {
  border-right: 0 none;
}

.dressing-room .remove-categories {
  position: absolute;
  left: 50%;
  z-index: 990;
  margin: auto;
  font: 34px Bookman Old Style, serif;
  margin-left:-30px;
  color: #fff;
  display:none;
  bottom:5px;
}


.dressing-room .goodsname {
 text-align: center;
}

.dressing-room .goods-name {
 text-align: center;
font-size:0.2rem;
font-weight:bold;
color:#333;
}

.bg{
width:100%;
height:100%;

background-position:bottom center;
position:absolute;
 background-repeat:repeat;
 background-size:cover;
 z-index:0;
 background-color:#D7D5CF3;

 background-attachment:fixed;
filter:alpha(opacity:100); opacity:1; -moz-opacity:1;-khtml-opacity: 1;
 
}


#mylegend{
margin:auto;
z-index:1;
width:100%;
height:100%;
position:absolute;


}
#mylegend img{
left:50%;
top:50%;
width:0.5rem;
height:auto;
max-width: 100%;
position:absolute;
margin-left:-0.3rem;
margin-top:-0.3rem;
}


.clear {
  clear: both;
  }
.img
{
  
  transform:scale(1);
}

.img:hover
{
  
  
  transform:scale(1.1);
} 
.img:visited
{
 
  transform:scale(1.0);
} 



.dressing-room .loading{
position:fixed;
z-index: 9;
left:50%;
top:45%;
 margin-left: -60px;
 margin-top: -60px;
width:120px;
height:120px;

display:none;
 background: rgba(255, 255, 255, 0.8);
border-radius:10px; 
/* -webkit-animation:loadRotate 3s  linear infinite;
animation:loadRotate 3s  linear infinite;
*/
}
.dressing-room .loading span{
font-size:12px;
display:block;
 font-family: -apple-system-font,"Helvetica Neue",sans-serif;
color:#666;
}

.dressing-room .loading img{
width:80px;
height:auto;

}