html,body{
	width:100%;
	height:100%;
	overflow: hidden;
}

/*一键分销*/
.onekey_Sale{
	background-color: #fa3f40;
	color: white;
	border-radius: 23px;
	font-size: 0.22rem;
	padding: 2px 0;
	width: 1.2rem;
	height: 0.34rem;
	text-align: center;
	margin-top: 0.3rem;
	line-height: 0.34rem;
	float: right;
	margin-right: 0.1rem;
}
.offerFxkd{
	text-align: center;
	text-indent: 0.6rem;
	color: #a7a6a7;
	margin: 0.05rem 0;
}
.offerPrice{
	text-align: center;
	text-indent: 0.5rem;
}
.onekeyBigbox{
	width: 100%;
	overflow: hidden;
	margin-top: 1.2rem;
}
#offerDetailBody{
	position: relative;
	width:100%;
	height:100%;
}

#mainDiv{
	position:relative;
	width:100%;
	height:calc(100% - 2.2rem);
	top:1rem;
	overflow-y:scroll;  
	-webkit-overflow-scrolling:touch;
	padding-top:0.01rem;
}

#offerImagesBigDiv{
	position: relative;
	width:100%;
	height:7.5rem;
}

#offerShareButton{
	position: absolute;
	width:1.43rem;
	height:0.44rem;
	top:0.28rem;
	right:0.28rem;
	background: url(/templates/amain_model1/image/offerDetail/offerShare.png) center center no-repeat;
	background-size:100% auto; 
	z-index:1000
}

.swiper-container{
	width:100%;
	height:100%;
	
}

.swiper-wrapper{
	width:100%;
	height:100%;
}

.swiper-slide{
	width:100%;
	height:100%;
}
#offerTitleBigDiv,#offerRentAndPayInstalmentBigDiv,#offerCouponBigDiv{
	margin-top:0.05rem;
}
#offerTitleBigDiv{
	position: relative;
	width: 100%;
	background-color: #FFF;
	padding: 0 0.2rem 0.6rem 0.4rem;
	box-sizing: border-box;
}

#offerTitleDiv{
	position: relative;
	width: 92%;
	text-indent: 0.15rem;

}

#offerTitle{
	font-size: 0.3rem;
	color:#000000;
	padding-top:0.2rem;
	padding-bottom:0.2rem;
	font-weight: 700;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

#offerSubTitle{
	font-size: 0.24rem;
	color: #797979;
	padding-bottom: 0.2rem;
	line-height: 0.38rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.offerPriceBigDiv2{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
#offerPriceBigDiv{
	position: relative;
	width:100%;
	height:0.6rem;
	/*border-top:0.01rem solid #d2ab70;*/
	/*border-bottom:0.01rem solid #d2ab70;*/
	box-sizing:border-box;
}

#offerPriceDiv{
	float: left;
	position: absolute;
	font-size: 0.55rem;
	color: #000;
	/* line-height: 1.18rem; */
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 4.5rem;

}
#offerPriceDiv-small{
	float:left;
	position: relative;
	font-size: 0.3rem;
	color:#000;
	line-height: 1.18rem;
}

#secKillPrice{
	float:left;
	position: relative;
	height:100%;
	margin-left:0.32rem;
}

#originalPrice{
	position: relative;
	padding:0 0.12rem;
	margin-top:0.24rem;
	font-size:0.2818rem;
	line-height:0.28rem; 
}
#originalPriceTwo{
	position: relative;
	padding: 0 0.12rem;
	margin-top: 0.24rem;
	font-size: 0.2818rem;
	line-height: 0.28rem;
	margin-left: 1.8rem;
}
#originalPrice .heng{
	position: absolute;
	width:100%;
	height:0.01rem;
	background-color: #000;
	top:50%;
	left:0;
	margin-top:-0.005rem;
}

#secKillDiv{
	position: relative;
	width:1.02rem;
	height:0.34rem;
	margin-top:0.2rem;
	border:0.01rem solid #d2ab70;
	border-radius:0.34rem;
	font-size: 0.1916rem;
	color:#d2ab70;
	line-height: 0.32rem;
	text-align: center;
	padding:0 0.13rem;		
}

#secKillTime{
	position: absolute;
	text-align: center;
	top: -0.2rem;
	right: -1.5rem;
}

#secKillTime .text{
	position:relative;
	font-size: 0.2555rem;
	color:#797979;
	padding-top:0.24rem;
	line-height: 0.25rem;
}

#secKillTime .time{
	position:relative;
	font-size: 0.365rem;
	color:#797979;
	padding-top:0.14rem;
	line-height: 0.365rem;
}

#offerSellNumberBigDiv{
	position: relative;
	width:100%;
	height:0.7rem;
}

.offerSellNumberDiv{
	float: right;
	/*background-color: #efefef;*/
	font-size: 0.23rem;
	padding: 0.05rem 0.14rem;
	color: #a7a6a7;
	margin-top: 0.2rem;
	margin-left: 0.2rem;
}

#offerRentAndPayInstalmentBigDiv{
	position: relative;
	width:100%;
	background-color: #FFF;
	
}

#offerRentAndPayInstalmentBigDiv .offerRentAndPayInstalmentDiv{
	position: relative;
	width:100%;
	min-height:1.2rem;
	padding:0 0.4rem 0.2rem;
	box-sizing:border-box;
	border-bottom:0.01rem solid #f4f4f4;
}

#offerRentAndPayInstalmentBigDiv .title{
	position:relative;
	height:0.27rem;
	padding-top:0.2rem;
	font-size: 0.2555rem;
	line-height: 0.27rem;
	font-weight: bold;
}

#offerRentAndPayInstalmentBigDiv .text{
	position:relative;
	padding-top:0.25rem;
	font-size: 0.2rem;
	line-height: 0.2rem;
	color:#797979;
}

#offerRentAndPayInstalmentBigDiv .price{
	font-size: 0.25rem;
	color:#af1d37;
}

#offerRentAndPayInstalmentBigDiv .button{
	/* position: absolute;
	width:1.94rem;
	height:0.5rem;
	right:0.4rem;
	top:50%;
	margin-top:-0.25rem;
	border-radius:0.5rem;
	background-color: #d2ab70;
	color:#FFF;
	line-height: 0.5rem;
	text-align: center;
	font-size: 0.2579rem; */
	
	position: absolute;
    height: 0.4rem;
    right: 0.4rem;
    top: 50%;
    padding: 0 0.15rem;
    margin-top: -0.2rem;
    border-radius: 0.4rem;
    background-color: #b8142f;
    color: #FFF;
    line-height: 0.4rem;
    text-align: center;
    font-size: 0.25rem;
}

#offerRentAndPayInstalmentBigDiv .firstPay{
	position: absolute;
	height:0.27rem;
	left:1.13rem;
	top:0.2rem;
	padding:0 0.16rem;
	border:0.01rem solid #d2ab70;
	border-radius:0.27rem;
	font-size: 0.2rem;
	color:#d2ab70;
	line-height: 0.25rem;
}

#offerNaviBigDiv{
	position: absolute;
	width:100%;
	height:0.7rem;
	top:1rem;
	left:0;
	border-bottom:0.01rem solid #f4f4f4;	
	background-color: #FFF;
	z-index:99;
	opacity:0;
	display: none
}

#offerNaviBigDiv .offerNaviDiv{
	position: relative;
	float:left;
	width:calc(100% / 3);
	height:100%;
	color:#000;
	font-size: 0.2555rem;
	text-align:center;
	line-height: 0.75rem;
}

#offerNaviBigDiv .offerNaviBottonHeng{
	position: absolute;
	width:1rem;
	height:0.02rem;
	left:50%;
	margin-left:-0.5rem;
	bottom:0;
	background-color: #FFF;
}

#offerNaviBigDiv .offerNaviDivClick{
	color:#af1d37;
}

#offerNaviBigDiv .offerNaviDivClick .offerNaviBottonHeng{
	background-color: #af1d37;
}

#offerCouponBigDiv{
	position: relative;
	width:100%;
	background-color:#FFF;
}

#offerCouponBigDiv .leftDiv{
	position: relative;
	float:left;
	width:calc(100% - 0.2rem);
	overflow-x: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

#offerCouponBigDiv .offerCouponDiv{
	position: relative;
	width:100%;
	height:1rem;
	padding:0 0.4rem;
	border-bottom:0.01rem solid #f4f4f4;
	font-size: 0.2555rem;
	color:#797979;
	line-height: 0.99rem;
	box-sizing:border-box;
}

#offerConsultationBigDiv,#offerCommentBigDiv{
	position: relative;
	width:100%;
	padding:0 0.4rem;
	box-sizing:border-box;
	background-color: #FFF;
	border-bottom:0.01rem solid #f4f4f4;
}

#offerConsultationBigDiv .title,#offerCommentBigDiv .title{
	position:relative;
	height:0.8rem;
	font-size: 0.2555rem;
	line-height: 0.8rem;
	font-weight: bold;
}

#offerConsultationBigDiv .checkAll,#offerCommentBigDiv .checkAll{
	position: absolute;
	height:0.8rem;
	font-size: 0.2555rem;
	color:#919191;
	top:0;
	right:0;
	line-height: 0.8rem;
	font-weight: normal;
}

#offerConsultationBigDiv .askAndAnswer{
	position: relative;
	height:0.28rem;
	padding-left:0.44rem;
	font-size: 0.2555rem;
	line-height:0.28rem;
	color:#8d8d8d;
	padding-bottom:0.24rem
}

#offerConsultationBigDiv .sImage{
	position: absolute;
	width:0.28rem;
	height:0.28rem;
	top:0;
	left:0.02rem;
	border-radius:0.04rem;
	color:#FFF;
	line-height: 0.28rem;
	text-align: center;
	font-size: 0.22rem;
}

#offerCommentBigDiv .headImageDiv{
	position: relative;
	height:0.48rem;
	padding-left:0.62rem;
	line-height: 0.48rem;
	color:#8d8d8d;
}

#offerCommentBigDiv .headImage{
	position: absolute;
	width:0.48rem;
	height:0.48rem;
	border-radius:0.48rem;
	left:0;
	top:0;
	background-color: green;		
}

#commentContant{
	font-size: 0.2555rem;
	color:#8d8d8d;
	margin-top:0.24rem;
	padding-bottom:0.24rem;
}

#suitBigDiv{
	position: relative;
	width:100%;
	/*height:4.28rem;*/
	padding:0 0.4rem;
	box-sizing:border-box;
	background-color: #FFF;
	border-bottom:0.01rem solid #f4f4f4;
}

#suitBigDiv .title,#readHistoryBigDiv .title{
	position:relative;
	height:0.8rem;
	font-size: 0.2555rem;
	line-height: 0.8rem;
	font-weight: bold;
	text-align: center;
}

#suitImageBigDiv{
	position: relative;
	width:100%;
	height:2.9rem;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center  ;
	justify-content: center ;
}

#suitImageBigDiv .suitImageDiv{
	position: relative;
	width:2.12rem;
	height:2.9rem;
	border:0.02rem solid #d2ab70;
	margin-right:0.085rem;
	margin-left:0.085rem;
	padding:0.04rem;
	box-sizing:border-box;
}

#suitImageBigDiv .suitImage{
	position: relative;
	width:100%;
	height:2rem;		
}

#suitImageBigDiv .originalPrice{
	position: relative;
	font-size: 0.1676rem;
	color:#666666;
	width:100%;
	line-height: 0.1676rem;
	margin-top:0.18rem;
	text-align: center;
}

#suitImageBigDiv .price{
	position: relative;
	font-size: 0.2133rem;
	color:#333333;
	width:100%;
	line-height: 0.2133rem;
	margin-top:0.13rem;
	text-align: center;
	
}

#offerHtmlBigDiv{
	position: relative;
	width:100%;
	/*padding:0 0.4rem;*/
	box-sizing:border-box;
	background-color: #FFF;
	border-bottom:0.01rem solid #f4f4f4;
	border-top: 0.05rem solid #f6f6f6;
}

#offerHtmlBigDiv img{
	width:100%;
}

#offerHtmlBigDiv .title{
	position:relative;
	height:0.8rem;
	padding-top:0.2rem;
	font-size: 0.2555rem;
	line-height: 0.8rem;
	font-weight: bold;
}

#offerHtml{
	position: relative;
	width:100%;
	padding-bottom:0.4rem;
}

#readHistoryBigDiv{
	position: relative;
	width:100%;
	height:5.9rem;
	padding:0 0.4rem;
	box-sizing:border-box;
	background-color: #FFF;
	border-bottom:0.01rem solid #f4f4f4;
}

#readHistoryImageBigDiv{
	position: relative;
	width:100%;
	height:4.4rem;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center  ;
    justify-content: center ;
}

#readHistoryImageBigDiv .readHistoryImageDiv{
	position: relative;
	width:3.22rem;
	height:100%;
	/*border:0.02rem solid #d2ab70;*/
	margin-right:0.125rem;
	margin-left:0.125rem;
	padding:0.04rem;
	box-sizing:border-box;
	border-radius: 0.1rem;
}

#readHistoryImageBigDiv .readHistoryImage{
	position: relative;
	width:100%;
	height:3.14rem;	
}

#readHistoryImageBigDiv .readHistoryTitle{
	width:100%;
	font-size: 0.2534rem;
	color:#202020;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 0.3rem;
    margin-top:0.1rem;
}

#readHistoryImageBigDiv .readHistoryPrice{
	position: absolute;
	font-size: 0.2884rem;
	color:#fe3d3d;
	left:0.06rem;
	bottom:0.16rem;
	line-height: 0.2884rem;
}

#readHistoryImageBigDiv .readHistorySellNumber{
	position: absolute;
	font-size: 0.1915rem;
	color:#666666;
	right:0.09rem;
	bottom:0.16rem;
	line-height: 0.1915rem;
}

.noMessage{
	line-height: 0.6rem	
}

.afquantity {
	position: fixed;	
	width: 80%;
	top: 30%;
	left:50%;
	-webkit-transform:translate(-50%);
	-moz-transform:translate(-50%);
	-ms-transform:translate(-50%);
	-o-transform:translate(-50%);
	transform:translate(-50%);
	background-color: #FFF;
	padding:0.5rem 0.5rem;
	box-sizing:border-box;
	z-index:1001;
	display: none
}

.afquantityTitle {
	position: relative;
	float: left;
	width: 50%;
	line-height: 0.69rem;
	left: 0.4rem;
	font-size: 0.27rem;
}

.poster{
	display: none
}

#posterImageDiv{
	position: fixed;	
	width:5.5rem;
	height:7.85rem;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	background-color: #FFF;
	z-index:1001
}

#posterImage{
	width:100%;
}

#posterText{
	position: relative;
	width:100%;
	height:0.8rem;
	font-size: 0.36rem;
	line-height: 0.8rem;
	color:#FFF;
	text-align: center;
}

#posterImageDiv .close{
	position: fixed;
	width:0.6rem;
	height:0.6rem;
	right:-0.75rem;
	top:-0.8rem;
	border-radius:0.6rem;
	background:url(/templates/amainUser_model1/image/achievement/close.png) center center no-repeat;
	background-size:0.31rem auto;
	background-color: #989898;
}
.instalmentBox2{
	font-size: 0.38rem;
}
.instalmentBox2Span>span:first-child{
	font-size: 0.3rem;
}
.instalmentBox{
	position: absolute;
	right: 0;
	width: 82%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.instalmentSpan{
	width: 50%;
	font-size: 0.25rem!important;
	color: #333!important;
	padding: 0.1rem 0;
}
.toHome{
	position: absolute;
	right: 0.5rem;
	top: 0.5rem;
	transform: translate(50%,-50%);
	width: 35px;
	height: 35px;
	background: url(/templates/amainUser_model1/image/home.png) center center no-repeat;
	background-size: cover;
}
.offerPriceDiv_picc{
	width: 0.7rem;
	height: 0.33rem;
	background-color: #fe5b47;
	color: white;
	font-weight: 100;
	font-size: 0.168rem;
	text-align: center;
	padding: 0.03rem 0.065rem;
	line-height: 0.33rem;
	border-radius: 0.05rem;
	background: -webkit-linear-gradient(35deg,#fe7750, #fe3e3d);
	background: -moz-linear-gradient(35deg,#fe7750, #fe3e3d);
	background: -o-linear-gradient(35deg,#fe7750, #fe3e3d);

	display: inline-block;
	float: left;
	margin-top: 0.16rem;
	margin-right: 0.15rem;
}
.ProKeyword{
	width: 100%;
	margin-top: 0.55rem;
	overflow: hidden;
}
.ProKeyword_item{
	padding: 0.069rem 0.35rem;
	background-color: #e9f3fd;
	float: left;
	margin-right: 0.23rem;
	color: #303030;
	font-size: 0.225rem;
}

.ProKeyword_item:nth-child(1){
	margin-left: 0.4rem !important;
}
.radiusAbs{
	position: absolute;
	width: 100%;
	height: 0.3rem;
	top: -0.2rem;
	left: 0px;
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
	background-color: white;
}