#main {
			background: #ffffff;
		}
		
		.content {
			padding: 0 2%;
		}
		.share-content{
			padding:0 2% 2% 2%;
		}
		.banner {
			position: relative;
		}
		.swiper-wrapper{
			height: 18.825rem;
		}
		.swiper-slide img {
			display: block;
			height: 18.825rem;
			width:100%;
		}
		
		.action {
			position: absolute;
			top: 1.75rem;
			width: 100%;
			z-index: 9999999;
			overflow: hidden;
			padding: 0 0.5rem;
		}
		
		.action .back,
		.action .share {
			width: 1.425rem;
			height: 1.425rem;
		}
		
		.action .back img,
		.action .share img {
			display: block;
			width: 100%;
		}
		
		.action .back {
			float: left;
		}
		
		.action .share {
			float: right;
		}
		
		.title {
			text-align: center;
			padding: 0.5rem 0;
			font-size: 0.7rem;
		}
		.share-title {
			padding: 0.5rem 0;
			font-size: 0.7rem;
		}
		.share-price{
			padding-bottom:0.2rem;
			display:flex;
			align-items:center;
		}
		.share-price .price-box span:nth-of-type(1){
			font-size:0.5rem;
		}


		.quan{
			width: 2.875rem;
			background: url('../img/quan-bg.png') no-repeat;
			background-size: 2.775rem 0.725rem;
			font-size: 0.5rem;
			height: 0.725rem;
			line-height: 0.825rem;
			color: #fe4f3f;
			margin: 0.575rem 0;
			display:inline-block;
			margin-left:0.5rem;
		}
		.quan span:nth-of-type(1){
			width: 0.85rem;
			text-align: center;
			display: inline-block;
		}
		.quan span:nth-of-type(2){
			width: 1.975rem;
			text-align: center;
			display: inline-block;
		}
		







		.details-price {
			text-align: center;
			overflow: hidden;
		}
		
		.details-price span {
			display: inline-block;
		}
		
		.details-price .price-tag {
			width: 2.2rem;
			height: 0.9rem;
			background: url('../img/yellow-tag.png') no-repeat;
			background-size: cover;
			font-size: 0.5rem;
			color: #ffffff;
			line-height: 0.8rem;
			position: absolute;
			margin-left: -1.95rem;
			margin-top: 0.3rem;
		}
		
		.details-price .red-price {
			color: #fe4f3f;
			font-size: 1.3rem;
		}
		
		.details-price .small-price-tag {
			color: #fe4f3f;
		}
		
		.details-price .gray-price {
			color: #c9c8c7;
			text-decoration: line-through;
		}
		
		.pay {
			border: 1px solid #e2d3c3;
			width: 50%;
			margin: 0.5rem auto 0.5rem auto;
			text-align: center;
			font-size: 0.6rem;
			padding: 0.2rem 0 0.1rem 0;
		}
		
		.pay span:nth-of-type(1) {
			color: #9e9c9b;
		}
		
		.pay span:nth-of-type(2) {
			color: #fe4f3f;
		}
		
		.datas {
			overflow: hidden;
			color: #c5c4c3;
			font-size: 0.6rem;
		}
		
		.datas span:nth-of-type(1) {
			float: left;
		}
		
		.datas span:nth-of-type(2) {
			float: right;
		}
		
		.jifen {
			display: inline-block;
			border: 1px solid #fe4f3f;
			border-radius: 3px;
			font-size: 0.5rem;
			color: #fe4f3f;
			margin: 0.5rem 0;
			text-align: center;
			padding: 0.2rem 0.3rem 0.1rem 0.3rem;
		}

		.youhuiquan{
			border-top: 1px solid #d1d4d6;
			overflow: hidden;
			display: flex;
			display: -webkit-box;
			padding: 0.5rem 0;
		}
		.quan-box{
			background: url('../img/youhuiquan.png') no-repeat;
			background-size: cover;
			overflow: hidden;
			display: flex;
			display: -webkit-box;
			-webkit-box-align: center;
			align-items: center;
			color: #ffffff;
		}

		.quan-box .quan-left{
			/*width: 80%;*/
			/*float: left;*/
			display: flex;
			display: -webkit-box;
			-webkit-box-align: center;
			align-items: center;
		}
		.quan-box .quan-number,.quan-box .quan-info{
			/*display: inline-block;*/
		}
		.quan-box .quan-number{
			padding-left: 0.2rem;
			font-size: 1.9rem;
			padding-right:0.2rem;
		}
		.quan-box .quan-info{
			font-size: 0.6rem;
			width: 4.7rem;
			border-right: 1px dashed #ffffff;
		}
		.quan-box .quan-right{
			/*width: 20%;*/
			/*float: right;*/
			width:1rem;
			font-size: 0.7rem;
			padding-left: 0.1rem;
		}
		

		
		#shop {
			margin-top: 2%;
			padding: 4% 2%;
			background: #ffffff;
		}
		
		.shop-head {
			padding: 0 2%;
		}
		
		.shop-head-top {
			display: flex;
			display: -webkit-box;
			align-items: center;
			-webkit-box-align: center;
		}
		
		.shop-head .shop-img {
			width: 2.375rem;
			height: 2.375rem;
			padding: 5px;
			border: 2px solid #dddddd;
		}
		
		.shop-head .shop-img img {
			display: block;
			width: 100%;
		}
		
		.shop-info {
			/* height: 2rem; */
			padding-left: 4%;
		}
		
		.shop-info .shop-name {
			font-size: 0.7rem;
			color: #333333;
		}
		
		.shop-info .mall-name {
			font-size: 0.6rem;
			color: #d30804;
			display: flex;
			display: -webkit-box;
			align-items: center;
			-webkit-box-align: center;
		}
		
		.shop-info .mall-name img {
			display: block;
			width: 0.525rem;
			height: 0.525rem;
		}
		
		.shop-desc {
			color: #999999;
			font-size: 0.6rem;
			overflow: hidden;
			display: flex;
			display: -webkit-box;
			align-items: center;
			-webkit-box-align: center;
		}
		
		.shop-desc .desc-item {
			width: 33.3%;
			display: flex;
			display: -webkit-box;
			align-items: center;
			-webkit-box-align: center;
			padding: 2% 0;
		}
		
		.shop-desc .desc-item span.red {
			color: #fe7b71;
		}
		
		.shop-desc .desc-item span.yellow {
			color: #ff9402;
		}
		
		.shop-desc .desc-item span.green {
			color: #00b78b;
		}
		
		.shop-desc .desc-item:nth-of-type(2) {
			justify-content: center;
			-webkit-box-pack: center;
		}
		
		.shop-desc .desc-item:nth-of-type(3) {
			justify-content: flex-end;
			-webkit-box-pack: end;
		}
		
		.shop-desc .desc-item img {
			display: block;
			width: 0.6rem;
			height: 0.6rem;
		}




		.details{
			margin-top: 2%;
			background: #ffffff;
			padding-bottom: 2.275rem;
		}
		.details .column{
			overflow: hidden;
			padding: 0.4rem 0 0.4rem 0;
			/*border-bottom: 1px solid #9e9c9b;*/
			
		}
		.details .column div{
			width: 49.8%;
			float: left;
			text-align: center;
			color: #808080;
			font-size: 0.7rem;
			padding: 0.5rem 0;
			border-right: 1px solid #d1d4d6;
		}
		.details .column div.active{
			color: #fe4f3f;
			border-bottom: 1px solid #fe4f3f;
		}
		.details .column div:last-child{
			border-right: none;
		}
		
		.content-frame{
		  display:block;
		  padding: 0;
		  min-height: 25rem;
		  border: none;
		  margin:0;
		  width:100%;
		}
		body,html{
			overflow-x: hidden;
		}








		/*详情*/
		.item{
			width: 33.3%;
			float: left;
			text-align:center;
			line-height: 1.2rem;
			font-size:0.65rem;
			color:#333333;
		}
		.item-box{
			display:none;
		}
		.item-box.active{
			display:block;
		}
		.item-box ul{
			padding: 0;
			margin: 0;
		}
		.item-box ul li {
			padding:0.5rem 4%;
			border-bottom:1px solid #E9E9E7;
			overflow: hidden;
		}
		.item-box ul li span{
			display:block;
			float: left;
			font-size:0.65rem;
		}
		.item-box ul li span:nth-of-type(1){
			color:#A1A1A1;
			width:40%;
		}
		.item-box ul li span:nth-of-type(2){
			color:#616160;
			width:60%;
		}
		.comment{
			padding:0.3rem 0;
			font-size:0.65rem;
			border-bottom:1px solid #E9E8E8;
			width:92%;
			margin:0 auto;
		}
		.comment-name{
			color: #5C5B5A;
			padding-bottom:0.2rem;
		}
		.comment-content{
			color: #9B9B9B;
		}



	.bottom{
		height: 3.275rem;
		background: #000000;
		width: 100%;
		position: fixed;
		bottom: 0px;
	}
	.log{
		float: left;
		display: block;
		width: 2.25rem;
		height: 2.25rem;
		margin: 0.5rem;
	}
	.app-info{
		float: left;
		color: #ffffff;
		font-size: 0.7rem;
		margin-top: 0.5rem;
		width:58%;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	.app-info div{
		line-height: 1.125rem;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	.open{
		display:block;
		text-decoration:none;
		line-height: 1.575rem;
		text-align: center;
		font-size: 0.7rem;
		color: #ffffff;
		border: 1px solid #ffffff;
		border-radius: 5px;
		width: 18%;
		float: right;
		margin: 0.85rem 0.5rem 0.5rem 0;
	}
	.limit-tag{
		width: 3.05rem;
		text-align: center;
		color: #ffffff;
		background: url('../img/limit.png') no-repeat;
		position: fixed;
		bottom: 3.375rem;
		right: 1rem;
		font-size: 0.6rem;
		background-size: cover;
		height: 1.8rem;
	}

	



	/*share-detail*/
	.btn-box{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 10;
		overflow: hidden;
		display: flex;
		display: -webkit-box;
	}
	.btn-box .btn-buy{
		/*width: 50%;
		float: left;*/
		flex:1;
		-webkit-box-flex:1;
		text-align: center;
		color: #ffffff;
		line-height: 2.5rem;
		height: 2.5rem;
		font-size: 0.8rem;
	}
	.btn-box .btn-buy:nth-of-type(1){
		background: #ff8b02;
	}
	.btn-box .btn-buy:nth-of-type(2){
		background: #f24838;
	}
	.notice{
		position: fixed;
		z-index: 11;
		top: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		background: rgba(0,0,0,0.8);
		display: none;
	}
	.notice img{
		display: block;
		width: 80%;
		margin: 0 auto;
	}
	
	.code-box .mask{
      position: fixed;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      opacity: 0.8;
      background: #000000;
      z-index: 9;
    }
    .code-box .code-box-content{
      width: 14.35rem;
      height: 14rem;
      border-radius: 5px;
      position: fixed;
      top: 50%;
      margin-top: -7.52rem;
      left: 50%;
      margin-left: -7.15rem;
      background: #ffffff;
      z-index: 10;
    }
    .code-box .code-box-content.nocopy{
      height: 12rem;
    }
    .code-box .code-box-content .code-box-title{
      height: 1.95rem;
      width: 100%;
      background: #fe4f3f;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      text-align: center;
      color: #ffffff;
      font-size: 0.75rem;
      line-height: 1.95rem;
    }
    .code-box .code-box-content .code-box-title img{
      width: 0.375rem;
      height: 0.7rem;
    }
    .code-box .code-box-content .code-box-title .closes{
      width: 0.725rem;
      height: 0.725rem;
      background: url('../img/close.png') no-repeat;
      background-size:0.725rem 0.725rem;
      position: absolute;
      right: 1rem;
      top: 0.6125rem;
    }

    .key-box{
      width: 13.125rem;
      height: 2.875rem;
      border: 1px dashed #fe4f3f;
      margin: 1rem auto;
      position: relative;
    }
    .key-box .token{
      outline: none;
      border:none;
      width: 100%;
      resize: none;
      padding: 0;
      text-align: center;
      height: 2.675rem;
      line-height: 2.675rem;
      font-size: 0.8rem;
      color: #393939;
      background: url('../img/tk-bg.png') center center no-repeat;
      background-size: contain;
      white-space: nowrap;
      overflow: hidden;

    }
    .key-box .key-box-notice{
      width: 7.25rem;
      height: 1.075rem;
      line-height: 1.075rem;
      text-align: center;
      background: #ffe8e6;
      font-size: 0.65rem;
      position: absolute;
      top: -0.5375rem;
      left: 50%;
      margin-left: -3.625rem;
    }
    .key-box .key-box-notice span{
      color: #f15353;
    }
    .copy{
      background: #fe4f3f;
      color: #ffffff;
      font-size: 0.8rem;
      text-align: center;
      margin: 0 auto;
      width: 6.95rem;
      line-height: 1.875rem;
      height: 1.875rem;
      border-radius: 20px;
    }
    .notice-one{
      color: #aeaeae;
      font-size: 0.6rem;
      width: 11.225rem;
      margin: 1rem auto 0.8rem auto;
    }
    .key-content p{
      font-size: 0.6rem;
      width: 11.225rem;
      margin: 0 auto;
      line-height: 1.5;
      color:#7d5a5a;
    }
    .code-box{
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 12;
      display: none;
    }
	.ellipsis-2 {
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		word-wrap: break-word;
		white-space: normal !important;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	
	.down-mask{
		position: fixed;
		top: 0;
		z-index: 9;
		left: 0;
		right: 0;
		height: 2.5rem;
		background: rgba(0,0,0,0.7);
		display: flex;
		display: -webkit-box;
		align-items: center;
		justify-content: center;
		-webkit-box-align:center;
		-webkit-box-pack:center;
	}
	.down-mask img{
		display: block;
		width: 1.8rem;
		height: 1.8rem;
	}
	.down-mask .app{
		font-size: 0.6rem;
		color: #ffffff;
		padding:0 1rem;
		width: 10rem;
		
	}
	.down-mask .app .appname{
		font-size: 0.65rem;
	}
	.down-mask .app .appdesc{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.down-mask .down-btn{
		font-size: 0.65rem;
		color: #ffffff;
		padding: 0.2rem 0.4rem;
		background: #f24838;
		border-radius: 0.2rem;
	}



	.nogoods{
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: #EBEBEB;
		z-index: 11;
	}
	.nogoods img{
		display: block;
		width: 80%;
		margin: 20% auto 0 auto;
	}