.info-box-bg{ border-radius: 4px 4px 4px 4px;padding: 3px; background:url(../img/info-box/layer_bg.png) 0 0 repeat;float:left; }
.info-box{ background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #CCCCCC;border-radius: 2px 2px 2px 2px;position: relative; width:335px; float:left; padding:17px 20px 19px 20px; z-index:1000}
.info-box a{color:#005197}
.info-box a:hover{color:#c80000;text-decoration:underline;}
.info-box .arrow{display: block;overflow: hidden;position: absolute; background:url(../img/info-box/layer_arrow.png) 0 0 no-repeat; }
.info-box .arrow_r{background-position: -8px -24px;right: -9px;top:20px; width:9px; height:14px;}
.info-box .arrow_l{background-position: 0 -24px;left: -9px;top:20px; width:9px; height:14px;}
.info-box .arrow_t{background-position: 0 0;left: 20px;top:-9px; width:14px; height:9px;}
.info-box .arrow_b{background-position: 0 -8px;left: 20px;bottom:-9px; width:14px; height:9px;}
.info-box .left-img{ float:left; padding-right:10px; padding-top:3px;}
.info-box .left-img img{ float:left; width:70px; height:70px;}
.info-box .mid-info{ float:left; width:205px; line-height:15px;  }
.info-box .mid-info .box-01{ float:left; width:205px;font-size:12px;}
.info-box .mid-info .box-01 a{ float:left; padding-right:5px;}
.info-box .mid-info .webmaster{ float:left; background:url(../img/info-box/info-img-01.gif) 0 0 no-repeat; padding-left:18px; color:#333; margin-top:5px;width:187px;}

.info-box .level-0{ float:left; width:28px; height:9px; padding:5px 0 0 6px; background:url(../img/info-box/level.png) 0 0 no-repeat; overflow:hidden;}
.info-box .level-0 span{ float:left; width:26px; height:8px; background:url(../img/info-box/level.png) 0 -120px no-repeat;}

.info-box .level-1{ float:left; width:28px; height:9px; padding:5px 0 0 6px; background:url(../img/info-box/level.png) 0 -15px no-repeat;overflow:hidden;}
.info-box .level-1 span{ float:left; width:26px; height:8px; background:url(../img/info-box/level.png) 0 -140px no-repeat;}

.info-box .level-2{ float:left; width:28px; height:9px; padding:5px 0 0 6px; background:url(../img/info-box/level.png) 0 -15px no-repeat; overflow:hidden;}
.info-box .level-2 span{ float:left; width:26px; height:8px; background:url(../img/info-box/level.png) 0 -150px no-repeat;}

.info-box .level-3{ float:left; width:28px; height:9px; padding:5px 0 0 6px; background:url(../img/info-box/level.png) 0 -15px no-repeat;overflow:hidden;}
.info-box .level-3 span{ float:left; width:26px; height:8px; background:url(../img/info-box/level.png) 0 -160px no-repeat;}

.info-box .level-4{ float:left; width:28px; height:9px; padding:5px 0 0 6px; background:url(../img/info-box/level.png) 0 -15px no-repeat;overflow:hidden;}
.info-box .level-4 span{ float:left; width:26px; height:8px; background:url(../img/info-box/level.png) 0 -170px no-repeat;}

.info-box .level-5{ float:left; width:28px; height:9px; padding:5px 0 0 6px; background:url(../img/info-box/level.png) 0 -15px no-repeat;overflow:hidden;}
.info-box .level-5 span{ float:left; width:26px; height:8px; background:url(../img/info-box/level.png) 0 -180px no-repeat;}

.info-box .level-6{ float:left; width:28px; height:9px; padding:5px 0 0 6px; background:url(../img/info-box/level.png) 0 -15px no-repeat;overflow:hidden;}
.info-box .level-6 span{ float:left; width:26px; height:8px; background:url(../img/info-box/level.png) 0 -190px no-repeat;}

.info-box .level-7{ float:left; width:28px; height:9px; padding:5px 0 0 6px; background:url(../img/info-box/level.png) 0 -30px no-repeat;overflow:hidden;}
.info-box .level-7 span{ float:left; width:26px; height:8px; background:url(../img/info-box/level.png) 0 -210px no-repeat;}

.info-box .level-8{ float:left; width:28px; height:9px; padding:5px 0 0 6px; background:url(../img/info-box/level.png) 0 -30px no-repeat;overflow:hidden;}
.info-box .level-8 span{ float:left; width:26px; height:8px; background:url(../img/info-box/level.png) 0 -220px no-repeat;}

.info-box .level-9{ float:left; width:28px; height:9px; padding:5px 0 0 6px; background:url(../img/info-box/level.png) 0 -30px no-repeat;overflow:hidden;}
.info-box .level-9 span{ float:left; width:26px; height:8px; background:url(../img/info-box/level.png) 0 -230px no-repeat;}

.info-box .level-10{ float:left; width:28px; height:9px; padding:5px 0 0 6px; background:url(../img/info-box/level.png) 0 -30px no-repeat;overflow:hidden;}
.info-box .level-10 span{ float:left; width:26px; height:8px; background:url(../img/info-box/level.png) 0 -240px no-repeat;}

.info-box .level-11{ float:left; width:28px; height:9px; padding:5px 0 0 6px; background:url(../img/info-box/level.png) 0 -30px no-repeat;overflow:hidden;}
.info-box .level-11 span{ float:left; width:26px; height:8px; background:url(../img/info-box/level.png) 0 -250px no-repeat;}

.info-box .level-12{ float:left; width:28px; height:9px; padding:5px 0 0 6px; background:url(../img/info-box/level.png) 0 -30px no-repeat;overflow:hidden;}
.info-box .level-12 span{ float:left; width:26px; height:8px; background:url(../img/info-box/level.png) 0 -260px no-repeat;}

.info-box .level-13{ float:left; width:28px; height:9px; padding:5px 0 0 6px; background:url(../img/info-box/level.png) 0 -30px no-repeat;overflow:hidden;}
.info-box .level-13 span{ float:left; width:26px; height:8px; background:url(../img/info-box/level.png) 0 -270px no-repeat;}

.info-box .level-14{ float:left; width:28px; height:9px; padding:5px 0 0 6px; background:url(../img/info-box/level.png) 0 -45px no-repeat;overflow:hidden;}
.info-box .level-14 span{ float:left; width:26px; height:8px; background:url(../img/info-box/level.png) 0 -290px no-repeat;}

.info-box .level-15{ float:left; width:28px; height:9px; padding:5px 0 0 6px; background:url(../img/info-box/level.png) 0 -45px no-repeat;overflow:hidden;}
.info-box .level-15 span{ float:left; width:26px; height:8px; background:url(../img/info-box/level.png) 0 -300px no-repeat;}

.info-box .level-16{ float:left; width:28px; height:9px; padding:5px 0 0 6px; background:url(../img/info-box/level.png) 0 -45px no-repeat;overflow:hidden;}
.info-box .level-16 span{ float:left; width:26px; height:8px; background:url(../img/info-box/level.png) 0 -310px no-repeat;}

.info-box .level-17{ float:left; width:28px; height:9px; padding:5px 0 0 6px; background:url(../img/info-box/level.png) 0 -45px no-repeat;overflow:hidden;}
.info-box .level-17 span{ float:left; width:26px; height:8px; background:url(../img/info-box/level.png) 0 -320px no-repeat;}

.info-box .level-18{ float:left; width:28px; height:9px; padding:5px 0 0 6px; background:url(../img/info-box/level.png) 0 -45px no-repeat;overflow:hidden;}
.info-box .level-18 span{ float:left; width:26px; height:8px; background:url(../img/info-box/level.png) 0 -330px no-repeat;}

.info-box .level-19{ float:left; width:28px; height:9px; padding:5px 0 0 6px; background:url(../img/info-box/level.png) 0 -45px no-repeat;overflow:hidden;}
.info-box .level-19 span{ float:left; width:26px; height:8px; background:url(../img/info-box/level.png) 0 -340px no-repeat;}

.info-box .level-20{ float:left; width:28px; height:9px; padding:5px 0 0 6px; background:url(../img/info-box/level.png) 0 -45px no-repeat;overflow:hidden;}
.info-box .level-20 span{ float:left; width:26px; height:8px; background:url(../img/info-box/level.png) 0 -350px no-repeat;}





.info-box .mid-info p{float:left; padding-left:18px; color:#333; width:227px;}

.info-box .mid-info .exp{ float:left; color:#666; font-size:13px; margin-top:3px;width:205px;}
.info-box .mid-info .exp em{ color:#005197; font-size:12px;}

.info-box .right-integral{ float:right;  margin-top:3px; text-align:center;width:40px;}
.info-box .right-integral .high{ float:left; width:30px; height:30px; background:url(../img/info-box/info-img-03.gif) 0 0 no-repeat;}
.info-box .right-integral .low{ float:left; width:30px; height:30px; background:url(../img/info-box/info-img-02.gif) 0 0 no-repeat;}
.info-box .right-integral .scores{ color:#333; text-decoration:none; font-size:12px; font-weight:bold; font-family:Arial; margin-top:2px; float:left;}
.info-box .bottom-letter{ float:left; width:335px; text-align:right; padding-top:5px;}
.info-box .bottom-letter a{ color:#666;}
.info-box .bottom-letter a:hover{ color:#c80000;}

.info-box .mycredit{ float:left; width:335px; padding-top:10px; }
.info-box .mycredit .title{ float:left; width:335px; padding:10px 0}
.info-box .mycredit p { width:335px; padding-top:10px; float:left;}
.info-box .mycredit p span{ float:left; padding-right:10px; white-space:nowrap; }
.border-gray{background:url(../img/common/icon01.gif) 0 bottom repeat-x;}

.clear-both{height:0px; clear:both; overflow:hidden;}



.mycredit .attention-part{ float:right; line-height:24px; padding:0px; width:auto;}
.mycredit .attention-part a{ float:left;}
.mycredit .attention-part .attention-on{  width:41px; height:24px; background:url(../img/info-box/personal-center-24.gif) 0 0 no-repeat; padding-left:28px; color:#333; }
.mycredit .attention-part .attention-on:hover{ color:#c80000;}
.mycredit .attention-part .e-mail{  width:45px; height:24px; background:url(../img/info-box/personal-center-23.gif) 0 0 no-repeat; color:#333; padding-left:30px; margin-left:15px;}
.mycredit .attention-part .e-mail:hover{color:#c80000;}
.mycredit .attention-part .attention-off{ float:left;}
.mycredit .attention-part .attention-off{ width:112px; height:24px; background:url(../img/info-box/personal-center-22.gif) 0 0 no-repeat;}
.mycredit .attention-part .attention-off span{ float:left; color:#333; padding-left:28px;}
.mycredit .attention-part .attention-off a{ margin-left:14px; color:#1875CB;}
.mycredit .attention-part .attention-off a:hover{ color:#c80000; }





.mycredit .thd-box01{ float:right; position:relative; width:86px; margin-left:10px; display:inline;}
.mycredit .thd-box01 .thd-a{ float:left; width:77px; height:24px; line-height:24px; color:#333; background:url(../img/info-box/info-img-05.gif) 0 0 no-repeat; padding-left:9px;}
.mycredit .thd-box01 .thd-a:hover{ text-decoration:none; color:#333;}



.mycredit .thd-box01 .thd-bd{ float:left; width:333px; border:1px solid #eec9c0; background:#fff4ec; padding:16px 0 14px 0;  position:absolute; top:24px; right:0; z-index:1px; display:none;}
.mycredit .thd-box01 .thd-bd .select01{ float:left; width:156px; height:24px; margin-left:16px;}
.mycredit .thd-box01 .thd-bd .select02{ float:left; width:73px; height:24px; margin-left:8px;}
.mycredit .thd-box01 .thd-bd .submit{ float:left; width:54px; height:24px; background:#ab3535; line-height:24px; text-align:center; color:#fff; margin-left:8px;}
.mycredit .thd-box01 .thd-bd .submit:hover{ color:#fff; text-decoration:none;}

.mycredit .thd-box-on{ height:72px;}
.mycredit .thd-box-on .thd-a{background:url(../img/info-box/info-img-07.gif) 0 0 no-repeat; position:absolute; left:0px; top:0px; height:25px;  z-index:2}
.mycredit .thd-box-on .thd-bd{ display:block;}

.mycredit .thd-box-now{float:right; width:86px; height:24px; line-height:24px; color:#333; background:url(../img/info-box/info-img-08.gif) 0 0 no-repeat; text-align:center; margin-left:10px;}



.info-box .right-integral .bz-ico-01{ width:19px; height:20px; background:url(../img/common/ico-n-01.png) 0 0 no-repeat; float:right; margin-right:5px;}
.info-box .right-integral .bz-ico-02{ width:28px; height:20px; background:url(../img/common/ico-n-02.png) 0 0 no-repeat; float:right;}
.info-box .mid-info .bottom-info{ float:left;   margin: 6px 0 0 0;line-height:20px; background:url(../img/common/ico-n-03.png) 0 center no-repeat;width:205px; }
.info-box .mid-info .bottom-info .sp-01{float:left;padding-left:20px;color:#666;}
.info-box .mid-info .bottom-info .sp-02{float:left;color:#333;padding-left:20px;}
.info-box .mid-info .bottom-info .sp-02 em{font-weight:bold;}