@charset "utf-8";
input.radio { vertical-align:middle; margin:-2px 6px 0 3px; +margin:-2px 3px 0 0; _margin:-2px 3px 0 0;}
input.bn { width:84px; height:24px;}
.part1 { height:168px; padding-top:10px; background:url(../images/wp/wp_bg.png) repeat-x; border-bottom:1px solid #e0edfd;}
.part1 h2 { height:50px; font-size:16px; color:#ffffff; font-weight:normal;}
.part1 h2 span { position:absolute; display:block; width:164px; height:46px; margin:0 0 0 -11px; padding:4px 0 0 18px; line-height:46px; background:url(../images/index/why_t.png) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="//b.qq.com/static/images/index/why_t.png");}
.part1 p { font-size:14px; line-height:30px; margin:15px 0 0 21px;}
.part2 { background:#ffffff; padding:40px 21px 40px 21px;}
.part2 h2 { height:24px; line-height:24px; font-size:16px; margin-bottom:25px;}
.part2 p { font-size:14px; float:left; width:220px; display:block;}
.part2 .step1, .part2 .step2 { overflow:hidden; clear:both;}
.part2 .step2 { padding-top:40px; _padding-top:16px; height:100%;}
.part2 .step2 p { padding-top:7px;}
/* step1 */
.chostyle { float:left; width:650px;}
.cho_t { float:left; width:128px; border-right:1px solid #71b8ff; clear:both; overflow:hidden; height:177px;}
.cho_t ul { padding:0; margin:0;}
.cho_t ul li { height:29px; line-height:28px; padding:0 0 0 6px; _padding:6px 0 0 6px; margin-bottom:6px; _margin-bottom:0; list-style-type:none; background:none; width:128px; overflow:hidden; text-align:left; cursor:pointer;}
.cho_t ul li.on { background:url(../images/wp/wp_6.gif) no-repeat; cursor:pointer;}
.cho_t ul li.hover { background:url(../images/wp/wp_5.gif) no-repeat; position:relative; width:129px; z-index:999; cursor:pointer;}
.cho_c { float:left; padding-left:10px; font-size:12px; font-weight:bold; line-height:14px;}
.cho_c img { margin-top:8px; margin-right:2px;}
/* step2 */
.cho_msg { float:left; width:650px;}
.cho_b { height:40px; line-height:40px; font-size:12px; padding:10px 0 4px 88px;}
.cho_wel { height:52px; line-height:52px; font-size:12px;}
.cho_wel span { display:inline-block; width:88px;}
.cho_wel textarea { width:256px; height:32px; line-height:14px; padding:2px; border:1px solid #c2c2c2; margin-right:4px; vertical-align:middle; font-size:12px;}
.cho_s { height:34px; line-height:34px; font-size:12px;}
.cho_s input.text { width:256px; height:16px; line-height:14px; padding:2px 2px 1px 2px; border:1px solid #c2c2c2; margin-right:4px; vertical-align:middle;}
.cho_s span { display:inline-block; width:88px;}
.cho_code { border-top:1px solid #c4c4c4; margin-top:20px;}
.cho_code h3 { padding:5px 0;}
.cho_code h3 span { margin-left:12px;}
.cho_code h3 a,.cho_code h3 a:visited { display:inline-block; background:url(../images/wp/icon1.gif) no-repeat 0 3px; padding-left:20px; font-size:12px; font-weight:normal;}
.cho_code_t { height:23px;  margin-top:6px;}
.cho_code_t ul { margin:0; padding:0;}
.cho_code_t ul li { float:left; width:71px; background:url(../images/wp/wp_7.gif) no-repeat; line-height:21px; height:21px; padding:2px 0 0 0; margin:0; text-align:center; font-size:12px; margin-right:1px;}
.cho_code_t ul li a:link,.cho_code_t ul li a:visited,.cho_code_t ul li a:hover { color:#333333;}
.cho_code_t ul li.on a,.cho_code_t ul li.on a:visited,.cho_code_t ul li.on a:hover { color:#333333; text-decoration:none; z-index:1000;}
.cho_code_t ul li.on { width:74px; position:relative; height:24px; background:url(../images/wp/wp_8.gif) no-repeat; font-weight:bold; margin-bottom:-3px; z-index:1000;}
.cho_code_c { height:75px; border:1px solid #c1c1c1; width:630px;}
.cho_code_c textarea { border:0; height:70px; width:626px; overflow-y:scroll; padding:2px;}
.cho_bn { font-size:12px; padding-top:18px;}
.cho_doc { clear:both; padding-top:6px; height:24px; line-height:22px; font-size:12px; padding-left:217px;} 
.cho_doc a,.cho_doc a:visited,.cho_doc a:hover { display:inline-block; no-repeat 0 2px; padding-left:3px;}
.yl { padding-top:18px;}
.yl img { vertical-align:middle;}