uni-app {
	height: auto;
}


[v-cloak] {
	display: none;
}


html {
	height: 100%;
}

body {
	background: #eee;
	max-width: 600px;
	margin: 0 auto;
	height: 100%;
}


.nav-header {
	height: 45px;
	line-height: 45px;
	position: relative;
	top: 0;
	text-overflow: ellipsis;
	word-break: break-all;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
}

.bg1 {
	background: linear-gradient(179deg, rgb(10 159 239 / 67%), rgb(7 161 251 / 46%));
}

.bg2 {
	background: linear-gradient(20deg, #ec008c, #6739b6);
}

.bg3 {
	background: linear-gradient(20deg, #f43f3b, #ec008c);
}

.bg4 {
	background: linear-gradient(20deg, #ffb347, #ff9966);
}

.bgyellow {
	background: #FFA500;
}

.nav-header .title {
	font-size: 16px;
	vertical-align: top;
	display: inline-block;
	color: #FFF;
	text-overflow: ellipsis;
	word-break: break-all;
	white-space: nowrap;
	overflow: hidden;
	max-width: 81%;
}

.nav-header .cell span a {
	color: #fff;
	text-decoration: none;
}

.scenograph {
	padding: 16px 18px 0 16px;
	text-align: center;
	color: #999999;
	font-size: 0.2rem;
}

.scenograph #type-bimg {
	box-shadow: 0px 0.25rem 0.5rem rgba(70, 70, 70, .3);
	width: 100%;
	margin-bottom: 0.5rem;
	border: 0.125rem solid #e4e7ea;
	border-radius: 0.625rem;
}

.drugsword {
	margin: 14px;
	margin-top: 16px;
	text-align: center;
}

.medicine-bag {
	background: #eeeeee;
	border: 1px dashed #323232;
	border-radius: 5px;
}

.icopy {
	border-radius: 5px;
	color: white;
	font-size: 14px;
	margin: 16px auto;
	padding: 10px;
	margin-bottom: 2px;
	cursor: pointer;
}

.copy-tip {
	display: flex;
	justify-content: space-around;
	align-items: center;
	background: linear-gradient(to right, #f9c492, #fb6a65);
	color: white;
	font-size: 12px;
	height: 24px;
}

.jtone,
.jttwo,
.jtthree {
	position: relative;
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-left: 10px solid white;
	border-bottom: 12px solid transparent;
}

.jtone::before,
.jttwo::before,
.jtthree::before {
	content: "";
	position: absolute;
	top: -12px;
	left: -13px;
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
}

.jtone::before {
	border-left: 10px solid #fab189;
}

.jttwo::before {
	border-left: 10px solid #fa9b7e;
}

.jtthree::before {
	border-left: 10px solid #fa8673;
}


.onlytwo .jtone::before {
	border-left: 10px solid #faa784 !important;
}

.onlytwo .jttwo::before {
	border-left: 10px solid #fa8573 !important;
}


.icopy_1 {
	background: #31b9e9;
	color: white;
	font-size: 14px;
	margin: 20px 0 0 0;
	cursor: pointer;
	padding: 10px;
	border-radius: 5px;
}

.icopy_1.changebg {
	background: #666bff;
}

.icopy.changebg {
	background: #FFA500;
}

.wenzistyle {
	margin: 12px;
}

.wenzistyle p {
	margin: 0;
	padding: 0;
	font-size: 14px;
}

/* .layui-layer.layer-anim.layui-layer-page {
	width: 88% !important;
	margin: 0 auto;
}
.layui-layer-content{
	overflow: hidden !important; 
} */

.layui-m-layercont {
	padding: 4px 8px !important;
}

.layui-m-layercont img {
	margin-top: 6px;
}

/* 璁剧疆瀵屾枃鏈唴a鏍囩棰滆壊 */
.mod-html a,
a:hover {
	color: #428bca;
}

/* 鎵归噺娣樼ぜ閲戞ā鏉夸竴鏍峰紡 */
* {
	user-select: text
}

.tlj_tanchukuang-botton {
	width: 20%;
	border-radius: 0 10px 10px 0;
	padding: 10px 15px;
	font-size: 14px;
	margin: 0 auto;
	margin-top: 7px;
	text-align: center;
	border: 0;
	color: #fff;
	background-image: -webkit-gradient(linear, left 20, right 0, from(#fbb26b), to(#fb61c4));
	outline: none;
}

.tlj_kouling_imgone {
	width: 64%;
	margin: 5px auto;
	box-shadow: 3px 3px 3px #f1f1f1;
}

.tlj_kouling_imgone img {
	width: 100%;
}

.tlj_tanchukuang-boxone {
	width: 80%;
	border-radius: 10px 0 0 10px;
	font-size: 14px;
	padding-left: 10px;
	color: #999;
	line-height: 47px;
	margin-top: 7px;
	border: 1px dashed #999;
	text-align: center;
	background-color: #f1f1f1;
	border-right: 0;
}

.tlj_tanchukuang-boxone .textarea {
	margin-top: 0upx;
	padding-left: 25px;
}

.tlj_button_fonone {
	width: 80%;
	height: 40px;
	line-height: 40px;
	font-size: 13px;
	border-radius: 50px;
	background-image: -webkit-gradient(linear, left 20, right 0, from(#fbb26b), to(#fb61c4));
	color: #fff;
	border: 0;
	margin: 15px auto;
	display: block;
	outline: none;
}

.tlj_button_hover {
	background: 000;
}

.tlj_kouling_biaoti {
	display: block;
	width: 90%;
	line-height: 25px;
	margin: 0 auto;
	padding: 5px 0;
	font-size: 15px;
	color: #333;
}

.tlj_success {
	background: #1eb930;
	color: #FFFFFF;
}

.tlj_fail {
	background: #dddddd;
	color: #FFFFFF;
}


/* 鎵归噺娣樼ぜ閲� 2 */
.tlj_goods {
	background-color: #fff;
	padding: 20px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	color: #333;
	border: 4px solid transparent;
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
	background-image: linear-gradient(#fff, #fff), linear-gradient(#FFFBFB, #FF2C1F);
}

.tlj_goods .tlj_icon2 {
	width: 18px;
	vertical-align: middle;
}

.tlj_h3 {
	text-align: center;
	margin-bottom: 12px;
}

.tlj_goods .h3-title {
	display: inline-block;
	background-image: linear-gradient(to bottom, #fff 50%, #ffd9d2 100%);
	color: #333;
	font-size: 20px;
}

.tlj_goods .tlj_goods-img {
	width: 100%;
	border-radius: 8px;
}

.tlj_tao-title,
.tlj_goods-title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
}

.tlj_goods-title {
	color: #666;
	background-color: #f1f1f1;
	margin-top: 8px;
	padding: 2px 8px;
	font-size: 14px;
}

.tlj_tao-title {
	font-size: 16px;
}

.tlj_tao-icon {
	width: 16px;
	vertical-align: middle;
}

.tlj_active {
	border-color: #f7dbda;
	border-style: solid;
	animation: mymove 1s infinite;
}

@-webkit-keyframes mymove {
	0% {
		border-color: #f7dbda;
		box-shadow: 0 0 0 0 #ff2a1e;
	}

	50% {
		border-color: #FF2A1E;
		box-shadow: 0 0 6px 0 #ff2a1e;
	}

	100% {
		box-shadow: 0 0 0 0 #ff2a1e;
	}
}

.tlj_price-all {
	flex-grow: 1;
}

.tlj_price {
	color: #FF2A1E;
	font-size: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

small {
	font-size: 60%;
}

.tlj_original_price {
	background-color: #000;
	color: #fff;
	font-size: 12px;
	height: 17px;
}

.tlj_buy {
	background-color: #FF5722;
	color: #fff;
	text-align: center;
	display: flex;
	align-items: center;
	padding: 0 8px;
}

.tlj_flash {
	width: 30px;
}

.tlj_buy-submit {
	animation: mymove2 1s infinite;
}

.tlj_evaluation {
	width: 100%;
	text-align: center;
	margin: 12px auto;
	display: inline-block;
	padding: 4px 0;
	border-radius: 16px;
	color: #FF2A1E;
	background-color: #f7dbda;
	font-size: 15px;
}

.tlj_buy-btn {
	display: flex;
	border-radius: 6px;
	overflow: hidden;
	margin-top: 8px;
	border: solid #e5e5e5;
}

.tlj_empty {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	background-color: rgba(0, 0, 0, .4);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.tlj_empty-content {
	padding: 20px;
	border-radius: 6px;
	background-color: #fff;
	text-align: center;
}

.tlj_empty-img {
	width: 140px;
}

.tlj_empty-close {
	width: 30px;
}

.tlj_goods_wenan {
	font-size: 14px;
	margin-top: 2px;
}



/* 寮圭獥鏍峰紡 */
.tanchuang .tanchukuang-s {
	background: rgba(0, 0, 0, 0.8);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999999;
}

.tanchuang .box-img {
	/* width: 90%;
  
  height: auto;
  position: absolute;
  bottom: 45%;
  margin-bottom: -7.5rem;
  left: 50%;
  margin-left: -45%; */


	/* width: 75%;
max-width: 380px;
margin-top: 20vh;
height: auto; */


	width: 75%;
	max-width: 380px;
	display: block;
	margin: auto;
}


.tanchuang .guanbi-image {
	/* width: 32px;
  height: 32px;
  left: 47%; */
	width: 25px;
	height: 25px;
	/* left: 45%;
  position: fixed;
  bottom: 20%; */
	z-index: 999999999;


	margin-top: 10px;

}

.tanchuang .tanchuang_m2 {
	position: fixed;
	right: 15px;
	bottom: 16%;
	z-index: 999999;
}

.tanchuang .tanchuang_m2 img {
	width: 70px;
	height: auto;
}



.wenzi_m4 {
	padding: 5px 0px 5px 0px;
	text-align: center;
}

.wenzi_m4 .box {
	padding: 10px;
	margin: 0 2px;
	border: 1px dashed #f54d23;
	background: #fff;
}

.wenzi_m4 .top_title {
	background: #f54d23;
	border: none;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	padding: 0 10px;
}

.wenzi_m4 .content {
	padding-bottom: 2px;
}

.wenzi_m4 .content .elWord {
	/* margin: -10px; */
	font-size: 14px;
	line-height: 18px;
	text-align: center;
}

.wenzi_m4 .content .elWord p {
	margin: 2px 0px;
}

.wenzi_m4 .button {
	line-height: 22px;
	background: #ea66a6;
	border: none;
	font-size: 14px;
	padding: 6px 15px;
	display: inline-block;
	margin: 0px 4px 0px 4px;
	color: #fff;
	text-decoration: none;
	width: 95%;
	margin-top: 5px;
	border-radius: 2px;
}

/* 鐧诲綍寮瑰嚭 */
.fixedx {
	width: 100vw;
	height: 100vh;
	background: black;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 5;
	opacity: 0.6;
}


.fixed_con {
	width: 80vw;
	left: 10vw;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: white;
	z-index: 20;
	margin-bottom: 0.3rem;
	border-radius: 5px;
}

/* @media only screen and (min-width: 540px) {
	 .fixed_con {
	   width: 22vw;
	   left: 5vw;
	 }
 } */
.layer_error_con {
	text-align: center;
	margin-top: 1rem;
	margin-bottom: 1rem;
	padding: 10px 1rem;

	/* text-align: center;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	padding: 0 0.5rem; */
}

.word {
	font-size: 1.2rem;
	color: #323232;
	font-weight: bolder;
	margin-bottom: 1rem;
	/* font-size: 0.4rem;
	color: #323232;
	font-weight: bolder;
	margin-bottom: 0.2rem; */
}

.yao {
	font-size: 1rem;
	margin-bottom: 1rem;
	color: #737373;
	line-height: 2rem;
	/* font-size: 0.3rem;
	margin-bottom: 0.3rem;
	color: #737373;
	line-height: 0.5rem; */
}

.buton {
	width: 100%;
	/* background: #FFA74E; */
	text-align: center;
	font-size: 1rem;
	padding: 0.65rem 0;
	color: white;
	border-radius: 5px;
	/* width: 100%;
	text-align: center;
	font-size: 0.3rem;
	padding: 0.2rem 0;
	color: white;
	border-radius: 5px; */
}

/* 鐧诲綍寮瑰嚭 */

/* 绛惧埌绾㈡ā鍧� */
/* html {
     font-size: 13.33333vw!important;
 }
 @media only screen and (min-width: 540px) {
 html {
   font-size: 82px !important;
 }
 } */
.qdhb_box {
	background-color: #ffffff;
	position: relative;
}

.qdhb_box.top-radius {
	border-radius: 1.1rem 1.1rem 0rem 0rem;
	margin-top: -1.02rem;
	padding-top: 5px;
}

.btBox {
	margin: 0 10px;
	padding: 1.02rem 0.884rem;
	background: #fff;
	border-radius: 1.1rem 1.1rem 0rem 0rem;
	padding-bottom: 0px
}

.btBox .toppro {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: 1.19rem;
	line-height: 1.36rem;
}

.btBox .toppro .goods_price {
	font-size: 0.81rem;
	color: #ff3131;
	font-weight: 700;
	margin-top: 0px;
}

.btBox .toppro .goods_price strong {
	font-size: 1.36rem !important;
}

.btBox .toppro .goods_price del {
	font-weight: 400;
	color: #999;
}

.btBox .toppro .monthly-sales {
	font-size: 0.816rem;
	font-weight: 500;
	color: #333;
}

.btBox .toppro .monthly-sales .numxl {
	color: #ff3131;
}

.btBox .goods-title {
	display: flex;
	align-items: center;
	overflow: hidden;
	margin-bottom: 1.29rem;
	font-size: 0.95rem;
	font-weight: 500;
	color: #333;
}

.btBox .goods-title .icon {
	height: 1.2rem;
	width: auto;
	margin-right: 0.34rem;
}

.btBox .goods-title .text {
	flex: 1;
}

.ellipsis-single {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.btBox .goods-title .coupon {
	display: inline-flex;
	align-items: center;
	height: 1.08rem;
	padding: 1px 1px 1px 0;
	box-sizing: border-box;
	font-size: 0;
	background: linear-gradient(0deg, #ff753c, #ff4b42);
	border-radius: 2px;
}

.btBox .goods-title .coupon .name {
	line-height: 1.2rem;
	font-weight: 300;
	color: #fff;
}

.btBox .goods-title .coupon .name,
.btBox .goods-title .coupon .value {
	padding: 0 0.175rem;
	font-size: 0.74rem;
}

.btBox .goods-title .coupon .value {
	display: flex;
	align-items: center;
	height: 100%;
	font-weight: 400;
	color: #ff4d42;
	background: #fff;
}

.btBoxBtn {
	margin-top: 10px;
	padding: 0 10px;
}

.btBoxBtn .coupon-box {
	display: flex;
	align-items: center;
	/* width: 23.8rem; */
	height: 4.76rem;
	background: linear-gradient(-90deg, #ff3d46 32%, #ff833f);
	border-radius: 0.68rem;
	-webkit-mask: radial-gradient(circle at 0.68rem 0.68rem, transparent 0.68rem, red 0) 15.3rem -0.68rem/100%;
	box-shadow: 0 0 0.34rem 0.34rem #ff833f;
}

.btBoxBtn .coupon-box .left,
.btBoxBtn .coupon-box .right {
	display: flex;
	align-items: center;
	height: 100%;
}


.btBoxBtn .coupon-box .left {
	width: 65%;
	/* 15.9rem; */
	border-right: 1px dashed hsla(0, 0%, 100%, 0.5);
}

.btBoxBtn .coupon-box .left .top-num {
	width: 2.78rem;
	font-size: 2.4rem;
	font-weight: 700;
	font-family: Helvetica;
	font-style: italic;
	color: #fff;
	opacity: 0.2;
	line-height: 1.2rem;
	text-align: center;
}

.btBoxBtn .coupon-box .left .content-block {
	flex: 1;
	overflow: hidden;
}

.btBoxBtn .coupon-box .left .content-block .copy-text {
	width: 90%;
	font-size: 0.95rem;
	font-weight: 500;
	color: #fff;
	line-height: 1.2rem;
}

.btBoxBtn .coupon-box .left .content-block .copy-text,
.ellipsis-single {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.btBoxBtn .coupon-box .left .content-block .copy-label {
	margin-top: 0.34rem;
	font-size: 0.748rem;
	font-weight: 400;
	color: #fff;
	line-height: 1.2rem;
}

.btBoxBtn .coupon-box .right {
	flex: 1;
	justify-content: center;
}

.btBoxBtn .coupon-box .right .btnkl.copy {

	min-width: 5rem;
	padding: 0 0.4rem;
	height: 2.31rem;
	background: linear-gradient(0deg, #ffcdcf, #fff);
	border-radius: 1.15rem;
	text-align: center;
	font-size: 0.74rem;
	font-weight: 700;
	color: #ff3131;
	line-height: 2.3rem;
}

@media only screen and (min-width: 540px) {
	.btBoxBtn .coupon-box {
		width: 35.9rem;
		-webkit-mask: radial-gradient(circle at 0.68rem 0.68rem, transparent 0.68rem, red 0) 25.3rem -0.68rem/100%;
	}

	.btBoxBtn .coupon-box .left {
		width: 25.9rem;
	}

	.btBoxBtn .coupon-box .left .top-num {
		width: 3.78rem;
	}
}


.van-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .7);
}

.van-overlay .wrapper img {
	width: 20.4rem !important;
	border-radius: 0.68rem;
}

/* 绛惧埌绾㈡ā鍧� */


/*娴姩鎸夐挳*/

.details-code {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	top: 80%;
}

.code-android {
	color: #7f4900;
	width: 78%;
	margin-left: 11%;
	text-align: center;
	padding: 0;
}

.keycopy {
	background: #ff4400;
	display: block;
	line-height: 40px;
	text-align: center;
	color: #ff002d;
	border: none;
	font-size: 14px;
	width: 200px;
	margin: 0 auto;
	font-weight: bold;
	border-radius: 5px;
	color: white;
}

.keycopy img {
	width: 100%;
}

.tiaodongkuai {
	position: relative;
	animation: jump .5s ease-in-out infinite alternate;
}

.tiaodongzhong {
	position: relative;
	animation: jump 1s ease-in-out infinite alternate;
}

.tiaodong {
	position: relative;
	animation: jump 1.5s ease-in-out infinite alternate;
}

.xintiaokuai {
	position: relative;
	animation: heart .5s infinite;
}

.xintiaozhong {
	position: relative;
	animation: heart 1s infinite;
}

.xintiao {
	position: relative;
	animation: heart 1.5s infinite;
}

.xintiaokuai {
	position: relative;
	animation: heart 1s infinite;
}

.xintiaozhong {
	position: relative;
	animation: heart 1.5s infinite;
}

.xintiao {
	position: relative;
	animation: heart 2s infinite;
}


.shanshuokuai {
	position: relative;
	animation: twinkling 1s ease-in-out infinite;
}

.shanshuozhong {
	position: relative;
	animation: twinkling 1.5s ease-in-out infinite;
}

.shanshuo {
	position: relative;
	animation: twinkling 2s ease-in-out infinite;
}


@keyframes jump {
	from {
		top: -10px;
	}

	to {
		top: 10px
	}
}


@keyframes heart {
	from {
		transform: scale(1)
	}

	14% {
		transform: scale(1.3);
	}

	28% {
		transform: scale(1);
	}

	43% {
		transform: scale(1.3);
	}

	70% {
		transform: scale(1);
	}
}


@keyframes twinkling {
	0% {
		opacity: 0;
		filter: alpha(opacity=20);
		transform: scale(1);
	}

	50% {
		opacity: 1;
		filter: alpha(opacity=50);
		transform: scale(1.12);
	}

	100% {
		opacity: 0;
		filter: alpha(opacity=20);
		transform: scale(1);
	}
}

/*娴姩鎸夐挳*/


/*鍟嗗搧鏉＄洰*/
.goods_info {
	/*background: white;
     border-radius: 8px;
     display: flex;
     padding-left: 0.3rem;
     padding-right: 0.3rem;
     margin-bottom: 0.3rem;*/

	background: white;
	border-radius: 8px;
	display: flex;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 15px;

}

.goods_info .img {
	/*width: 1.5rem;
     height: 1.5rem;
     margin: 0.3rem 0.3rem 0.3rem 0;*/

	width: 78px !important;
	height: 78px !important;
	margin: 10px 10px 10px 0;
}

.goods_info .intr {
	flex: 1;
	display: flex;
	/* font-size: 0.25rem; */
	font-size: 13px;
	flex-direction: column;
	justify-content: space-around;
}

.goods_info .btn {
	/*position: absolute;
     font-size: 0.25rem;
     right: 0rem;
     bottom: 0rem;
     background-image: linear-gradient(to right, #FD593E , #F62F2C)!important;
     color: #fff;
     padding: 0.1rem 0.3rem;
     text-align: center;
     border-radius: 50px;*/


	position: absolute;
	font-size: 13px;
	right: 0rem;
	bottom: 0rem;
	background-image: linear-gradient(to right, #FD593E, #F62F2C) !important;
	color: #fff;
	padding: 5px 15px;
	text-align: center;
	border-radius: 50px;
}

/*鍟嗗搧鏉＄洰*/