@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;
}

.wid_banner_max{
    background:url("/images/adi-computing/banner.jpg") 50% no-repeat;
    height:350px;
}

.wid_banner_750{
    display: none;
	background:url("/images/adi-computing/banner-750.jpg") 50% no-repeat;
	height:280px;
}

.p-login{
	color:#fff;
	text-align: right;
	padding:15px;
	margin-bottom: -52px;
}

.p-login a{
	color:#fff;
	display: inline-block;
	margin-left:15px;
}

.p-login a:hover{
	color:#fff;
	text-decoration: underline;
}

.p-title-area{
	text-align: center;
	margin:20px 0 30px;
}

.p-title{
    width:240px;
    height:66px;
    color:#fff;
    text-align: center;
    line-height: 66px;
    font-size:22px;
	display: inline-block;
}

.p-title-jp{
	background:url("/images/adi-computing/title-bg-jp.png") no-repeat;
}

.p-title-hd{
	background:url("/images/adi-computing/title-bg-hd.png") 50% no-repeat;
}

.p-zy{
	padding:30px 0 10px;
}

.p-zy-area{
	background:#fff;
	border-radius:8px;
	min-height:188px;
	margin-bottom: 30px;
	margin:0 15px 30px;
}

.p-zy-dl{
	padding:30px 15px 15px;
}

.p-zy-dt{
	margin-bottom:10px;
	font-size:18px;
	font-weight: bold;
	overflow: hidden;
}

.p-zy-dt .p-zy-title{
	float: left;
}

.p-zy-dt .p-zy-title.p-word i{
	display: inline-block;
	width:21px;
	height:23px;
	background:url("/images/adi-computing/zy-word-icon.png") no-repeat;
	position: relative;
	top: 4px;
	margin-right:8px;
}

.p-zy-dt .p-zy-title.p-video i{
	display: inline-block;
	width:20px;
	height:21px;
	background:url("/images/adi-computing/zy-video-icon.png") no-repeat;
	position: relative;
	top: 5px;
	margin-right:8px;
}

.p-zy-dt .p-more-link{
	float: right;
}

.p-zy-dt a.p-more-link{
	color:#158688;
	font-weight: normal;
	font-size: 14px;
	text-decoration: underline;
	position: relative;
	top:6px;
}

.p-zy-dl dd{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
    background:url("/images/adi-computing/list-bg.png") 0 50% no-repeat;
	padding:0 0 0 15px;
	font-size:14px;
	margin-bottom:15px;
}

.p-zy-dl dd a{
	color:#333;
}

.p-zy-dl dd a:hover{
	color:#276fd2;
	text-decoration: underline;
}

.p-hdjs-area{
	text-align: center;
}

.p-hdjs{
	font-size:18px;
	font-weight: bold;
	color:#333;
	line-height:60px;
	margin-top: 30px;
}

.p-hdjs strong{
	color:#32b3c9;
}

.p-nhj{
	font-weight: bold;
	font-size:24px;
	color:#32b3c9;
	margin-top:20px;
}

.p-jsid{
	border-radius:8px;
	min-height:60px;
	color:#fff;
	line-height:60px;
	font-size:20px;
	margin-top:30px;
	margin-bottom:24px;
}

.p-smg-area{
	background: #f4f4f4;
	border:1px solid #32b3c9;
	border-radius: 8px;
	padding:30px;
	text-align: left;
}

.p-fr-bg{
	background:url("/images/adi-computing/fr-bg.png") 100% 50px no-repeat;
}

.p-step{
	font-size:18px;
}

.p-step dt{
	color:#333;
	margin:20px 0 10px;
}

.p-step dd{
	color:#666;
	line-height:38px;
	font-size:16px;
}

.p-step dd .p-sub-msg{
	color:#32b3c9;
	text-decoration: underline;
}

.p-additional{
	margin-top:30px;
	font-size: 16px;
}

.p-additional .p-additional-title{
	color:#bd0000;
}

.p-additional a{
	color:#32b3c9;
	text-decoration: underline;
}

.p-additional-jd{
	background:#bd0000;
	color:#fff;
	font-size:18px;
	height:60px;
	line-height:60px;
	text-align:center;
	border-radius: 10px;
	margin: 30px auto 40px;
}

.p-through{
	text-align: center;
	margin: 30px 0;
}

.p-qa-over{
	background:#ecf2f3;
	padding: 30px 15px;
	border-radius: 4px;
	margin-bottom:20px;
	text-align: center;
	color: #ef5050;
	font-size:20px;
	min-height:160px;
	font-weight: bold;
	line-height:38px;
	border:2px solid #32b3c9;
}

.p-qa{
	background:#fff;
	padding: 30px 15px 15px;
	border-radius: 8px;
	margin-bottom:20px;
}

.p-qa-text{
	font-size: 18px;
	font-weight: bold;
	line-height:30px;
}

.p-qa-list{
	font-size: 14px;
	overflow: hidden;
	margin: 30px 0;
}

.p-qa-list li{
	float: left;
	margin-right:30px;
}

.p-qa-list label{
	font-weight: normal;
}

.p-qa-list label:hover{
	color:#32b3c9;
	cursor: pointer;
}

.p-qa-list input,.p-qa-list label{
	vertical-align: middle;
	color:#666;
}

.p-qa-list input{
	margin-top: -4px;
	margin-right: 2px;
}


.p-qa-bg{
    margin:0 auto;
    background:url("/images/adi-computing/box-bg.png") no-repeat;
    background-size:100%;
    width:340px;
    height:469px;
    overflow: hidden;
}

.p-sub{
	height: 60px;
	line-height: 60px;
	background: #32b3c9;
	text-align: center;
	font-size:20px;
	color:#fff;
	display: block;
	border-radius: 10px;
	margin-bottom: 40px;
}

.p-sub:hover{
	cursor: pointer;
}

.p-error{
	font-size:14px;
	color:#fd6b6d;
	margin-bottom:20px;
}

.p-error i{
	width: 24px;
	height:24px;
	display: inline-block;
	background:url("/images/adi-computing/erro.png") no-repeat;
	margin-right:8px;
	position:relative;
	top:6px;
}

.p-error a{
	color:#32b3c9;
	text-decoration: underline;
}

.p-container-bg{
	background:#f2f2f2;
}

.p-pst{
    margin-top:60px;
}

.p-pst-bg{
    background:url("/images/adi-computing/p-bg2.png") no-repeat;
    height:228px;
    margin-top:30px;
    position: relative;
}

.p-pst-bg  .p-chip-im{
    position: absolute;
    top:-90px;
    right:460px;
}

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

.p-dy p{
    color:#333;
    font-size:20px;
    line-height:32px;
	font-size:16px;
	margin-bottom:20px;
}

.p-d-box{
    margin-left:670px;
    text-align: left;
	position: relative;
    top: -40px;
}

a.p-d-link{
    color: #178d95;
    font-size: 20px;
}

.p-d-box a.p-d-link{
    display: inline-block;
    padding: 0 20px 0 10px;
    
}

a.p-d-link i{
    width:23px;
    height:21px;
    display: inline-block;
    background:url("/images/adi-computing/p-d-icon.png") no-repeat;
    margin-left:16px;
}

.iframe_video{
    margin:0 auto;
}

.p-textarea {
    width: 100%;
    resize: none;
    border: 1px solid #999;
    padding: 20px;
    height: 200px;
    margin-bottom: 15px;
    border-radius: 10px;
    background:#f2f2f2;
}

.p-submit-box {
    text-align: right;
    margin-bottom: 20px;
}

.p-submit {
    width: 192px;
    height: 60px;
    background: url("/images/adi-computing/p-sub-byn.png") no-repeat;
    text-align: center;
    border: 0;
    color: #fff;
}

.p-ly-box{
    text-align: right;
    margin-top:40px;
}

.p-use-ms{
	margin:50px 0;
}

.p-use-ms .p-use-im{
	float: left;
}

.p-use-ms li{
	overflow: hidden;
	border-bottom: 1px solid #dadada;
	padding:14px;
}

.p-use-ms .p-use-im-right{
	overflow: hidden;
}

.p-use-ms .p-use-im img{
	width: 62px;
	height: 62px;
	overflow: hidden;
	border-radius:50%;
	margin-right:20px;
}

.p-use-ms .p-use-name{
	font-size:16px;
	color:#333;
	margin-bottom:10px;
	font-weight: bold;
}

.p-use-ms .p-use-text{
	color:#666;
	font-size:14px;
	line-height:26px;
}

.p-btm-logo{
	height:148px;
	margin-top:10px;
	text-align:center;
}

.p-btm-logo img{
	margin-top:40px;
}

.p-pst2{
	display: none;
	margin-top:30px;
}

.p-code-box{
    position: relative;
}

.p-btm-text{
    margin-top: 28px;
}

.p-code-im{
    margin: 36px 0 0;
}

.p-btm-text{
    text-align: center;
    font-size: 15px;
    color: #999;
    margin-bottom: 48px;
}

.p-btm-link{
    text-align: center;
    margin-top: -24px;
    padding-bottom: 20px;
    text-align: right;
	position: relative;
    right: 30px;
    bottom: 25px;
}

.p-code-box{
    position: relative;
}

.p-code-box a{
    color:#1868ad;
    font-size: 14px;
    text-decoration: underline;
    display: inline-block;
    margin-right: 12px;
}

.p-code-box .p-d-icon{
    display: inline-block;
    width: 16px;
    height: 16px;
    background:url("/images/adi-computing/p-d-icon.png") no-repeat;
    background-size: 16px 14px;
    top: 3px;
    position: relative;
    margin-left:6px;
}



.p-wqhg .p-im-text{
	color: #333;
    font-size: 16px;
    margin-top: 15px;
	text-align:center;
}

.p-wqhg .p-img-box-m{
	position: relative;
}

.p-wqhg .p-qd-ico{
	width:54px;
	height:55px;
	background: url('https://huodong.21ic.com/images/pi-power-course-fourth/play.png') no-repeat;
	position: absolute;
	left:14px;
	bottom:14px;
}

.p-pianduan .p-img-box-m,.p-wqhg .p-img-box-m{
	border-radius:8px;
    overflow:hidden;
}

.p-time{
	height: 60px;
	background-size: 100%;
	text-align: center;
	color: #0f979f;
	font-size:24px;
	line-height:60px;
	text-decoration: underline;
	text-align: left;
}

.p-game-st{
	padding:30px 0;
}

.p-st-tit{
	height:45px;
	line-height:45px;
	font-size:24px;
	margin: 48px 0;
}

.p-st-list{
	height:140px;
	background:url("/images/adi-computing/p-st-bg.png") 50% no-repeat;
	text-align: center;
	font-size: 16px;
	line-height:114px;
	color: #4a4a4a;
	position: relative;
}

.p-st-list-num{
	position: absolute;
	top:-25px;
	right: 50%;
    width: 148px;
    height: 44px;
    margin-right: -74px;
}

.p-plink{
	display: block;
	margin: 0 auto;
	height: 34px;
	line-height: 34px;
	color: #e71d0f;
	border: 1px solid #e71d0f;
	font-size: 14px;
	width: 124px;
	margin-top: -35px;
	border-radius:8px;
}

.p-plink:hover{
	background:#e71d0f ;
	color:#fff;
}

.p-qun{
	display: block;
	margin-top: -83px;
}

.p-qun-lq{
	color: #e71d0f;
}

.p-num1{
	background:url("/images/adi-computing/p-step1-icon.png") no-repeat;
}

.p-num2{
	background:url("/images/adi-computing/p-step2-icon.png") no-repeat;
}

.p-num3{
	background:url("/images/adi-computing/p-step3-icon.png") no-repeat;
}

.p-introduce{
	background:url("/images/adi-computing/p-kl-im2.png") no-repeat;
	background-size: 100%;
	height: 156px;
	color: #fff;
	margin:20px 0;
	padding:30px;
	font-size:16px;
}

.p-introduce-tit{
	font-size:20px;
	margin-bottom:15px;
}

.p-bame-io{
	font-size:16px;
	color:#666;
	text-align: center;
}

.p-line-ul{
	padding:30px 46px 0;
	background: #fafafa;
	border: 1px solid #b7b7b7;
	border-radius: 6px;
	margin-bottom: 30px;
}

.p-line-li {
	margin-bottom: 30px;
	position: relative;
	z-index: 30;
}

.p-line-li p{
	display: block;
	height: 46px;
	line-height: 46px;
	text-align: center;
	font-size: 14px;
	border: 1px solid #424242;
	color: #424242;
	border-radius: 4px;
	background: #fff;
	padding:0 10px;
}

.p-line-li p:hover{
	border: 1px solid #249598;
}

.p-reset,.p-sub-link{
	height:54px;
	line-height:54px;
	display: block;
	text-align: center;
	margin-bottom: 30px;
	border-radius:10px;
	font-size: 20px;
	text-decoration:none;
}

.p-reset{
	color:#424242;
	background:#e5e5e5;
	display: inline-block;
	width:40%;
	margin:0 10px;
}

.p-reset:hover{
	color:#424242;
}

.p-sub-link{
	color:#fff;
	background:#188da8;
}

.p-sub-link:hover{
	color:#fff;
}

.p-game-win{
	margin-bottom: 30px;
}

.cb {
    clear: both;
    zoom: 1;
}
.show {
    position: relative;
    width: 100%;
    margin: 20px auto;
    cursor: pointer;
	overflow: hidden;
}

.p-line-li{
	display: block;
}

.canvas {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 20;
}

.backcanvas {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;
}

.showleft, .showright {float: left;width:400px;}
.showleft {width:400px;}
.showright {
    float: right;
}

.tools2{
	overflow: hidden;
	clear: both;
	text-align: center;
	position: relative;
    z-index: 40;
}

.p-additional{
	margin-top:30px;
	font-size: 16px;
	text-align: center;
}

.p-additional .p-additional-title{
	color:#bd0000;
}

.p-additional a{
	color:#32b3c9;
	text-decoration: underline;
}

.p-additional-jd{
	background:#bd0000;
	color:#fff;
	font-size:18px;
	height:60px;
	line-height:60px;
	text-align:center;
	border-radius: 10px;
	margin-top:30px;
	margin-bottom:40px;
	width: 60%;
}

.success{
	text-align: center;
    font-size: 60px;
    padding:50px 30px 30px;
    background: #f3f3f3;
    border-radius: 8px;
    margin: 0 0 50px;
}

.success h4{
	font-size: 26px;
    font-weight: bold;
    color: #0f979f;
}

.p-logo-cont {
    margin-bottom: -70px;
}

.p-logo-link {
    display: block;
    height: 70px;
}

@media (max-width: 1200px){
	.game {width:100%;margin:0px auto;text-align:center;margin-top:20px;}

	
	.showleft {width: 140px;padding-left: 10px;}
    .showleft .showitem {width: 140px;}
	.showright {width: 140px;}
	.showright .showitem {width: 140px;font-size: 13px;}

	.tools_set {left: 20px;}
	.getPair {float:right;margin-top:20px;width: 142px;}

	.p-game-win{
		width: 100%;
		left: 0;
		margin-left: 0;
	}
	.p-game-win img{
		width:100%;
	}
	.p-video-pop img{
		width: 100%;
	}
	.p-text-pop, .p-video-pop{
		width:100%;
		left:0;
		margin-left: 0;
		padding:15px;
		min-height:196px;
	}
	.p-introduce{
		background: #2647a6;
		height: auto;
		border-radius: 8px;
	}
	.p-game-list:hover .p-game-list-hover{
		display: none;
		background: none;
	}
	.p-game-list:hover .p-game-list-initial {
		display: block;
	}
	.p-game-list-odd .p-game-list-initial {
		background-size:90%;
	}
	.p-game-list-even .p-game-list-initial {
		background-size:95%;
	}
	.p-game-jigsaw-box,.p-game-box{
		width:345px;
		height:345px;
	}
	.p-game-im-box img{
		width:345px;
	}
	.p-game-list-odd .p-game-list-initial{
		width:115px;
		height:115px
	}
	.p-game-list-even .p-game-list-initial{
		width:115px;
		height:115px
	}
	.p-game-list{
		width: 115px;
		height: 115px;
	}
	.p-game-list-hover{
		width:115px;
		height:115px;
	}
	.p-dy p{
		padding:10px;
		font-size:16px;
		line-height:30px;
		margin-bottom: 0;
	}
	.p-dy{
		height: auto;
		padding:10px 15px;
	}
	.p-pst{
		margin-top:30px;
	}
	.p-pst2{
		display: block;
	}
	.p-pst{
		display: none;
	}
	
	.p-ly-box img{
		width:100%;
	}
	.p-st-list{
		margin-bottom:40px;
	}
}

@media (max-width: 900px){

	.p-line-li p{
		height: auto;
		line-height: 18px;
		font-size: 12px;
		padding:10px;
	}

	.wid_banner_max{
		display: none;
	}
	.wid_banner_750{
		display: block;
	}

	.p-zy-dt a.p-more-link{
		top: 0;
		margin-top: 10px;
	}

	.p-line-ul{
		padding:0;
		border: 0;
		background:none;
	}

	.p-btm-link{
		right: 0;
		bottom:10px
	}
}

@media (max-width:970px){
	.p-additional-jd{
		width: 100%;
	}
	.p-fr-bg{
		background: none;
	}
}