@charset "UTF-8";


/*
	.area-container
=========================================*/
.area-container {
	min-width: 400px;
}


/*
	.area-wrap
=========================================*/
.area-wrap {
	width: auto;
}


/*
	.area-header
=========================================*/
.area-header {
	/*border-bottom: 1px solid #1378bb;*/
	border-top: 3px solid #1378bb;
}
.area-header .area-wrap {
	display: block;
}
.area-header .logo {
	width: auto;
	height: 35px;
	margin: 0;
	/*padding: 20px 0 0 12px;*/
	padding: 5px 0 13px 12px;
}
.area-header .description {
	clear: both;
	margin: 0;
	padding: 20px 12px 10px;
	font-size: 12px;
	line-height: 1.5;
}
.area-header .scale {
	display: none;
}

.Footer-wrapper{z-index:90;}
.footer-cl{height:1.4rem;position:relative;top:0px;left:0px;}
.footer-btm{width:100%;height:4rem;text-align:center;background:#1b96d5;box-shadow:0px -2px 5px rgba(9,2,4,.17);position:fixed;bottom:0px;left:0px;z-index:90;}
.footer-btm a{display:block;padding:.2rem 0 .2rem 0;width:25%;float:left;}
.footer-btm a img{width:2rem;height:2rem}
.footer-btm a h2{height:1.2rem;line-height:1.2rem;color:#ffffff;font-weight:normal;font-size:14px;}
.footer-container{padding:3px 4% .34rem;color:#868686;background:#f8f8f8;}
.Fnav{border-bottom:1px solid rgba(255,255,255,.1);}
.Fnav dt{position:relative;}
.Fnav dt a{display:block;height:.65rem;line-height:.65rem;font-size:.24rem;position:relative;}
.Fnav dt:after,
.Fnav dt:before{content:"";display:block;width:.13rem;height:1px;background:#fff;position:absolute;top:.32rem;right:.14rem;}
.Fnav dt:before{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);}
.Fnav dt.cur:before{transform:rotate(0deg);-webkit-transform:rotate(0deg);}
.Fnav dd{display:none;}
.Fnav dd a{display:block;padding:0 4%;height:.5rem;line-height:.5rem;font-size:.22rem;opacity:.8;}
.Fshare{overflow:hidden;margin:.2rem 0 0;}
.Fshare a{display:block;width:.45rem;height:.45rem;line-height:.45rem;font-size:0px;background:#282c2f;float:left;margin:0 .2rem 0 0;}
.Fshare a img{width:.45rem;}
.Fshare a:active{background:#00a8ee;}
.fewm {padding: 8px;background: #fff;position: absolute;top: 58px;left: -45px;display: none;}
.Flang{padding:0 0 0 .4rem;height:.35rem;line-height:.35rem;font-size:.18rem;color:#888888;background:url(../images/icon/icon-Flang.png) no-repeat left center / .28rem auto;margin:.2rem 0 0;}
.Flang a{color:#00a8ee;}
.Fcr{height:.29rem;line-height:.29rem;font-size:.2rem;color:#868686;margin:.15rem 0 0;}
.footer-float{position:fixed;right:2%;bottom:1.73rem;z-index:100;}
.footer-float .btn{display:block;padding:.22rem .24rem 0;width:1rem;height:1rem;line-height:.28rem;font-size:.24rem;color:#fff;border-radius:100%;background:#00a8ee;margin:0 0 .13rem;}
.footer-float .rtn-top{display:block;width:1rem;height:1rem;background:url(../images/icon/rtn-top.png) no-repeat center center / cover;}

/*
	.area-header-menu
=========================================*/
.area-header-menu {
	width: 100%;
	position: absolute;
	top: 70px;
	left: 0;
}
.area-header-menu .button {
	/*background: #1378bb;*/
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 1px;
	text-align: center;
	font-size: 12px;
	color: #1378bb;
	cursor: pointer;
	position: absolute;
	top: -64px;
	right: 13px;
	z-index: 1;
}
.area-header-menu .button .menu:before {
	content: "\E904";
	display: block;
	margin: 10px 0 4px;
	font-family: "io-icon";
	/*font-size: 28px;*/
	font-size: 20px;
}
.area-header-menu .button .close {
	display: none;
}
.area-header-menu .button .close:before {
	content: "x";
	display: block;
	margin: 10px 0 4px;
	font-family: "io-icon";
	/*font-size: 28px;*/
	font-size: 20px;
}
.area-header-menu .main {
	display: none;
	padding: 25px 13px 13px;
}
.area-header-menu .main>li {
	display: block;
	margin: 3px 0 0;
	text-align: left;
}
.area-header-menu .main>li.home {
	display: none;
}
.area-header-menu .main>li a,
.area-header-menu .main>li .no-link{
	background: #fff;
	display: none;
	padding: 22px 28px 22px 13px;
	border-radius: 3px;
	font-size: 16px;
	color: #202020;
	position: relative;
}
.area-header-menu .main>li .no-link {
	background: #fff;
	display: none;
	padding: 22px 28px 22px 13px;
	border-radius: 3px;
	font-size: 20px;
	color: #aaa;
	position: relative;
}
.area-header-menu .main>li a[href],
.area-header-menu .main>li .no-link{
	display: block;
	height:10px;
	line-height:10px;
	width:80%;
}
.area-header-menu .main>li a[href]:hover,
.area-header-menu .main>li .no-link:hover{
	background: #fff;
}
.area-header-menu .main>li:hover a[href]+ul,
.area-header-menu .main>li .no-link+ul{
	display: none;
}
.area-header-menu .main>li a:before,
.area-header-menu .main>li .no-link:before{
	/*content: attr(title);*/
}
.area-header-menu .main>li a:after,
.area-header-menu .main>li .no-link:after{
	content: ">";
	margin: -0.5em 0 0;
	font-family: "io-icon";
	color: #f88600;
	position: absolute;
	top: 50%;
	right: 13px;
}
.area-header-menu .main>li a img,
.area-header-menu .main>li .no-link img{
	display: none;
}
.area-header-menu .sub {
	display: none;
	padding: 0 13px;
	color: #fff;
}
.area-header-menu .sub li {
	border-top: 1px solid #4baabc;
}
.area-header-menu .sub li:first-child {
	border-top: none;
}
.area-header-menu .sub li a {
	display: block;
	padding: 22px 13px 22px 0;
	border-radius: 3px;
	font-size: 18px;
	position: relative;
}
.area-header-menu .main>li.current>a[href],
.area-header-menu .main>li a[href]:hover {
	background: #fff;
	text-decoration: none;
}
.area-header-menu .sub li a:after {
	content: ">";
	margin: -0.5em 0 0;
	font-family: "io-icon";
	font-size: 20px;
	position: absolute;
	top: 50%;
	right: 3px;
}

.area-header-menu .button.open .menu {
	display: none;
}
.area-header-menu .button.open .close,
.area-header-menu .button.open~.main,
.area-header-menu .button.open~.sub {
	display: block;
}


/*
	.area-footer-menu
=========================================*/
.area-footer-menu {
	padding: 15px 13px 20px;
	font-size: 1em;
}
.area-footer-menu p {
	line-height: 1.40625;
}
.area-footer-menu .menu {
	margin: 15px 0 0;
}
.area-footer-menu .menu li {
	margin-top:0;
	margin-right: 0;
}
.area-footer-menu h4{
	margin-bottom:15px;
}
.area-footer-menu .menu li:before {
	content: none;
}
.area-footer-menu .menu li a {
	display: block;
	padding: 6px 13px 6px 0;
	border-radius: 3px;
	font-size: 14px;
	position: relative;
} 

.area-footer-menu .anchor {
	width: 50px;
	height: 50px;
	margin: 0 -13px 30px auto;
	font-size: 20px;
	line-height: 50px;
	position: relative;
	right: auto;
	bottom: auto;
}


/*
	.area-footer
=========================================*/
.area-footer {
	padding: 22px 13px;
	height:205px;
}
.area-footer .logo {
	float: none;
}
.area-footer .logo a {
	display: block;
	box-sizing: border-box;
	float: left;
	width: 100%;
	max-width: auto;
	margin: 0;
}
.area-footer .logo a:last-child {
	padding: 0 0 0 20px;
}
.area-footer .copyright {
	float: none;
	margin: 20px 0;
	text-align: left;
	font-size: 10px;
	line-height: 1.5;
}


.area-bread{
    margin-left:10px;
}

.area-title{
    display: none;
}


/*
	.area-bread
=========================================*/
/*.area-bread {*/
/*	display: none;*/
/*}*/


/*
	.area-title
=========================================*/
.area-title {
	background-position: 50% 0;
	background-size: auto 100%;
}
.area-title .title {
	padding: 0 12px;
	font-size: 15px;
}
.area-title .title:before {
	height: 64px;
}

.area-title--top .title {
	margin: 0;
	padding: 0;
}

.area-title1 {
	background-position: 50% 0;
	background-size: auto 100%;
}
.area-title1 .title {
	padding: 0 12px;
	font-size: 15px;
}
.area-title1 .title:before {
	height: 64px;
}

.area-title1--top .title {
	margin: 0;
	padding: 0;
}

.area-title2 {
	background-position: 50% 0;
	background-size: auto 100%;
}
.area-title2 .title {
	padding: 0 12px;
	font-size: 15px;
}
.area-title2 .title:before {
	height: 64px;
}

.area-title2--top .title {
	margin: 0;
	padding: 0;
}


/*
	.area-body-main
=========================================*/
.area-body-main {
	background: #fff;
	float: none;
	width: auto;
	min-height: 0 !important;
	margin: 0 12px 16px;
	padding: 12px;
	border-radius: 6px;
}
.area-body-main:before {
	content: none;
}


/*
	.area-body-side
=========================================*/
.area-body-side {
	background: #4baabc;
	width: auto;
	min-height: 0 !important;
	float: none;
	padding: 16px 12px;
	border-radius: 0;
	z-index: 1;
}
.area-body-side:before {
	content: "";
	background: #fff;
	display: block;
	width: calc(100% - 24px);
	height: calc(100% - 32px);
	border-radius: 6px;
	position: absolute;
	top: 16px;
	left: 12px;
}
.area-body-side .header {
	background: none;
	align-items: center;
	padding: 14px 15px;
	border-radius: 6px 6px 0 0;
	color: #222;
}
.area-body-side .header i {
	background: #ffae12;
	width: 53px;
	height: 53px;
	border-radius: 3px;
	text-align: center;
	font-size: 35px;
	line-height: 53px;
	color: #fff;
}
.area-body-side .header .wrap {
	font-weight: normal;
	font-size: 25px;
}
.area-body-side .menu {
	background: none;
	margin: 0 13px 6px;
	font-weight: normal;
}
.area-body-side .menu>li {
	border-top: 1px solid #ddd;
}
.area-body-side .menu>li:first-child {
	border-top: 1px solid #ddd;
}
.area-body-side .menu>li>a {
	-webkit-justify-content: space-between;
	justify-content: space-between;
	min-height: 50px;
	padding: 0 30px 0 0;
	font-size: 18px;
	color: #1378bb;
	cursor: pointer;
	position: relative;
	z-index: 1;
}
.area-body-side .menu>li>a[href] {
	padding: 0;
}
.area-body-side .menu>li>a:before {
	content: none;
}
.area-body-side .menu>li>a[href]:before {
	content: none;
	padding: 0;
}
.area-body-side .menu>li>a:after {
	content: "";
	height: 50px;
	font-family: "io-icon";
	padding: 0 10px 0 0;
	font-size: 12px;
	line-height: 50px;
	color: #f88600;
}
.area-body-side .menu>li>a[href]:after {
	content: ">";
}
.area-body-side .menu>li>a br {
	display: none;
}
.area-body-side .menu ul {
	margin: 0;
	padding: 0;
	font-size: 16px;
}
.area-body-side .menu ul:before {
	content: "+";
	background: #ffae12;
	display: block;
	width: 32px;
	height: 32px;
	margin: 8px 0 0;
	border-radius: 100%;
	text-align: center;
	font-family: "io-icon";
	font-size: 16px;
	line-height: 32px;
	color: #fff;
	position: absolute;
	top: -50px;
	right: 2px;
}
.area-body-side .menu ul li {
	display: none;
}
.area-body-side .menu .open ul:before {
	content: "-";
}
.area-body-side .menu .open ul li {
	display: block;
}
.area-body-side .menu .current>a {
	color: inherit;
}
.area-body-side .menu .current ul:before {
	content: none;
}
.area-body-side .menu .current ul li {
	display: block;
}
.area-body-side .menu ul li a {
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	padding: 0 0 0 15px;
	min-height: 50px;
}
.area-body-side .menu ul li a:before {
	content: none;
}
.area-body-side .menu ul li a:after {
	content: ">";
	padding: 0 10px;
	font-family: "io-icon";
	font-size: 12px;
	color: #f88600;
}
.area-body-side .menu .open ul ul:before,
.area-body-side .menu .current ul ul:before,
.area-body-side .menu ul ul:before {
	content: none;
}
.area-body-side .menu ul ul li a {
	padding-left: 30px;
}
.area-body-side .menu ul ul li a:before {
	content: none;
}
.area-body-side .menu a[href]:hover {
	background: none;
}
.area-body-side .menu a[href]:active {
	background: #ffe8bc;
}


/*
	.section-index
=========================================*/
.section-index {
	margin: 10px;
}
.section-index .lead {
	padding: 0 10px;
	font-size: 1.125em;
}
.section-index .block {
	display: block;
	margin: 0;
}
.section-index .block>li {
	width: auto!important;
	margin: 20px 0 0;
}
.section-index .block>li:after {
	content: "";
}
.section-index .block>li .header h2 {
	font-size: 1.125em;
}
.section-index .block>li .header h2:before {
	padding: 4px 8px;
	font-size: 0.611em;
}
.section-index .block>li .link li {
	width: 100%;
	border-bottom: 1px solid #ddd;
}
.section-index .block>li .link li a {
	padding: 13px 0 13px 20px;
}
.section-index .block>li .link li ul {
	padding: 0;
	border: none;
}
.section-index .block>li .link li ul li {
	padding-left: 20px;
	border-top: 1px solid #ddd;
}
.section-index .block>li:last-child:nth-child(2n+1) li {
	width: 100%;
}

/*
	.section-relation
=========================================*/
.section-relation {
	margin: 20px 10px 10px;
}
.section-relation .block {
	display: block;
	margin: 20px 0 0;
}
.section-relation .block>li {
	width: auto;
	margin: 10px 0 0;
}
.section-relation .block.block-bnr{
	margin-top:22px;
    text-align: center;
    display: block;
}


/*
	.section-header
=========================================*/
.section-header {
	margin: 4px -12px 15px;
	padding: 0 30px 12px 34px;
	border-bottom: 3px solid #ddd;
	font-weight: bold;
}
.section-header .sub-title {
	font-size: 12px;
}
.section-header .title {
	font-size: 20px;
}


/*
	.section-body
=========================================*/
.section-body p {
	font-size: 16px;
  	line-height:1.8;
}
.section-body img {
	max-width: 100%;
}
.section-body .float {
	float: none;
	width: auto;
	max-width: none;
	margin: 0;
	text-align: center;
}
.section-body ul.image li {
	margin: 1em auto 2em;
	text-align: center;
}
.section-body ul.image li img {
	width: auto !important;
}
.section-body table.spec th,
.section-body table.spec td {
	padding: 10px 0.5em;
	border-style: solid none;
	border-width: 1px;
}


/*
	.section-checklist
=========================================*/
.section-checklist {
	background-size: 100% auto;
	width: auto;
}
.section-checklist:before {
	background-size: 100% auto;
}
.section-checklist:after {
	background-position: 50% 100%;
	background-size: 100% auto;
}


/*
	.section-anchor
=========================================*/
.section-anchor {
	font-size: 18px;
	line-height: 1.944;
}
.section-anchor ul li {
	float: none;
}



.section-article .block>li .link li{
  	width:100%;
}

.section-article .block>li .link{
padding:0;
}

/*
	.section-faq
=========================================*/
.section-faq h2 {
	margin: 12px;
	font-size: 18px
}
.section-faq dl dt {
	padding: 16px 50px;
	font-size: 16px;
}
.section-faq dl dd {
	padding: 16px 16px 16px 50px;
}
.section-faq dl dd:before,
.section-faq dl dt:before,
.section-faq dl dt:after {
	width: 25px;
	height: 25px;
	font-size: 15px;
	line-height: 25px;
}
.section-faq dl dd p {
	font-size: 16px;
}
.section-faq dl dd .float {
	max-width: none;
	text-align: center;
}


/*
	.section-rule
=========================================*/
.section-rule {
	margin: 0 12px 16px;
	padding: 12px;
}


/*
	.section-pagination
=========================================*/
.section-pagination {
	margin: 10px 0 0;
	padding: 14px 0 0;
	border-top: 1px solid #ddd;
}


/*
	.section-home-menu
=========================================*/
.section-home-menu {
	display: block;
	margin: 0;
}
.section-home-menu .block {
	width: auto;
	margin: 0 12px 12px;
}
.section-home-menu .block .header {
	padding-right: 46px;
	cursor: pointer;
}
.section-home-menu .block .header:after {
	content: "+";
	background: #1378bb;
	display: block;
	width: 32px;
	height: 32px;
	margin: -16px 0 0;
	border-radius: 100%;
	text-align: center;
	font-family: "io-icon";
	font-size: 16px;
	line-height: 32px;
	color: #fff;
	position: absolute;
	top: 50%;
	right: 14px;
}
.section-home-menu .block .image {
	display: none;
}
.section-home-menu .block .link {
	height: 0;
	padding: 0;
	overflow: hidden;
}
.section-home-menu .block .link ul {
	padding: 0 12px 4px;
}
.section-home-menu .block .link ul:before {
	
}
.section-home-menu .block .link ul li{
	display: block;
	width: 100%;
}
.section-home-menu .block .link ul li:first-child {
	border-top-style: solid;
}
.section-home-menu .block .link ul li a {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	min-height: 50px;
	padding: 0;
	font-size: 18px;
	color: #1378bb;
	cursor: pointer;
	position: relative;
	z-index: 1;
}
.section-home-menu .block .link ul li .no-link{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	min-height: 50px;
	padding: 0;
	font-size: 18px;
	color: #aaa;
	position: relative;
	z-index: 1;
}
.section-home-menu .block .link ul li a:before,
.section-home-menu .block .link ul li .no-link:before{
	content: none;
}
.section-home-menu .block .link ul li a:after,
.section-home-menu .block .link ul li .no-link:after{
	content: ">";
	height: 50px;
	font-family: "io-icon";
	padding: 0 10px 0 0;
	font-size: 12px;
	line-height: 50px;
	color: #f88600;
}
.section-home-menu .block .link ul li:last-child{
	border-top: 1px solid #ddd;
}
.section-home-menu .block .header.open:after {
	content: "-";
}
.section-home-menu .block .header.open~.link {
	height: auto;
}


/*
	.section-home-information
=========================================*/
.section-home-information {
	display: block;
	margin: 30px 12px 0;
}
.section-home-information h2 {
	background: #4baabc;
	padding: 12px 15px;
	border-radius: 6px 6px 0 0;
	font-size: 25px;
}
.section-home-information ul {
	padding: 20px 15px;
	border-radius: 0 0 6px 6px;
	font-size: 18px;
	line-height: 1.388;
}
.section-home-information ul dl {
	display: block;
	padding: 0.5em 0;
}




/*新增移动药物列表页面样式 author:if time:20241012*/

.area-body-main-list {
    float: none;
    width: auto;
    min-height: 0 !important;
    border-radius: 6px;
}

.new-ul-list {
	margin: 10px;
}

.new-ul-list ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: no-wrap;
}

.new-ul-list ul li {
	width: auto;
	text-align: center;
	background-color: #fff;
	padding: 10px;
	margin: 0 10px 10px 0;
}

.new-ul-list ul li{
    margin:5px auto!important;
}


#pageNav-new{
    margin: 10px;
}
#pageNav-new ul li{
    margin-bottom: 5px;
}