


/*头部*/
#xheader {width:980px;margin:0px auto;color:#A3A3A3;}
#xheader .left {width:360px;float:left;}
#xheader .left #region {width:340px;margin:17px auto 4px;border:1px solid #F1F1F1;}
#xheader .left #region p {width:324px;margin:2px auto;color:#A9ADAE;line-height:21px;}
#xheader .left #region p a {color:#A3A3A3;}
#xheader .left #parameter {width:340px;margin:0px auto;height:24px;border:1px solid #F1F1F1;}
#xheader .left #parameter div {height:24px;line-height:24px;float:left;}
#xheader .left #parameter .map {font-weight:bold;width:88px;text-align:center;}
#xheader .left #parameter .map a {color:#D06C56;}
#xheader .left #parameter .jsymd {width:92px;}
#xheader .left #parameter #weather {width:160px;}
#xheader .center {width:240px;float:left;}
#xheader .center #logo {}
#xheader .center #logo img {width:240px;height:120px;behavior:url("images11iepngfix.htc");}
#xheader .right {width:380px;float:left;}
#xheader .right #u-panel {width:280px;float:left;}
#xheader .right #u-panel #u-about {height:32px;}
#xheader .right #u-panel #u-about ul {height:32px;width:280px;}
#xheader .right #u-panel #u-about li {width:64px;float:left;line-height:35px;height:32px;text-align:left;font-weight:bold;}
#xheader .right #u-panel #u-about li a {color:#b7b7b7;}
#xheader .right #u-panel #u-login {font-weight: bold;height:58px;color: #CD6E50;margin:4px auto 0px;}
#xheader .right #u-panel #u-login div {height:26px;line-height:26px;}
#xheader .right #u-panel #u-login .a {float:left;width:160px;}
#xheader .right #u-panel #u-login .a input {border: 1px solid #CDCDCD;height:18px;line-height:18px;}
#xheader .right #u-panel #u-login .b {float:left;width:76px;}
#xheader .right #u-panel #u-login .b input {width:80px;height:24px;cursor:hand;border:0px;}
#xheader .right #u-panel #u-login #password {width:102px;}
#xheader .right #u-panel #u-login .submit {background:url(/images11/ulogin.jpg) no-repeat;}
#xheader .right #u-panel #u-login .regist {background:url(images11ureg.jpg) no-repeat;}
#xheader .right #u-panel #u-weburl {height:24px;background:url(images14urlbg.jpg) no-repeat 0px -24px;}
#xheader .right #u-panel #u-weburl ul {height:24px;width:270px;}
#xheader .right #u-panel #u-weburl li {width:90px;float:left;line-height:27px;height:24px;text-indent:22px;}
#xheader .right #u-panel #u-weburl li a {color:#b7b7b7;}
#xheader .right #u-weixin {width:100px;float:left;}

/*广告*/
.frame-p {width:980px;margin:8px auto;}

/*2014焦点图、热点聚焦、志愿者注册*/
#frm1 {width:980px;margin:0px auto 8px;}
#frm1 .left {width:350px;float:left;}
#frm1 .left .container {}
#frm1 .left .container #slider {width: 340px;height:265px;margin-top:5px;}
#frm1 .left .container #slider #focusViwer {width: 340px;margin:4px auto 0px;font-size: 14px;}/*flash轮换*/
#frm1 .left .container #slider #focusViwer img {width:340px;height:232px;}
#frm1 .left .container .header {height: 30px;}
#frm1 .left .container .header p {width: 97%;height: 30px;color: #DD3824;text-indent: 5px;color:#666;}
#frm1 .left .container .header p a {font:bold 14px/30px "宋体";color:#D91C0A;}
#frm1 .left .container .header .more {font:normal 12px/32px "宋体";float:right;} 
#frm1 .left .container .header .more a {color:#ADADAD;font-size: 12px;font-weight:normal;}
#frm1 .left .container .photo {width:350px;margin:0px auto;}
#frm1 .left .container .photo ul {width:350px;}
#frm1 .left .container .photo li {float:left;width:175px;}
#frm1 .left .container .photo li img {display:block;border:1px solid #E4E4E4;margin:4px auto;width:160px;height:96px;}
#frm1 .left .container .photo li p {line-height:25px;height:25px;text-align:center;}
#frm1 .left .container .photo li p a {cursor:pointer;}
#frm1 .center {width:370px;float:left;}
#frm1 .center .container {}
#frm1 .center .container .header {height: 38px;background:url(images14header_bg.gif) no-repeat 0px 0px;}
#frm1 .center .container .header p {width: 97%;height: 38px;font:bold 14px/38px "宋体";color: #DD3824;text-indent: 5px;}
#frm1 .center .container .header .more {font:normal 12px/38px "宋体";float:right;} 
#frm1 .center .container .header .more a {color:#ADADAD;}
#frm1 .center .container .content {margin:4px auto;}
#frm1 .center .container .content dl {border-bottom:1px dotted #D1D1D1;width:98%;margin:5px auto;}
#frm1 .center .container .content dt {height:26px;font:bold 16px/26px "宋体";width:96%;margin:3px auto;}
#frm1 .center .container .content dd {font-size:12px;width:96%;margin:2px auto;height:44px;text-indent:2em;}
#frm1 .center .container .content ul {margin:6px auto 0px;}
#frm1 .center .container .content li {height:29px;font:normal 16px/29px "宋体";padding-left:8px;color:#666;padding-left:20px;background:url(images14dot_4.gif) no-repeat 0px 4px;}
#frm1 .right {width:260px;float:left;}
#frm1 .right .container {margin-left:10px;width:250px;}
#frm1 .right .container #search {background:url(images14searchbg.gif) no-repeat;color:#666;height:32px;margin:3px auto 5px;}
#frm1 .right .container #search .box {width:202px;height: 25px;margin-top:5px;float:left;}
#frm1 .right .container #search .box #keyboard {border-width:0px;border-style:none;font-size: 13px;margin-left:30px;}
#frm1 .right .container #search .smt {width:48px;height:29px;float:left;}
#frm1 .right .container #search .smt span {width:67px;height:29px;}
#frm1 .right .container #search .smt span a {width:67px;height:29px;display:block;text-decoration:none;}
#frm1 .right .container #voluntsys {width:248px;border:1px solid #E4E4E4;}
#frm1 .right .container #voluntsys .header {}
#frm1 .right .container #voluntsys .menu {width:234px;margin:8px auto 0px;}
#frm1 .right .container #voluntsys .menu li {width:117px;float:left;height:38px;}
#frm1 .right .container #voluntsys .content {}
#frm1 .right .container #voluntsys .content #new_volunt {height:48px;font-size:12px;width:240px;}
#frm1 .right .container #voluntsys .content ul {height:48px;}
#frm1 .right .container #voluntsys .content li {height:24px;font:normal 12px/24px "宋体";padding-left:18px;background:url(images14dot_2.gif) no-repeat 0px 0px;color:#666;}
#frm1 .right .container #voluntsys .content li a {color:#666;}
/*社区台账排行榜*/
#frm1 .right .container #ranklist .header {height: 38px;}
#frm1 .right .container #ranklist .header p {width: 98%;height: 38px;font:bold 14px/38px "宋体";color: #DD3824;text-indent: 5px;}
#frm1 .right .container #ranklist .header .more {font:normal 12px/38px "宋体";float:right;} 
#frm1 .right .container #ranklist .header .more a {color:#ADADAD;}
#frm1 .right .container #ranklist .sub_header {width:248px;margin:0px auto;}
#frm1 .right .container #ranklist .sub_header ul {width:231px;margin:1px auto;border-bottom:1px solid #DCDCDC;}
#frm1 .right .container #ranklist .sub_header li {float:left;margin-right:5px;width:72px;height:20px;font:normal 12px/20px "宋体";text-align:center;background-color:#fff;}
#frm1 .right .container #ranklist .sub_header li a {display:block;width:72px;height:20px;}
#frm1 .right .container #ranklist .content {width:97%;margin:5px auto;background:url(images14dot_iol.gif) no-repeat 0px -1px;}
#frm1 .right .container #ranklist .content ul {width:99%;margin:2px auto;}
#frm1 .right .container #ranklist .content li {height:24px;font:12px/24px "宋体";padding-left:24px;}
#frm1 .right .container #ranklist .content li a {color:#666;}
/*爱心购*/
#frm2 {width:990px;margin:10px auto;}
#frm2 .container {margin:5px auto;}
#frm2 .container ul {width:990px;}
#frm2 .container li {width:320px;height:150px;float:left;display:inline;margin:0px 5px;}
#frm2 .container li img {width:320px;height:150px;}
/*社区好人榜等*/
#frm3 {width:980px;margin:10px auto;}
#frm3 .header {height: 35px;}
#frm3 .header p {width: 98%;height: 35px;font:bold 14px/35px "宋体";color:#D91C0A;text-indent: 5px;}
#frm3 .header p a {color:#D91C0A;}
#frm3 .header .more {font:normal 12px/38px "宋体";float:right;} 
#frm3 .header .more a {color:#ADADAD;}
#frm3 .main {width:720px;float:left;}
#frm3 .main .left {width:350px;float:left;}
#frm3 .main .left .content img {float:left;width:136px;height:96px;margin-top:4px;border:1px solid #E4E4E4;}
#frm3 .main .left .content ul {}
#frm3 .main .left .content li {height:21px;font:normal 12px/21px "宋体";padding-left:5px;color:#666;padding-left:18px;background:url(images14dot_2.gif) no-repeat 0px 0px;}
#frm3 .main .left .word ul {border-bottom:1px dotted #D1D1D1;}
#frm3 .main .left .word li {display:inline;float:left;height:28px;font:normal 12px/28px "宋体";margin:0px 5px;color:#666;}
#frm3 .main .left li a {color:#666;}
#frm3 .right {width:260px;float:left;}
#frm3 .right .container {}
#frm3 .right .container .header {height: 34px;}
#frm3 .right .container .header p {width: 97%;height: 34px;text-indent: 9px;font-size:12px;color:#ACACAC;}
#frm3 .right .container .header a {font-size:14px;font-family:"宋体";color: #DD3824;}
#frm3 .right .container .header .more {font:normal 12px/34px "宋体";float:right;} 
#frm3 .right .container .header .more a {color:#ADADAD;font-size:12px;}
#frm3 .right .container .content {margin:0px auto;}
#frm3 .right .container .content dl {border-bottom:1px dotted #D1D1D1;width:98%;margin:5px auto;}
#frm3 .right .container .content dt {height:26px;font:bold 16px/26px "宋体";width:96%;margin:3px auto;}
#frm3 .right .container .content dd {font-size:12px;width:96%;margin:2px auto;}
#frm3 .right .container .content ul {margin:6px auto 0px;}
#frm3 .right .container .content li {height:29px;font:normal 16px/29px "宋体";padding-left:8px;color:#666;padding-left:20px;background:url(images14dot_4.gif) no-repeat 0px 4px;}
#wxbanner {width:718px;height:60px;margin:3px auto;}
#wxbanner .frame-p {width:717px;height:60px;margin:0px;}

#frm3 .main .right {width:370px;float:left;}
#frm3 .side {width:260px;float:left;overflow:visible;}
#frm3 .side .container {position:relative;overflow:visible;}
#frm3 .side .container .header {height: 34px;}
#frm3 .side .container .header p {width: 97%;height: 34px;text-indent: 9px;font-size:12px;color:#ACACAC;}
#frm3 .side .container .header a {font-size:14px;font-family:"宋体";color: #DD3824;}
#frm3 .side .container .header .more {font:normal 12px/34px "宋体";float:right;} 
#frm3 .side .container .header .more a {color:#ADADAD;font-size:12px;}
#frm3 .side .container .people {width:240px;margin:0px auto;height:52px;border-bottom:1px dotted #D1D1D1;}
#frm3 .side .container .people img {width:52px;height:52px;float:right;}
#frm3 .side .container .people dl {height:52px;}
#frm3 .side .container .people dt {height:30px;line-height:36px;font-size:14px;font-weight:bold;}
#frm3 .side .container .people dt span {font-size:12px;}
#frm3 .side .container .people dd {height:22px;line-height:22px;}
#frm3 .side .container .people dd a {color:#8d8d8d;display:block;width:2em;float:left;margin-right:5px;}
#poptip {width:260px;border:1px solid #f00;position:absolute;overflow:visible;padding: 6px 10px 5px;*padding: 7px 10px 4px;line-height: 16px;color: #DB7C22;background-color: #FFFCEF;border: solid 1px #FFBB76;border-radius: 2px;box-shadow: 0 0 3px #ddd;}
.poptip-arrow {position:absolute;width:0;height:0;border-width:15px; border-style:solid; border-color:transparent transparent #FFBB76;font-size:0; line-height:0;top:-30px;left:6px;}
.poptip-emp {position:absolute;width:0;height:0;border-width:13px; border-style:solid; border-color:transparent transparent #FFFCEF;font-size:0; line-height:0;top:-26px;left:8px;}
.poptip-close {display:block;position:absolute;z-index:10;width:25px;height:25px;right:-12px;top:-12px;}

.subpeople {width:248px;height:52px;border-bottom:1px dotted #D1D1D1;}
.subpeople .lc {float:left;display:block;width:196px;height:52px;}
.subpeople .lc p {height:26px;line-height:26px;font-size:12px;}
.subpeople .rc {float:left;display:block;width:52px;height:52px;}
.subpeople .rc img {width:52px;height:52px;}

/*志愿服务系列*/
#frm4 {width:980px;margin:10px auto;}
#frm4 .container {}
#frm4 .container .header {height: 34px;}
#frm4 .container .header p {width: 99%;line-height: 34px;height: 34px;text-indent: 9px;font-size:12px;color:#ACACAC;}
#frm4 .container .header a {font-size:14px;font-family:"宋体";color: #DD3824;font-weight:bold;}
#frm4 .container .header .more {font:normal 12px/34px "宋体";float:right;} 
#frm4 .container .header .more a {color:#ADADAD;font-size:12px;font-weight:normal;}
#frm4 .left {width:340px;float:left;}
#frm4 .left .photo {width:340px;margin:0px auto;}
#frm4 .left .photo ul {width:340px;}
#frm4 .left .photo li {float:left;width:170px;}
#frm4 .left .photo li img {display:block;border:1px solid #E4E4E4;margin:4px auto;width:160px;height:96px;}
#frm4 .left .photo li p {line-height:20px;text-align:center;}
#frm4 .left .photo li p a {cursor:pointer;}
#frm4 .center {width:320px;float:left;}
#frm4 .center .content ul {margin:3px auto;}
#frm4 .center .content li {height:28px;font:normal 14px/28px "宋体";padding-left:8px;color:#666;}
#frm4 .right {width:320px;float:left;}
#frm4 .right .content ul {margin:3px auto;}
#frm4 .right .content li {height:28px;font:normal 14px/28px "宋体";padding-left:8px;color:#666;}
/*志愿服务联合会等*/
#frm5 {width:980px;margin:10px auto;}
#frm5 .left {width:256px;float:left;}
#frm5 .container {border:1px solid #E4E4E4;}
#frm5 .container .header {height: 40px;background:#F6F6F6 url(images14header_all.gif) no-repeat 0px 0px;border-bottom:1px solid #D93921;}
#frm5 .container .header1 {background-position:0px 0px;}
#frm5 .container .header2 {background-position:0px -40px;}
#frm5 .container .header3 {background-position:0px -80px;}
#frm5 .container .header p {width: 98%;height: 40px;text-indent: 50px;color:#4C4C4C;font:bold 14px/40px "宋体";}
#frm5 .container dl {width:238px;margin:3px auto;}
#frm5 .container dl a {color:#666;}
#frm5 .container dt {height:22px;line-height:22px;font-weight:bold;}
#frm5 .container dd {height:20px;font:normal 12px/20px "宋体";padding-left:12px;background:url(images14dot_2.gif) no-repeat -5px 0px;color:#666;}
#frm5 .container dd.note {height:66px;text-indent:2em;padding-left:0px;background:none;}
#frm5 .center {width:280px;float:left;}
#frm5 .center .container {width:250px;margin:0px auto;}
#frm5 .right {width:444px;float:left;}
#frm5 .right .content {width:220px;float:left;}
#frm5 .right .content dl {width:210px;margin:5px auto;}
#frm5 .right .rc dl {margin:6px auto;}
#frm5 .right .rc dd {height:24px;line-height:24px;}

/*友情链接*/
.frm-link {width:980px;margin:5px auto;}
.frm-link a {color:#666;}
.frm-link .container {border-bottom:1px solid #EAEAE8;}
.frm-link .container .header {height:36px;line-height:36px;border-bottom:1px solid #CECECE;}
.frm-link .container .header p {display:block;height:34px;font-size:16px;border-bottom:2px solid #DC442F;color:#DC442F;text-indent:10px;font-family:"黑体";}
.frm-link .container .content {margin:4px auto;width:972px;}
.frm-link .container .content ul {font-size:14px;width:972px;}
.frm-link .container .content .ulink_1 li {margin-right:5px;height:24px;line-height:24px;float:left;display:inline;font-size:14px;}
/*底部链接*/
.frm-link .container .content .ulink_2 li {float:left;display:block;padding:0px 5px;height:24px;line-height:24px;font-size:14px;}
.frm-link .container .content .ulink_3 {height:48px;font-size:14px;width:968px;}
.frm-link .container .content .ulink_3 p {height:24px;}
.frm-link .container .content #footlink {line-height:24px;font-size:14px;}
.frm-link .container .content #footlink a {display:inline;padding:0px 3px;}


/*悬浮广告*/
.float_layer { width: 480px; border: 1px solid #aaaaaa; display:none; background: #fff; }
.float_layer h2 { height: 25px; line-height: 25px; padding-left: 10px; font-size: 13px; color: #fff; background:url(images12floathbg.gif) repeat-x; border-bottom: 1px solid #aaaaaa; position: relative; }
.float_layer .min { width: 21px; height: 20px; background: url(images12min.gif) no-repeat 0 bottom; position: absolute; top: 2px; right: 25px; }
.float_layer .min:hover { background: url(images12min.gif) no-repeat 0 0; }
.float_layer .max { width: 21px; height: 20px; background: url(images12max.gif) no-repeat 0 bottom; position: absolute; top: 2px; right: 25px; }
.float_layer .max:hover { background: url(images12max.gif) no-repeat 0 0; }
.float_layer .close { width: 21px; height: 20px; background: url(images12close.gif) no-repeat 0 bottom; position: absolute; top: 2px; right: 3px; }
.float_layer .close:hover { background: url(images12close.gif) no-repeat 0 0; }
.float_layer .content { height: 270px; overflow: hidden;}