@font-face {
	font-family: 'PingFang Regular';
	src: url('/healthcodon/fonts/PingFang Regular.eot'); /* IE9 Compat Modes */
	src: url('/healthcodon/fonts/PingFang Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/healthcodon/fonts/PingFangSC-Regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('/healthcodon/fonts/PingFang Regular.woff') format('woff'), /* Pretty Modern Browsers */
	url('/healthcodon/fonts/PingFang Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('/healthcodon/fonts/PingFang Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face{
	font-family:'cour';
	src:url('/healthcodon/fonts/cour.ttf') format('truetype');
	font-weight:none;
	font-style:none;
}
* {
	margin: 0;
	padding: 0;
}

html {
	width: 100%;
	overflow-x: hidden;
	font-family:'PingFang Regular';
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
blockquote,
th,
td,
p {
	margin: 0;
	padding: 0;
	/*font-family:'PingFang Regular';*/
}

a:focus {
	outline: none;
	text-decoration: none;
}

body {
	background-color: #FCFCFC !important;
	font-family:'PingFang Regular';
}


/*nav閹绘劗銇氶弽锟�*/

nav {
	background-color: #F6F6F6;
	border-bottom: 1px solid #E0E0E0 !important;
	font-family:'PingFang Regular';
}

.nav_cont {
	display: flex;
	padding-top: 5px;
	padding-bottom: 8px;
}

.home {
	color: #999999;
}


/*------------Product Evaluation閸愬懎顔�----------------------*/

.WEvaluation {
	background-color: #FFFFFF;
	border: 1px solid #D3D3D3;
	margin-top: 30px;
}

.WEva_title {
	width: 100%;
	height: 94px;
	text-align: center;
	border-bottom: 1px solid #D3D3D3;
}

.WEva_title>h1 {
	line-height: 94px;
	font-family: "PingFang Regular";
	font-size: 30px;
	color: #333333;
}

.WEva_title_tip {
	height: 75px;
	border-bottom: 1px solid #D3D3D3;
}

.WEva_title_tip,
.WEva_title_tip>ul {
	width: 100%;
}

.WEva_title_tip ul {
	display: flex;
	flex: 1;
}
.WEva_title_tip ul>li {
	flex: 1;
	line-height: 75px;
	font-family: "PingFang Regular";
	font-size: 20px;
	color: #333333;
}

.WEva_pro_tips{
	border-bottom: 1px solid #D3D3D3;
}
.Wpro_tip {
	position: relative;
	overflow: hidden;
	width: 100%;
}
.Wpro_tip_li{
	padding: 50px 0;
}
.WEva_pro_tips .right{
	float: right;
	width: calc(100% - 200px);
	padding-left: 10px;
}
/* 娑擄拷鐎规俺顩︾拋鍓х枂left閻ㄥ嫬顔旀惔锟� */
.Wpro_tip .left {
	position: absolute;
	width: 200px;
	height: 100%;
	text-align: center;
}
/* 閹跺﹤鍘撶槐鐘诲厴鐠佸墽鐤嗛幋鎰啊閸欒櫕璇為崝顭掔礉閸ョ姳璐熼棁锟界憰浣虹卜鐎电懓鐣炬担宥囨畱閸忓啰绀岄崷銊ヤ箯娓氾拷 */
.Wpro_tip .rightThree {
	float: right;
	width: calc(100% - 200px);
	padding-left: 10px;
}
.Wpro_tip .left-wrapper {
	float: left;
	width: 200px;
}
/*閻€劋鍚夌猾缁樼闂勩倖璇為崝锟�*/
.Wpro_tip .clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
.Wpro_tip_tit{
	display: flex;
	flex: 1;
	padding-bottom: 50px;
}
.Wpro_tip_tit>div{
	flex: 1;
	font-family: "PingFang Regular";
	font-size: 20px;
	color: #222222;
}
.Wpro_tip_tit_expand{
	margin-right: 0px;
	background-color: #f1f9ff;
	position: relative;
}
/*.triangle-up {*/
/*	top: -20px;*/
/*	right: 80px;*/
/*	width: 0;*/
/*	height: 0;*/
/*	border-left: 25px solid transparent;*/
/*	border-right: 25px solid transparent;*/
/*	border-bottom: 40px solid #f1f9ff;*/
/*}*/
.Wpro_tip_tit_expand figure{
	padding: 50px 25px;
	border-bottom: 1px solid #dfedff;
}
.Wpro_tip_tit_expand figcaption{
	/*font-family: "PingFang-SC-Medium";*/
	font-size: 20px;
	color:#333333;
	margin-bottom: 30px;
	padding-left: 82px;
}
.Wpro_tip_tit_expand ol{
	/*font-family: "PingFang Regular";*/
	font-size: 20px;
	color:#333333;
	margin-bottom: 30px;
}
.Wpro_tip_tit_expand_tip2,.Wpro_tip_tit_expand_tip3{
	border-bottom: 1px solid #dfedff;
	width: 100%;

}
.Wpro_tip_tit_expand_tip4{
	padding: 54px calc(100% - 600px) 62px calc(100% - 545px) !important;
}
.Wpro_tip_tit_expand_tip5{
	padding: 54px calc(100% - 600px) 62px calc(100% - 365px) !important;
}
.Wpro_tip_tit_expand_tip2>textarea{
	width: 507px;
	height:206px;
	background-color: #f1f9ff;
	border: 2px solid #b9e1ff;
	font-family: "PingFang Regular";
	font-size: 20px;
	color:#999999;
	padding: 24px;
}
.Wpro_tip_tit_expand_tip2>textarea:focus{
	color: #333333;
}
.Wpro_tip_tit_expand_tip2 .num{
	font-family: "PingFang Regular";
	font-size: 20px;
	color:#333333;
	float: right;
}
.Wpro_tip_tit_expand_tip2 .media{
	overflow: hidden;
	margin-top: 62px;
}
.camera_a_upload,.video_a_upload{
	float: left;
	width: 115px;
	height: 115px;
	line-height: 115px;
	margin-right: 20px;
	position: relative;
	cursor: pointer;
	border: 1px dashed #c2c2c2;
	/* overflow: hidden; */
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.camera_a_upload{
	background: url(/healthcodon/images/pian.png) no-repeat center #ffffff;
}
.video_a_upload{
	background: url(/healthcodon/images/shipin.png) no-repeat center #ffffff;
}
.camera_a_upload input,.video_a_upload input{
	position: absolute;
	font-size: 1px;
	right: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	cursor: pointer;
}
.Wpro_tip_tit_expand_tip2 .Note{
	margin-top: 16px;
	font-family: "PingFang Regular";
	font-size: 16px;
	color:#008dde;
}
.Wpro_tip_tit_expand_tip3 button{
	width: 150px;
	height: 35px;
	/*padding: 6px 12px;*/
	text-align: center;
	line-height: 35px;
	border-radius: 3px;
	background-color: #008DDE;
	font-family: "PingFang Regular";
	font-size: 16px;
	color: #F8F8F8;
}
/*星星 */
ul {
	list-style-type: none;
}
#star ul {
	display: inline;
	height: 26px;
	line-height: 26px;
}
#star{
	float: left;
	width: 100%;
	margin-bottom: 22px;
}
#star ul {
	margin: 0px 5px;
	padding: 0px;
}

#star li{
	float: left;
	width: 35px;
	height: 35px;
	cursor: pointer;
	margin-left:10px;
}
#star li.empty{
	background: url(/healthcodon/images/ymjxin.png) no-repeat;
	background-size: 34px 34px;
}
#star li.on {
	background: url(/healthcodon/images/xing.png) no-repeat;
	background-size: 34px 34px;
}
.wscore{
	display: inline-block;
	line-height: 35px;
	font-size: 18px;
	margin-left: 24px;
}