@import url("common2018.css");

/*右侧悬浮导航栏*/
.toolbars{position:fixed;top:250px;right:20px;height:270px;width:100px;border:1px solid #C9C9C9;background-color:#FFF;}
.toolbars ul{font-size:15px;color:#7E7E7E;list-style:none;}
.toolbars ul li{text-align:center;color:#7E7E7E;padding:7px 0px;border-bottom:1px dashed #C9C9C9;}
.toolbars ul .zhuanti{border-bottom:1px solid #C9C9C9 !important;}
.toolbars .toolbars-footer{float:left;width:100px;font-size:13px;text-align:center;background-color: #FCFCFC;}
.toolbars .toolbars-footer img{display:inline-block;margin:0px auto;}
.toolbars .toolbars-footer a{color:#CE3F1D;}

/*头部*/
#xheader {width:980px;margin:0px auto;color:#A3A3A3;}
#xheader .left {width:190px;float:left;}
#xheader .center {width:520px;float:left;}
#xheader .center #logo {}
#xheader .center #logo img {width:520px;height:92px; margin:15px 0px;}
#xheader .right {width:270px;margin:10px 0px;}
#xheader .right #u-panel {width:150px;float:left;}
#xheader .right #u-panel #u-about {}
#xheader .right #u-panel #u-about ul {width:150px;padding-top:10px;list-style:none;}
#xheader .right #u-panel #u-about li {width:50px;float:left;text-align:center;}
#xheader .right #u-panel #u-about li a {color:#b7b7b7;display:inline-block;}
#xheader .right #u-panel #u-searchurl #search {width:140px;padding-left:8px;padding-top:3px;}
#xheader .right #u-panel #u-searchurl #search #schform {width:130px;height:24px;background:url(/skin/2018/img/searchbg.jpg) no-repeat 0px 0px;}
#xheader .right #u-panel #u-searchurl #search #schform .box{float:left;padding-top:1px;padding-left:1px;}
#xheader .right #u-panel #u-searchurl #search #schform .box #keyboard{height:17px;width:102px;border-style:none;border-width:0px;}
#xheader .right #u-panel #u-searchurl #search #schform .smt {float:left;display:inline-block;width:22px;height:22px;}
#xheader .right #u-panel #u-searchurl #search #schform .smt a{display:inline-block;width:22px;height:22px;cursor:pointer;}
#xheader .right #u-weburl {width:40px;float:left;margin-top:8px;}
#xheader .right #u-weburl ul{width:40px;}
#xheader .right #u-weburl ul li{width: 40px;height: 28px;padding-top: 4px;color:#b7b7b7;}
#xheader .right #qrcode {width:80px;float:left;margin-top:8px;}
#xheader .right #qrcode img{width:80px;padding-top: 7px;}

/*广告*/
.frame-p {width:980px;margin:8px auto;}

/*2014焦点图、热点聚焦、志愿者注册*/
#frm1 {width:980px;margin:0px auto 8px;}
#frm1 .left {width:610px;float:left;}
#frm1 .left .container {}
#frm1 .left .container .carousel_wrapper{}
#frm1 .left .container .carousel_wrapper #carousel{width: 600px;height:350px;margin-top:5px;position:relative;margin:0 auto;overflow:hidden;}
#frm1 .left .container .carousel_wrapper #carousel .ul_list{width:3600px;height:350px;position: absolute;z-index:1;}
#frm1 .left .container .carousel_wrapper #carousel .ul_list li{display:inline-block;width:600px;height:350px;list-style:none;float:left;}
#frm1 .left .container .carousel_wrapper #carousel .ul_list li a{display:inline-block;width: 100%;height:100%;}
#frm1 .left .container .carousel_wrapper #carousel .odiv{width: 600px;height:30px;background-color:black;opacity:0.6;position: absolute;bottom:0px;z-index: 99;}
#frm1 .left .container .carousel_wrapper #carousel .odiv p{display:inline-block;float:left;font-size:20px;color:#FFF;padding-top:4px;opacity:1 !important;}
#frm1 .left .container .carousel_wrapper #carousel .odiv .odiv_nav{display:inline-block;float: right;padding-right:20px;padding-top:10px;}
#frm1 .left .container .carousel_wrapper #carousel .odiv .odiv_nav .span_list{width:10px;height:10px;background-color:#CCCCCC;border-radius: 50%;float: left;margin-left: 10px;cursor:pointer;}
#frm1 .right {width:370px;float:left;margin-top:5px;}
#frm1 .right .container {}
#frm1 .right .container .header {width:370px;height: 175px;}
#frm1 .right .container .header p{color:#C03C2D;font:bold 20px/20px "黑体";text-align:center;padding-top:53px;}
#frm1 .right .container .header ul{padding:15px 10px 0px 10px;font-size:15px;margin-bottom:23px}
#frm1 .right .container .header ul li{padding-left:17px;background:url(/skin/2018/img/dot_4.gif) no-repeat 0px 0px;}
#frm1 .right .container .header .phone{width:180px;font-size:12px;float:right;color:#000;text-align:center;}
#frm1 .right .container .content {margin:0px auto 20px;}
#frm1 .right .container .content p{text-align:left;font-size:21px;color:#0D6CA6;font-weight:bold;font-family:"黑体";overflow:hidden;height:35px;line-height:35px;}
#frm1 .right .container .content ul {margin:10px auto 0px;}
#frm1 .right .container .content ul li {height:29px;font:normal 16px/29px "Microsoft YaHei";padding-top:6px;padding-left:8px;color:#666;padding-left:20px;background:url(/skin/2018/img/dot_2.gif) no-repeat 0px 8px;}


/*爱心购*/
/* #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;padding-top:10px;}
#frm3 .main {width:980px;float:left;}
#frm3 .main .left {width:660px;height:260px;float:left;}
#frm3 .main .left .header{width:660px;float:left;color:#CE3F1D;font:bold 21px/23px "Microsoft YaHei";}
#frm3 .main .left .header span {display:inline-block;padding:0px 10px;}
#frm3 .main .left .header img{padding-bottom:5px;}
#frm3 .main .left .header .more{padding-right:3px;}
#frm3 .main .left .header .more img{padding:0px;}
#frm3 .main .left .content{width:660px;padding-top:15px;}
#frm3 .main .left .content .pic{width:250px;float:left;display:inline-block;}
#frm3 .main .left .content .pic img {}
#frm3 .main .left .content .pic ul {padding-top:18px;}
#frm3 .main .left .content .pic ul li {height:21px;font:normal 15px/21px "Microsoft YaHei";padding-left:18px;background:url(/skin/2018/img/dot_2.gif) no-repeat 0px 0px;}
#frm3 .main .left .content .main_nav {width:380px;float:left;display:inline-block;padding-left:10px;}
#frm3 .main .left .content .main_nav ul {float:left;font-size:17px;}
#frm3 .main .left .content .main_nav ul li{float:left;padding:0px 10px;height:30px;}
#frm3 .main .left .content .main_nav ul li a{display:inline-block;height:30px;width:40px;}
#frm3 .main .left .content .line{width:340px;height:1px;background-color:#945649;display:inline-block;float:left;margin-left:20px;}
#frm3 .main .left .content .main_content {width:380px;float:left;display:inline-block;padding-left:18px;}
#frm3 .main .left .content .main_content ul{font-size:15px;color:#000;padding-top:10px;}
#frm3 .main .left .content .main_content ul li{padding:0px 0px 5px 16px;background:url(/skin/2018/img/dot_2.gif) no-repeat 0px 3px;overflow:hidden;height:23px;line-height:26px;}
#frm3 .right {width:320px;float:left;}
#frm3 .right .container {width:320px;}
#frm3 .right .container .header {width:320px;height:38px;color:#FFF;background-color:#DE3A30;font-size:15px;}
#frm3 .right .container .header .house{display:inline-block;float:left;}
#frm3 .right .container .header .info{display:inline-block;float:left;font-size:19px;font-family:"黑体";padding-left:7px;padding-top:8px;}
#frm3 .right .container #voluntsys {width:300px;margin-left: 18px;border:1px solid #E4E4E4;background-color:#FFFAF7;}
#frm3 .right .container #voluntsys .login{width:180px;margin:0px auto;}
#frm3 .right .container #voluntsys .login #login_head{display:inline-block;margin-top:10px;}
#frm3 .right .container #voluntsys .login #user_login{display:inline-block;margin:15px 5px 10px 5px;}
#frm3 .right .container #voluntsys .menu {width:250px;padding:0px 25px 15px 25px;background-color:#FFFAF7;background:url(/skin/2018/img/login_bg.jpg) repeat-x}
#frm3 .right .container #voluntsys .menu ul{list-style:none;}
#frm3 .right .container #voluntsys .menu li {width:117px;float:left;display:inline-block;height:35px;padding:2px 5px 7px 0px;}

/*志愿风采*/
#frm4 {width:980px;margin:10px auto;}
#frm4 .main {width:980px;float:left;}
#frm4 .main .left {width:660px;height:260px;float:left;}
#frm4 .main .left .header{width:660px;float:left;color:#CE3F1D;font:bold 21px/23px "Microsoft YaHei";}
#frm4 .main .left .header span {display:inline-block;padding:0px 10px;}
#frm4 .main .left .header img{padding-bottom:5px;}
#frm4 .main .left .header .more{padding-right:3px;}
#frm4 .main .left .header .more img{padding:0px;}
#frm4 .main .left .content{width:660px;padding-top:15px;}
#frm4 .main .left .content .pic{width:250px;float:left;display:inline-block;}
#frm4 .main .left .content .pic img {}
#frm4 .main .left .content .pic ul {padding-top:18px;}
#frm4 .main .left .content .pic ul li {height:21px;font:normal 15px/21px "Microsoft YaHei";padding-left:18px;background:url(/skin/2018/img/dot_2.gif) no-repeat 0px 0px;}
#frm4 .main .left .content .main_nav {width:380px;float:left;display:inline-block;padding-left:10px;}
#frm4 .main .left .content .main_nav ul {float:left;font-size:17px;}
#frm4 .main .left .content .main_nav ul li{float:left;padding:0px 10px;height:30px;}
#frm4 .main .left .content .main_nav ul li a{display:inline-block;height:30px;}
#frm4 .main .left .content .line{width:250px;height:1px;background-color:#945649;display:inline-block;float:left;margin-left:20px;}
#frm4 .main .left .content .main_content {width:380px;float:left;display:inline-block;padding-left:18px;}
#frm4 .main .left .content .main_content ul{width:380px;font-size:15px;color:#000;padding-top:10px;}
#frm4 .main .left .content .main_content ul li{padding:0px 0px 5px 16px;background:url(/skin/2018/img/dot_2.gif) no-repeat 0px 3px;overflow:hidden;height:23px;line-height:26px;}
#frm4 .right {width:320px;float:left;}
#frm4 .right .container {width:320px;}
#frm4 .right .container .header {width:320px;height:38px;color:#FFF;background-color:#DC3A13;font-size:15px;}
#frm4 .right .container .header .plane{display:inline-block;float:left;padding-top:2px;padding-left:100px;}
#frm4 .right .container .header .info{display:inline-block;float:left;font-size:19px;font-family:"黑体";padding-top:8px;padding-left:5px;}
#frm4 .right .container .header .more{display:inline-block;float:left;padding-top:2px;float:right;padding-right:10px;}
#frm4 .right .container #recruit {width:318px;border:1px solid #E4E4E4;height:200px;overflow:hidden;}
#frm4 .right .container #recruit .menu {width:318px;color:#343434;font-size:18px;background-color:#FFF;padding:10px 0px 10px 4px;}
#frm4 .right .container #recruit .menu li {overflow:hidden;position:relative;padding-left:26px;font:normal 16px/29px "Microsoft YaHei";padding-bottom:7px;background:url(/skin/2018/img/horn.jpg) no-repeat 6px 5px;hidden;height:28px;line-height:30px;}

/*志愿项目*/
#frm5 {width:980px;margin:10px auto;}
#frm5 .main {width:980px;float:left;}
#frm5 .main .left {width:660px;height:340px;float:left;}
#frm5 .main .left .header{width:660px;float:left;color:#CE3F1D;font:bold 21px/23px "Microsoft YaHei";}
#frm5 .main .left .header span {display:inline-block;padding:0px 10px;}
#frm5 .main .left .header img{padding-bottom:5px;}
#frm5 .main .left .header .more{padding-right:3px;}
#frm5 .main .left .header .more img{padding:0px;}
#frm5 .main .left .content{width:660px;padding-top:15px;}
#frm5 .main .left .content .ngb{float:left;width:313px;height:285px;border:1px solid #E7E7E7;display:inline-block;}
#frm5 .main .left .content .ngb .title{color:#CE3F1D;padding:7px;}
#frm5 .main .left .content .ngb .title .brick{float:left;display:inline-block;vertical-align:middle;padding-right:2px;padding-top:2px;}
#frm5 .main .left .content .ngb .title .item{float:left;display:inline-block;color:#CE3F1D;font-size:17px;vertical-align:middle;padding-left:5px;}
#frm5 .main .left .content .ngb .detail{padding-bottom:8px;}
#frm5 .main .left .content .ngb .detail img{display:inline-block;float:left;padding-left:7px;}
#frm5 .main .left .content .ngb .detail .article{color:#989898;display:inline-block;float:left;width:94px;padding-left:12px;padding-top:7px;text-indent:2em;}
#frm5 .main .left .content .ngb .list {}
#frm5 .main .left .content .ngb .list ul{font-size:14px;color:#000;}
#frm5 .main .left .content .ngb .list ul li{padding-left:18px;padding-bottom:7px;background:url(/skin/2018/img/dot_2.gif) no-repeat 0px 2px;overflow:hidden;height:23px;line-height:25px;}
#frm5 .main .left .content .care {float:left;width:313px;height:285px;border:1px solid #E7E7E7;display:inline-block;margin-left:15px;}
#frm5 .main .left .content .care .title{color:#CE3F1D;padding:7px;}
#frm5 .main .left .content .care .title .brick{float:left;display:inline-block;vertical-align:middle;padding-right:2px;padding-top:2px;}
#frm5 .main .left .content .care .title .item{float:left;display:inline-block;color:#CE3F1D;font-size:17px;vertical-align:middle;padding-left:5px;}
#frm5 .main .left .content .care .intro{}
#frm5 .main .left .content .care .detail{padding-bottom:8px;}
#frm5 .main .left .content .care .detail img{display:inline-block;float:left;padding-left:7px;}
#frm5 .main .left .content .care .detail .article{color:#989898;display:inline-block;float:left;width:96px;padding-left:12px;padding-top:7px;text-indent:2em;}
#frm5 .main .left .content .care .list {}
#frm5 .main .left .content .care .list ul{font-size:14px;color:#000;}
#frm5 .main .left .content .care .list ul li{padding-left:18px;padding-bottom:7px;background:url(/skin/2018/img/dot_2.gif) no-repeat 0px 2px;height:23px;line-height:25px;}
#frm5 .right {width:320px;float:left;}
#frm5 .right .container {width:320px;}
#frm5 .right .container .header {width:320px;height:38px;color:#FFF;background-color:#DC3A13;font-size:15px;}
#frm5 .right .container .header .info{display:inline-block;float:left;font-size:19px;font-family:"黑体";padding-left:120px;padding-top:9px;}
#frm5 .right .container .header .more{display:inline-block;float:left;padding-top:2px;float:right;padding-right:10px;}
#frm5 .right .container #zhuanti {width:318px;height:284px;border:1px solid #E7E7E7;}
#frm5 .right .container #zhuanti img{padding:20px 16px 4px;}
#frm5 .right .container #zhuanti .detail{padding:5px 16px;text-indent:2em;}

/*志愿课堂*/
#frm6 {width:980px;margin:10px auto;}
#frm6 .main {width:980px;float:left;}
#frm6 .main .left {width:660px;height:620px;float:left;}
#frm6 .main .left .header{width:660px;float:left;color:#CE3F1D;font:bold 21px/23px "Microsoft YaHei";}
#frm6 .main .left .header span {display:inline-block;padding:0px 10px;}
#frm6 .main .left .header img{padding-bottom:5px;}
#frm6 .main .left .header .more{padding-right:3px;}
#frm6 .main .left .header .more img{padding:0px;}
#frm6 .main .left .content{width:660px;}
#frm6 .main .left .content .train{margin-top:15px;float:left;width:313px;height:278px;border:1px solid #E7E7E7;display:inline-block;}
#frm6 .main .left .content .train .title{color:#CE3F1D;padding:7px;}
#frm6 .main .left .content .train .title .brick{float:left;display:inline-block;vertical-align:middle;padding-right:2px;padding-top:2px;}
#frm6 .main .left .content .train .title .item{display:inline-block;color:#CE3F1D;font-size:17px;vertical-align:middle;padding-left:5px;}
#frm6 .main .left .content .train .detail{padding-bottom:8px;}
#frm6 .main .left .content .train .detail img{display:inline-block;float:left;padding-left:7px;}
#frm6 .main .left .content .train .detail .article{color:#989898;display:inline-block;float:left;width:94px;padding-left:12px;padding-top:7px;text-indent:2em;}
#frm6 .main .left .content .train .list {}
#frm6 .main .left .content .train .list ul{font-size:14px;color:#000;padding-bottom:6px;}
#frm6 .main .left .content .train .list ul li{padding-left:18px;padding-bottom:7px;background:url(/skin/2018/img/dot_2.gif) no-repeat 0px 2px;overflow:hidden;height:21px;line-height:23px;}
#frm6 .main .left .content .ency {margin-top:15px;float:left;width:313px;height:278px;border:1px solid #E7E7E7;display:inline-block;}
#frm6 .main .left .content .ency .title{color:#CE3F1D;padding:7px;}
#frm6 .main .left .content .ency .title .brick{float:left;display:inline-block;vertical-align:middle;padding-right:2px;padding-top:2px;}
#frm6 .main .left .content .ency .title .item{display:inline-block;color:#CE3F1D;font-size:17px;vertical-align:middle;padding-left:5px;}
#frm6 .main .left .content .ency .pics {width:308px;height:239px;}
#frm6 .main .left .content .ency .pics img{}


#frm6 .right {width:320px;float:left;height:620px;}
#frm6 .right .container {width:320px;}
#frm6 .right .container .header {width:320px;height:38px;color:#FFF;background-color:#DC3A13;font-size:15px;}
#frm6 .right .container .header .info{display:inline-block;float:left;font-size:19px;font-family:"黑体";padding-left:120px;padding-top:9px;}
#frm6 .right .container .header .more{display:inline-block;float:left;padding-top:2px;float:right;padding-right:10px;}
#frm6 .right .container .ranklist{overflow:hidden;height:570px;}
#frm6 .right .container .contact_scroll{display:inline-block;position:relative;width:318px;height:130px;font-size:15px;border:1px solid #E7E7E7;overflow:hidden;}
#frm6 .right .container .contact_scroll .contact_left{width:126px;float:left;padding-top:5px;}
#frm6 .right .container .contact_scroll .contact_left .pic{width:90px;height:90px;margin-top:10px;border-radius:50%;border:1px solid #DDDDDD;background-repeat:no-repeat;background-position:top center;margin:auto;}
#frm6 .right .container .contact_scroll .contact_left .zhuren{text-align:center;padding-top:8px;}
#frm6 .right .container .contact_scroll .contact_right{float:left;width:175px;padding-left:10px;}
#frm6 .right .container .contact_scroll .contact_right .area{padding-top:10px;}
#frm6 .right .container .contact_scroll .contact_right .qq{padding-top:10px;}
#frm6 .right .container .contact_scroll .contact_right .qqun{padding-top:10px;}

/*志愿地图*/
#frm7 {width:980px;height:530px;margin:10px auto;background-color:#FFF;}
#frm7 .main {width:980px;float:left;}
#frm7 .main .left {width:660px;float:left;}
#frm7 .main .left .header{width:660px;float:left;color:#CE3F1D;font:bold 21px/23px "Microsoft YaHei";}
#frm7 .main .left .header img{vertical-align:middle;}
#frm7 .main .left .header .more{padding-right:3px;}
#frm7 .main .left .header .more img{padding:0px;}
#frm7 .main .left .content{width:660px;padding-top:15px;}
#frm7 .main .left .content .pic{width:250px;float:left;display:inline-block;}
#frm7 .main .left .content .pic img {}

#frm7 .right {width:320px;margin-top:15px;float:left;}
#frm7 .right .container {width:318px;height:480px;border:1px solid #E7E7E7;}
#frm7 .right .container .header {width:320px;height:38px;color:#FFF;background-color:#DC3A13;font-size:15px;}
#frm7 .main .left .header span {display:inline-block;padding:0px 10px;}
#frm7 .right .container .header .info{display:inline-block;float:left;padding-top:8px;padding-left:80px;font-size:19px;font-family:"黑体";}
#frm7 .right .container .header .more{display:inline-block;padding-top:2px;float:right;padding-right:10px;}
#frm7 .right .container .sub_header{width:318px;height:59px;}
#frm7 .right .container .sub_header ul{width:318px;margin:20px auto;border-bottom:1px solid #E5CFB7;font:bold 16px/38px "微软雅黑";}
#frm7 .right .container .sub_header ul li{float:left;border-width:0px;padding:0px 3px;width:100px;display:inline-block;height:38px;text-align:center;color:#FE7E00;}
#frm7 .right .container .sub_header ul li a{display:block;border-radius:8px 8px 0px 0px;}
#frm7 .right .container .content ul{list-style:none;font-size:15px;margin-left:10px;margin-top:10px;padding:4px 11px 10px 20px;background:url(/skin/2018/img/rank_number.jpg) no-repeat 0px 5px;}
#frm7 .right .container .content ul li{padding:5px 0px 8px 8px;color:#FF7D00;white-space:nowrap;}

/*支持机构*/
.frm-support {width:980px;margin:5px auto;}
.frm-support .container{background-color:#FFF;}
.frm-support .container .header {height:26px;}
.frm-support .container .header p{display:block;height:21px;font:bold 19px/20px "Microsoft YaHei";border-bottom:2px solid #DC442F;color:#CE3F1D;padding-bottom:3px;}
.frm-support .container .content{padding-top:17px;}
.frm-support .container .content .img{width:320px;padding-right:5px;display:inline-block;float:left;}


/*中国文明网联盟和友情链接*/
.frm-link {width:980px;margin:25px auto;padding-top:18px;border-top:1px solid #DADADA;}
.frm-link a {color:#666;}
.frm-link .container {border-bottom:1px solid #EAEAE8;}
.frm-link .container .header {height:36px;line-height:36px;}
.frm-link .container .header p {cursor:pointer;display:inline-block;float:left;text-align:center;height:34px;font-size:16px;}
.frm-link .container .header .union{width:140px;}
.frm-link .container .header .friend{width:90px;}
.frm-link .container .header .else{display:inline-block;float:left;width:748px;border-bottom:1px solid #935548;height:34px;}
.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 li {height:24px;}
.frm-link .container .content #footlink {line-height:24px;font-size:14px;}
.frm-link .container .content #footlink a {display:inline;padding:0px 3px;}