/*头部*/
.shop-header { height: 44px; line-height: 44px; background: #1b1a1f; color: #fff; text-align: center;}
.header-back { float: left; width: 16%; height: 44px; line-height: 44px; margin-left: 3%;}
.header-back a { float: left; width: 100%; text-align: right;position: relative; color: #fff;}
.header-back a i { float: left; width: 12px; height: 18px; 
	background: url(../img/shop/arr-left.png); background-size: 100% 100%;
	position: absolute; top: 12px; left: 0;}
.header-more { float: right; width: 20%; height: 44px; }
.header-more a { float: right; padding: 20px 13px 18px 13px;}
.header-more a i { float: left; width: 21px; height: 6px; background: url(../img/shop/more.png);
	background-size: 100% 100%;}

/*导航栏*/
.navigator-top { height: 44px; font-size: 13px;}
.navigator-top a { float: left; width: 50%; height: 100%; line-height: 68px; text-align: center;
	background: #1DACF1; color: #fff; position: relative; font-size: 12px; text-decoration: none; }
.nav-underline:after { content: ""; margin: 0 24%; width: 52%; height: 2px; position: absolute; 
	left: 0; bottom: 0; background: #fff;}
.navigator-top .topten { background: url(../img/shop/top10.png) #1DACF1 no-repeat; background-size: 16px 16px; background-position: 50% 6px;}
.navigator-top .more-products { background: url(../img/shop/chest.png) #1DACF1 no-repeat; background-size: 17px 17px; background-position: 50% 6px;}
.navigator-top .me { background: url(../img/shop/me.png) #1DACF1 no-repeat; background-size: 20px 19px; background-position: 50% 5px;}

/*标题大图*/
.banner { width: 100%;}

/*主体*/
.main-container { overflow: hidden; padding-bottom: 0px; border-bottom: 1px solid #eaeaea;}
.item { display: block; position: relative; margin-top: 2px; margin-bottom: -46px; padding-bottom: 46px; min-height: 154px;  -webkit-transition: all 1.5s;}
.item:first-of-type { margin-top: 0;}
.item:last-of-type { margin-bottom: 0;}
.item img { width: 100%;}
.item-active { margin-bottom: -2px;}
/*滑出信息*/
.info-box { width: 97%; height: 40px; padding: 3px 2%; position: absolute; bottom: 0; transform: translateX(100%);
	font-size: 12px; color: #fff; opacity: 0; background: rgba(0,0,0,.5); 
	-webkit-transition: all 1.5s; }
.info-box em { color: #fff;}
.info-box-active { opacity: 1; transform: translateX(0) }
.info-box-l1 { line-height: 21px;}
.info-box-l2 { line-height: 15px;}
.info-box .m-name { font-size: 14px;max-width: 70%;float: left;overflow:hidden;text-overflow:ellipsis;}
.info-box .p-name { float: left; max-width: 74%;}
.info-box .rmb { color: #ff5d5b; font-size: 16px;}
.info-box .price { color: #ff5d5b; font-size: 17px; }
.vprice { text-indent: -2em; display: inline-block; overflow: hidden; line-height: 1;}
@media(min-width: 375px){ .info-box .price { font-size: 19px; text-indent: 0; display: inline;} }
.info-box .price-origin { color: #a1a09e; background: url(../img/shop/cross.png) no-repeat center center; background-size: 80% 50%;}

/*底部*/
.navigator-bottom { margin: 0 3%; padding: 10px 0; font-size: 13px; border-bottom: 1px solid #e6e6e6;}
.navigator-bottom a { float: left; width: 18%; text-align: center; height: 24px; line-height: 24px;
	border-right: 1px solid #808080; margin-right: -1px; color: #808080;}
.navigator-bottom a:nth-of-type(3){ border-right: none; }
#back-to-top { display: none; position: fixed; bottom: 78px; left: 4%; border-radius: 50%;}
#back-to-top a { display: block; width: 28px; height: 28px; background: url(../img/shop/back-to-top.png) rgba(255,255,255,.7) no-repeat; background-size: 100% 100%;
	  border-radius: 50%;}
.footer-info { text-align: center; font-size: 14px; margin: 5px 0; font-weight: bold;}
.footer-tel {  color: #7f7f7f;}
.footer-copyright { color: #c3c3c3;}

/* 图片轮播 */
.iSlider-effect { overflow: hidden; position: relative;}
.iSlider-effect ul { list-style: none; margin: 0; padding: 0; height: 100%; overflow: hidden;}
.iSlider-effect li { position: absolute; margin: 0; padding: 0; height: 100%; overflow: hidden; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; list-style: none;}
.iSlider-effect ul li img{ max-width: 100%; height: 100%; margin: 0; padding: 0;}
	

/* 价格文字 */
.price-p { vertical-align: bottom; line-height: 40px;}
.price-p .price-main { font-size: 20px; color: #ff5d5b;}
.price-p .price-sub { font-size: 13px; color: #ff5d5b; margin-left: -.3em;}
.price-p .price-o { font-size: 13px; color: #959595;}

/* 通用按钮 */
.button-orange { width: 88%; height: 47px; line-height: 47px; text-align: center; color: #fff; font-size: 14px; font-weight: bold;
	border-radius: 4px; background: #1DACF1;display:block;margin:auto;}
.button-orange:hover { color: #fff;}
.button-orange[disabled] { opacity: .8;}

.alert-dialog { position: fixed; width: 84%; height: 220px; border-radius: 10px; background: #fff; min-height: 200px;
	left: 0; top: 0; right: 0; bottom: 0; margin: auto; display: none; padding: 20px 3%; text-align: center; z-index: 20;}
.alert-dialog .close { display: block; width: 15px; height: 15px; background: url(../img/shop/cross-grey.png); background-size: 100% 100%; position: absolute; top: 10px; right: 10px;}
.alert-dialog .tdcode { width: 170px;}
.alert-dialog .content { font-size: 13px; margin: 5px 0; line-height: 1.8; font-weight: bold;}