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, #ff9700, #ed1c24);
}

.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;
 }
  /*鍟嗗搧鏉＄洰*/