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

/* 全局样式 */
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd,em { margin: 0; padding: 0; border: 0; }
body { font-size: 14px; font-family:'微软雅黑', '\65B0\5B8B\4F53', '\5B8B\4F53', Verdana; background:#fff; color:#666; line-height:24px;}
ul, ol { list-style-type: none; }
select, input, img { vertical-align: middle; outline: none; }
a{text-decoration: none; outline: none;}
html { overflow-x: hidden; }


/* 公共样式 */
.content-box1,.content-box2{width:1170px; margin:0 auto; text-align:center;}
.content-box1{padding-top:79px}
.content-box2{padding-top:68px}
.title-h2{font-size:36px; color:#545050; font-weight:normal;font-family:'微软雅黑';}

.rule{padding-top:40px;}
/* end 公共样式 */

/* 背景 */
#content1{width:100%; height:445px; background:#fff url(../images/content1-bg.png) center bottom no-repeat; min-width:320px;}
#content2{width:100%; background:#028ede; min-width:320px; background:url(../images/content1-bg-1.png) no-repeat scroll center -2px #028ede;}
#content3{width:100%; height:418px; background:#fff url(../images/content3-bg.png) center bottom no-repeat; min-width:320px;}
#content4,#content6{background:#f0f0f0; min-width:320px;}
#content4{width:100%; height:614px; min-width:320px;}
#content6{width:100%; height:262px; min-width:320px;}
#content5{width:100%; height:376px; background:#fff; min-width:320px;}


/* banner */
#banner{width:100%; height:451px; background:url(../images/banner-bg.png) repeat-x center center; position:relative;}
.banner-box{margin:0 auto; height:451px;  background:url(../images/banner-bg1.png) no-repeat center center; text-align:center; }
.banner-box img{margin:44px 740px 0 0;}

#banner1 {width:100%; display:none;}
.nav{width:100%; height:87px; background-color:#FFF; margin-left:30px; line-height:87px;}
.ban{background:url(../images/baidu_02.png) no-repeat; height:710px; padding-top:80px; padding-left:30px; position:relative;}
#banner1 .jiathis_style_32x32{position:absolute; right:30px; bottom:20px;}
.onethree,.twofour{display:none;}
@media (max-width: 1170px)
{
	.banner-box{width:100%;}
	#content2{background:#028ede;}
}

@media (max-width: 1000px)
{
	#lianjie{display:none;}
}

@media(max-width:768px)
{
	#banner{display:none;}
	#banner1{display:block;}
}

@media(max-width:640px)
{
	.csdn-toolbar .pull-right,.login-wrap,.unlogin{display:none;}
	#banner1{width:100%}
	.ban{background:url(../images/640.png) no-repeat; height:591px;}
	.ban img{width:450px; margin-top:-20px;}
	.nav{height:60px; line-height:60px; margin-left:20px;}
	.nav img{width:157px;}
}

@media (max-width:320px)
{
	.csdn-toolbar .pull-right,.login-wrap,.unlogin{display:none;}
	#banner1{width:100%}
	.ban{background:url(../images/320.png) no-repeat; height:417px;}
	.nav{height:64px; line-height:64px; margin-left:10px;}
	.nav img{width:158px;}
	.ban img{width:290px; margin-top:-37px; margin-left:-20px;}
	#banner1 .jiathis_style_32x32{right:7px; bottom:12px;}
}
/* 链接 */
#lianjie{ position:absolute; left:50%; bottom:30px; margin-left:-538px;}




/* content1 */
#content1{position:relative;}
.content1-txt{width:880px; margin:6px auto; }
#content1 .content1-txt p{padding-top:32px; text-align:left;}
#content1 .content1-txt a,.biaodan li a{width:215px; height:42px; margin:18px auto;  display:block; line-height:42px; text-align:center; font-size:20px; color:#fff; background:#f69103; border:1px solid #cd8117; border-radius:7px;}
.biaodan li a{margin:40px auto;}
#content1 .content1-txt a:hover,.biaodan li a:hover{ text-decoration:none;}

#content1 .ao{width:768px; margin-top:75px; display:none; background:url(../images/768.png) no-repeat center center; background-repeat:repeat-x;height:22px;}
@media (max-width:1170px)
{
   .content-box1 {width:95%; margin:auto;}	
}

@media(max-width:850px)
{
	.content-box1{width:100%;}
	.banner-box{width:100%;}
	.content1-txt{width:95%;}
	.content1-txt p{width:100%;}
}

@media(max-width:768px)
{
	#content1{ height:487px;background:url(../images/baidu_04.jpg) no-repeat top center;}
	.content1-txt{width:93%; margin:auto;}
	.content1-txt p{width:100%;}
	#content1 .ao{display:block;}

}
@media(max-width:640px)
{
	#content1{ height:487px; background:url(../images/6402.png) no-repeat 52px 4px; height:492px;}
	.content1-txt{width:93%; margin:auto;}
	#content1 .ao{background:url(../images/640_5.png) no-repeat center top; background-position:100%; margin-top:63px; width:100%;  height:23px;}
}

@media(max-width:420px)
{
	#content1{height:600px;}
	#content1 .ao{display:none;}
}
@media(max-width:320px)
{
	#content1{height:627px; background:url(../images/320bg.png) no-repeat top center;}
	.content1-txt{width:94%; margin:auto;}
	#content1 .ao{display:block;background:url(../images/320jiao.png) no-repeat center top; margin-top:50px; width:100%;}
}
/* content2 */
.content2-txt{width:760px; margin:30px auto;}
.content2-tit{width:100%; height:34px; background:#fff; border-radius:16px;}
.content2-tit tr{font-size:16px; color:#545050;}
.content2-tit td{padding-left:15px; text-align:left;}
.content2-tit .align-center{text-align:center; padding-left:0;}
.content2-con{width:725px; margin:0 auto;}
.content2-con .align-num{padding-left:24px; font-style:italic;}
.content2-con td{height:40px; color:#fff;}
.content2-con td{padding-left:20px; text-align:left;}

.onethree{display:none;}
@media (max-width:1170px)
{
   .content-box2 {width:95%; margin:auto;}
   .onethree,.twofour{display:none;}	
}

@media(max-width:768px)
{
	#content2{margin-top:-5px;}
	.content-box2{padding-top:53px;}
	.content2-txt{width:92%;}
	.content2-con{width:100%;}
	.content2-txt table{width:99%}
	.content2-txt table tr{text-align:left;}
	.content2-txt table tr td{width:22%;}
	.content2-txt table tr td.align-num{width:10%;}
	.content2-tit{width:100%;}
	.content2-tit table tr td.align-center{width:10%; text-align:left; padding-left:20px;}
	.onethree,.twofour{display:none;}
}
@media(max-width:640px)
{
	#content2{margin-top:3px; width:100%;}
	.onethree,.twofour{display:none;}
}

@media(max-width:320px)
{
	#content2{ margin-top:-1px; margin-top:-2px;}
	.content2-tit{display:none;}
	.content2-con{display:none;}
	.content-box2{padding-top:33px;}
	.content2-txt{margin-top:30px;}
	.onethree,.twofour{display:block; border:1px solid #0078bd; border-radius:10px; overflow:hidden; margin-bottom:12px;}
	.content2-txt table{width:100%; }
	 table tr{height:25px; vertical-align:middle; color:#ffffff; font-size:14px;}
	.onethree table tr td.right{text-align:right; padding-right:15px; background-color:#0078bd;}
	.onethree table tr td.left{text-align:left; padding-left:10px; background-color:#0e98e7;}
	.twofour table tr td.right{text-align:right; padding-right:15px; background-color:#0181ca;}
	.twofour table tr td.left{text-align:left; padding-left:15px; background-color:#35acf0;}
}
/* content3 */
#content3 p{width:100%; text-align:center; color:#333; padding-bottom:20px;}
#content3 p em{display:inline-block; width:24px; height:27px; margin-right:8px;}
#content3 p b{color:#ff8340; }
#content3 p .bonus1{font-size:24px;}
#content3 p .bonus2{font-size:20px;}
#content3 p .bonus3{font-size:16px;}
#content3 p .txt-family-1{ background:url(../images/num-1.png) no-repeat right center;}
#content3 p .txt-family-2{ background:url(../images/num-2.png) no-repeat right center;}
#content3 p .txt-family-3{ background:url(../images/num-3.png) no-repeat right center;}
#content3 p .txt-family-4{ background:url(../images/num-4.png) no-repeat right center;}
#content3 p .txt-family-5{ background:url(../images/num-5.png) no-repeat right center;}
#content3 p .txt-family-6{ background:url(../images/6.png) no-repeat right center;}

@media(max-width:768px)
{
	#content3{ background-image:url(../images/baidu_07.jpg); background-repeat:no-repeat; height:399px;}
}
@media(max-width:640px)
{
    #content3{height:419px; background:url(../images/640aa_02.png) no-repeat;}	
}
@media(max-width:500px)
{
	#content3{height:500px; background:url(../images/32011_540.png) no-repeat right;}
}
@media(max-width:320px)
{
	#content3{height:520px; background:url(../images/32011_540.png) no-repeat;}
	#content3 .content-box1 h2{margin-bottom:20px; margin-top:-20px;}
	#content3 p{width:98%;}
}
/* content4 */
.content4-con{width:1005px; height:416px; margin:45px auto; background: url(../images/content4-con.png) no-repeat 129px 71px; position:relative;}
.content4-con-list1,.content4-con-list2,.content4-con-list3,.content4-con-list4,.content4-con-list5,.content4-con-list6{width:148px; height:200px; text-align:center; position:absolute;}
.content4-con-list1{left:0; top:0;}
.content4-con-list2{left:0; top:224px;}
.content4-con-list3{left:259px; top:116px;}
.content4-con-list4{left:456px; top:116px;}
.content4-con-list5{right:202px; top:116px;}
.content4-con-list6{right:0px; top:116px;}
.circle1,.circle2,.circle3,.circle4{width:142px; height:142px; border:3px solid #fff; border-radius:50%; }
.circle1{background:#ff8340;}
.circle2{background:#ff567d;}
.circle3{background:#0284de;}
.circle4{background:#6cbf00;}
.circle1 img,.circle2 img,.circle3 img,.circle4 img{ margin-top:30px;}
.content4-con span{display:block;color:#fff; font-size:16px; padding-top:8px; line-height:18px;}
.content4-con p{color:#666; font-size:12px; padding-top:8px; line-height:20px;}
#content4_1{display:none;}
@media (max-width:1000px)
{
	.content-box2{width:100%; margin:auto;}
	.content4-con{width:95%; margin:auto;}
}

@media (max-width:768px)
{
	#content4{display:none;}
	#content4_1{background:#f0f0f0; height:1230px; padding-top:68px; display:block;}
	#content4_1 .title-h2{ margin:auto; width:145px;}
	#content4_1 .content4-con{ background:url(../images/baidu_10.png) no-repeat 84px 195px; width:440px; height:1045px; margin:auto;margin-top:-10px;}
.content4-con-list1,.content4-con-list2,.content4-con-list3,.content4-con-list4,.content4-con-list5,.content4-con-list6{height:175px;}
	.content4-con-list1 p{ margin:auto;}
	.content4-con-list1{top:48px; left:21px;}
	.content4-con-list2{top:48px; left:274px;}
	.content4-con-list3{top:320px; left:146px;}
	.content4-con-list4{top:508px; left:146px;}
	.content4-con-list5{top:696px; left:146px; width:280px;}
	.content4-con-list6{top:884px; left:146px;}
	.content4-con-list5 p{margin-top:-80px; float:right;}
}

@media(max-width:320px)
{
	#content4_1{width:100%;}
	#content4_1 .content4-con{width:100%;}
	#content4_1 .content4-con{background:url(../images/320_09.png) no-repeat top center; margin:auto; margin-top:175px;}
	.content4-con-list1{top:-133px; left:9px;}
	.content4-con-list2{top:-133px; left:160px;}
	.content4-con-list3{top:130px; left:90px;}
	.content4-con-list4{top:319px; left:90px;}
	.content4-con-list5{top:513px; left:90px; width:280px;}
	.content4-con-list6{top:717px; left:90px;}
	.content4-con-list5 p{display:none;}
}
/* content5 */
#content5 ul{width:936px; height:auto; margin:48px auto; margin-right:76px}
#content5 ul li{float:left; width:458px; padding-left:10px; background:url(../images/point.png) no-repeat left center; margin-bottom:10px;  font-size:16px; text-align:left;}
#content5 ul li a{color:#2b81a9;}


@media(max-width:850px)
{
	#content5 .content-box1{padding-top:40px;}
	#content5{width:100%; margin:auto; text-align:center;}
	#content5 ul{width:50%; margin:auto; margin-top:20px;}
}
@media(max-width:768px)
{
	#content5{height:458px; width:100%;}
	#content5 .content-box1{padding-top:70px; width:100%; text-align:center;}
	#content5 ul{margin-top:35px; height:275px; width:425px;}
}
@media(max-width:640px)
{
	#content5{height:470px; width:100%;}
}

@media(max-width:320px)
{
	#content5{height:666px; widows:100%;}
	#content5 .content-box1{width:100%; text-align:center}
	#content5 ul{width:90%; margin:auto; margin-top:30px;}
	#content5 ul li{float:left;width:100%;  background:url(../images/point.png) no-repeat 0px 12px;}
	
}
/* content6 */
#content6 ul{width:856px; height:auto; margin:38px auto; margin-right:76px; overflow:hidden;}
#content6 ul li{float:left;margin-right:84px;  font-size:16px; text-align:left; color:#333;}
#content6 li img{float:left; display:inline-block; height:26px;}
#content6 li span{float:left; display:inline-block; height:26px; padding:4px 0 0 8px; }

@media (max-width:768px)
{
	#content6 {width:100%; height:278px; padding-top:20px;}
	#content6 ul{width:97%; margin:auto; margin-top:50px;}
	#content6 ul li{margin-left:30px; margin-right:10px; margin-bottom:15px;}
}

@media(max-width:640px)
{
	#content6{width:100%; height:350px;}
	#content6 ul{width:90%; margin-left:3px;}
	#content6 ul li{width:80%;}
}

@media(max-width:320px)
{
	#content6{width:100%; height:330px;}
	#content6 ul{}
	#content6 ul li{width:90%;}
}
/* registration 开始 */
.biaodan { padding:20px 0 30px 0px; margin-top:15px; background:url(../images/k_card_bg.png) repeat-x; overflow:hidden;font-size:16px;font-family:Microsoft YaHei;line-height:24px;color:#333;}
.biaodan li .k_checkbox span label {vertical-align:middle;display:inline-block;line-height:30px;width:auto;margin-right:20px;}


.biaodan li{margin:20px 0 0 15px;position: relative; text-align:center; font-size:14px; color:#333;}
.biaodan li label{display:inline-block;width:134px;text-align:right;line-height:24px; font-size:14px;}
.biaodan li label span{margin-right:5px;color:#f00;vertical-align:middle; text-align:right;}

.biaodan li input.w_h{width:465px;height:27px;line-height:27px;color:#555;border:1px #dddddd solid;padding:0 5px;}
.biaodan li input.btn{background-color:#000; border:none;border-radius:5px;width:80px; height:24px; line-height: 24px;  color:#fff; cursor:pointer;}

.biaodan li input.ke-button{border:0;text-align:center;background-color:#000; border-radius:5px;line-height:24px; height:24px; width:80px; color:#fff;}
.biaodan li input.txt{border:1px #dddddd solid; height:22px; line-height:22px;width:300px;padding:0 5px;margin-left:5px;}
.biaodan li select{/* list-style:none*/;width:233px;height:28px; line-height:38px; padding:0 0 0 5px ;color:#333; font-size:14px; border:1px #dddddd solid;/* background:url(../images/select_bg.jpg) no-repeat right center;*/}
.biaodan li textarea{width:554px;height:188px;padding:5px;color:#555;border:1px #dddddd solid; vertical-align:top}
.biaodan li ul{overflow:hidden;zoom:1; font-size: 12px;}
.biaodan li ul li{float:left;margin-top:0px;margin-right:10px;white-space:nowrap;line-height:30px}
.biaodan li label.txt_w{width:auto;margin-top:10px;text-align:left}
.biaodan li.txt input{width:246px;height:20px;padding:2px 5px;color:#555;border:1px #dddddd solid}
.biaodan li.xz input{margin-right:5px}
.biaodan li.btn input{margin-right:10px;padding:2px 10px}
.biaodan li.note{margin-top:5px;color:#666;font-size:12px}
.biaodan li ul {margin-top: 0;overflow: hidden;padding-left: 80px;}
.biaodan li input[type="checkbox"],ul.biaodan li input[type="radio"]{border:none;width:30px;}
.biaodan li var {font-style:normal;}
.biaodan li textarea{width:465px; height:307px; margin-top:5px; padding:10px 28px 10px 10px; border:1px solid #ddd; text-align:left;font-size: 14px; line-height:22px; font-family:'微软雅黑'; color:#333;  overflow-y:scroll; overflow-x:hidden;  resize:none; }

@media(max-width:768px)
{

	.biaodan{width:100%;}
	.biaodan li{margin-left: -65px;}
}

@media(max-width: 320px)
{
	.biaodan{width:320px; height: 1000px;}
	.biaodan li{margin-left:10px; width:260px; margin-bottom: 20px; height: 23px;}
	.biaodan li input.w_h{width:200px;}
	.biaodan li input{float:left;}
	.biaodan li select{width:28%; margin-bottom: 20px;}
	.biaodan li textarea{width:290px;}
	.biaodan li label{float: left; margin-left: 0px; width:56px;}
	.biaodan li a{margin-top: 550px;}
}
/* registration 结束 */

dd {line-height:2em;}
#csdn_pub_footer {background-color:#2d2c2c;}
#csdn_pub_footer .pub_footerall {border:none;margin:0;}
#csdn_pub_footer a,#csdn_pub_footer dd {color:#fff;}
#csdn_pub_header .nav_top_2011,#csdn_pub_header {background: url(../images/headtop_bg.jpg) #ffffff;}
#csdn_pub_header .nav_top_2011 ul li a:link, #csdn_pub_header .nav_top_2011 ul li a:visited {color:#333;}
.csdn-toolbar .none{ background-position:left center;}
.csdn-toolbar .logo .img {width:339px;
    background: url(../images/f_name.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.csdn-toolbar .container {
width: 1170px;
margin: 0 auto;
}

@media (max-width:1170px)
{
	.csdn-toolbar .container{width:100%; margin:auto;}
}