﻿
/* @font-face {        
   font-family: 'AlibabaSansRegular';        
   src: url('/static/fonts/AlibabaSans-Regular.otf') format('opentype');  
}
 */
@font-face {        
   font-family: 'SourceHanSansCNBold';        
   src:  url('/wp-content/themes/msdchina/static/fonts/SourceHanSansCN-Bold.woff2') format('woff2'),
   url('/wp-content/themes/msdchina/static/fonts/SourceHanSansCN-Bold.otf') format('opentype');  
}

@font-face {        
   font-family: 'SourceHanSansCNNormal';        
   src: url('/wp-content/themes/msdchina/static/fonts/SourceHanSansCN-Normal.woff2') format('woff2'),
   url('/wp-content/themes/msdchina/static/fonts/SourceHanSansCN-Normal.otf') format('opentype');  
}

@font-face {        
   font-family: 'SourceHanSansCNMedium';        
   src: url('/wp-content/themes/msdchina/static/fonts/SourceHanSansCN-Medium.woff2') format('woff2'),
   url('/wp-content/themes/msdchina/static/fonts/SourceHanSansCN-Medium.otf') format('opentype');  
}

@font-face {        
   font-family: 'SourceHanSansCNRegular';        
   src: url('/wp-content/themes/msdchina/static/fonts/SourceHanSansCN-Regular.woff2') format('woff2'),
   url('/wp-content/themes/msdchina/static/fonts/SourceHanSansCN-Regular.otf') format('opentype');  
}

html,body{margin:0px; padding:0px; font-family: "SourceHanSansCNNormal"; font-size:22px; background-color: #ffffff; color: #333333;}
a{ text-decoration:none;}

/* menu */
.pubmenu{width: 100%; height: auto; position: fixed;z-index: 99; top: 0px; left: 0px; background-color: #FFFFFF;}
.pubmenu .logo{ height: 2em; margin:10px 0px 0px 2%; cursor: pointer; position: absolute;}
.pubmenu .rightmenu{ background-color: #00857d; float: right; height: 60px; padding-right: 1.5em; }
.pubmenu .rightmenu font{ font-size: 0.9em; color:#ffffff; cursor: pointer;}
.pubmenu .rightmenu img{ height: 0.9em; margin: 1em 0.1em 1em 1.5em;vertical-align: middle; cursor: pointer;}
.pubfooter{width: 98%; margin-left: 1%; height: 2em; border-top: 1px solid #CCCCCC; font-size: 0.8em;}
			/* menu 展开 */
			.pubmenu #divpubmenulist{position: fixed; z-index: 99; display: none; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #FFFFFF;}
			.pubmenu #divpubmenulist .ulpubmenulist{width: 100%; margin: 0px; margin-left: 2em; padding: 0px;}
			.pubmenu #divpubmenulist .ulpubmenulist2{width: 100%; margin: 0px; margin-left: 2em; padding: 0px; display: none;}
		.pubmenu #divpubmenulist .ulpubmenulist3{width: 100%; margin: 0px; margin-left: 2em; padding: 0px; display: none;}
		.pubmenu #divpubmenulist .ulpubmenulist li,.pubmenu #divpubmenulist .ulpubmenulist2 li,.pubmenu #divpubmenulist .ulpubmenulist3 li{width: 100%; cursor: pointer; list-style: none; margin: 0px; padding: 1em 0px; border-bottom: 0.12em solid #CCCCCC;}
		.wenzibold{font-weight: 700;}
		
		.pubmenu #divmobpubmenulist{position: fixed; z-index: 99; display: none; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #FFFFFF;}
		.pubmenu #divmobpubmenulist ul{padding: 0px; margin: 0;}
		.pubmenu #divmobpubmenulist .mobulpubmenulist{width: 95%; margin-left: 5%; padding: 0px;}
		.pubmenu #divmobpubmenulist .mobulpubmenulist2{width: 100%; margin: 0px; margin-left: 1em; padding: 0px; display: none;}
		.pubmenu #divmobpubmenulist .mobulpubmenulist3{width: 100%; margin: 0px; margin-left: 1em; padding: 0px; display: none;}
		.pubmenu #divmobpubmenulist .mobulpubmenulist li,.pubmenu #divmobpubmenulist .mobulpubmenulist2 li,.pubmenu #divmobpubmenulist .mobulpubmenulist3 li{width: 100%; cursor: pointer; list-style: none; margin: 0px; padding: 0.5em 0px; border-bottom: 0.02em solid #CCCCCC;}
		.pubmenu #divmobpubmenulist .mobulpubmenulist li svg{padding-right: 0.5em;}
			
			.pubmenu #divpubmenulist .ulpubmenulist .lixz{ border-bottom: 0.12em solid #00857C;}
			.pubmenu #divpubmenulist .divpubmenuclose{float: right; padding: 1em 2em; cursor: pointer;}
			.pubmenu #divmobpubmenulist .divpubmenuclose{float: right; padding: 0; cursor: pointer;}
			#tbpubmenulist,#tbpubmenusearch{display: none;}
			input::-webkit-input-placeholder{color:#FFFFFF;}
			input:focus,button:focus { outline:none;}
			#tbpubmenusearch div{width: 60%; margin-left: 20%; margin-top: 10%; padding: 1.5em; background-color: #00796B;}
			#tbpubmenusearch div #txtpubmenusearch{color:#ffffff;width: 80%; border: 0px; font-size: 1.5em; background-color: #00796B;}
			#tbpubmenusearch div #btnpubmenusearch{float: right; cursor: pointer; color: #00796B; background-color: #FFFFFF; margin-top: -0.3em; font-size: 1.5em; border: 0px; padding: 0.3em 0.5em 0.4em 0.5em;}
			

/* main */
.main{width: 100%; height: auto; margin-top: 3em; min-width: 1500px; }
.mobmain{width: 100%; height: auto; margin-top: 3em; display: none;}
.fengeline1em{width: 100%; height: 1em;}
.fengeline2em{width: 100%; height: 2em;}

/* 相关链接 */
.relevantlink{width: 70%; margin-left: 15%; text-align: left;}
.relevantlink .td{cursor: pointer; width: 30%;}
.relevantlink .td2{width: 5%;}
.relevantlink .img{width: 100%;}
.relevantlink .title{font-weight: 700;}
.relevantlink .content{}

/* 更多按钮白色 */
.morefff{
	            position: relative;
				color: #FFFFFF;
				font-weight: 700;
	            /* width: 200px;
	            height: 200px; */
	        }
.morefff2:before,.morefff2:after{
	            content: " ";
	            display: block;
	            position: absolute;
				border-bottom:0.15em solid #FFFFFF;
	            width:2em;
	            bottom: -0.5em;
	            /* left: -0.2em; */
	            z-index:2;
	            box-sizing: border-box;
	            -webkit-animation: clipAnifff 0.8s infinite linear;
				-webkit-animation-iteration-count:1;
	        }
			.morefff:before,.morefff:after{
				            content: " ";
				            display: block;
				            position: absolute;
							border-bottom:0.15em solid #FFFFFF;
				            width:2em;
							bottom: -0.5em;
				            /* left: -0.2em; */
				            z-index:2;
				            box-sizing: border-box;
				        }
/* 更多按鼠标移入的样式动画 */
	        @keyframes clipAnifff{
	            0%{
	                width:2em;
					margin-left: 0em;
					border-bottom:0.15em solid #FFFFFF;
	            }
	            50%{
	                width:0em;
					margin-left: 2em;
					border-bottom:0.15em solid #FFFFFF;
	            }
				51%{
				    width:0em;
					margin-left: 0em;
					border-bottom:0.15em solid #FFFFFF;
				}
	            100%{
					width:2em;
					margin-left: 0em;
					border-bottom:0.15em solid #FFFFFF;
	            }          
	        }

/* 更多按钮鼠标移入之前的样式 */
.morebf{
	            position: relative;
				color: #333333;
				font-weight: 700;
	            /* width: 200px;
	            height: 200px; */
	        }
.morebf:before,.morebf:after{
	            content: " ";
	            display: block;
	            position: absolute;
				border-bottom:0.15em solid #00857d;
	            width:2.5em;
	            bottom: -0.5em;
	            left: -0.2em;
	            z-index:2;
	            box-sizing: border-box;
	        }
			/* 更多按鼠标移入的样式 */
	.bb{
	            position: relative;
				color: #00857d;
				font-weight: 700;
	            /* width: 200px;
	            height: 200px; */
	        }
	        .bb:before,.bb:after{
	            content: " ";
	            display: block;
	            position: absolute;
	            width:2.5em;
	            bottom: -0.5em;
	            left: -0.2em;
	            z-index:2;
	            box-sizing: border-box;
	            -webkit-animation: clipAni1 0.8s infinite linear;
				-webkit-animation-iteration-count:1;
	        }
	        .bb:before{
	            /* border-bottom:0.2em solid #000000; */
	            /* -webkit-animation-delay: -2s; */
				border-bottom:0.15em solid #00857d;
	        }
	        .bb:after{
	            /* border-bottom:0.2em solid #00796B; */
	            /* -webkit-animation-delay: -2s; */
	            border-bottom:0.15em solid #333333;
	        }
			/* 更多按鼠标移入的样式动画 */
	        @keyframes clipAni1{
	            0%{
	                width:2.5em;
					margin-left: 0em;
					border-bottom:0.15em solid #00857d;
	            }
	            50%{
	                width:0em;
					margin-left: 2.5em;
					border-bottom:0.15em solid #00857d;
	            }
				51%{
				    width:0em;
					margin-left: 0em;
					border-bottom:0.15em solid #333333;
				}
	            100%{
					width:2.5em;
					margin-left: 0em;
					border-bottom:0.15em solid #333333;
	            }          
	        }
			
			
/* 文字下划线样式长度，4 5 6 表示文字长度 */
.txtunderline4,.txtunderline5,.txtunderline6{
	            position: relative;
				color: #333333;
				font-weight: 700;
				cursor: pointer;
	            /* width: 200px;
	            height: 200px; */
	        }
.txtunderline4:before,.txtunderline4:after{
	            content: " ";
	            display: block;
	            position: absolute;
				border-bottom:0.15em solid #00857d;
	            width:4em;
	            bottom: -0.5em;
	            left: 1em;
	            z-index:2;
	            box-sizing: border-box;
	        }
.txtunderline5:before,.txtunderline5:after{
	            content: " ";
	            display: block;
	            position: absolute;
				border-bottom:0.15em solid #00857d;
	            width:5em;
	            bottom: -0.5em;
	            left: 1em;
	            z-index:2;
	            box-sizing: border-box;
	        }
.txtunderline6:before,.txtunderline6:after{
	            content: " ";
	            display: block;
	            position: absolute;
				border-bottom:0.15em solid #00857d;
	            width:6em;
	            bottom: -0.5em;
	            left: 1em;
	            z-index:2;
	            box-sizing: border-box;
	        }

			/** 若您想了解更多有关疾病知识的信息，请咨询医疗专业人士 **/
			.spansmbf{cursor: pointer;
					            position: relative;
					        }
			.spansmbf:before,.spansmbf:after {
			    content: " ";
			    display: block;
			    position: absolute;
			    border-bottom: 0.15em solid #00857d;
			    width: 26em;
			    bottom: -0.5em;
			    left: 0em;
			    z-index: 2;
			    box-sizing: border-box;
			}
			

	sup{font-size: 0.5em;}

