﻿/*blank*/
.blank21{height:21px; font-size:1px; clear:both;overflow:hidden; width:100%;}

/*dir*/
.dir{ margin:8px auto 0 auto; width:960px; height:24px; background:#EFEFEF;}
.dir .road{float:left;padding:7px 6px 0 19px;color:#555;}
.dir .road a{ color:#555;}
.dir .road a:visited{ color:#555;}
.dir .road a:hover{ color:#999;}
.dir h1{ float:left; padding-top:6px;font-size:14px; font-weight:700; color:#00C6F7;}
.dir .h1b{ color:#00C6F7;}
.dir .turn{ float:right; padding:7px 9px 0 0; text-align:right; font-weight:700; color:#6CC700;}
.dir .turn a{color:#6CC700;}
.dir .turn a:visited{color:#6CC700;}
.dir .turn a:hover{color:#666;}

/*area*/
.area{ margin:0 auto; padding-top:9px; width:958px; border:1px solid #c1c1c1;clear:both;overflow:hidden;}
.area .workTi {width:936px; height:27px; margin:0 auto; background:url(tb3.gif) no-repeat;}
.area .workTi h2 {font-weight:700; color:#fff; font-size:14px; padding:7px 0 0 7px;}
.area .content {width:936px; margin:0 auto;}

/*c1*/
.area .content .c1 {width:229px; padding:16px 23px 650px 11px;_padding:16px 23px 610px 11px;float:left; background:url(dot8.gif) repeat-y right;}
.area .content .c1 h5.products{ margin-bottom:18px;background:url(products.gif) no-repeat; height:25px; width:228px;}
.area .content .c1 h5.proContent {clear:both; margin-top:45px; background:url(proContent.gif) no-repeat; height:25px; width:228px;}
.area .content .c1 .block{width:171px; margin-left:25px; display:inline;}
.area .content .c1 .block .pic{ margin:0 auto; width:143px;}
.area .content .c1 .block .pic .guess{width:143px;background:url(pb.gif) no-repeat; height:19px; text-align:right;}
.area .content .c1 .block .pic .img{width:130px; background:url(pb0.gif) no-repeat; height:98px; padding-left:13px;}
.area .content .c1 .block .info{ margin:0 auto; width:143px;margin-top:7px;}
.area .content .c1 .block .info h3{width:137px; height:30px; overflow-y:hidden;padding:0 5px 0 1px;line-height:16px;color:#333;font-size:10px;font-family:Arial;}
.area .content .c1 .block .info h3 a{color:#11A4DD;font-weight:700;font-size:12px;font-family:宋体;}
.area .content .c1 .block .info h3 a:visited{color:#11A4DD;}
.area .content .c1 .block .info h3 a:hover{color:#5CAE00;}
.area .content .c1 .block .info p{ margin-top:5px;width:137px; padding:0 5px 0 1px;line-height:18px; color:#333;}
.area .content .c1 .block .info p span{ color:#E96C00;}
.area .content .c1 .block .info p span a{color:#E96C00;}
.area .content .c1 .block .info p span a:visited{color:#E96C00;}
.area .content .c1 .block .info p span a:hover{color:#FCD500;}
.area .content .c1 .block .info p .sp1{ color:#000;}
.area .content .c1 .block .info p .sp1 a{ color:#000;}
.area .content .c1 .block .info p .sp1 a:visited{color:#000;}
.area .content .c1 .block .info p .sp1 a:hover{color:#999;}
.area .content .c1 .block .info .flower{ float:left; background:url(flower1.gif) no-repeat 4px 1px #eee; height:13px; padding:2px 10px 0 20px; color:#666; margin:5px 0 0 1px;}
.area .content .c1 span.guess {display:block; margin:18px 0; padding-left:23px; height:19px;}
.area .content .c1 form {width:198px; padding-left:30px; padding-bottom:59px;}
.area .content .c1 form fieldset { border:0;}
.area .content .c1 form p {width:176px; text-indent:.7em;line-height:18px; margin:0 auto 16px;}
.area .content .c1 form span {clear:both; display:block; padding:8px 0;}
.area .content .c1 form span input{float:left;margin-top:3px;*margin-top:-3px; _margin-left:10px;}
.area .content .c1 form span label {width:80%;float:left; margin-left:5px; line-height:18px; }
.area .content .c1 .buttons{ padding:20px 0 0 63px; height:35px; overflow:hidden; margin-bottom:13px;}
.area .content .c1 .buttons1{ padding-top:0;}

/*c2*/
.area .content .c2 {width:670px; float:left;color:#333;}
.area .content .c2 p.title { margin:0 0 26px 30px;}
.area .content .c2 p.title img{ vertical-align:middle; margin-bottom:16px;margin-right:8px;}

.area .content .c2 .copy { margin:0 0 23px 30px; }
.area .content .c2 .copy label { padding-top:6px;display:block; float:left;width:130px;text-align:right;}
.area .content .c2 .copy input.text {height:19px;width:336px; border:1px solid #bfbfbf;font-family:"宋体"; font-size:12px; line-height:19px; margin-left:4px;}
.area .content .c2 .copy img { vertical-align:middle;*vertical-align:text-bottom;}

.area .content .c2 .qa {width:536px; padding:33px 33px 46px 18px; border:1px solid #ededed; margin-left:50px; margin-top:57px; background:#f8f8f8;}
.area .content .c2 .qa p { margin-bottom:15px;}
.area .content .c2 .qa p img.num{ vertical-align:middle; margin:0 10px 5px 0;}
.area .content .c2 .qa p.answer { margin-left:25px; line-height:25px;}
.area .content .c2 .qa p.answerHight { line-height:40px;}
.area .content .c2 .qa p.anserMargin { margin-top:60px;}
.area .content .c2 .qa p.answer img.icon { vertical-align:text-bottom; margin-right:5px;}
.area .content .c2 .qa p.answer img.code { margin-top:33px; margin-bottom:10px;}