/* ==全局CSS== */
*{margin:0;padding:0;} 
table{border-collapse:collapse;border-spacing:0;} 
fieldset,img{border:0;} 
ol,ul {list-style:none;} 
h1,h2,h3,h4,h5,h6{font-size:100%;} 
html,body{ width: 100%; height: 100%; font-size: 12px; color:#333333;font-family: Arial, SimSun; }

body{ text-align:center; background:url(../i/lovetest_bg4.jpg) no-repeat center top; padding-top:45px;}
a{ color:#393939; text-decoration:none;}
a:hover{color:#393939; text-decoration: underline;}
a.a1{ color:#999999; text-decoration:underline;}
a.a1:hover{ color:#999999; text-decoration:underline;}
a.a2{ color:#999999; text-decoration:none;}
a.a2:hover{ color:#999999; text-decoration:none;}
a.a3{ color:#407182; text-decoration:underline;}
a.a3:hover{ color:#407182; text-decoration:underline;}
.clearline{ clear: both;}

/* ==首页== */
.box{ width:767px; margin:0 auto;}
.left,.right{ float:left; width:10px; height:609px;}
.mid{ float:left; width:747px; height:609px; background:url(../i/lovetest_bg9.jpg) repeat-x 0 25px;}
.mid .top{ float:left; width:747px; height:25px;}
.mid .con{ float:left; width:747px; height:571px!important; height:558px; text-align:left;}
.mid .bottom{ float:left; width:747px; height:13px;}
strong{ font-weight:bold;}
.sun{ font-size:14px;}
span{ color:#FF6600;}

/* == dl.dl1 测试开始页  dl.dl2 测试页头部  dl.dl3 测试页 底部 == */
.mid .con dl.dl1{ float:left; width:747px;}
.mid .con dl.dl1 dd{ float:left;}
.mid .con dl.dl1 dd.dd1{ width:727px; padding-left:20px;}
.mid .con dl.dl1 dd.dd2{ width:184px; padding-left:28px; height:174px;}
.mid .con dl.dl1 dd.dd3{ width:497px;padding-top:26px; height:108px; padding-bottom:40px; }
.mid .con dl.dl1 dd.dd4{ padding-left:10px;}
.mid .con dl.dl1 dd.dd7{ background:url(../i/lovetest_bg17.jpg) no-repeat; width:220px; height:220px; padding:28px 24px; line-height:22px;}
.mid .con dl.dl1 dd.dd8{ width:190px; padding-left:168px; padding-top:25px;}
.mid .con dl.dl1 dd.dd9{ padding-top:25px;padding-left:20px;}

.mid .con dl.dl2{ float:left; width:747px;}
.mid .con dl.dl2 dt{ float:left; width:294px; margin-left:20px; display:inline; background:url(../i/lovetest_bg22.gif) no-repeat left 30px; height:80px;}
.mid .con dl.dl2 dt em{ display:block; font-style:normal; padding-left:40px; padding-top:20px;}
.mid .con dl.dl2 dd.dd1{ float:left; width:204px; height:29px; margin-left:187px; display:inline; background:url(../i/lovetest_bg25.gif) no-repeat; position:relative; margin-top:13px;}
.mid .con dl.dl2 dd.dd1 div.percent{ position:absolute; top:3px; left:3px; width:196px; height:22px; }
.mid .con dl.dl2 dd.dd1 div.percent div{background:url(../i/lovetest_bg26.gif) repeat-x; height:22px;}
.mid .con dl.dl2 dd.dd2{ float:left; width:250px; margin-left:183px; display:inline; line-height:30px;}

.mid .con dl.dl3{ float:left; width:747px;}
.mid .con dl.dl3 dd{ float:left; line-height:28px; padding-top:5px; padding-bottom:5px;}
.mid .con dl.dl3 dd.dd1{ width:187px; margin-left:20px; display:inline; padding-left:43px; background:url(../i/lovetest_bg24.gif) no-repeat 0 5px;}
.mid .con dl.dl3 dd.dd2{ padding-left:20px;}
.mid .con dl.dl3 dd.dd3{ padding-left:150px; font-size:14px; font-weight:bold; color:#407182;}
.mid .con dl.dl3 dd.dd4{ padding:0 0 0 30px;}

.mid .con .conin{ float:left; width:747px; height:442px!important; height:435px;}
.mid .con .conin h3{ float:left; width:692px; margin-left:20px; padding-left:35px; margin-top:10px; padding-bottom:10px; display:inline; background:url(../i/lovetest_bg23.gif) no-repeat; font-weight:normal; color:#407182; line-height:28px;}
.mid .con .conin h2{ float:left; width:707px; padding-left:20px; padding-right:20px; line-height:30px; font-weight:bold; color:#407182;}
.mid .con .conin ul.ul1{ float:left; width:710px; padding-left:37px;}
.mid .con .conin ul.ul1 li{ line-height:24px;}

.mid .con .conin h4{ float:left; width:727px; padding-left:20px; line-height:40px; color:#407182; font-weight:bold; margin-top:10px;}
.mid .con .conin table{  width:720px; margin:0 auto;}
.mid .con .conin table th{ text-align:center; background:url(../i/lovetest_bg27.gif) repeat-x; height:29px; border-top:1px solid #60B6DB; color:#fff; font-weight:bold;}
.mid .con .conin table th.th1{ border-left:1px solid #3087C3;}
.mid .con .conin table th.th2{ border-right:1px solid #3087C3;}
.mid .con .conin table td{ text-align:center; line-height:27px; border:1px solid #C8D4DB;}
.mid .con .conin table td.td1{ text-align:left; padding-left:8px;}
.mid .con .conin table .on{ background:#FFFFCC;}

.mid .con .conin h3.h31{ background-image:url(../i/lovetest_bg28.gif)}
.mid .con .conin h4.h41{ margin-top:0;}
.mid .con .conin ul.ul2{ float:left; width:710px; margin-left:19px; display:inline; margin-top:30px;position:relative;}
.mid .con .conin ul.ul2 li{ float:left; width:106px; background:url(../i/lovetest_li1.gif) no-repeat left top; height:39px;}
.mid .con .conin ul.ul2 li.lil,.mid .con .conin ul.ul2 li.lir{ font-size:14px; font-weight:bold; color:#003366; padding-right:10px; background-image:none; width:80px; line-height:30px;}
.mid .con .conin ul.ul2 li.lir{ color:#FF3300; padding-left:10px; padding-right:0;}
.mid .con .conin ul.ul2 li.li1{ background-image:url(../i/lovetest_li1.gif);}
.mid .con .conin ul.ul2 li.li2{ background-image:url(../i/lovetest_li2.gif);}
.mid .con .conin ul.ul2 li.li3{ background-image:url(../i/lovetest_li3.gif);}
.mid .con .conin ul.ul2 li.li4{ background-image:url(../i/lovetest_li4.gif);}
.mid .con .conin ul.ul2 li.li5{ background-image:url(../i/lovetest_li5.gif);}
.mid .con .conin ul.ul2 .div1{ position:absolute; top:-7px; left:196px;}
.mid .con .conin ul.ul2 .div2{ position:absolute; top:-37px; right:196px;}
.mid .con .conin ul.ul2 .div3{ position:absolute; top:-7px; left:318px;}
.mid .con .conin ul.ul22{ width:690px; margin-left:39px;}

.mid .con .conin dl.dl4{ float:left; width:259px; margin-left:40px; display:inline; margin-top:20px;}
.mid .con .conin dl.dl4 dd{ line-height:30px;}
.mid .con .conin ul.ul3{ float:left; width:330px; margin-left:60px; display:inline; margin-top:20px;}
.mid .con .conin ul.ul3 li{ float:left; padding-top:5px; padding-bottom:5px; line-height:32px;}
.mid .con .conin ul.ul3 li span{ float:left; width:220px; text-align:center;}
.mid .con .conin ul.ul3 li img{ vertical-align:middle;}
.mid .con .conin ul.ul3 li em{ float:left;width:110px;font-style:normal; }

.mid .con .conin ul.ul4{float:left; width:690px; margin-left:39px; display:inline; margin-top:10px;}
.mid .con .conin ul.ul4 li{ float:left; width:106px; text-align:center; line-height:30px;}

.mid .con .conin ul.ul3 li span{ filter:alpha(opacity=30,style=0); opacity:0.3; }
.mid .con .conin ul.ul3 li.sun0112 span{ filter:alpha(opacity=100,style=0); opacity:1; }



/* == 新加的 == */
.mid .con dl.dl3 dd.dd5{ float:right; padding-right:30px;}
.mid .conin2{ float:left; width:747px; height:442px!important; height:435px;}
.mid .conin2 .cons{ width:530px; margin:0 auto; padding-top:55px;}
.mid .conin2 .conss{ float:left; width:528px; border-left:1px solid #C1DDE8; border-right:1px solid #C1DDE8; background:#F2FBFA;}
.mid .conin2 .conss dl{ float:left; width:460px; padding:20px 0 20px 68px;}
.mid .conin2 .conss dl dt{ float:left; width:460px; font-size:14px; color:#407182; font-weight:bold; line-height:40px;}
.mid .conin2 .conss dl dd{ float:left; width:460px;padding:5px 0; padding /**/:10px 0; }
.mid .conin2 .conss dl dd em{ float:left; width:150px; font-style:normal;}
.mid .conin2 .conss dl dd span{ float:left; width:310px; color:#333333;}
.mid .conin2 .conss dl dd span input.input1{ width:66px;}

/* == 修改的 == */
.mid .con dl.dl2 dt{ float:left; width:294px; margin-left:20px; display:inline; background:url(../i/lovetest_bg22.gif) no-repeat left 38px; height:80px;}
.mid .con dl.dl2 dt em{ display:block; font-style:normal; padding-left:40px; padding-top:6px;}
.mid .con .conin ul.ul3 li{ float:left; padding:7px 0; padding /**/:10px 0; line-height:22px;}
.mid .con .conin ul.ul3 li span{ float:left; width:200px; padding-right:20px; text-align:right; cursor:pointer;}


/* == 圆角矩形 == */
.l1{height: 1px; font-size: 1px; overflow: hidden; display: block; background: #C1DDE8; margin: 0 5px;}
.l2{height: 1px; font-size: 1px; overflow: hidden; display: block; background: #F2FBFA; border-right: 2px solid #C1DDE8; border-left: 2px solid #C1DDE8; margin: 0 3px;}
.l3{height: 1px; font-size: 1px; overflow: hidden; display: block; background: #F2FBFA; border-right: 1px solid #C1DDE8; border-left: 1px solid #C1DDE8; margin: 0 2px;}
.l4{height: 2px; font-size: 1px; overflow: hidden; display: block; background: #F2FBFA; border-right: 1px solid #C1DDE8; border-left: 1px solid #C1DDE8; margin: 0 1px;}

.mid .con .conin h3.h32{ background-image:url(../i/lovetest_bg288.gif)}
.mid .conin dl.add{ float:left; width:747px; margin-top:50px; text-align:center; padding-bottom:40px;}
.mid .conin dl.add dt{ font-size:14px; font-weight:bold; color:#407182; line-height:30px;}

.mid .con .conin ul.ul2s{ float:left; width:710px; margin-left:19px; display:inline; margin-top:30px;position:relative;}
.mid .con .conin ul.ul2s li{ float:left; width:106px; background:url(../i/lovetest_li1s.gif) no-repeat left top; height:39px; line-height:27px; padding-bottom:12px; text-align:center; color:#fff;}
.mid .con .conin ul.ul2s li.lil,.mid .con .conin ul.ul2s li.lir{ font-size:14px; font-weight:bold; color:#003366; padding-right:10px; background-image:none; width:80px; line-height:30px;}
.mid .con .conin ul.ul2s li.lir{ color:#FF3300; padding-left:10px; padding-right:0;}
.mid .con .conin ul.ul2s li.li1{ background-image:url(../i/lovetest_li1s.gif);}
.mid .con .conin ul.ul2s li.li2{ background-image:url(../i/lovetest_li2s.gif);}
.mid .con .conin ul.ul2s li.li3{ background-image:url(../i/lovetest_li3s.gif);}
.mid .con .conin ul.ul2s li.li4{ background-image:url(../i/lovetest_li4s.gif);}
.mid .con .conin ul.ul2s li.li5{ background-image:url(../i/lovetest_li5s.gif);}
.mid .con .conin ul.ul2s .div1{ position:absolute; top:-7px; left:196px;}
.mid .con .conin ul.ul2s .div2{ position:absolute; top:-37px; right:196px;}
.mid .con .conin ul.ul2s .div3{ position:absolute; top:-7px; left:318px;}

/* == add090609 == */
.mid .con .conin .add0609{float:left; width:100%;padding-bottom:30px;}
.mid .con .conin .add0609 p{float:left; width:100px; padding-left:37px; text-align:center;}
.mid .con .conin .add0609 ul.ul0609{ width:610px; padding-left:0;}