@charset "utf-8";
/* CSS Document */

	.confirmDiy01{ margin:0.16rem 0;}
	.confirmDiy01 img{ width:0.9rem; border:1px solid #e3e3e3; vertical-align:middle; margin-right:0.2rem;}
	.confirmDiy01 span{ font-size:0.28rem; margin-right:0.28rem;}

/*定制选项*/
	.clear:after{ content:""; display:block; height:0; clear:both;}
	.diyPhotoBox{ background:#fff; border-bottom:1px solid #e3e3e3; padding:0 0.3rem;}
	.diyPhotoBox h1{ font-size:0.3rem; line-height:0.8rem; font-weight:normal;}
	.diyPhoto{ font-size:0;}
	.diyPhoto a{ display:inline-block; width:1.5rem; height:1.5rem; line-height:1.5rem; margin-right:0.2rem; background:#ddd; font-size:0.6rem; text-align:center; color:#fff;}
	.diyPhotoBox p{ font-size:0.24rem; line-height:2em; padding:0.15rem 0;}

/*新拍照2*/
	.photoBox h1{ padding:0.4rem 0; font-size:0.26rem; color:#333; font-weight:normal; text-align:center; line-height:0.42rem;}	
	.photoTakeBox{ background:#fff; font-size:0; text-align:center; padding:0.3rem 0 0.4rem;}
	.photoTakeBox :last-child{ margin:0;}
	.photoTake{ display:inline-block; margin-right:0.2rem; vertical-align: middle;}
	.photoTake h2{ font-size:0.28rem; color:#000; height:0.36rem; margin-bottom:0.1rem; font-weight: normal;}
	.photoTake p{ width:2rem; height:0.6rem; margin:0 auto; font-size:0.24rem; color:#666; line-height:0.3rem; margin-bottom:0.1rem; text-align:center;}
	.photoTake .photo{ display:block; width:2.18rem; height:2.18rem; border:1px solid #999; }

	.diySizeBox{ background:#fff; margin-top:0.3rem; border-bottom:1px solid #fff; /*border-top:1px solid #e3e3e3;*/ padding:0 0.3rem ;}
	.diySizeBox h3{ font-size:0.26rem; line-height:0.8rem; font-weight:normal; }
	.diyShoeBox{ border:1px solid #e3e3e3; padding:0.24rem 0; margin-bottom:0.3rem;}
	.diyShoeTop img{ width:1.4rem; height:1.4rem; float:left; margin:0 0.24rem;  border:1px solid #e3e3e3;}
	.diyShoeInfo{ float:left; font-size:0.24rem; }
	.diyShoeInfo p{ font-size:0.26rem; line-height:0.48rem;}
	.diyShoeInfo em{ line-height:0.48rem;}
	.diyMarquee{ line-height:0.4rem;}
	.diyMarquee span{ display:block; float:left; font-size:0.26rem; color:#333;}
	.diySize{ float:left;}
	.diySize li{ float:left; margin-right:0.3rem; text-align:center; padding:0 0.1rem; border:1px solid #666; color:#666;}
	.diySize li.fn-confirmSelect{border:1px solid #eba100; color:#eba100;}

	.diyShoeBottom{ padding:0.2rem;}
	.diyShoeBottom p{ font-size:0.24rem; color:#666; line-height:0.36rem; margin-bottom:0.1rem;}
	.diyShoeBottom span{ font-size:0.26rem;}
	.diyName{ display:inline-block; width:3.2rem; height:0.52rem; line-height:0.52rem; font-size:0.26rem; color:#333; margin-bottom:0;}

	/*推广收益*/
	.shareBox{background-color: #fff;padding:0.3rem; margin-top:0.1rem; color:#666; font-size:0.3rem; border-top:1px solid #e2e2e2;  border-bottom:1px solid #e2e2e2;}
	.shareBox .shouyi{ float:left;}
	/*.shareBox .tg{padding-right:0.4rem;}*/
	.y{ color:#f5a800;}
	.shareBox .right {float:right;}
	.shareBox .ifont-gengduo {color: #000}
	/*推广*/
	.sharePicBox{ padding:0.3rem 0; background:#fff;}
	/*.shareTop{ width:6.4rem; height:6.4rem; border:1px solid #666; margin:0 auto 0.1rem;} */
	.shareTop img{ width:100%;}
	.shareMiddle{ width:6.4rem; margin:0 auto;} 
	.shareML{ width:4rem; padding-top:0.24rem; float:left; font-size:0.3rem; color:#222;}
	.shareML p{ width:100%; line-height:0.48rem; margin-bottom:0.2rem;}
	.shareMR{ width:2rem; float:right; text-align:center;}
	.shareMR img{ width:100%;}
	.shareMR span{ color:#555; font-size:0.26rem;}
	.shareBottom{ padding:0.4rem 0 0.1rem; text-align:center; font-size:0.28rem; color:#f5a800;}
	

/*送人*/	
	.giftBox{ background:#fff;}
	.giftInfo{ padding-bottom:0.6rem;}
	.giftPic{ height:3rem; overflow:hidden; text-align:center;}
	.giftPic img{ width:3.3rem;}
	.giftText{ text-align:center; font-size:0.28rem; color:#222; line-height:0.36rem;}
	.giftText strong{ margin:0 0.1rem; font-weight:normal;}
	.giftCheckBox{ padding:0 0.5rem;}
	.giftCheck{ font-size:0.3rem; vertical-align:middle;}
	.giftTel,.checkButtom{ display:inline; height:0.68rem; font-size:0.24rem;}
	.giftTel{ width:4rem; }
	.checkButtom{ width:1rem; margin-left:0.16rem; text-align:center; text-indent:0; background:#108e03; color:#fff; border:none;}
	.checkResult{ text-align:center; font-size:0.26rem; line-height:0.48rem;}
	.checkResult p{ margin-top:0.2rem; color:#666;}



/*2017.8.4-个人中心 好友列表 */
	.searchBoxTwo{ top:0.89rem; background:#f1f1f1;}
	.friendBox:first-child{ border-top:1px solid #e2e2e2;}
	.friendBox{ background:#FFF; padding:0.2rem 0.3rem; border-bottom:1px solid #e2e2e2;}
	.friendBox:after{ content:""; clear:both; display:block; height:0;}
	.friendHead{width:0.8rem; float:left; border-radius:50%;}
	.friendHead img{ width:100%;}
	.friendInfo{ float:left; margin-left:0.24rem; padding:0.1rem 0;}
	.friendSex{ font-size:0.26rem; margin-right:0.05rem; font-weight:normal;}
	.man{ color:#4990e2;}
	.woman{ color:#f4608e;}
	.friendName{ font-size:0.26rem; color:#222;}
	.friendPhone{ font-size:0.24rem; color:#999; padding-top:0.16rem}
	.AddFriend,.AddFriendFinish{ display:block; float:right; width:1rem; height:0.44rem; line-height:0.42rem; border-radius:0.22rem; font-size:0.24rem; text-align:center; margin-top:0.2rem;}
	.AddFriend{ background:#ffb512; color:#FFF;}
	.AddFriendFinish{ color:#999;}
	/*2017.8.4 添加好友失败 */
	.AddFriendFail{ text-align:center; font-size:0.3rem; color:#666; line-height:2em; padding-top:2.5rem;}
	.AddFriendFail img{ width:2rem;}

/*2017.8.4-商品 脚型匹配 */
.footContrast{ display: inline-block;padding: 0.15rem 0.3rem;border-radius: 0.05rem; font-size: 0.26rem; text-align: center; background: #ffb512; color: #FFF;}
.footBg{ width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; top:0; z-index:6;}
.contrastBox{ width:4.4rem; margin:0 auto; position:fixed; top:35%; left:0; right:0; background:#FFF;  border-radius:0.06rem; padding-bottom:0.1rem;}
.contrastCloseBox{ text-align:right; padding:0.2rem 0.2rem 0 0;}
.contrastClose{    display: inline-block; width: 0.6rem; height: 0.6rem; background: url(../image/close.png) no-repeat 0 0; background-size: 0.5rem;}
.contrastObject{ font-size:0.28rem; text-align:center;}
.contrastObject p{ margin-top:-0.5em; font-size:0.3rem; color:#333; margin-bottom:0.5rem;}
.contrastBtn01,.contrastBtn02{ display:block; width:3.4rem; margin:0 auto 0.4rem; height:0.64rem; line-height:0.64rem; color:#fff; border-radius:0.04rem;}
.contrastBtn02{ background:#ffc936;}
.contrastBtn01{ background:#ff5051;}
/*有无数据*/
.data,.dataNo{ padding:0 0.05rem; height:0.26rem; line-height:0.26rem; font-size:0.12rem; margin-left:0.1rem;}
.data{ border:1px solid #108e03; border-radius:2px; color:#108e03; }
.dataNo{ border:1px solid #999; border-radius:2px; color:#999;}

/*匹配结果*/
.contrastResultBox{ padding:0.5rem 0 0.6rem;}
.contrasting{ font-size:0.3rem; color:#333; }
.contrastResult{ width:6rem; margin:0 auto; text-align:center;}
.contrastSucess,.contrastFail{ display:inline-block; font-size:0.3rem; color:#333; font-weight:bold; line-height:0.48rem; padding-left:0.6rem; background:url(../image/pay-success.png) no-repeat left center; background-size:0.48rem;}
.contrastFail{ background-image:url(../image/pay-fail.png);}

/*进度条*/
.spinner {
	margin:0.4rem auto 0.5rem;
	width: 0.8rem;
	height: 0.8rem;
	position: relative;
}

.container1 > div, .container2 > div, .container3 > div {
	width: 0.2rem;
	height: 0.2rem;
	background-color: #ffc936;

	border-radius: 100%;
	position: absolute;
	-webkit-animation: bouncedelay 1.2s infinite ease-in-out;
	animation: bouncedelay 1.2s infinite ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.spinner .spinner-container {
	position: absolute;
	width: 100%;
	height: 100%;
}

.container2 {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}

.container3 {
	-webkit-transform: rotateZ(90deg);
	transform: rotateZ(90deg);
}

.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }

.container2 .circle1 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.container3 .circle1 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.container1 .circle2 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.container2 .circle2 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

.container3 .circle2 {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
}

.container1 .circle3 {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}

.container2 .circle3 {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}

.container3 .circle3 {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}

.container1 .circle4 {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}

.container2 .circle4 {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
}

.container3 .circle4 {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
}

@-webkit-keyframes bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0.0) }
	40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
	0%, 80%, 100% {
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	} 40% {
		  transform: scale(1.0);
		  -webkit-transform: scale(1.0);
	  }
}
/*匹配对象信息*/

.contrastPeople{ width:4.4rem; margin:0 auto; box-shadow:0rem 0rem 0.25rem #aaa; padding:0.3rem 0 0.2rem;}
.contrastHead{ width:1rem; height:1rem; border-radius:50%; text-align:center; margin:0 auto; margin-bottom:0.3rem; }
.contrastHead img{ width:100%;}
.contrastShoe{ text-align:center; height:2.4rem; overflow:hidden;}
.contrastShoe img{ width:2.8rem;}
.contrastInfo{ width:2.5rem; margin:0 auto; font-size:0.26rem; color:#333; line-height:1.5em; margin-bottom:0.2rem; }
/*新主页*/
.newMainBox{ width:7.5rem;  position: absolute; top:0; bottom:0.98rem; background:#36343f; margin:0 auto; left:0; right:0; overflow:hidden; overflow-y:auto;}
.newBanner{ display:block; position:relative;}
.nbPic{ width:4.46rem; height:5.9rem; border:0.03rem solid #2899f0; border-radius:0.1rem;}
.nb1{ width:0.64rem; position:absolute; left:-0.1rem; top:0.5rem;}
.nb2{ width:4.46rem; height:1rem; position:absolute; background:url(https://file.yijie3d.com/imgs/mall.shop/v2/kuangText.png) no-repeat left bottom; background-size:100%; left:0.03rem; bottom:0.03rem;}
.nbTxt{ font-size:0.32rem; color:#fff; padding:0 0.2rem; line-height:1rem; text-align: right;}
.footRp{width:7.1rem; margin:0 auto 0.3rem;}
.footRp img{ width:100%;}
.titleNew{ text-align:center; margin-bottom:0.3rem;}
.titleNew img{ height:0.34rem;}
.activeBox{ margin:0 auto;}
.activePic{ display:block; width:100%; height:2.4rem; overflow:hidden; border-radius:0.1rem; margin-bottom:0.3rem;}
.activePic img{ width:100%;}
.shoeList{ padding:0.3rem 0.15rem 0; margin-bottom:0.3rem; border-radius:0.1rem; background:#fff; display: -webkit-flex; flex-wrap: wrap;  justify-content: space-between;  }
.shoe{ display:block; width:3.15rem; text-align:center; margin-bottom: 0.3rem; font-size:0.24rem;  color:#222;}
.shoeImg{  width:3.15rem; height:3.2rem; background:#eee; border-radius:0.06rem;}
.shoeText{ text-align: left; display: flex; height: 0.75rem; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; align-items: center; }
.shoePrice{ text-align:left; font-weight:600;color: red;}
.storeList{ margin-bottom:0.3rem; border-radius:0.1rem; background:#fff;}
.storeBox{ position:relative; margin-bottom:1.1rem;}
.storePic{ width:100%; height:2.2rem; overflow:hidden; border-top-left-radius:0.1rem; border-top-right-radius:0.1rem;}
.storePic img{ width:100%;}
.storeInfo{ width:6.8rem; position:absolute; top:1.8rem; right:0; left:0; margin:0 auto;}
.storeL{ float:left; width:1.5rem; height:1.5rem; border-radius:0.06rem; overflow:hidden; box-shadow:0 2px 10px #aaa; margin-right:0.2rem;}
.storeL img{ width:100%;}
.storeR{ float: left;}
.storeName{ display:block; font-size:0.34rem; color:#111; font-weight: bold;  padding:0.54rem 0 0.2rem;  overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.storeText{ width:3.8rem; color:#888; font-size:0.24rem; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.storeBtn{ float:right; display: inline-block; padding:0.15rem 0.24rem; font-size:0.24rem; color:#666; border-radius:0.06rem; border:0.01rem solid #666; margin-top:0.74rem;}
/*新主页 end */