@charset "utf-8";
/* CSS Document */

body {margin:0 auto;padding:0;font-size:16px;font-family:Microsoft yahei;background:#fff ; color: #222;line-height: 24px;}

input, select, textarea {font-size:16px;vertical-valign:middle}
div,ul, li, p, a, span, b, form, h1, h2, h3, h4, ul,li, input,font{margin:0;padding:0}
img{margin:0;padding:0;border:0;}
ul,ol {list-style:none}
a{text-decoration:none; color: #222;}
a:hover{ color: #118899;text-decoration: none!important;}
h2{margin: 40px auto;text-align: center;font-size: 38px;font-weight: bold;}
.mt110{margin-top: 110px!important;}
.header
{
	min-height:60px;
    background: #fff;
    color: #fff;
}
.logo
{
	margin:20px 0;
}
.header .login a
{
	padding:.4em .9em;
	border-radius:5px;
	background:#eeeeee;
	margin-left:.5em;
	line-height:60px;
	font-size:.89em;
	white-space: nowrap;
	color:#084fa3;
}
.banner { background: url(/images/pi-power-course-second/banner_bg.jpg) no-repeat center #004467; height: 350px; width: 100%;background-size: cover;text-align: center;color: #fff;display: inline-block;}
.banner p{font-size: 55px;font-weight: bold; margin: 55px 0;}
.banner p span{color: #efd8ab;}
.about{line-height: 32px;	font-size: 15px ;background:#fff;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);  margin: 30px auto;}
.about .time{font-size: 18px; margin: 15px 0;font-weight: bold;}
.about a{color: #007fc8;}
.about .text{padding: 15px 30px;}
.answer_box{background: url(/images/pi-power-course-second/answer_bg.jpg) no-repeat #f7f7f7;}
.answer_content{background: #0085ca;width: 1170px; margin: 0 auto 30px;clear: both; overflow: hidden;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);}
.video_material{color: #fff;width: 45%;float: left;text-align: center;}
.video_material p{font-size:22px;margin-top: 80px;}
.video_material img{width: 100%;margin: 0 auto;}
.answer_right{background: #fff;width: 55%; float: right;padding: 20px 2%;}
.answer_right p{margin: 10px 0;}
.a_options{background: #eeeeee;padding: 15px; clear: both; overflow: hidden;}
.a_options li{float: left;width: 33%;margin: 2px 0;}
.key_text{width: 100%; border: 2px solid #007fc8;height: 38px;margin-top: 10px;}
.key_text input{width: 100%; padding: 0 5px; border: none; line-height: 34px;outline: none}
.submit{width: 160px; height: 38px; line-height: 38px; background: #0085ca; color: #fff;border-radius: 34px;border: none;margin-top: 15px;font-weight: bold;}
.submit:hover{background: #0070aa;}
.video_link {position: relative;margin: 30px 20px;}
.video_link i{position: absolute;background:url(/images/pi-power-course-second/ico_play.png) no-repeat;left: 50%; margin-left: -22px;width: 47px; height: 47px;top: 50%; margin-top: -22px;}
.prize{text-align: center;}
.prize img{max-width: 100%;}
.footer{background: #000000; padding: 5px 0; color: #fff; text-align: center;  margin-top: 50px;}
@media (max-width: 1170px){
	.answer_content{width: 100%;}
	.pull-right{float: none !important;    text-align: center;}
	.logo { margin: 10px auto;  display: inherit;}
	.video_material p{margin: 20px 20px 0;}
	.video_link{margin: 20px;}
}
@media (max-width: 768px){
	.video_material{width: 100%;float: none;}
	.answer_right{width: 100%;float: none;}
	.banner{height: 250px;}
	.banner p{font-size: 32px;line-height: 40px;margin: 20px 20px;}
	.mt110 {margin-top: 50px!important;}
	.answer_right{padding: 20px;}
	.submit{margin: 20px auto 0;display: block;}
	
}