@charset "utf-8";
html { font-size: 20px; background: #fff; }

/*font*/
@font-face { 
	font-family: 'iconfont';  /* project id 1105042 */ 
	src: url('.../font/wxfont/wxfont/iconfont.eot'); 
	src: url('../font/wxfont/iconfont.eot?#iefix') format('embedded-opentype'), 
	url('../font/wxfont/iconfont.woff2') format('woff2'), 
	url('../font/wxfont/iconfont.woff') format('woff'), 
	url('../font/wxfont/iconfont.ttf') format('truetype'), 
	url('../font/wxfont/iconfont.svg#iconfont') format('svg'); 
}
.iconfont { font-family: "iconfont" !important; font-size: .8rem; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
.icon-ios:before { content: "\e795"; }
.icon-andriod:before { content: "\e794"; }
.icon-play:before { content: "\e6e1"; }
.icon-search:before { content: "\e669"; }
.icon-right:before { content: "\e603"; }
.icon-more:before { content: "\e649"; }
.icon-close:before { content: "\e7f8"; }

/*reset*/
* { margin: 0; padding: 0; list-style: none; box-sizing: border-box; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
address, cite, dfn, em, var, i { font-style: normal; }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: .8; }
ul, ol { list-style: none; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
table { border-collapse: collapse; border-spacing: 0; font-size: inherit; }
body, button, input, select, textarea { font: .7rem/1.5 "Microsoft YaHei", Helvetica; color: #333; }
input, select, textarea { font-size: 100%; outline: none; }
button { cursor: pointer; outline: none; }
a { text-decoration: none; outline: none; color: inherit; }
a, button, input, textarea { -webkit-tap-highlight-color: rgba(0, 0, 0, 0; ) }
body { min-width: 320px; max-width: 960px; margin: 0 auto; background: #fff; -webkit-text-size-adjust: none; -webkit-overflow-scrolling: touch; }
img.full { display: block; width: 100%; }
::-webkit-input-placeholder { color: #bbb; }
::-moz-placeholder { color: #bbb; opacity: 1; }
:-ms-input-placeholder { color: #bbb; }

/*loding*/
.loading { display: inline-block; width: 1.75rem; height: 1.5rem; text-align: center; font-size: .5rem; vertical-align: middle; }
.loading > span { position: relative; top: -.1rem; background-color: #9c9494; height: 100%; width: .15rem; display: inline-block; -webkit-animation: stretchdelay 1.2s infinite ease-in-out; -moz-animation: stretchdelay 1.2s infinite ease-in-out; -ms-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out; }
.loading .rect2 { -webkit-animation-delay: -1.1s; -moz-animation-delay: -1.1s; -ms-animation-delay: -1.1s; animation-delay: -1.1s; }
.loading .rect3 { -webkit-animation-delay: -1.0s; -moz-animation-delay: -1.0s; -ms-animation-delay: -1.0s; animation-delay: -1.0s; }
.loading .rect4 { -webkit-animation-delay: -0.9s; -moz-animation-delay: -0.9s; -ms-animation-delay: -0.9s; animation-delay: -0.9s; }
.loading .rect5 { -webkit-animation-delay: -0.8s; -moz-animation-delay: -0.8s; -ms-animation-delay: -0.8s; animation-delay: -0.8s; }
@-webkit-keyframes stretchdelay {
	0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
	20% { -webkit-transform: scaleY(1.0) }
}
@-moz-keyframes stretchdelay {
	0%, 40%, 100% { -moz-transform: scaleY(0.4) }
	20% { -moz-transform: scaleY(1.0) }
}
@-ms-keyframes stretchdelay {
	0%, 40%, 100% { -ms-transform: scaleY(0.4) }
	20% { -ms-transform: scaleY(1.0) }
}
@keyframes stretchdelay {
	0%, 40%, 100% { transform: scaleY(0.4); }
	20% { transform: scaleY(1.0); }
}
.btn-load { display: block; width: 50%; height: 1.5rem; margin: 1rem auto; background-color: #fff; border: 1px solid #ddd; border-radius: .25rem; color: #888; font-size: .6rem; line-height: 1.4rem; text-align: center; }

/*tip*/
.tip-wrap { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; }
.tip-wrap .tip { position: absolute; width: 9rem; left: 50%; margin-left: -4.5rem; min-height: 1.25rem; padding: .5rem; text-align: center; background-color: rgba(0, 0, 0, 0.6); border-radius: .5rem; color: #fff; }

/* float */
.pull-left, .pull-right { display: inline; }
.pull-left { float: left; }
.pull-right { float: right; }
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { display: block; line-height: 0; height: 0; content: ""; }
.clearfix:after { clear: both; }

/*tools*/
.white-box { background: #fff; padding: .5rem; }
.bg-white { background: #fff; }
.bg-gray { background: #f4f4f4; }
.flex { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: flex; }
.flex-1 { -webkit-box-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; }
.flex-2 { -webkit-box-flex: 2; -ms-flex: 2; -moz-flex: 2; -webkit-flex: 2; flex: 2; }
.flex.wrap { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flex.center { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; }
.flex.v-c { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; }
.flex.h-c { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; }
.color-primary { color: #47b34f !important; }
.color-green { color: #47b34f !important; }
.color-red { color: #ff5757 !important; }
.color-org { color: #f60 !important; }
.color-gray { color: #999 !important; }
.color-lightgray { color: #aaa !important; }
.color-color-deepgray { color: #666 !important; }
.fs-12 { font-size: .6rem !important; }
.fs-16 { font-size: .8rem !important; }
.fs-20 { font-size: 1rem !important; }
.fw-b { font-weight: bold !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.text-left { text-align: left !important; }
.underline { text-decoration: underline !important; }
.ellipsis { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; }
.twice-line { min-height: 2.78em; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.mt-0 { margin-top: 0 !important }
.mt-5 { margin-top: .25rem !important }
.mt-10 { margin-top: .5rem !important }
.mt-15 { margin-top: .75rem !important }
.mt-20 { margin-top: 1rem !important }
.mb-5 { margin-bottom: .25rem !important }
.mb-10 { margin-bottom: .5rem !important }
.mb-20 { margin-bottom: 1rem !important }
.mt-30 { margin-top: 1.5rem !important }
.ml-10 { margin-left: .5rem !important }
.mr-0 { margin-right: 0 !important }
.mr-10 { margin-right: .5rem !important }
.mr-20 { margin-right: 1rem !important }
.pd-10 { padding: .5rem !important; }
.pt-0 { padding-top: 0 !important; }
.tri { display: inline-block; vertical-align: middle; width: 0; height: 0; border-style: solid; border-width: .25rem .25rem 0; border-color: #999 transparent; }
.tri.white { border-color: #fff transparent; }
.tri.up { border-width: 0 .25rem .25rem; }
.dp-blk { display: block !important; }
.mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; background: rgba(0, 0, 0, 0.6); }
.hide { display: none !important; }
.trans { -webkit-transition: all .2s linear; transition: all .2s linear; }
.dot-line { display: block; width: 100%; height: 0; border: none; border-top: 1px dotted #eee; }
.solid-line { display: block; width: 100%; height: 0; border: none; border-top: 1px solid #eee; }
.gray-spliter { width: 100%; height: .5rem; background: #f4f4f4; }

/*button*/
.btn { display: inline-block; padding: 0 .75rem; background-color: #e60012; border: 1px solid transparent; border-radius: .25rem; color: #fff; line-height: 1.5rem; vertical-align: middle; text-align: center; }
.btn:hover { color: #fff; background: #30b768; border-color: #30b768; }
.btn-red { background: #f24; color: #fff; border-color: #f24; }
.btn-red:hover { color: #fff; background: #ec203f; border-color: #ec203f; }
.btn-gray { background: #ebebeb; color: #333; border-color: #ebebeb; }
.btn-gray:hover { color: #333; background: #e4e4e4; border-color: #e4e4e4; }
.btn.disabled { background: #ccc; border-color: #ccc; color: #fff; }
.btn.disabled:hover { background: #ccc; border-color: #ccc; color: #fff; }
.btn-ghost { background: transparent; color: #39ac69; }
.btn-ghost:hover { color: #39ac69; background: transparent; border-color: #30b768; }
.btn-link { background: transparent; color: #39ac69; border: none; }
.btn-link:hover { color: #39ac69; background: transparent; }
.btn.small { line-height: 1.2rem; padding: 0 .25rem; font-size: .6rem; border-radius: .1rem; }
.btn.big { line-height: 2rem; padding: 0 .25rem; font-size: .8rem; border-radius: .2rem; }
.btn.rect { border-radius: 0; }
.btn.round { border-radius: 2rem; }
.btn.full { width: 100%; }

/*download*/
.download-blk { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.download-blk>img { display: block; width: 100%; height: 100%; }
.download-blk>.btn { position: absolute; bottom: 16%; left: 50%; width: 9rem; margin-left: -4.5rem; }

/*index*/
.main-wrap { padding: .75rem; }
.search-blk { position: relative; background: #f2f2f2; padding: .3rem .5rem; }
.search-box { width: 100%; height: 1.8rem; border: 1px solid #e7e7e7; border-radius: 1.8rem; background: #fff; padding: 0 .5rem; color: #bdc2be; line-height: 1.8rem; }
.search-box input { height: 100%; border: none; line-height: 1.8rem; }
.search-box .btn { display: none; height: 1.2rem; line-height: 1.2rem; }
.search-box input { margin: 0 .5rem; }
.search-results { display: none; position: absolute; top: 2.1rem; left: 1rem; right: 1rem; max-height: 10rem; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); overflow: auto; z-index: 99999;-webkit-overflow-scrolling: touch; }
.search-results a { display: block; padding: 0 .5rem; line-height: 1.5rem; }
.search-results dt { background: #f3cccc; line-height: 2rem; }
.search-results dd>a { border-bottom: 1px solid #eee }
.search-results dd>a:last-child { border-bottom: none; }
.search-results ul { display: block; padding: 0 .5rem; line-height: 2rem; }
.search-results ul>li { border-bottom: 1px solid #eee }
.search-results ul>li:last-child { border-bottom: none; }
.banner { display: block; }
.banner.radius>img { border-radius: .25rem; }
.index-nav { padding: .5rem; font-size: .8rem; text-align: center; }
.index-nav>a { display: block; width: 27%; padding: .5rem 0; }
.index-nav>a:nth-child(3n-1) { width: 46%; }
.index-nav img { display: block; width: 2.5rem; margin: 0 auto .5rem; }
.splitter { display: block; height: .2rem; background: #f5f5f5; border: none; }
.main-hd { font-size: .9rem; font-weight: bold; line-height: 2rem; }
.main-hd .more { color: #bababa; font-size: .7rem; font-weight: normal; }
.video-list { margin: 0 -.3rem; }
.video-list>li { width: 33.33%; padding: 0 .3rem; }
.video-list .img { position: relative; width: 100%; height: 6rem; border-radius: .25rem; overflow: hidden; }
.video-list .img>img { max-height: 100%; max-width: 100%; }
.video-list .img>p { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 .5rem; color: #fff; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.8)); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.8)); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.8)); background: linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.8)); line-height: 1.2rem; font-size: .6rem; }
.video-list .img .icon-play { font-size: .6rem; }
.scroll-tab { height: 2rem; border-bottom: 1px solid #eee; overflow: scroll; line-height: 2rem; -webkit-overflow-scrolling: touch; }
.scroll-tab::-webkit-scrollbar { display: none }
.scroll-tab>li { display: block; padding: 0 .5rem; white-space: nowrap; color: #555; }
.scroll-tab>li:first-child { padding-left: 0; }
.scroll-tab>li:last-child { padding-right: 0; }
.scroll-tab>li>a { position: relative; display: inline-block; }
.scroll-tab>li.active { color: #d62921; font-weight: bold; }
.scroll-tab>li.active>a:after { position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: .15rem; background: #d62921; }
.scroll-tab-idx { height: 2rem; -webkit-justify-content: space-between; justify-content: space-between; border-bottom: 1px solid #eee; overflow: scroll; line-height: 2rem; -webkit-overflow-scrolling: touch; }
.scroll-tab-idx::-webkit-scrollbar { display: none }
.scroll-tab-idx>li { display: block; padding: 0 .5rem; white-space: nowrap; color: #555; }
.scroll-tab-idx>li:first-child { padding-left: 0; }
.scroll-tab-idx>li:last-child { padding-right: 0; }
.scroll-tab-idx>li>a { position: relative; display: inline-block; }
.scroll-tab-idx>li.active { color: #d62921; font-weight: bold; }
.scroll-tab-idx>li.active>a:after { position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: .15rem; background: #d62921; }
/* .data-loading { display: none; padding: .5rem; text-align: center; color: #999; } */
.data-loading {
	display: block;
	margin-top: .5rem;
	width: 100%;
	line-height: 1.6rem;
	background: #eee;
	color: #999;
	text-align: center;
}
.medicine-list>li { padding: .75rem 0; border-bottom: 1px solid #eee; }
.medicine-list .img { width: 4rem; height: 4rem; margin-left: .5rem; }
.medicine-list .img>img { max-width: 100%; max-height: 100%; }
.medicine-list h3 { font-size: .8rem; color: #212121; font-weight: bold; }
.medicine-list .desc { color: #666; margin: .25rem; }
.medicine-list .tag { display: inline-block; padding: 0 .35rem; background: #d94d4f; border-radius: .2rem; color: #fff; font-size: .5rem; line-height: .8rem; }
.tab-con { display: none; }
.tab-con.active { display: block; }
.detail-title { font-size: .8rem; font-weight: bold; margin-bottom: .75rem; }
.detail-blk { padding: .75rem 0; border-top: 1px solid #eee; }
.detail-blk .hd { margin-bottom: .75rem; }
.detail-blk .hd h2 { font-size: .8rem; font-weight: normal;color:#F7C046; }
.detail-blk .hd h2 .propName-wrap{
    display: inline-block;
    width: .2rem;
    height: .85rem;
    background: linear-gradient(-13deg,rgba(254,197,76,1),rgba(254,193,63,1));
    border-radius: 3px;
    vertical-align: sub;
    margin-right: .25rem;
}
.detail-blk .hd .isVipDown{
	-webkit-transform: rotate(0deg) !important; transform: rotate(0deg) !important;
}
.detail-blk .hd .vip-logo{
	width: 1rem;
    height: .85rem;
    margin-left: .3rem;
    vertical-align: sub;
}
.detail-blk .hd .icon-right { position: relative; display: inline-block; color: #bababa; -webkit-transition: all .2s linear; transition: all .2s linear; -webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
.detail-blk .con { max-height: 0rem; overflow: hidden; color: #3f474e; text-indent: 2em; }
.detail-blk.unfold .icon-right { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.detail-blk.unfold .con { max-height: none; }
.detail-blk.unfold .con .zyzs-pic img{
	width: 100%;
	object-fit: contain;
	display: block;
}
.detail-blk.unfold .con .zyzs-pic span,
.detail-blk.unfold .con .zyzs-pic picdesc{
	display: block;
    text-align: center;
}
.download-popup { position: fixed; bottom: 0rem; left: 0rem; right: 0rem; z-index: 10; }
.download-popup .img { display: block; }
.download-popup .close { position: absolute; top: -.75rem; right: .75rem; width: 1.2rem; height: 1.2rem; border-radius: 50%; background: rgba(0, 0, 0, 0.7); color: #fff; line-height: 1.1rem; text-align: center; }
.download-popup .close .icon-close { font-size: .5rem; }
.medicine-list em { color: #c10002 !important; }



/*新增迭代 类 css样式 start*/
.vip-enter{
    margin-bottom: 1rem;
   /* height: 5rem; */
}
#vip-enter-link{
	display: block;
}
/*新增迭代 类 css样式 end*/

.hintwrap {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
}

.hint {
	position: fixed;
	top: 30%;
	left: 20%;
	width: 250px;
	height: 150px;
	border-radius: 5px;
	background: #fff;
	border: 1px solid #eee;
}

.hint .promptContent {
	text-align: center;
	margin: 40px 0 30px;
}

.hint .btnQD {
	margin: 0  0 0 95px;
	background: #3484ef;
	border: 1px solid #fff;
	color: #fff;
	padding: 5px 15px;
	border-radius: 5px;
}