@charset "utf-8";
/* CSS Document */
body {
	width: 100%;
	height: 100%;
	margin: 0px auto;
	padding: 0px;
	color: #333;
    background: #fff;
	font-size: 15px;
	position:relative;
	font-family: 'Microsoft Yahei', 'SimSun', sans-serif;
}
form, p, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}
i {
	font-style: normal;
}
img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
input, select {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	vertical-align: middle;
	outline: 0;
	font-family: 'Microsoft Yahei', 'SimSun', sans-serif;
}
a {
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	text-decoration: none;
}
.fix:before, .fix:after {
	content: "";
	display: table;
}
.fix {
*zoom:1;
}
.fix:after {
	clear: both;
}

button
{
	font-family: 'Microsoft Yahei', 'SimSun', sans-serif;
}
form, p, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}
i {
	font-style: normal;
}
img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
ul, li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
input, select {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	vertical-align: middle;
	outline: 0;
	font-family: 'Microsoft Yahei', 'SimSun', sans-serif;
}
a {
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	text-decoration: none;
}

.p-top-log{
	margin:26px 0;
}

.p-login{
	color: #333;
    text-align: right;
	position: relative;
	z-index: 100;
	/* bottom:-12px;
	margin-bottom: -30px; */
	margin-top: 32px;
}

.p-login a:hover{
	color: #333;
}

.p-login a{
	color: #333;
}

.p-h-title{
	color: #000;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	line-height: 32px;
}

.p-introduction{
	padding: 30px 0;
}

.p-board-introduction{
	margin-top: 30px;
	text-align: center;
	color: #000;
	font-size: 30px;
}

.container p{
	color: #3d3d3d;
	margin-bottom: 4px;
}

.container h3{
	color: #000;
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 18px;
	margin-top: 30px;
}

.p-text{
	font-size: 20px;
	color: #333;
	line-height: 36px;
	text-align: center;
	margin-bottom: 30px;
}

.p-introduce{
	font-size: 14px;
	color: #000;
	line-height: 28px;
}

.p-board-introduction .p-introduce-title{
	text-align: left;
	font-size: 22px;
}

.p-ps{
	padding:20px;
	color: #0A8276;
	background: #F9FAFB;
}

.p-video-link{
	display: block;
}

a.p-video-link{
	color: #000;
}

a.p-video-link:hover{
	color: #0A8276;
}

.p-video-box{
	border-radius: 16px;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.001)), #FFFFFF;
	box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.1),0px 4px 6px -1px rgba(0, 0, 0, 0.1);
	height: 337px;
	overflow: hidden;
	position: relative;
	margin-bottom: 30px;
}

.p-vido-title{
	font-size: 18px;
	font-weight: 600;
	line-height: 28px;
	padding: 15px;
}

.p-video-icon{
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	color: #0A8276;
	position: absolute;
	left: 24px;
	bottom: 24px;
	padding-left: 26px;
}

.p-video-icon::before{
	position: absolute;
	left: 0;
	top:5px;
	width: 16px;
	height: 16px;
	background: url(/images/infineon-design/p-watch-icon.png);
	background-size: 100%;
	content: "";
}

.p-series-box{
	height: 663px;
	border-radius: 16px;
	opacity: 1;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.001)), #FFFFFF;
	box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.1),0px 10px 15px -3px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}

.p-series-title{
	height: 160px;
	padding: 10px;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), #0A8276;
	text-align: center;
	color: #fff !important;
}

.p-series-title h4{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: 30px;
}

.p-series-title-s{
	padding: 0 15px;
}

.p-series-img{
	text-align: center;
	padding: 24px;
}

.p-series-list{
	font-size: 12px;
	color: #000 !important;
	padding: 8px;
	padding-top: 0;
	padding-bottom: 10px;
}

.p-series-list li{
	margin-bottom: 16px;
}

.p-series-list strong{
	display: inline-block;
	width: 88px;
	margin-right: 5px;
}

.p-series-ps{
	font-size: 12px;
	color: #fff;
	background: #0A8276;
	display: inline-block;
	border-radius: 100px;
	padding:0 10px;
	height: 24px;
	line-height: 24px;
	margin: 0 0 0 24px;
}

.p-bg{
	background: #F4F4F4;
}

.p-step-title{
	width: 383px;
	height: 78px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 78px;
}

.p-step1{
	background: url(/images/infineon-design/step1.png);
	background-size: 100%;
}

.p-step2{
	background: url(/images/infineon-design/step2.png);
	background-size: 100%;
}

.p-step3{
	background: url(/images/infineon-design/step3.png);
	background-size: 100%;
}

.p-step{
	text-align: center;
	margin-bottom: 35px;
}

a.p-sub-person{
	width: 162px;
	height: 40px;
	line-height: 40px;
	background: #0A8276;
	display: inline-block;
	color: #fff;
	margin-top: 35px;
}

.p-step-text{
	margin-top: 35px;
	font-size: 16px;
	line-height: 24px;
	padding: 0 20px;
}

.p-step-text strong{
	color: #FF2100;
}

.p-topic{
	background: #fff;
	border-radius: 16px;
	padding: 30px;
	margin-top: 30px;
}

.p-topic-title{
	color: #0A8276;
	font-size: 20px;
	font-weight: 600;
	line-height: 28px;
	margin-bottom: 16px;
	position: relative;
	padding-left: 20px;
}

.p-topic-title::before{
	position: absolute;
	left: 0;
	top: 2px;
	content: "";
	background: #0A8276;
	width:8px;
	height: 26px;
}

.p-topic-title-ps{
	color: #000;
	margin-bottom: 30px;
}

.p-list-topic-title{
	font-size: 18px;
	font-weight: 600;
	line-height: 28px;
	margin-bottom: 16px;
}

.p-list-topic{
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	margin-bottom: 16px;
}

.p-list-topic-ct{
	overflow: hidden;
}

.p-list-topic-ct li{
	float: left;
	width: 50%;
	margin-bottom: 12px;
}

.p-list-topic-ct.p-list-topic-ct-w li{
	width: 100%;
	margin-bottom: 16px;
}

.p-list-topic-ct li input[type="checkbox"]{
	margin-right:10px;
	position: relative;
	top:-3px
}

.p-list-topic-ct li input[type="radio"]{
	margin-right:10px;
	position: relative;
	top:-3px
}

.p-topic-list-li{
	margin-bottom: 20px;
	border-bottom: 1px solid #E4E5E5;
	padding-bottom: 10px;
}

.p-sb-btn{
	width: 213px;
	height: 54px;
	line-height: 54px;
	background: #0A8276;
	color: #fff !important;
	text-align: center;
	font-size:18px;
	display: block;
	margin: 30px auto;
}

.p-topic-title em{
	color: #333;
	font-size:16px;
	font-style: normal;
	font-weight: normal;
}

.p-step2-list{
	font-size:16px
}

.p-step2-list-mg{
	border-top: 1px solid #E4E5E5;
	padding: 30px 0;
	
}

.p-video-code{
	margin: 0 0 30px 50px;
}

.p-sb-wx{
	width: 162px;
    height: 40px;
    line-height: 40px;
    background: #0A8276;
    color: #fff !important;
    text-align: center;
    font-size: 14px;
    display: block;
    margin: 0 0 30px 50px;
}

.p-footer{
	background: #0A8276;
	height: 96px;
	margin-top: 50px;
	text-align: right;
	line-height: 96px;
}

.p-footer img{
	margin:20px 0 0;
}

.p-active-link{
	color: #0A8276 !important;
	text-decoration: underline;
}

.p-already{
	text-align: center;
    padding: 50px 20px;
    font-size: 20px;
    font-weight: 600;
    color: #0A8276;
}

.p-already a{
	color: #0A8276 !important;
	text-decoration: underline;
}

@media (max-width: 1170px){
	.p-privacy-statement-text{
		padding: 0;
	}
	.p-login{
		/* z-index: 100;
		bottom:0;
		margin-bottom: 0;
		padding: 0 20px; */
	}
	.p-introduction-tab{
		padding: 0;
	}
}