@charset "utf-8";
.wrapper {
    position: relative;
    max-width:7.5rem;
    min-width: 3.2rem;
    margin: 0 auto;
    overflow-x: hidden;
}

.wrapperPa{
	padding-bottom:1.35rem;
	display: block;
}

.wrapperDraw {
	height: 100%;
    position: relative;
    max-width:7.5rem;
    min-width: 3.2rem;
    margin: 0 auto;
    overflow-x: hidden;
}

.wrapperWhite {
	height: 100%;
    position: relative;
    max-width:7.5rem;
    min-width: 3.2rem;
    margin: 0 auto;
    overflow-x: hidden;
    background: #fff;
}


/*登录注册*/
.BoxWrapper {
    min-height: 100%;
    height: auto;
    background: #fff;
    padding-bottom: 0rem;
}

.BoxDIV{
	padding: 1.13rem 0rem;
}
.BoxButton{
	display: block;
	margin-top:0.5rem;
	padding: 0rem 0.3rem;
}
.BoxButton .btn{
	width: 100%;
	height:0.8rem;
	line-height:0.8rem;
}


/*登录*/
.LoginGroup{
	height: 1rem;
	line-height: 1rem;
	display: block;
	border-bottom: 1px solid #eee;
	padding: 0rem 0.3rem;
	position: relative;
}

.LoginInput{
	display: block;
	position: relative;
	width: 100%;
	height: 1rem;
	text-align: left;
	background: none;
	outline: none;
	-webkit-appearance: none;
	border: none;
	color:#959595;
	font-size: 0.24rem;
	font-weight: normal;
}

.eye-gray{
	display: block;
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    top: 0.23rem;
    right: 0.25rem;
	background: url(../images/eye.png) center center no-repeat;
    background-size: 0.35rem 0.35rem;
}

.eye-black{
	display: block;
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    top: 0.23rem;
    right: 0.25rem;
	background: url(../images/eye-black.png) center center no-repeat;
    background-size: 0.35rem 0.35rem;
}

.LoginA{
	line-height: 0.4rem;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	margin-top:0.5rem;
	padding: 0rem 0.3rem;
}
.LoginA a{
	font-size: 0.22rem;
	color: #626262;
	text-decoration: none;
	
}
.LoginA a:last-child{
	text-decoration: underline;
}


/*注册*/
.RegisterGroup{
	height: 1rem;
	line-height: 1rem;
	border-bottom: 1px solid #eee;
	padding: 0rem 0.3rem;
	position: relative;
	display: -webkit-box;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
}
.RegisterGroup:nth-child(2){
	padding: 0rem 0rem 0rem 0.3rem!important;
}
.RegisterInput{
	display: block;
	position: relative;
	width: 100%;
	height: 1rem;
	text-align: left;
	background: none;
	outline: none;
	-webkit-appearance: none;
	border: none;
	color:#959595;
	font-size: 0.24rem;
	font-weight: normal;
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    text-indent: 0.24rem;
}
.RegisterGroup .btn{
	width: 1.96rem;
	height: 1rem;
	line-height: 1rem;
	border-radius: 0px;
}
.IconReg{
	display: block;
	width: 0.4rem;
	height:1rem;
	line-height: 1rem;
}
.username{
	background: url(../images/username.png) center no-repeat;
	background-size:0.3rem 0.32rem;
}
.pass{
	background: url(../images/pass.png) center no-repeat;
	background-size:0.3rem 0.38rem;
}
.BoxAgree{
	display: block;
	margin-top:0.5rem;
	padding: 0rem 0.3rem;
	font-size: 0.24rem;
	color: #959595;
	font-weight: normal;
}
.ButtonAgree{
	position: relative;
	display: inline-block;
	width: 0.35rem;
	height: 0.35rem;
	vertical-align: top;
	margin-right: 0.1rem;
}
.BoxAgree a{
	text-decoration: none;
	color: #018bda;
}
.button-reg{
	background: url(../images/button-reg.png) no-repeat;
	background-size: 0.35rem 0.35rem;
}
.button-red{
	background: url(../images/button-red.png) no-repeat;
	background-size: 0.35rem 0.35rem;
}


/*首页*/
.HomeTitle{
	width:100%;
	position: fixed;
	max-width: 7.5rem;
	min-width: 3.2rem;
	z-index: 9998;
	margin: auto;
	left: 0px;right: 0px;
}
.HomeOrange{
	background: #ff6700;
}
.HomeHeader {
    position: relative;
    background: -webkit-linear-gradient(top,rgba(0,0,0,.4),rgba(15,15,15,0));
    background: linear-gradient(top,rgba(0,0,0,.4),rgba(15,15,15,0));
    box-sizing: border-box;
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.2rem 0rem;
}

.HomeAdd{
	width: 1.24rem;
	box-sizing: border-box;
	position: relative;
}
.HomeAdd a{
	line-height: 0.7rem;
    color: #fff;
    font-size: 0.24rem;
    text-align: center;
    text-decoration: none;
    padding-left: 0.25rem;
}
.down-arrow{
	width: 0.3rem;
    height: 0.3rem;
    background: url(../images/down-arrow.png) no-repeat;
    background-size: 0.3rem 0.3rem;
    display: inline-block;
    position: absolute;
    top: 0.18rem;
}

.HomeDIV{
	display: block;
	width: 5.3rem;
	height: 0.7rem;
	line-height: 0.7rem;
	border-radius: 0.5rem;
	position: relative;
	overflow: hidden;
}
.HomeSearchIcon{
	display: block;
    font-size: 0.24rem;
    color: #fff;
    padding-left: 0.7rem;
    line-height: 0.7rem;
    height: 0.7rem;
    overflow: hidden;
}
.search{
	display: block;
	position: absolute;
	left: 0.15rem;
	top: 0.08rem;
	height: 0.7rem;
	width: 0.5rem;
	background: url(../images/search.png) no-repeat;
	background-size: 0.5rem 0.5rem;
	overflow: hidden;
}
.HomeSearch{
	width: 100%;
	height: 0.7rem;
	line-height: 0.7rem;
	display: block;
	background: #fff;
	opacity: 0.4;
	color: #fff;
	font-size: 0.24rem;
	position: absolute;
	text-decoration: none;
}
.HomeInfo{
	display: block;
	position: absolute;
	right: 0.2rem;
	top: 0.2rem;
	height: 0.7rem;
	width:0.6rem;
	background: url(../images/infor.png) center center no-repeat;
	background-size: 0.55rem 0.6rem;
	overflow: hidden;
}
.HomeOrange .HomeHeader{
	background:none;
    background: none;
}
.HomeOrange .HomeSearch{
	display: none;
}
.HomeOrange .HomeDIV{
	background: #fff;
}
.HomeOrange .HomeSearchIcon{
	color: #333;
	width: 100%;
    height: 0.7rem;
    line-height: 0.7rem;
    display: block;
    background: #fff;
    opacity:1;
    font-size: 0.24rem;
    position: absolute;
    text-decoration: none;
}
.HomeOrange .search {
    display: block;
    position: absolute;
    left: 0.2rem;
    top: 0.13rem;
    height: 0.7rem;
    width: 0.5rem;
    background: url(../images/searchac.png) no-repeat;
    background-size: 0.4rem 0.4rem;
    overflow: hidden;
}

/*图片轮换*/
.HomeView{
	display: block;
	background: #fff;
	position: relative;
	box-sizing: border-box;
}
.HomeView .swiper-container{
	height: 4.88rem;
	display: block;
	overflow: hidden;
}
.HomeView img{
	height: 100%;
	width: 100%;
}
.HomeView .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	background: #eee;
	opacity:1;
}
.HomeView .swiper-pagination-bullet-active{
	background: #fff;
}
.HomeView .swiper-container-horizontal >  .swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0px 3px;
}

/*手机日报*/
.PhoneDaily{
	display: block;
	position: relative;
	background: #fff;
}

.PhoneDailyTitle{
	display: block;
	border-bottom: 1px solid #eee;
	padding:0.2rem 0.25rem;
}
.PhoneDailyName{
	display: block;
	position: relative;
	width: 1.6rem;
	height: 0.5rem;
	overflow: hidden;
	vertical-align: top;
	margin-right: 0.2rem;
	float: left;
}
.PhoneDailyName img{
	height: 0.5rem;
}
.PhoneDailyTxt{
	max-width: 5rem;
	line-height: 0.52rem;
	font-size: 0.28rem;
	color: #626262;
	font-weight: 400;
	display: block;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 1.85rem;
}
.PhoneDailyMain{
	display: block;
	padding-bottom: 0.2rem;
	padding-left: 0.1rem;
	padding-right: 0.1rem;
}
.PhoneDailyList{
	display: block;
	width: 20%;
	float: left;
	position: relative;
	margin-top: 0.2rem;
}
.PhoneDailyList a{
	text-align: center;
	text-decoration: none;
	line-height: 0.35rem;
	color: #959595;
	font-size: 0.24rem;
}
.PhoneDailyIMG{
	display: block;
	text-align: center;
	height: 0.9rem;
	overflow: hidden;
}
.PhoneDailyIMG img{
	height: 0.9rem;
}
.PhoneDailyTxtName{
	display: block;
	line-height: 0.35rem;
	color: #959595;
	font-size: 0.24rem;
	padding-top: 0.05rem;
}

/*今日特价*/
.TodaySpecial{
	margin-top: 0.21rem;
	display: block;
	background: #fff;
}
.TodaySpecialTitle{
	display: block;
	border-bottom: 1px solid #eee;
	padding:0.2rem 0rem;
	text-align: center;
}
.TodaySpecialTitle img{
	height: 0.55rem;
	overflow: hidden;
}
.TodaySpecialShop{
	display: block;
}
.TodaySpecialShopList{
	width: 50%;
	float: left;
	display: block;
	position: relative;
	border-bottom: 1px solid #eee;
}
.TodaySpecialShopList a{
	display: block;
	border-right: 1px solid #eee;
	text-decoration: none;
	padding-bottom: 0.25rem;
}
.TodaySpecialIMG{
	display: block;
	height: 3.74rem;
	overflow: hidden;
	text-align: center;
}
.TodaySpecialIMG img{
	height: 3.74rem;
}
.TodaySpecialTxt{
	height:0.8rem;
	padding: 0rem 0.22rem;
	text-align: left;
	color: #626262;
	font-size: 0.28rem;
	ext-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.TodaySpecialPrice{
	display: block;
	height:0.35rem;
	line-height: 0.35rem;
	padding: 0rem 0.22rem;
	text-align: left;
	color: #ff6700;
	font-size: 0.36rem;
	overflow: hidden;
	margin-top: 0.15rem;
}

/*搜索*/
.SearchInput.SearchS{
    margin-left: 0.75rem;
    margin-right: 0.75rem;
}
.SearchForm{
	display: inline-block;
    width: 65%;
    position: relative;
    background: none;
    border: none;
    -webkit-appearance: none;
    outline: none;
    color: #959595;
    font-size: 0.28rem;
}
.SearchView{
	display: block;
	position: relative;
	margin-top: 0.2rem;
}
.SearchList{
	padding:0.3rem 0.3rem;
	display: block;
}
.SearchList p{
	color:#959595;
	font-size: 0.28rem;
	line-height: 0.4rem;
	text-align: left;
	position: relative;
}
.SearchTxt{
	display: block;
	margin-top:0.2rem;
}
.SearchTxt span{
	padding: 0rem 0.2rem;
	height: 0.6rem;
	line-height: 0.6rem;
	overflow: hidden;
	margin-left: 0.2rem;
	border-radius: 1rem;
	background: #f6f6f6;
	border: 1px solid #f6f6f6;
	display: inline-block;
	position: relative;
	color: #626262;
	font-size: 0.28rem;
	margin-bottom: 0.2rem;
}

.CloseRound{
	width: 0.45rem;
	height: 0.45rem;
	position: absolute;
	display: block;
	background: url(../images/CloseRound.png) center center no-repeat;
	background-size: 0.45rem 0.45rem;
	right: 0rem;
	top: 0rem;
}


/*热卖榜*/
.SellingList{
	display: block;
	margin-top: 0.21rem;
	background: #fff;
}
.SellingListCate{
	display: block;
	float: left;
	position: relative;
	width: 50%;
}
.SellingListCate a{
	text-decoration: none;
	display: block;
	width: 100%;
	height: 3.75rem;
	overflow: hidden;
	margin-left: 0.02rem;
	margin-top: 0.04rem;
}
.SellingListCate a img{
	width: 100%;
	height: 3.75rem;
}
.SellingListCate:first-child a ,.SellingListCate:nth-child(2) a{
	margin-top: 0rem;
}

.SellingListCate:nth-child(2n+1) a{
	margin-left: 0rem;
}

/*页面*/
.Main{
	display: block;
	position: relative;
	padding-top: 0.88rem;
}

/*商品页面*/
.PhoneSell{
	display: block;
	position: relative;
	margin-top: 0.21rem;
	background: #fff;
}

.ShopList{
	border-bottom: 1px solid #eee;
	display: block;
	position: relative;
	padding-right: 0.2rem;
    overflow: hidden;
    display: -webkit-box;
    display: flex;
}
.ShopListImg{
	position: relative;
	width: 2.73rem;
	height: 2.73rem;
	overflow: hidden;
}
.ShopListImg img{
	height: 2.73rem;
}
.ShopListText{
	-webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 0.2rem;
    margin-top: 0.42rem;
}
.ShopList a{
	text-decoration: none;
}
.ShopListName{
	display: block;
    position: relative;
    color: #626262;
    font-size: 0.28rem;
    font-weight: normal;
    text-align: left;
    max-height: 0.8rem;
    line-height: 0.4rem;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.ShopListPro{
	display: block;
    position: relative;
    color: #626262;
    font-size: 0.28rem;
    font-weight: normal;
    text-align: left;
    height: 0.4rem;
    line-height: 0.4rem;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.shopListBrief{
	display: block;
	position: relative;
	margin-top: 0.3rem;
	white-space: nowrap;
	overflow: hidden;
	font-weight: normal;
	height: 0.85rem;
	line-height: 0.85rem;
}
.shopListPrice{
	display:block;
	line-height: 0.85rem;
	color: #ff6700;
	font-size: 0.24rem;
	white-space: nowrap;
	overflow: hidden;
	font-weight: normal;
}
.shopListPrice strong{
	font-size: 0.36rem;
	padding-left: 0.1rem;
	font-weight: 400;
}

/*商品详情页*/
.ShopDetailTab {
    overflow: hidden;
    display: -moz-box;
    display: -webkit-box;
    display: box;
    margin: 0 2.15rem;
    text-align: center;
    height:0.88rem;
    line-height:0.88rem;
}
.ShopDetailTitle{
	color: #626262;
	font-size: 0.30rem;
	font-weight: normal;
	text-align: center;
    box-flex: 1;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
    width: 1%;
    overflow: hidden;
    white-space: nowrap;
}
.ShopDetailTitle a,.ShopDetailTitle span{
	width: 1rem;
	height: 0.86rem;
	line-height: 0.86rem;
	overflow: hidden;
	text-align: center;
	color: #626262;
	font-size: 0.30rem;
	font-weight: normal;
	text-decoration: none;
	display: block;
	margin: 0px auto;
}
.ShopDetailTitle.active a,.ShopDetailTitle.active span{
	color: #ff6700;
	border-bottom:2px solid #ff6700;
}
.TabShop{
	width: 100%;
	display: none;
}
.TabShop.TabShopActive {
	display: block;
	-webkit-animation: fadein .5s ease forwards;
	-moz-animation: fadein .5s ease forwards;
	animation: fadein .5s ease forwards;
	z-index: 2;
}

@-webkit-keyframes fadeout {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		opacity: 1
	}
	to {
		-webkit-transform: translate3d(0, 0, 300px);
		opacity: 0
	}
}

@-moz-keyframes fadeout {
	from {
		-moz-transform: translate3d(0, 0, 0);
		opacity: 1
	}
	to {
		-moz-transform: translate3d(0, 0, 300px);
		opacity: 0
	}
}

@keyframes fadeout {
	from {
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
	to {
		transform: translate3d(0, 0, 300px);
		opacity: 0
	}
}

@-webkit-keyframes fadein {
	from {
		-webkit-transform: translate3d(100%, 0, 0)
	}
	to {
		-webkit-transform: translate3d(0, 0, 0)
	}
}

@-moz-keyframes fadein {
	from {
		-moz-transform: translate3d(100%, 0, 0)
	}
	to {
		-moz-transform: translate3d(0, 0, 0)
	}
}

@keyframes fadein {
	from {
		transform: translate3d(100%, 0, 0)
	}
	to {
		transform: translate3d(0, 0, 0)
	}
}

.ShopDetailImg {
	display: block;
	width: 100%;
	height: 7.5rem;
	background: #fff;
}
.ShopDetailImg  .swiper-container{
	width: 100%;
	height: 100%;
}
.ShopDetailImg  .swiper-container img{
	width: 100%;
	height: 100%;
}
.ShopDetailImg .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	background: #eee;
	opacity:0.8;
}
.ShopDetailImg .swiper-pagination-switch,.ShopDetailImg .swiper-pagination-bullet-active{
	background: #fff;
	opacity: 1;
}
.ShopDetailImg .swiper-container-horizontal >  .swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0px 3px;
}
.ShopDetailImg .swiper-pagination-fraction, .ShopDetailImg .swiper-pagination-custom,.ShopDetailImg .swiper-container-horizontal > .swiper-pagination-bullets{
	bottom: 5px;
}

.ShopDetailView{
	display: block;
	padding:0.3rem 0.3rem;
	background: #fff;
}
.ShopDetailName{
	display: block;
	color: #626262;
	font-weight: 400;
	font-size: 0.36rem;
	line-height: 0.45rem;
}
.ShopDetailProduct{
	line-height: 0.35rem;
	display: block;
	color:#959595;
	font-size: 0.24rem;
	margin-top: 0.2rem;
}
.ShopDetailPrice{
	display: block;
	line-height: 0.45rem;
	margin-top:0.35rem;
	color: #ff6700;
	font-size: 0.36rem;
}
.ShopDetailPrice strong{
	font-size: 0.48rem;
	font-weight: 400;
	padding-left: 0.15rem;
}

.ShopDetailAttr{
	display: block;
	margin-top: 0.21rem;
	background: #fff;
}

.ShopDetailActive{
	display: block;
	padding: 0.3rem 0.3rem;
	border-bottom: 1px solid #eee;
	position: relative;
	overflow: hidden;
}

.ShopDetailHas{
	width: 0.75rem;
    color: #959595;
    font-size: 0.24rem;
    font-weight: normal;
    line-height: 0.35rem;
    display: block;
    text-align: left;
    float: left;
}
.ShopDetailInfo{
	color: #626262;
    font-size: 0.24rem;
    font-weight: normal;
    line-height: 0.35rem;
    margin-right: 0.45rem;
    margin-left: 0.75rem;
	
}

.popu{
	position: absolute;
	right: 0.3rem;
	top: 0.36rem;
	width: 0.45rem;
	height: 0.2rem;
	background: url(../images/popu.png) center center no-repeat;
	background-size: 0.43rem 0.13rem;
}

.ShopDetailService{
	padding: 0.2rem 0.3rem;
	display: block;
}

.ShopDetailSerInfo{
	display: inline-block;
	margin-right: 10px;
	
}
.ShopDetailSerIcon{
	display: inline-block;
	width: 0.4rem;
	height: 0.4rem;
	background: url(../images/draw.png) center center no-repeat;
	background-size: 0.4rem 0.4rem;
	vertical-align: top;
}
.ShopDetailSerInfo span{
	font-size:0.2rem;
	color: #959595;
	font-weight: normal;
	line-height: 0.4rem;
}

.ShopDetailFix{
	display: block;
	padding: 0.3rem 0.3rem;
	text-align: center;
}
.ShopDetailFix a{
	text-decoration: none;
	text-align: center;
	color: #959595;
	font-size: 0.24rem;
	line-height: 0.4rem;
}
.ShopDetailDown{
	display: inline-block;
	width: 0.4rem;
	height: 0.4rem;
	background: url(../images/down-arrowgray.png) center center no-repeat;
	background-size: 0.4rem 0.26rem;
	vertical-align: top;
}
.ShopDetailPic{
	display: block;
	width: 100%;
}
.ShopDetailPic div{
	display: block;
}
.ShopDetailPic div img{
	width: 100%;
	height: 100%;
	display: block;
	vertical-align: top;
}

/*直播视频*/
.AudioTitle{
	display: block;
	height: 0.88rem;
	line-height: 0.88rem;
	background: #fff;
	text-align: center;
	overflow: hidden;
}
.AudioTitle a{
	text-decoration: none;
	color: #626262;
	font-size: 0.30rem;
    line-height: 0.86rem;
    margin-right: 0.5rem;
    display: inline-block;
    padding: 0rem 0.1rem;
}
.AudioTitle .Active{
	color: #ff6700;
	border-bottom: 1px solid #ff6700;
}
.AudioView{
	display: block;
	margin-top: 0.1rem;
}
.AudioList{
	display: block;
	position: relative;
	margin-bottom: 0.1rem;
	background: #fff;
}
.AudioPic{
	display: block;
	height: 3.8rem;
	overflow: hidden;
	position: relative;
}
.AudioImg{
	height: 3.8rem;
	overflow: hidden;
	display: block;
}
.AudioImg img{
	height: 3.8rem;
}
.AudioPop{
	display: block;
	position: absolute;
	width: 100%;
	height: 3.8rem;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 100;
    background: rgba(0,0,0,.4);
}
.AudioBF{
	display: block;
    position: relative;
    width: 1.35rem;
    height: 1.35rem;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    margin: 1.2rem auto;
}
.AudioBF img{
	height: 1.35rem;
}
.AudioTxt{
	display: block;
	padding: 0.2rem 0.3rem;
}
.AudioName{
	display: block;
	font-size: 0.36rem;
	color: #313131;
	line-height: 0.4rem;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-margin-before: 0rem;
    -webkit-margin-after: 0rem;
    font-weight: 400;
}
.AudioLook{
	display: block;
	font-size: 0.22rem;
	color: #959595;
	line-height: 0.35rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 0.3rem;
}
.AudioLookLeft{
	width:55%;
	float: left;
	text-align: left;
	color: #959595;
	line-height: 0.35rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.AudioLookRight{
	width: 45%;
	float: right;
	text-align: right;
	color: #626262;
	line-height: 0.35rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}




/*个人中心*/
.PersonalCenterTitle{
	display: block;
	padding:0.4rem 0.32rem;
	background: #ff670f;
	display: box;
    display: -webkit-box;
    box-align: center;
    -webkit-box-align: center;
    box-pack: start;
    -webkit-box-pack: start;
}
.PersonalHead{
	display: block;
	width:1rem;
	height: 1rem;
	overflow: hidden;
	text-align: center;
	border: 2px solid #eee;
	border-radius: 100%;
}
.PersonalHead img{
	height:100%;
	width: 100%;
}
.PersonalText{
	display: block;
	margin-left: 0.3rem;
}
.PersonalName{
	width:3.55rem;
	display: block;
	color: #fff;
	font-size: 0.3rem;
	line-height: 0.35rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.PersonalMember{
	display: block;
	width: 1.2rem;
	height:0.4rem;
	background: #fba222;
	border-radius:1.65rem;
	text-align: center;
	color: #fff;
	font-size: 0.22rem;
	margin-top: 0.2rem;
	line-height: 0.4rem;
}
.PersonalCenterOrder{
	background: #fff;
	display: block;
}
.PersonalCenterAll{
	height: 0.77rem;
	line-height: 0.77rem;
	display: block;
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid #eee;
	padding:0.15rem 0.3rem;
	color: #434343;
	font-size: 0.3rem;
	text-decoration: none;
}
.PersonalCenterAll span{
	margin-right: 0.35rem;
}
.PersonalCenterRight{
	display: block;
	position: relative;
	font-size:0.3rem;
	color: #959595;
	font-weight: normal;
}
.PersonalOrderList{
	display: block;
	float: left;
	position: relative;
	width: 33.33%;
	height: 1.85rem;
	text-align: center;
}
.PersonalOrderList a{
	padding: 0.49rem 0rem;
	text-decoration: none;
	display: block;
}
.OIcon{
	display: block;
	position: relative;
	text-align: center;
	height:0.45rem;
	overflow: hidden;
}
.OIcon img{
	height: 0.45rem;
}
.PersonalCenterName{
	display: block;
	color: #434343;
	font-size: 0.24rem;
	line-height: 0.35rem;
	margin-top: 0.1rem;
}
.PersonalCenterView{
	display: block;
	position: relative;
	margin-top: 0.2rem;
}
.PersonalCenterView ul{
	display: block;
	background: #fff;
	margin-bottom: 0.2rem;
}
.PersonalList{
	display: block;
	position: relative;
	border-bottom: 1px solid #eee;
	padding: 0.3rem 0.3rem;
}
.PersonalList a{
	text-decoration: none;
	display: block;
	position: relative;
}
.PersonalInfo{
	display: block;
	position: relative;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    font-size:0.28rem;
    color: #626262;
    line-height: 0.45rem;
}
.PerIcon{
	display: inline-block;
	position: relative;
	height: 0.45rem;
	overflow: hidden;
	vertical-align: middle;
}
.PerIcon img{
	height: 0.45rem;
}
.P-35{
	height: 0.35rem;
}
.P-35 img{
	height: 0.35rem;
}
.P-50{
	height: 0.50rem;
}
.P-50 img{
	height: 0.50rem;
}
.PersonalInfo span{
	line-height: 0.5rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	vertical-align: middle;
	display: inline-block;
}
.PersonalList .right-arrow{
	top: 0.1rem;
}

/*我的订单*/
.OrderTitle{
	display: block;
	position: relative;
	background: #fff;
	height: 0.85rem;
	overflow: hidden;
}
.OrderName{
	display: block;
	position: relative;
	width: 25%;
	height: 0.85rem;
	line-height: 0.85rem;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	font-size: 0.28rem;
	color: #626262;
	float: left;
}
.OrderActive{
	color: #ff6700;
}
.OrderActive b{
	width: 100%;
	height: 1px;
	background: #ff6700;
	color: #ff6700;
	position: absolute;
	bottom: 0px;
	left: 0px;
	font-weight: normal;
}
.OrderView{
	display: block;
	position: relative;
	margin-top: 0.2rem;
	font-size: 0.24rem;
}
.OrderTab{
	display: block;
	margin-bottom: 0.2rem;
	background: #fff;
}
.OrderCode {
   height:0.61rem;
   padding: 0rem 0.3rem;
   border-bottom: 1px solid #eee;
   overflow: hidden;
}
.OrderNumber{
	display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
	width: 100%;
}
.OrderContact{
	display: -webkit-box;
	-webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
	line-height: 0.6rem;
	font-size: 0.24rem;
	color: #626262;
}
.OrderState{
	color: #ff6700;
	font-size: 0.24rem;
	line-height: 0.6rem;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box;
    -webkit-box-orient: vertical;
}
.OrderItem{
    -webkit-box-flex: 1;
    box-flex: 1;
    display: block;
    padding:0.34rem 0.3rem;
    border-bottom: 1px solid #eee;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box;
    box-sizing: border-box;
}
.OrderA{
	display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box;
    box-sizing: border-box;
    text-decoration: none;
}
.OrderPic{
	width: 1.42rem;
	height: 1.42rem;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    margin-right: 0.15rem;
}

.OrderPic img{
	height: 1.42rem;
}
.OrderInfo {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    margin-top: 0.15rem;
}
.OrderInfoTitle {
	line-height: 0.45rem;
	color: #626262;
    overflow: hidden;
    font-size: 0.28rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.OrderInfoState{
	line-height: 0.45rem;
	color: #a0a0a0;
    overflow: hidden;
    font-size: 0.28rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.OrderPay {
    width: 1.25rem;
    text-align: right;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box;
    -webkit-box-orient: vertical;
    margin-top: 0.15rem;
}
.OrderPayPrice{
	line-height: 0.45rem;
	color: #313131;
    overflow: hidden;
    font-size: 0.28rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    font-weight: 500;
    letter-spacing: 0px;
}
.OrderPayNum{
	line-height: 0.45rem;
	color: #959595;
    overflow: hidden;
    font-size: 0.24rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.OrderTotal{
	height: 0.63rem;
	line-height: 0.63rem;
	padding: 0rem 0.3rem;
	display: block;
	border-bottom: 1px solid #eee;
	text-align: right;
}
.OrderTotal span{
	display: inline-block;
	margin-left: 0.1rem;
	color: #313131;
	font-size: 0.24rem;
}
.OrderTotal span b{
	font-size: 0.28rem;
	font-weight: normal;
}
.b-price{
	font-weight: 500 !important;
}
.OrderButton{
	padding: 0.17rem 0.3rem;
	display: block;
	text-align: right;
}
.OrderButton .btn{
	display: inline-block;
	height: 0.55rem;
	line-height: 0.55rem;
	border-radius: 2rem;
	padding: 0rem 0.25rem;
	font-size: 0.24rem;
	margin-left: 0.2rem;
}

/*每日签到*/
.SignTitle{
	display: block;
	height: 3rem;
	background: url(../images/bg6.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
}
.SignP{
	padding: 0.2rem 0.3rem;
}
.SignMem{
	display: block;
	height: 0.4rem;
	line-height: 0.4rem;
	overflow: hidden;
	color: #fff;
	font-size: 0.24rem;
}
.SignMem strong{
	font-size: 0.48rem;
    font-weight: 400;
    letter-spacing: 0px;
    margin-right: 0.03rem;
}
.SignRoundDiv{
	height: 1.55rem;
	display: block;
	position: relative;
}
.SignRound{
	display: block;
    position: absolute;
    width: 1.85rem;
    height: 1.85rem;
    top: 0rem;
    left: 0px;
    right: 0px;
    margin: auto;
    background: #fff;
    opacity: 0.5;
    border-radius: 100%;
    margin-top: -0.35rem;
}
.SignRoundSecond{
	display: block;
    position: absolute;
    width: 1.45rem;
    height: 1.45rem;
    background: #fff;
    border-radius: 100%;
    margin: auto;
    margin-top: -0.15rem;
    left: 0px;
    right: 0px;
}
.SignRoundThird{
	display: block;
    position: relative;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 100%;
    border: 1px solid #ff6700;
    margin-left: auto;
    margin-right: auto;
    color: #ff6700;
    text-align: center;
    line-height: 1.2rem;
    margin-top: 0.1rem;
    font-size: 0.36rem;
}
.SignText{
	display: block;
	position: relative;
	text-align: center;
	color: #fff;
	font-size: 0.18rem;
	line-height: 0.35rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: 0.1rem;
}
.SignItem{
	display: block;
	background: #eee;
	padding-top: 0.2rem;
}
.SignDIV{
	display: block;
	background: #fff;
	display: box;
    display: -webkit-box;
    box-align: center;
    -webkit-box-align: center;
    box-pack: start;
    -webkit-box-pack: start;
}
.SignList{
	display: block;
	width: 50%;
	position: relative;
}
.SignListP{
	padding-left: 0.01rem;
}
.SignList:first-child .SignListP{
	padding-left: 0rem;
}
.SignListMem{
	width: 100%;
	height: 1.51rem;
	display: block;
	background: url(../images/Img10.png) no-repeat;
	background-size: 100% 100%;
	text-align: left;
	color: #fff;
	font-size: 0.36rem;
	text-decoration: none;
	line-height: 1.51rem;
	overflow: hidden;
	text-indent: 0.35rem;
}
.SignListDraw{
	width: 100%;
	height: 1.51rem;
	display: block;
	background: url(../images/Img11.png) no-repeat;
	background-size: 100% 100%;
	text-align: left;
	color: #fff;
	font-size: 0.36rem;
	text-decoration: none;
	line-height: 1.51rem;
	overflow: hidden;
	text-indent: 0.35rem;
}
.SignTimeDIV{
	display: block;
	position: relative;
	background: #fff;
	padding:0.3rem 0rem;
}
.SignTime{
	padding: 0rem 0.3rem;
	border-bottom: 1px solid #eee;
}
.SignTimeTitle{
	display: block;
	position: relative;
	color: #626262;
	font-size:0.24rem ;
	height:0.6rem;
	line-height: 0.6rem;
	overflow: hidden;
	font-weight: normal;
	-webkit-margin-before:0rem;
    -webkit-margin-after: 0rem;
    text-align: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 0.1rem;
}
.SignTable{
	display: block;
	margin-top: 0.3rem;
}
.SignTables{
	width: 100%;
	table-layout: fixed;
	border: none;
}
.SignTables thead tr th{
	height: 0.45rem;
	line-height: 0.45rem;
	padding: 0rem 0rem 0.2rem 0rem;
	text-align: center;
	vertical-align: middle;
	color: #626262;
	font-weight: normal;
	font-size: 0.24rem;
}
.SignTables tbody tr td{
	height: 0.45rem;
	line-height: 0.45rem;
	padding: 0rem 0rem 0.2rem 0rem;
	text-align: center;
	vertical-align: middle;
	color: #626262;
	font-weight: normal;
	font-size: 0.24rem;
	margin-bottom: 0.2rem;
	position: relative;
}
.SignTables tbody tr td.on .TimeIcon{
	width: 0.35rem;
    height: 0.35rem;
    background: url(../images/signicon.png) center center no-repeat;
    background-size: 0.25rem 0.25rem;
    position: absolute;
    right: 0.1rem;
    top: 0.06rem;
}
.SignRules{
	display: block;
	background: #fff;
	padding: 0.3rem 0.3rem;
}
.SignRulesName{
	display: block;
	line-height: 0.55rem;
	height: 0.55rem;
	color: #626262;
	font-size:0.24rem;
	overflow: hidden;
	font-weight: 400;
}
.SignRulesIcon{
	display: inline-block;
	position: relative;
	height: 0.35rem;
	overflow: hidden;
	vertical-align: middle;
}
.SignRulesIcon img{
	height: 0.35rem;
}
.SignRulesText{
	display: block;
	margin-top: 0.15rem;
	color: #959595;
	font-size: 0.18rem;
	line-height: 0.4rem;
	margin-left: 0.1rem;
}

/*设置*/
.SetDIV{
	display: block;
	position: relative;
	margin-top: 0.2rem;
}
.SetView{
	display: block;
	position: relative;
	margin-bottom: 0.2rem;
}
.SetName{
	display: block;
	position: relative;
	height:0.4rem;
	line-height:0.4rem ;
	color: #626262;
	font-size: 0.28rem;
	font-weight: 400;
	overflow: hidden;
	padding: 0.2rem 0.3rem;
	-webkit-margin-before:0em;
    -webkit-margin-after:0em;
}
.SetList{
	background: #fff;
	display: block;
    position: relative;
    border-bottom: 1px solid #eee;
    padding: 0rem 0.3rem;
    height: 1rem;
    line-height: 1rem;
    overflow: hidden;
}
.SetList a{
	text-decoration: none;
	color: #626262;
	font-size: 0.24rem;
	font-weight: normal;
	height: 1rem;
    line-height: 1rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	position: relative;
}
.SetList a .RGArrow{
	top: 0.32rem;
    right: 0rem;
}

.SetButton{
	display: block;
	position: relative;
	margin-top: 0.55rem;
	padding: 0rem 0.3rem;
}
.SetButton .btn{
	width: 100%;
	height: 0.83rem;
	line-height: 0.83rem;
	display: block;
	margin: 0px auto;
}


/*个人资料*/
.InforView{
	display: block;
	position: relative;
	margin-top: 0.2rem;
	padding-bottom: 0.3rem;
}
.InforTab{
	display: block;
	position: relative;
	margin-bottom: 0.2rem;
	background: #fff;
}

.TList{
	display: block;
	position: relative;
	border-bottom: 1px solid #eee;
	padding: 0.3rem 0.3rem;
	display: box;
    display: -webkit-box;
    box-align: center;
    -webkit-box-align: center;
    box-pack: justify;
    -webkit-box-pack: justify;
}
.UList{
	display: block;
	position: relative;
	border-bottom: 1px solid #eee;
	padding: 0.3rem 0.3rem;
	display: box;
    display: -webkit-box;
    box-align: center;
    -webkit-box-align: center;
}
.TItemName{
	display: block;
	position: relative;
	color: #626262;
	font-size:0.24rem;
	line-height: 0.4rem;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
	width: 1.45rem;
}
.TItemText{
	color: #959595;
	font-size: 0.24rem;
	display: block;
	position: relative;
	text-decoration: none;
	line-height: 0.4rem;
	white-space: nowrap;
	overflow: hidden;
}
.TItemText span{
	padding-right: 0.5rem;
}
.TItemText .right-arrow{
	top: 0rem;
}
.TItemInput{
	display: block;
	position: relative;
	width: 100%;
}
.TItemInput textarea{
	display: block;
    position: relative;
    width: 100%;
    height: 1rem;
    border: none;
    overflow: hidden;
    word-wrap: break-word;
    resize: none;
    outline: none;
    -webkit-appearance: none;
    line-height: 0.35rem;
    font-family: Helvetica,sans-serif;
    color: #626262;
    font-size: 0.24rem;
}
.InputText{
	width:4.25rem;
	display: block;
    position: relative;
    height: 0.4rem;
    border: none;
    overflow: hidden;
    word-wrap: break-word;
    resize: none;
    outline: none;
    -webkit-appearance: none;
    line-height: 0.4rem;
    font-family: Helvetica,sans-serif;
    color: #626262;
    font-size: 0.24rem;
    padding: 0rem 0.2rem;
}
.AddressText{
	width:3.65rem;
	display: block;
    position: relative;
    height: 0.3rem;
    border: none;
    overflow: hidden;
    word-wrap: break-word;
    resize: none;
    outline: none;
    -webkit-appearance: none;
    font-family: Helvetica,sans-serif;
    color: #626262;
    font-size: 0.24rem;
    padding: 0rem 0.1rem;
    text-align: right;
    margin-right: 0.4rem;
}


/*管理地址*/
.MagerAddrItem{
   display: block;
   position: relative;
   padding-top: 0.2rem ;
   background: #eee;
}
.MagerAddrList{
	background: #fff;
	display: block;
	position: relative;
	padding: 0.3rem 0.3rem;
	border-bottom: 1px solid #eee;
}
.MagerAddrText{
	display: block;
	padding-right: 0.5rem;
	overflow: hidden;
	position: relative;
}
.MagerAddrInfo{
	display: block;
	line-height: 0.4rem;
	overflow: hidden;
	white-space: nowrap;
	color: #626262;
	font-size: 0.24rem;
}
.MagerAddrName{
	color: #ff6700;
	padding-right: 0.1rem;
}
.MagerAddrInfo p{
    display: block;
	line-height: 0.4rem;
	overflow: hidden;
	white-space: nowrap;
	color: #626262;
	font-size: 0.24rem;
}
.MagerAddrList .RGArrow{
	right: 0.3rem;
	top: 0.7rem;
}

/*新建收货人地址*/
.SetAddress{
    display: block;
    position: relative;
    border-bottom: 1px solid #eee;
    padding: 0.3rem 0.3rem;
    background: #fff;
    color: #626262;
    font-size: 0.24rem;
    font-weight: normal;
}
.AddressIcon{
   display: block;
   position: absolute;
   width: 0.41rem;
   height: 0.4rem;
   right: 0.3rem;
   top: 0.25rem;
}

/*兑换优惠券*/
.CouponTitle{
   display: block;
   position: relative;
   background: #fff;
   zoom: 1;
}
.CouponTitle:after,.CouponTitle:before{
    content: "";
    display: table;
}
.CouponTitle:after {
	clear: both;
}

.CouponName{
    display:block;
    float: left;
    width: 50%;
    height: 1rem;
    text-decoration: none;
    color: #626262;
    font-size: 0.24rem;
    text-align: center;
    line-height:1rem;
    position: relative;
}
.CouponName:first-child{
    border-left: none;
}
.bl{
   display: block;
   position: absolute;
   right: 0px;
   margin: auto;
   bottom: 0px;
   top: 0px;
   height: 0.4rem;
   width:1px;
   color: #ff6700;
   background: #eee;
}
.Br{
	display: none;
}
.CouponActive{
   color: #ff6700;
}
.CouponActive .Br{
   display: block;
   position: absolute;
   left: 0px;
   right: 0px;
   margin: auto;
   bottom: 0px;
   height: 2px;
   width:0.9rem;
   color: #ff6700;
   background: #ff6700;
}
.CouponTab{
   display: block;
   position: relative;
   padding-top: 0.3rem;
   background: #eee;
}
.CouponView{
   display: block;
   position: relative;
   padding: 0.3rem 0.3rem 0.3rem 0.3rem;
   background: #fff;
}
.CouponInter{
   display: block;
   position: relative;
   color: #626262;
   font-size: 0.24rem;
   line-height: 0.45rem;
   overflow: hidden;
   white-space: nowrap;
}
.CouponInter span{
   color: #ff6700;
   padding: 0rem 0.01rem;
}

.CouponList{
   position: relative;
   margin-top: 0.3rem;
   background: #fff;
   display: box;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-box;
   display: -o-box;
}
.CouponPro{
   padding: 0.36rem 0.26rem;
   border-left: 1px solid #ff6700;
   border-top: 1px solid #ff6700;
   border-bottom: 1px solid #ff6700;
   box-flex: 1;
   -webkit-box-flex: 1;
   -moz-box-flex: 1;
   -ms-box-flex: 1;
   -o-box-flex: 1;
   display: box;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-box;
   display: -o-box;
   background-color: #fff;
   position: relative;
}
.CouponPrice{
	width:2.22rem;
    height: 1.25rem;
    line-height: 1.25rem;
    color: #ff6700;
    font-size: 0.5rem;
    text-align: left;
    border-right: 1px dashed #ff6700;
    overflow: hidden;
    position: relative;
}
.CouponPrice strong{
   font-size: 1rem;
}
.CouponExplain{
    height: 1.25rem;
    line-height: 0.35rem;
    color: #f35918;
    font-size: 0.25rem;
    text-align: left;
    overflow: hidden;
    display: block;
    box-flex: 1;
    -webkit-box-flex: 1;
   -moz-box-flex: 1;
   -ms-box-flex: 1;
   -o-box-flex: 1;
    padding-left: 0.26rem;
    
}
.CouponRight{
    width: 1.7rem;
    height: 100%;
    line-height: 0.4rem;
    color: #fff;
    font-size: 0.25rem;
    text-align: left;
    position: relative;
    display: block;
}
.CouponRight span{
    display: block;
    padding: 0.42rem 0.32rem;
    color: #ffffff;
    font-size: 0.5rem;
    line-height: 0.6rem;
    text-align: center;
    overflow: hidden;
}
.CouponRed{
   background: #ff6700;
}
.CouponGray{
   background: #bfbfbf;
}
.CouponRound{
	width:20px;
	height:20px;
	border-radius: 100%;
	background: #fff;
	border: 1px solid #fff;
	position: absolute;
	display: block;
	left: 0px;
	margin-top: -15px;
}
.CouponRound:last-child{
	margin-top: -7px;
}

.CouponSe  .CouponExplain{
	line-height: 0.4rem;
    height: 1rem;
    padding-top: 0.25rem;
}

/*我的优惠券*/
.MyCoupon{
	width: 2.38rem;
    height:2rem;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: left;
    line-height: 2rem;
    color: #fff;
    text-indent: 0.26rem;
    font-size: 0.5rem;
}
.MyCoupon strong {
    font-size: 0.95rem;
    font-weight:600;
}
.MyCoupon .CouponRound{
	right:1px;
	left: auto;
	margin-top: -15px;
}
.MyCoupon .CouponRound:last-child {
    margin-top:-16px;
}
.MyCouponPro {
    border-right: 1px solid #ff6700;
    border-top: 1px solid #ff6700;
    border-bottom: 1px solid #ff6700;
    box-flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    -o-box-flex: 1;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    background-color: #fff;
    position: relative;
    padding: 0rem 0.26rem;
}
.MyCouponPro .CouponExplain{
	padding-top: 0.45rem;
}
.MyCouponPro span{
	color: #f35918;
    text-align: left;
    font-size: 0.25rem;
    display: block;
    line-height: 0.37rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.CouponSe .MyCoupon .CouponExplain{
	padding-top: 0.6rem;
}


/*我的积分*/
.MyIntergal{
	display: block;
	height: 3rem;
	background: url(../images/bg6.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	text-align: center;
}
.MyIntergalTitle{
	display: block;
	padding: 0.25rem 0rem;
}
.MyIntergalName{
	text-align: center;
	display: block;
	color: #fff;
	font-weight: normal;
	padding-top: 0.2rem;
}
.MyIntergalName span{
	display: block;
	position: relative;
	line-height: 0.4rem;
	font-size: 0.24rem;
}
.MyIntergalName strong{
	height: 0.6rem;
	display: block;
	position: relative;
	line-height: 0.6rem;
	font-size: 0.72rem;
	font-weight: 400;
	margin-top: 0.3rem;
}
.MyIntergalButton{
	display: block;
	margin-top: 0.25rem;
	text-align: center;
}
.MyIntergalButton .btn{
	width: 2rem;
	height: 0.6rem;
	line-height: 0.6rem;
	display: inline-block;
	border-radius: 2rem;
	font-size: 0.3rem;
}
.MyIntergalButton .btn:first-child{
	margin-right: 0.9rem;
}
.MyIntergalView{
	display: block;
	position: relative;
	background: #fff;
}
.MyIntergalTop{
	display: block;
	border-bottom: 1px solid #eee;
	padding:0.3rem 0.3rem;
	-webkit-margin-before: 0rem;
    -webkit-margin-after: 0rem;
    color: #626262;
    font-size: 0.3rem;
    line-height: 0.4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: normal;
}
.MyIntergalMedia{
	display: block;
	position: relative;
	font-size: 0.3rem;
	color: #626262;
}
.MyIntergalList{
	display: block;
	border-bottom: 1px solid #eee;
	padding:0.3rem 0.3rem;
}
.MyIntergalList p{
	height: 0.4rem;
	line-height: 0.4rem;
	font-size: 0.3rem;
	color: #626262;
	font-weight: normal;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.MyIntergalList .MyIntergalTime{
	height: 0.35rem;
	line-height: 0.35rem;
	font-size: 0.24rem;
	color: #959595;
	font-weight: normal;
	margin-top: 0.1rem;
}
/*积分抽奖*/
.wrapperDraw .Main{
	height: 100%;
}
.DrawDiv{
	display: block;
	width: 100%;
	height:100%;
	background: url(../images/bg7.png) no-repeat;
	background-size: 100% 100%;
}
.DrawItem{
	padding:0.32rem 0.3rem;
}
.DrawItem a{
	color: #fff;
	font-size: 0.2rem;
	font-weight: normal;
	text-align: right;
	text-decoration: none;
	display: block;
}
.DrawView{
	height: 3.9rem;
	display: block;
	margin-top:1.27rem;
	text-align: center;
	background: url(../images/bg8.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
}
.DrawTitle{
	display: block;
    position: absolute;
    height: 1.62rem;
    text-align: center;
    margin: auto;
    right: 0px;
    left: 0px;
    top: 0px;
    margin-top: -1.05rem;
}
.DrawTitle img{
	height: 1.62rem;
}
.DrawPrizeUl{
	display: block;
	position: relative;
	padding-top:1rem;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
}
.DrawPrize{
	display: block;
	position: relative;
	float: left;
	width: 25%;
	text-align: center;
}
.DrawName{
	width: 1.25rem;
	height: 0.5rem;
	line-height: 0.5rem;
	overflow: hidden;
	text-align: center;
	color: #fff;
	font-size: 0.24rem;
	border: 1px solid #fff;
	border-radius: 0.05rem;
	margin: 0px auto;
}
.DrawShop{
	display: block;
	width: 1.25rem;
	margin:0.2rem auto 0.1rem auto;
}
.DrawPic{
	display: block;
	height: 1.30rem;
	position: relative;
	overflow: hidden;
}
.DrawPic img{
	height: 1.30rem;
}
.DrawTxt{
	display: block;
	position: relative;
	overflow: hidden;
	line-height: 0.35rem;
	color: #fff;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 0.18rem;
	margin-top: 0.1rem;
}
.DrawIntergal{
	display: block;
	position: relative;
	margin-top: 0.88rem;
}
.rotateDiv {
    background:url(../images/ly-plate-c.gif) no-repeat 0 0 ;
    background-size: 100% 100%;
    position: relative;
    width: 5rem;
    height: 5rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0 auto;
}
.rotate-img {
    width: 4.4rem;
    height: 4.4rem;
    position: relative;
    background: url(../images/bg-lottery.png) no-repeat;
    left: 0.3rem;
    top: 0.3rem;
    background-size: 100% 100%;
}
.rankIMG {
    width: 2.2rem;
    height: 2.2rem;
    position: absolute;
    top: 1.05rem;
    left: 1.05rem;
    background: url(../images/playbtn.png) no-repeat;
    background-size: 100% 100%;
}

/*我的中奖记录*/
.PrizeDIV{
	display: block;
	margin-top: 0.2rem;
}
.PrizeList{
	height: 1.45rem;
	display: block;
	margin-bottom: 0.2rem;
	position: relative;
	background: #fff;
    overflow: hidden;
    display: -webkit-box;
    display: flex;
}
.PrizePic{
	position: relative;
	width: 1.45rem;
	height: 1.45rem;
	overflow: hidden;
}
.PrizePic img{
	height: 1.45rem;
}
.PrizeItem {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 0.2rem;
    padding-right:0.3rem;
    margin-top: 0.3rem;
    position: relative;
}
.PrizeName{
	display: block;
	line-height: 0.55rem;
	position: relative;
	color: #626262;
	font-size: 0.3rem;
	font-weight: 400;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.PrizeInfo{
	display: block;
	line-height: 0.45rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #959595;
	font-size: 0.24rem;
}
.PrizeIcon{
	display: block;
    position: absolute;
    right: 0.3rem;
    top: 0.2rem;
	width: 1.55rem;
	height: 0.97rem;
	background: url(../images/prizeIcon.png) center center no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
}

/*支付订单*/
.PayOrder{
	display: block;
	position: relative;
	margin-top: 0.2rem;
}
.PayOrder .TList{
	background: #fff;
	padding: 0.2rem 0.3rem;
}
.PayOrderList{
	display: block;
	position: relative;
	text-decoration: none;
	-webkit-box-flex: 1;
    -moz-box-flex: 1;
    color: #626262;
    font-size:0.24rem;
}
.PayOrderIcon{
	display: inline-block;
	width: 0.8rem;
	height: 0.72rem;
	position: relative;
	overflow: hidden;
	vertical-align: middle; 
}
.PayOrderIcon img{
	height: 0.72rem;
}
.PayOrderTxt{
	line-height: 0.5rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    display: inline-block;
}

/*付款账户*/
.PayMent{
	display: block;
	margin-top: 0.2rem;
}
.PayMentList{
	display: block;
	position: relative;
	border-bottom: 1px solid #eee;
	background: #fff;
	padding: 0.25rem 0.3rem;
}
.PayMentList a{
	display: block;
	text-decoration: none;
}
.PayMentP{
	display: block;
	position: relative;
	color: #626262;
	font-size: 0.28rem;
	text-align: left;
	line-height: 0.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.PayMentCode{
	display: block;
	position: relative;
	color: #959595;
	font-size: 0.24rem;
	text-align: left;
	line-height: 0.45rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}



/*服务*/
.ServiceItem{
	display: block;
	position: relative;
	margin-top: 0.3rem;
	zoom: 1;
}
.ServiceItem:after,.ServiceItem:before{
	content:'' ;
	display: table;
}
.ServiceItem:after{
	clear: both;
}
.ServiceList{
	width: 33.333%;
	height: 2.6rem;
	display: block;
	position: relative;
	float: left;
	background: #fff;
	border-bottom: 1px solid #eee;
}
.ServiceList a{
	border-right: 1px solid #eee;
	display: block;
	text-decoration: none;
	padding: 0.38rem 0rem;
}
.ServicePic{
	display: block;
	height: 1.15rem;
	overflow: hidden;
	text-align: center;
	margin: 0px auto;
}
.ServicePic img{
	height: 1.15rem;
}
.ServiceText{
	display: block;
	line-height: 0.4rem;
	text-align: center;
	color: #959595;
	font-size: 0.33rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: 0.3rem;
}

/*银行转账*/
.BankView {
    display: block;
    position: relative;
    margin-top: 0.2rem;
    padding-bottom: 0.3rem;
}
.BankView .right-arrow{
	right: 0.3rem;
	top: 0.3rem;
}

/*分类*/
.ClassifyView{
	display: block;
	position: relative;
	/*padding-top: 0.25rem;*/
	overflow: hidden;
}
.ClassifyMenu{
	display: block;
	position: relative;
	width: 1.8rem;
	background: #fff;
	overflow-y: scroll;
	float: left;
}
.ClassifyList{
	display: block;
	position: relative;
	text-align: center;
	height: 1rem;
	line-height: 1rem;
	overflow: hidden;
	border-bottom: 1px solid #eee;
}
.ClassifyList a{
	text-align: center;
	color: #626262;
	font-size:0.28rem;
	text-decoration: none;
}
.ClassifyActive{
	background: #fff;
}
.ClassifyActive a{
	color: #ff6700;
}
.ClassifyTab{
	display: block;
	position: relative;
	width: 100%;
	box-sizing: border-box;
}
.ClassifyDIV{
	display: block;
	position: relative;
	margin-left: 2.08rem;
	overflow: scroll;
}
.ClassifyLi{
	margin-bottom: 0.3rem;
	display: block;
}
.ClassifyTitle{
	display: block;
	position: relative;
	font-size: 0.24rem;
	color: #313131;
	font-weight:600;
	line-height: 1rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
}
.ClassifyDetaiDIV{
	display: block;
	position: relative;
	background: #fff;
}
.ClassifyDetai{
	display: block;
	width: 33.33%;
	position: relative;
	float: left;
}
.ClassifyDetai a{
	display: block;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 0.5rem 0rem 0.4rem 0rem;
	text-decoration: none;
	text-align: center;
}
.ClassifyPic{
	display: block;
	height: 0.6rem;
	overflow: hidden;
	text-align: center;
	margin: 0px auto;
}
.ClassifyPic img{
	height: 0.6rem;
}
.ClassifyTxt{
	display: block;
	line-height: 0.35rem;
	color: #959595;
	font-size: 0.24rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*商品列表页*/
.ShopListTitle{
	display: block;
	position: relative;
	height: 0.85rem;
	line-height: 0.85rem;
	overflow: hidden;
	background: #fff;
	border-bottom: 1px solid #eee;
	padding: 0rem 0.22rem;
}
.swiper-slide a{
	height: 100%;
	text-decoration: none;
	color: #626262;
	font-size: 0.28rem;
	line-height: 0.85rem;
	display: block;
	text-align: center;
}
.swipeName a{
	color: #ff6700;
}
.ShopListTab{
	display: -webkit-box;
    display: flex;
	position: relative;
	height: 0.85rem;
	line-height: 0.85rem;
	overflow: hidden;
	padding: 0rem 0.22rem;
	background: #fff;
	border-bottom: 1px solid #eee;
}
.ShopListItem{
	-webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    width: 1.23rem;
    line-height:0.85rem;
    text-align: center;
    font-size: 0.28rem;
    color: #626262;
    text-decoration: none;
}
.ShopListActive{
	color: #ff6700;
	border-bottom: 2px solid #ff6700;
}
.SIcon{
	width: 0.23rem;
	height: 0.18rem;
	display: inline-block;
	background: url(../images/double-down.png) center center no-repeat;
	background-size: 0.23rem 0.18rem;
}
.ScreIcon{
	width: 0.32rem;
    height: 0.36rem;
    display: inline-block;
    background: url(../images/scre.png) center center no-repeat;
    background-size: 0.32rem 0.36rem;
    vertical-align: middle;
    margin-top: -0.05rem;
}
.ShopListVIew{
	display: block;
	position: relative;
	background: #fff;
}

.ShopListPriceLeft {
    display: block;
    line-height: 0.85rem;
    color: #ff6700;
    font-size: 0.24rem;
    white-space: nowrap;
    overflow: hidden;
    font-weight: normal;
    float: left;
}
.ShopListPriceLeft strong {
    font-size: 0.36rem;
    padding-left: 0.1rem;
    font-weight: 400;
}
.shopListBrief .btn{
	float: right;
    height: 0.6rem;
    line-height: 0.58rem;
    text-align: center;
    border-radius: 2rem;
    padding: 0rem 0.2rem;
    margin-top: 0.1rem;
}


/*进货单*/
.PurchaseOrder{
	display: block;
	position: relative;
	margin-top: 0.2rem;
	background: #fff;
}
.PurchaseOrderItem {
    width: 100%;
    box-sizing: border-box;
    display: block;
    border-bottom: 1px solid #eee;
}
.PurchaseOrderCheck {
    width: 0.5rem;
    position: relative;
    padding-left: 0.3rem;
    float: left;
}
.PurchaseOrderck{
	display: block;
	width: 0.5rem;
	height:2.2rem;
	position: relative;
}
.PurchaseOrderNo{
	background: url(../images/button-reg.png) center center no-repeat;
	background-size: 0.45rem 0.45rem;
}
.PurchaseOrderYes{
	background: url(../images/button-red.png) center center no-repeat;
	background-size: 0.45rem 0.45rem;
}
.PurchaseOrderShop{
    box-sizing: border-box;
    margin-left: 0.8rem;
}
.PurchaseOrderPic{
    width:2.2rem;
    height: 2.2rem;
    overflow: hidden;
    background: #fff;
    display: block;
    position: relative;
    float: left;
}
.PurchaseOrderPic img{
	height: 2.2rem;
}
.PurchaseOrderInfo {
    padding: 0.38rem 0.3rem;
    display: block;
    position: relative;
}
.PurchaseOrderPrice {
    display: block;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    font-weight: normal;
    height: 0.55rem;
    line-height: 0.55rem;
    color: #ff6700;
    font-size: 0.24rem;
    margin-top: 0.1rem;
}
.PurchaseOrderPrice .PurchaseOrderPriceSpan{
	display: block;
	float: left;
}
.PurchaseOrderPrice strong {
    font-size: 0.36rem;
    padding-left: 0.1rem;
    font-weight: 400;
}
.PurchaseOrderFooter{
	width: 100%;
    max-width: 7.5rem;
    min-width: 3.2rem;
    position: fixed;
    left: 0px;
    bottom: 0.99rem;
    right: 0px;
    margin: auto;
    z-index: 99;
    background: #fff;
    border-bottom: 1px solid #eee;
}
.PurchaseOrderDIV{
	height: 1.2rem;
	display: block;
	overflow: hidden;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0.3rem;
}
.PurchaseOrderAll {
    width:1.35rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #a0a0a0;
    font-size: 0.3rem;
    overflow: hidden;
    line-height: 1.2rem;
}
.PurchaseOrderckAll{
	height: 1.2rem;
    margin-right: 0.1rem;
}
.PurchaseOrderPay {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.PurchaseOrderAllPrice{
	-webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right;
    color: #a0a0a0;
    font-size: 0.3rem;
    line-height: 1.2rem;
}
.PurchaseOrderAllPrice span{
	color: #ff6700;
}
.PurchaseOrderButton{
	width: 2.5rem;
	height: 1.2rem;
	overflow: hidden;
	-webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0.1rem;
}
.PurchaseOrderButton .btn {
    display: block;
    width: 2.5rem;
    height: 1.2rem;
    border-radius: 0px;
}
.NumDIV{
	float: right;
	display: none;
	position: relative;
	width:1.68rem;
	height: 0.5rem;
	border: 1px solid #eee;
}
.min{
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    background-color: #fff;
    cursor: pointer;
    outline: 0;
    background-image: url(../images/min.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 0.5rem 0.5rem;
    border-right: 1px solid #eee;
    outline: none;
}
.add{
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    background-color: #fff;
    cursor: pointer;
    outline: 0;
   background-image: url(../images/addnum.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 0.41rem 0.5rem;
    border-left: 1px solid #eee;
    outline: none;
}
.Amount {
    width: 0.45rem;
    height: 0.4rem;
    text-align: center;
    outline: 0;
    display: inline-block;
    position: relative;
    border: none;
    line-height: 0.5rem;
    vertical-align: top;
    margin-top: 0.05rem;
    color: #626262;
    font-size: 0.28rem;
    outline: none;
    -webkit-appearance: none;
}

.PurchaseOrderComputer {
    height: 1.2rem;
    display: none;
    overflow: hidden;
    padding-left: 0.3rem;
}

/*联系客服*/
.CustomerService{
	display: block;
    padding-top: 0.2rem;
    background: #eee;
}
.CSDiv{
	display: block;
	position: relative;
	height:5rem;
	overflow: hidden;
	background: url(../images/bg9.png) no-repeat;
	background-size: 100% 100%;
}
.CSTitle{
	display: block;
    padding: 0.85rem 0.3rem 0.5rem 0.3rem;
    text-align: center;
}
.CSExp{
	display: block;
    position: relative;
    color: #ffffff;
    font-size: 0.36rem;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 0.65rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.CSKP{
	display: block;
	position: relative;
	height:1.45rem;
	overflow: hidden;
	text-align: center;
	margin: 0.25rem auto 0rem auto;
}
.CSKP img{
	height:1.45rem;
}
.CSName{
	display: block;
	position: relative;
	margin: 0.25rem auto 0rem auto;
	height: 0.5rem;
}
.CSName span{
	height: 0.5rem;
	line-height: 0.5rem;
	padding: 0.05rem 0.25rem;
	background: #fff;
	border-radius: 1rem;
	font-size: 0.32rem;
	color: #fd7d6a;
	text-align: center;
	border: 1px solid #fff; 
	overflow: hidden;
	white-space: nowrap;
}
.CSPro{
	display: block;
	height: 0.45rem;
	line-height: 0.45rem;
	text-align: center;
	font-size: 0.24rem;
	color: #ffffff;
	overflow: hidden;
	margin-top: 0.05rem;
}
.CSTab{
	display: block;
	position: relative;
	padding: 0.7rem 0rem;
	border-bottom: 1px solid #eee;
}
.CSList{
	display: block;
	position: relative;
	width: 33.33%;
	float: left;
}
.CSList a{
	text-decoration: none;
	color: #626262;
	text-align: center;
}
.CSPic{
	display: block;
	position: relative;
	height: 0.85rem;
	line-height: 0.85rem;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}
.CSPic img{
	height: 0.85rem;
}
.CSTxt{
	display: block;
	position: relative;
	line-height: 0.45rem;
	overflow: hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size:0.24rem;
	color: #626262;
	margin-top: 0.1rem;
}

/*进货袋*/
.Information{
	display: block;
    position: relative;
    padding-bottom: 0.3rem;
    background: #fff;
}
.InformationPic{
	display: block;
	position: relative;
	height: 3.2rem;
	overflow: hidden;
}
.InformationPic img{
	width: 100%;
	height: 3.2rem;
}
.InformationTxt{
	display: block;
	position: relative;
	margin-top: 0.3rem;
	padding: 0rem 0.3rem;
}
.list-dot {
    color: #FF6700;
}
.TxtName{
	display: block;
	line-height: 0.4rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	color: #FF6700;
	font-size: 0.28rem;
	margin-bottom: 0.1rem;
}
.TxtPro{
	display: block;
	position: relative;
	line-height: 0.4rem;
	color: #626262;
	font-size: 0.24rem;
	padding-left: 0.3rem;
	margin-bottom: 0.05rem;
}
.Custion {
    display: block;
    position: relative;
    padding-bottom: 0.3rem;
    background: #fff;
}
.TxtIn{
	display: block;
	position: relative;
	line-height: 0.4rem;
	color: #333;
	font-size: 0.26rem;
	padding-left: 0.3rem;
}
.CustTitle{
	display: block;
    font-size: 0.3rem;
    font-weight: 400;
    color: #000;
    text-align: center;
    line-height: 0.5rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding:0.3rem 0rem 0rem 0rem;
}
.Custion .InformationTxt{
	margin-top: 0rem;
	margin-bottom: 0.3rem;
}
.CustTable{
	display: block;
	border-bottom: 1px solid #e5e5e5;
	padding: 0.2rem 0.2rem;
	
}
.CustTable span{
	display: block;
	position: relative;
	color: #221518;
    font-size:0.24rem;
    font-weight: normal;
    text-align: left;
    line-height: 0.35rem;
}
.CustName{
	display: block;
	position: relative;
	color: #000;
    font-size:0.26rem
    font-weight: 600;
    text-align: left;
    line-height: 0.65rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.CustNamePro{
	display: block;
	position: relative;
	color: #000;
    font-size:0.24rem
    font-weight:500;
    text-align: left;
    line-height: 0.5rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.CustList{
	display: block;
	position: relative;
	margin-bottom: 0.2rem;
	border: 1px solid #e5e5e5;
	padding: 0.2rem 0rem;
	width:3.3rem;
	height:4rem;
	overflow: hidden;
	float: left;
	margin-right: 0.2rem;
}
.CustList:nth-child(2n+1){
	margin-right: 0rem;
}
.CustList .TxtPro{
	padding-left: 0.15rem;
	padding-right: 0.15rem;
}
.CustList .TxtPro b{
	font-weight: normal;
    color: #000;
    font-size: 0.26rem;
}



/*确认订单*/
.ComfirmOrder{
	display: block;
	margin-top:0.2rem ;
}
.ComfirmOrderShop{
	display: block;
	background: #fff;
	margin-top: 0.2rem;
}
.ComfirmOrderShopName {
	line-height: 0.4rem;
    color: #626262;
    font-size: 0.28rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    max-height: 0.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ComfirmOrderShop .OrderInfoState{
	margin-top: 0.04rem;
}
.ComfirmOrderProduct{
	display: block;
	background: #fff;
	margin-top: 0.2rem;
}
.ComfirmOrderBuy{
	width:2rem;
	color: #313131;
	font-size: 0.24rem;
	text-align: left;
	line-height: 0.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ComfirmOrdeItemText {
    color: #959595;
    font-size: 0.24rem;
    display: block;
    position: relative;
    text-decoration: none;
    line-height: 0.5rem;
    white-space: nowrap;
    overflow: hidden;
     height: 0.5rem;
}
.TList:first-child  .ComfirmOrdeItemText span{
	display: block;
	line-height: 0.5rem;
	padding-right: 0.85rem;
}
.ComIcon{
	width: 0.85rem;
	height: 0.5rem;
	position: absolute;
	display: block;
	top: 0rem;
	right: 0rem;
	margin-top: -0.03rem;
}
.Yes{
	background: url(../images/yes.png) center center no-repeat;
	background-size: 0.81rem 0.45rem;
}
.No{
	background: url(../images/No.png) center center no-repeat;
	background-size: 0.8rem 0.45rem;
}
.ComfirmOrdeItemText span{
	display: block;
	line-height: 0.5rem;
	padding-right: 0.35rem;
}
.ComfirmOrdeItemText .right-arrow{
	top: 0.05rem;
}

.ComfirmOrderFooter {
    height:0.99rem;
    padding-left: 0.3rem;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.PriceALL {
    height: 0.99rem;
    line-height: 0.99rem;
    align-items: center;
    color: #a0a0a0;
    font-size: 0.3rem;
    overflow: hidden;
    text-align: left;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
}
.PriceALL span{
	color: #ff6700;
	font-size: 0.24rem;
}
.PriceALL b{
	font-weight: normal;
	color: #ff6700;
	font-size: 0.3rem;
}
.jifen {
    height: 0.99rem;
    display: block;
    float: left;
    position: relative;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0.1rem;
}
.jifen span {
        text-align: center;
    color: #a0a0a0;
    font-size: 0.18rem;
    border: 1px solid #eee;
    display: block;
    border-radius: 0.02rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 0.45rem;
    line-height: 0.5rem;
    padding: 0rem 0.1rem;
}
.ComfirmOrderButton {
    width: 2.5rem;
    height: 0.99rem;
    overflow: hidden;
    margin-left: 0.1rem;
    display: block;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.ComfirmOrderButton .btn{
	border: none;
    border-radius: 0rem;
    width: 100%;
    height: 0.99rem;
    line-height: 0.99rem;
}

.ComfirmCouTitle{
	display: block;
	position: relative;
	height: 0.9rem;
	line-height: 0.9rem;
	overflow: hidden;
	padding: 0rem 0.3rem;
	color: #626262;
	font-size: 0.3rem;
	border-bottom: 1px solid #eee;
}
.ComFixDIV{
	display: block;
	position: relative;
	max-height:8rem;
	min-height: 3rem;
	padding:0.22rem 0.3rem;
	overflow: auto;
}
.ComfixList{
	display: block;
	position: relative;
	height: 1.96rem;
	border: 1px solid #ff6700;
	margin-bottom: 0.2rem;
	overflow: hidden;
}
.ComfixPrice{
	width: 30%;
	padding: 0.4rem 0rem;
	text-align: center;
	float: left;
	display: block;
}
.ComfixPrice span{
	display: block;
	color: #ff6700;
	font-size: 0.5rem;
	border-right: 1px dashed #ff6700;
}
.ComfixPrice span strong{
	font-size: 1rem;
	font-weight:600;
	letter-spacing: 0px;
}
.ComfixTxt{
	display: block;
	width: 70%;
	float: right;
}
.ComfixPro{
	display: block;
	padding: 0.35rem 0.5rem;
	text-align: left;
	color: #f35918;
	font-size: 0.25rem;
	line-height: 0.4rem;
}
.ComfixPro span{
	text-align: left;
	color: #f35918;
	font-size: 0.25rem;
	line-height: 0.4rem;
	display: block;
}

/*订单详情*/
.OrderDetail{
	display: block;
	position: relative;
}
.OrderDetailTitle{
	display: block;
	position: relative;
	height: 1.61rem;
	line-height: 1.61rem;
	text-align: center;
	background: url(../images/OBg.png) no-repeat;
	background-size: 100% 100%;
	color: #ffffff;
	font-size: 0.36rem;
}
.OrderDetail .OrderTitleView{
	margin: 0rem 0rem 0rem 0.6rem;
}
.OrderMain{
	display: block;
	position: relative;
	margin-top: 0.2rem;
	background: #fff;
}
.OrderModule{
	display: block;
	background: #fff;
	position: relative;
	padding-top: 0.25rem;
}
.OrderPro{
	display: block;
	position: relative;
	border-bottom: 1px solid #eee;
	line-height: 0.5rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.OrderPro dl{
	padding:0rem 0.3rem;
	position: relative;
	-webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
}
.OrderPro dl dt{
	width: 60%;
	display: inline-block;
	position: relative;
	color: #313131;
	font-size: 0.24rem;
	text-align: left;
}
.OrderPro dl dd{
	width:38%;
	display: inline-block;
	position: relative;
	color: #313131;
	font-size: 0.24rem;
	text-align: right;
}
.OrderPro dl dd b{
	font-size: 0.3rem;
	font-weight: normal;
	padding-left: 0.05rem;
}
.orderProPrice{
	display: block;
	position: relative;
	height: 0.8rem;
	line-height: 0.8rem;
	overflow: hidden;
	border-bottom: 1px solid #eee;
}

.OrderBox{
	display: block;
	padding: 0.3rem 0.2rem;
}
.OrderBox p{
	color: #959595;
	font-size: 0.24rem;
	line-height: 0.45rem;
	text-align: left;
}

/*添加订单地址*/
.AddAddr{
	display: block;
	padding: 0.47rem 0rem;
	background: #fff;
	text-align: center;
}

.AddAddrIcon{
	width: 0.5rem;
	height: 0.5rem;
	display: inline-block;
	position: relative;
	background: url(../images/addricon.png) center center no-repeat;
	background-size: 0.5rem 0.5rem;
	vertical-align: middle;
}

.AddAddr span{
	line-height: 0.45rem;
    color: #a0a0a0;
    overflow: hidden;
    font-size: 0.28rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 0.05rem;
    display: inline-block;
    vertical-align: middle;
}

/*订单地址*/
.OrderTitleTab{
	display: block;
	padding: 0.2rem 0.3rem;
	background: #fff;
	position: relative;
}

.AddreIcon{
	display: block;
	position: absolute;
	width: 0.5rem;
	height: 0.5rem;
	background: url(../images/addicon.png) center center no-repeat;
	background-size: 0.5rem 0.5rem;
	top: 0.62rem;
}
.OrderTitleView{
	display: block;
	position: relative;
	margin:0rem 0.4rem 0rem 0.6rem;
}
.OrderTitleName{
	display: block;
	position: relative;
	height: 0.4rem;
	line-height: 0.4rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color:#959595;
	font-size: 0.24rem;
}
.OrderTitleName span{
	margin-right: 0.2rem;
}
.OrderAddr{
	display: block;
    position: relative;
    height: 0.7rem;
    line-height: 0.35rem;
    overflow: hidden;
    color: #959595;
    font-size: 0.24rem;
    margin-top: 0.05rem;
}
.RGArrow{
	display: block;
    position: absolute;
    width: 0.36rem;
    height: 0.36rem;
    background: url(../images/right-gray.png) center center no-repeat;
    background-size: 0.23rem 0.36rem;
	top: 0.57rem;
    right: 0.3rem;
}
.OrderFooter{
	display: block;
    width: 100%;
    height: 0.8rem;
    overflow: hidden;
    text-align: right;
    border-top: 1px solid #eee;
}
.OrderFooterView{
	padding: 0.15rem 0.3rem;
	text-align: right;
}
.OrderFooterView .btn{
	display: inline-block;
	height: 0.5rem;
	border-radius: 1rem;
	line-height: 0.5rem;
	padding: 0rem 0.15rem;
	margin-left: 0.2rem;
}





/*遮罩层*/
.PopuLayer {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 100;
    background: rgba(0,0,0,.5);
}



.PopuDIV {
    position: fixed;
    right: 0;
    left: 0;
    bottom:0rem;
    z-index: 101;
    display: none;
    background: #fff;
    border-bottom: 1px solid #eee;
}
.Close{
	width: 0.64rem;
	height: 0.9rem;
	display: block;
	position: absolute;
	background: url(../images/close.png) center center no-repeat;
	background-size: 0.64rem 0.57rem;
	right: 0.3rem;
	top: 0rem;
}
.gou{
	width: 0.6rem;
    height: 0.6rem;
    display: block;
    position: absolute;
    background: url(../images/gou.png) center center no-repeat;
    background-size: 0.6rem 0.6rem;
    right: 0rem;
    top: 0rem;
}

/*手机日报*/
.MobileDaily{
	display: block;
	margin-top: 0.2rem;
	background: #fff;
}
.MobileDailyView{
	display: block;
	margin-bottom: 0.2rem;
}
.MoPic{
	display: block;
	position: relative;
	height: 3.5rem;
	overflow: hidden;
}
.MoPic img{
	width: 100%;
	height: 3.5rem;
}
.MoTab{
	display: block;
	padding: 0.3rem 0.3rem;
}
.MoName{
	display: block;
	position: relative;
	overflow: hidden;
	color: #313131;
	font-size: 0.3rem;
	line-height: 0.4rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 0.2rem;
}
.MoTxt{
	display: block;
	position: relative;
	color: #959595;
	font-size: 0.22rem;
	line-height: 0.35rem;
	margin-bottom: 0.1rem;
}
.MoTime{
	display: block;
	position: relative;
	color: #b5b5b5;
	font-size: 0.22rem;
	line-height: 0.35rem;
}
.MoTimeIcon{
	width: 0.25rem;
    height: 0.25rem;
    display: inline-block;
    position: relative;
    background: url(../images/time.png) center center no-repeat;
    background-size: 0.25rem 0.21rem;
    margin-right: 0.05rem;
    margin-top: 0.03rem;
    vertical-align: top;
}

/*手机日报详情*/
.MDetailName{
	display: block;
	position: relative;
	color: #313131;
	font-size: 0.44rem;
	line-height: 0.55rem;
	margin-bottom: 0.2rem;
	-webkit-margin-before:0em;
    -webkit-margin-after:0em;
    margin-bottom: 0.1rem;
}
.MDetailTime {
    display: block;
    position: relative;
    color: #959595;
    font-size: 0.24rem;
    line-height: 0.35rem;
}
.MDetailTime .MoTimeIcon{
	width: 0.29rem;
	background-size: 0.29rem 0.25rem;
	margin-top: 0.05rem;
}
.MDetailTxt{
	display: block;
	position: relative;
	color: #626262;
	font-size: 0.28rem;
	line-height: 0.4rem;
	margin-top: 0.3rem;
}
.MDetailPic{
	display: block;
	background: #fff;
}
.MDetailImg{
	display: block;
	height: 4.15rem;
	overflow: hidden;
	margin-bottom: 0.1rem;
}
.MDetailImg img{
	height: 4.15rem;
}




/*选择商品*/
.ShopSelectView{
	display: block;
	position: relative;
	padding:0rem 0.38rem 1.27rem 0.38rem;
}
.ShopSelectView .Close {
    height: 0.57rem;
    top: 0.1rem;
    right: 0.1rem;
}
.ShopSelectGoods{
    height: 2rem;
    border-bottom: 1px solid #eee;
}
.GoodsPic{
	width: 2rem;
	height: 2rem;
	border: 1px solid #eee;
	border-radius: 0.15rem;
	display: block;
	float: left;
	position: relative;
	overflow: hidden;
	text-align: center;
	left: 0rem;
	top: -0.5rem;
	background: #fff;
}
.GoodsPic img{
	height: 2rem;
}
.GoodsTxt{
	display: block;
    overflow: hidden;
    padding-top: 0.4rem;
    padding-left: 0.35rem;
}
.GoodsPrice{
	color: #ff6700;
	font-size: 0.36rem;
	line-height: 0.4rem;
	overflow: hidden;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 0.1rem;
}
.GoodsPrice strong{
	font-size: 0.48rem;
	padding-left: 0.1rem;
	font-weight: 400;
}
.GoodsName{
	color: #626262;
	font-size: 0.24rem;
	line-height: 0.4rem;
	display: block;
}

.GoodsProduct{
    max-height:7rem;
    min-height: 4rem;
    overflow-y: auto;
    display: block;
    background: #fff;
    margin-top: 0.1rem;
}

.GoodsProductList{
	display: block;
	position: relative;
	border-bottom: 1px solid #eee;
	padding: 0.3rem 0rem;
}
.GoodsProductName{
	display: block;
	color: #626262;
	font-size: 0.3rem;
	font-weight: normal;
	line-height: 0.35rem;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.GoodsProductSpe{
	display: block;
	margin-top: 0.2rem;
}
.GoodsProductSpe span{
	height: 0.6rem;
	line-height: 0.6rem;
	overflow: hidden;
	display: inline-block;
	margin-right:0.1rem;
	color: #626262;
	font-size: 0.24rem;
	border: 1px solid #626262;
	border-radius: 0.05rem;
	padding: 0rem 0.4rem;
}
.GoodsProductSpe .ActiveBor{
	border: 1px solid #ff6700;
}
.GoodsProductNum{
	height: 0.7rem;
	display: block;
	padding: 0.3rem 0rem;
}
.GPName{
	display:block;
	text-align: left;
	width: 35%;
	color: #626262;
	font-size: 0.28rem;
	line-height: 0.7rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	float: left;
}
.GPNum{
	height: 0.7rem;
	display: block;
	float: right;
	border: 1px solid #eee;
}
.GPNum .min{
	background-color: #eee;
	height: 0.7rem;
	width: 0.7rem;
}
.GPNum .add{
	background-color: #eee;
	height: 0.7rem;
	width: 0.7rem;
}
.GPNum  .Amount{
	background-color: #fff;
    height: 0.6rem;
    width: 0.7rem;
    line-height: 0.7rem;
}

.GoodsButton{
	display: block;
	position: absolute;
	bottom: 0rem;
	width: 100%;
	height: 1rem;
}
.GoodsButton .btn{
	display: block;
	width: 100%;
	height: 1rem;
	border-radius: 0px;
	line-height: 1rem;
}



.fadeIn {
	animation: fadeIn 2s;
	-moz-animation: fadeIn 2s;
	-webkit-animation: fadeIn 2s;
	-o-animation: fadeIn 2s;
	-webkit-animation-fill-mode: none;
	-moz-animation-fill-mode: none;
	-o-animation-fill-mode: none;
	animation-fill-mode: none;
}


/*--淡入--*/

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
		-webkit-transform: translateX(0)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
		-moz-transform: translateX(0)
	}
	100% {
		opacity: 1;
		-moz-transform: translateX(0)
	}
}

@-o-keyframes fadeIn {
	0% {
		opacity: 0;
		-o-transform: translateX(0)
	}
	100% {
		opacity: 1;
		-o-transform: translateX(0)
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
		transform: translateX(0)
	}
	100% {
		opacity: 1;
		transform: translateX(0)
	}
}



/*选择地区*/
.SelectAddrView{
	display: block;
	position: relative;
	padding-top: 0.88rem;
}
.SelectAddrTab{
	display: block;
	position: relative;
	margin-top: 0.2rem;
	background: #fff;
}
.SelectAddrList{
   display: block;
   position: relative;
   padding: 0.3rem 0.3rem;
   color: #626262;
   font-size: 0.24rem;
   font-weight: normal;
   line-height: 0.4rem;
   border-bottom: 1px solid #eee;
}
.SelectAddrList .right-arrow{
  right: 0.3rem;
  top: 0.35rem;
}
.SelectAddrOpt{
	background: #ccc;
	padding: 0.3rem 0.3rem;
	line-height: 0.4rem;
	overflow: hidden;
	white-space: nowrap;
	font-size: 0.24rem;
	color: #626262;
}

/*即将上线*/
.temp_body{
	width: 100%;
	display: block;
	position: relative;
	background: url(../images/58a2b4013c7c6_02.png) center center no-repeat;
	background-size: 100% 100%;
}
.tempDiv{
	display: block;
	position: relative;
	margin-top: 20%;
}
.tempImg{
	padding: 0.2rem 0.2rem;
    display: block;
    position: relative;
    text-align: center;
}
.tempImg img{
	width: 100%;
}



/*背景色*/
.body_white{
	background: #fff;
}
/*header*/
header{
	display: block;
	height: 0.88rem;
	position: relative;
	line-height: 0.88rem;
	background: #ffffff;
	text-align: center;
}

.LeftArrow{
	display: block;
	position: absolute;
	width:0.25rem;
	height: 0.3rem;
	line-height: 0.3rem;
	top: 0.3rem;
	left: 0.3rem;
}

.LeftArrowIcon{
	width: 0.25rem;
	height: 0.3rem;
	background: url(../images/left-arrow.png) no-repeat;
	background-size: 100% 100%;
	display: block;
}
.LeftArrowWhiteIcon{
	width: 0.25rem;
    height: 0.44rem;
    background: url(../images/left-arrowwhite.png) no-repeat;
    background-size: 100% 100%;
    display: block;
}

.HeaderName{
	line-height: 0.88rem;
	color: #626262;
	font-size: 0.3rem;
}

.HeaderDIV{
	width:100%;
	position: fixed;
	max-width: 7.5rem;
	min-width: 3.2rem;
	z-index: 99;
	margin: auto;
	left: 0px;right: 0px;
	border-bottom: 1px solid #eee;
}
.HeaderView{
	width:100%;
	position: fixed;
	max-width: 7.5rem;
	min-width: 3.2rem;
	z-index: 99;
	margin: auto;
	left: 0px;right: 0px;
	border-bottom: 1px solid #eee;
}
.HeaderLeft {
    display: block;
    position: absolute;
    width:3.25rem;
    height:0.88rem;
    line-height:0.88rem;
    top:0rem;
    left: 0.3rem;
    text-align: left;
    text-decoration: none;
    color: #313131;
    font-size: 0.30rem;
}
.HeaderLeft .LeftArrowIcon{
	display: inline-block;
    vertical-align: middle;
    margin-top: -0.05rem;
    margin-right: 0.1rem;
}
.num{
	width:0.25rem;
    height:0.25rem;
    display: block;
    position: absolute;
    top: 0rem;
    right: 0rem;
    background: #ff6700;
    border-radius: 100%;
    color: #fff;
    text-align: center;
    line-height:0.3rem;
    font-size: 0.2rem;
    font-weight: normal;
    letter-spacing: -1px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.HeaderCenter {
    display: block;
    position: relative;
    height:0.88rem;
    line-height:0.88rem;
    text-align: center;
    color: #313131;
    font-size: 0.30rem;
}

.SearchHeaderDIV {
    width: 100%;
    height: 0.9rem;
    line-height: 0.9rem;
    position: fixed;
    max-width: 7.5rem;
    min-width: 3.2rem;
    z-index: 9998;
    margin: auto;
    left: 0px;
    right: 0px;
    border-bottom: 1px solid #eee;
}
.SearchHeader{
	display: block;
	position: relative;
	padding: 0.1rem 0.3rem;
	box-sizing: border-box;
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.SearchInput{
	width:100%;
	height: 0.65rem;
	display: block;
	position: relative;
	border-radius: 2rem;
	background: #f6f6f6;
	opacity: 0.8;
	border: 1px solid #f6f6f6;
	margin-right: 0.7rem;
	text-align: left;
	line-height: 0.65rem;
	text-decoration: none;
	color: #626262;
    font-size: 0.28rem;
}
.SearchM{
	margin-left: 0.5rem;
}
.RightTxt{
    display: block;
    position: absolute;
    width: 1rem;
    height: 0.88rem;
    line-height: 0.88rem;
    top: 0rem;
    right: 0.3rem;
    color: #626262;
    font-size: 0.28rem;
    text-align: right;
}
.InforGray{
	display: block;
	position: absolute;
	right: 0.3rem;
	top: 0.08rem;
	height: 0.7rem;
	width:0.6rem;
	background: url(../images/inforwhite.png) center center no-repeat;
	background-size: 0.55rem 0.42rem;
	overflow: hidden;
}
.SearchIcon{
	display: inline-block;
	position: relative;
	width: 0.30rem;
	height: 0.36rem;
	background: url(../images/searchgray.png) no-repeat center center;
	background-size: 0.30rem 0.36rem;
	margin-left:0.3rem;
	margin-right: 0.15rem;
	vertical-align: middle;
}
.AudioLeft {
    display: block;
    position: relative;
    height: 0.44rem;
    line-height: 0.44rem;
    top: 0.3rem;
    left: 0rem;
    text-align: left;
    text-decoration: none;
    color: #313131;
    font-size: 0.30rem;
    padding: 0rem 0.33rem;
}


/*footer*/
footer{
	width: 100%;
	max-width: 7.5rem;
	min-width: 3.2rem;
	position: fixed;
	left: 0px;
	bottom: 0px;
	right: 0px;
	margin: auto;
	z-index: 99;
	background: #fff;
}
.FooterDIV{
	display: block;
	width: 100%;
	height:0.99rem;
	overflow: hidden;
}
.FooterDIV li{
	padding: 0.15rem 0rem;
	display: block;
	position: relative;
	float: left;
	width: 20%;
}
.FooterDIV li a{
	text-decoration: none;
	color: #7d7d7d;
}
.FooterIMG{
	display: block;
    width: 0.65rem;
    height: 0.45rem;
    position: relative;
    text-align: center;
    margin: 0px auto;
}
.FooterIMGHome{
	background: url(../images/Home.png) center center no-repeat;
	background-size: 0.53rem 0.46rem;
}
.FooterIMGCate{
	background: url(../images/Cate.png) center center no-repeat;
	background-size: 0.53rem 0.46rem;
}
.FooterIMGService{
	background: url(../images/Love.png) center center no-repeat;
	background-size: 0.50rem 0.45rem;
}
.FooterIMGOrder{
	background: url(../images/Cart.png) center center no-repeat;
	background-size: 0.53rem 0.46rem;
}
.FooterIMGMy{
	background: url(../images/Self.png) center center no-repeat;
	background-size: 0.53rem 0.46rem;
}
.FooterAtten{
	background: url(../images/attention.png) center center no-repeat;
	background-size: 0.53rem 0.46rem;
}
.FooterAttenRed{
	background: url(../images/attention-red.png) center center no-repeat;
	background-size: 0.53rem 0.46rem;
}
.FooterTxt{
	display: block;
	line-height: 0.4rem;
	font-size: 0.2rem;
	color: #7d7d7d;
	text-align: center;
}

.FooterActive .FooterIMGHome{
	background: url(../images/HomeActive.png) center center no-repeat;
	background-size: 0.53rem 0.46rem;
}
.FooterActive .FooterIMGCate{
	background: url(../images/CateActive.png) center center no-repeat;
	background-size: 0.53rem 0.46rem;
}
.FooterActive .FooterIMGOrder{
	background: url(../images/CartActive.png) center center no-repeat;
	background-size: 0.53rem 0.46rem;
}
.FooterActive .FooterIMGMy{
	background: url(../images/SelfActive.png) center center no-repeat;
	background-size: 0.53rem 0.46rem;
}
.FooterActive .FooterIMGService{
	background: url(../images/LoveActive.png) center center no-repeat;
	background-size: 0.53rem 0.46rem;
}
.FooterActive .FooterTxt{
	color: #ff6700;
}
.FooterIMGOrder .num{
	border: 2px solid #fff;
    margin-top: -0.07rem;
    line-height: 0.26rem;
}

/*商品详情尾部*/
.FooterList{
	width: 1.8rem;
	padding: 0.13rem 0rem;
	border-left: 1px solid #eee;
	display: block;
	text-decoration: none;
	text-align: center;
	color: #7d7d7d;
	font-size: 0.2rem;
	float: left;
}
.FooterList:first-child{
	border-left: none;
}

.FooterTxtP{
	display: block;
	line-height: 0.3rem;
	text-align: center;
	color: #7d7d7d;
	font-size: 0.2rem;
	font-weight: normal;
	margin-top: 0.03rem;
}

.FooterDetailButton{
	margin-left: 3.7rem;
}
.FooterDetailButton .btn{
	width: 100%;
	height: 0.99rem;
	line-height: 0.99rem;
	border-radius: 0px;
}

/*按钮*/
.btn{
	display: block;
	margin: 0rem 0rem;
	padding: 0rem 0rem;
	position: relative;
	-webkit-appearance: none;
	outline: none;
	border-radius: 0.1rem;
	text-align: center;
	font-size: 0.28rem;
	font-weight: normal;
	overflow: hidden;
}

.BtnGray{
	background: #c9c9c9;
	border: 1px solid #c9c9c9;
	color: #fff;
}
.btn-lightgray{
	background: #d2d2d2;
	border: 1px solid #d2d2d2;
	color: #fff;
}

.BtnOrange{
	background: #ff6700;
	border: 1px solid #ff6700;
	color: #fff;
}
.btn-whitebor{
	background: none;
	border: 1px solid #fff;
	color: #fff;
}
.BtnBlackBor{
	background: none;
	border: 1px solid #959595;
	color: #959595;
}
.BtnOrangeBor{
	background: none;
	border: 1px solid #ff6700;
	color: #ff6700;
}

.HeaderCart{
    display: block;
    position: absolute;
    right: 0.2rem;
    top: 0.2rem;
    height: 0.5rem;
    width: 0.6rem;
    background: url(../images/cart.png) center center no-repeat;
    background-size: 0.45rem 0.45rem;
    overflow: hidden;
}
.HeaderShare{
    display: block;
    position: absolute;
    right: 0.2rem;
    top: 0.2rem;
    height: 0.5rem;
    width: 0.6rem;
    background: url(../images/share.png) center center no-repeat;
    background-size: 0.48rem 0.45rem;
    overflow: hidden;
}
.HeaderShareWhite{
    display: block;
    position: absolute;
    right: 0.3rem;
    top: 0rem;
    height: 0.55rem;
    width: 0.55rem;
    background: url(../images/share-white.png) center center no-repeat;
    background-size: 0.55rem 0.55rem;
    overflow: hidden;
    margin-top: -0.05rem;
}
.right-arrow{
	display: block;
	position: absolute;
	right: 0rem;
	top: 0.2rem;
	width:0.35rem;
	height: 0.35rem;
	background: url(../images/right-arrow.png) center center no-repeat;
	background-size:0.23rem 0.35rem;
}
.AddrIcon{
	display: block;
	position: absolute;
	right: 0.3rem;
	top: 0.2rem;
	width:0.45rem;
	height: 0.45rem;
	background: url(../images/add.png) center center no-repeat;
	background-size:0.41rem 0.43rem;
}
.CheckIcon{
   background: url(../images/check.png) center center no-repeat;
   background-size: 0.36rem 0.35rem;
}
.CheckedIcon{
   background: url(../images/checked.png) center center no-repeat;
   background-size: 0.41rem 0.4rem;
}


.ColorOrange{
	color: #ff6700 !important;
}





@media only screen and (max-height:600px){
	.CouponPro {
    	padding: 0.36rem 0.15rem;
	}
	.CouponPrice {
	    width: 2rem;
	    letter-spacing: 0px;
	}
	.CouponExplain{
		padding-left: 0.15rem;
	}
	.CouponRight{
		width: 1.35rem;
	}
	.CouponRight span {
	    padding: 0.42rem 0.0rem;
	}
	.wrapperDraw .Main{
		height:auto;
	}
	.ComfirmOrderButton{
		width: 2rem;
	}
	.ComFixDIV{
		max-height:6rem;
	}
	.GoodsProduct{
		max-height:5rem;
	}
}