#banner {
	height: 130px;
}
#banner div {
	background: no-repeat center 0px; height: 130px;
}
#banner .index {
	background-image: url("/banner/index.jpg");
}
#banner .about {
	background-image: url("/banner/about.jpg");
}
#banner .news {
	background-image: url("/banner/news.jpg");
}
#banner .relation {
	background-image: url("/banner/relation.jpg");
}
#banner .service {
	background-image: url("/banner/service.jpg");
}
#banner .citizen {
	background-image: url("/banner/citizen.jpg");
}
#banner .career {
	background-image: url("/banner/career.jpg");
}
#banner .suggest {
	background-image: url("/banner/suggest.jpg");
}
#banner .contact {
	background-image: url("/banner/contact.jpg");
}
#banner .search {
	background-image: url("/banner/search.jpg");
}
#content .nav {
	height: 77px; border-bottom-color: rgb(234, 234, 234); border-bottom-width: 1px; border-bottom-style: solid;
}
#content {
	
}
#content .nav .g-wrap .crumbs {
	background: url("../img/crumbs_icon.png") no-repeat 0px 32px; height: 100%; padding-left: 13px; float: left;
}
#content .nav .g-wrap .crumbs a {
	padding: 0px 9px; color: rgb(77, 72, 82); line-height: 77px; font-size: 12px; font-weight: bold; float: left;
}
#content .nav .g-wrap .crumbs a.on {
	background: url("../img/crumbs_arrow.png") no-repeat 0px 36px;
}
#content .nav .g-wrap .columns {
	height: 100%; float: right;
}
#content .nav .g-wrap .columns a {
	color: rgb(99, 102, 107); line-height: 77px; font-weight: bold; margin-left: 30px; float: left; position: relative;
}
#content .nav .g-wrap .columns a span {
	border-radius: 4px; transition:width 300ms; left: 0px; width: 0px; height: 2px; bottom: 0px; position: absolute; background-color: rgb(246, 59, 46); -webkit-transition: width 300ms;
}
#content .nav .g-wrap .columns a.on span {
	width: 100%;
}
#left {
	padding: 23px 23px 20px 20px; width: 764px; border-right-color: rgb(238, 238, 238); border-right-width: 1px; border-right-style: solid; float: left;
}
#left2 {
	 width: 807px; border-right-color: rgb(238, 238, 238); border-right-width: 1px; border-right-style: solid; float: left;
}
#right {
	padding: 23px 0px 43px 22px; width: 300px; margin-left: -1px; border-left-color: rgb(238, 238, 238); border-left-width: 1px; border-left-style: solid; float: right;
}
#footer {
	border-top-color: rgb(197, 197, 197); border-top-width: 2px; border-top-style: solid;
}
#reference .g-wrap {
	overflow: visible;
}
#reference .right {
	background: url("../img/footer_right_bg.jpg") no-repeat 0px 0px rgb(242, 242, 242); height: 66px; margin-top: -2px; border-left-color: currentColor; border-left-width: 0px; border-left-style: none;
}
#right > * {
	margin-bottom: 10px;
}
#right .pdf {
	padding: 22px; background-color: rgb(244, 244, 246);
}
#right .pdf .btn {
	background: url("../img/news/p_3_5.jpg") no-repeat 0px 0px; padding: 0px 9px; height: 43px; margin-bottom: 20px;
}
#right .pdf .btn .download {
	width: 122px; height: 100%; float: left;
}
#right .pdf .btn .read {
	width: 97px; height: 100%; float: right;
}
#right .pdf .link-list a {
	color: rgb(88, 135, 245); line-height: 18px;
}
#right .pdf .link-list p {
	color: rgb(88, 135, 245); line-height: 18px;
}
#right .pdf .link-list a:hover {
	color: rgb(2, 161, 129);
}
#right .pdf .link-list .top {
	color: rgb(2, 161, 129); font-size: 18px; margin-bottom: 8px;
}
#right .pdf .link-list .top:hover {
	color: rgb(246, 59, 46);
}
#right > a {
	display: block;
}
a.hover {
	overflow: hidden;
}
a.hover img {
	width: 100%; height: 100%;
}
a.hover:hover img {
	width: 102%; height: 102%; margin-top: -1%; margin-left: -1%;
}
.link-list a {
	transition:color 300ms; display: block; -webkit-transition: color 300ms;
}
.link-list a span {
	margin-right: 15px; float: left;
}
.link-list p {
	
}
.date-block {
	font: bold 14px/15px "novecento" !important; padding: 0px 10px; width: 68px; height: 72px; color: rgb(68, 68, 68); float: left; font-size-adjust: none !important; font-stretch: normal !important; background-color: rgb(225, 225, 225);
}
.date-block .day {
	font: bold 36px/36px "novecento" !important; margin: 10px 0px 3px; color: rgb(230, 43, 30); display: block; font-size-adjust: none !important; font-stretch: normal !important;
}
.link-block {
	border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: dotted;
}
.link-block a {
	padding: 10px 24px 10px 0px; transition:background-color 400ms; height: 76px; border-bottom-color: rgb(232, 230, 230); border-bottom-width: 2px; border-bottom-style: solid; display: block; -webkit-transition: background-color 400ms;
}
.link-block a:hover {
	background-color: rgb(225, 225, 225);
}
.link-block a:last-child {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.link-block a .summary {
	width: 620px; height: 100%; color: rgb(116, 105, 105); line-height: 18px; margin-left: 18px; float: left;
}
.link-block a h1 {
	line-height: 26px; margin-bottom: 8px;
}
.link-block a h3 {
	margin: -4px 0px; color: rgb(116, 105, 105);
}
.link-block a p {
	height: 36px; color: rgb(116, 105, 105); line-height: 18px; overflow: hidden; margin-top: 8px;
}
input.more {
	background: url("../img/btn_more_on.png") no-repeat center 15px rgb(225, 222, 222); transition:background 400ms; width: 100%; height: 54px; display: block; cursor: pointer; -webkit-transition: background 400ms;
}
input.more:hover {
	background-image: url("../img/btn_more.png"); background-color: rgb(230, 43, 30);
}
.metro {
	height: 386px; margin-bottom: 23px; position: relative;
}
.metro a {
	left: 0px; top: 0px; position: absolute;
}
#about-1 .editor {
	 color: rgb(116, 105, 105); margin:20px;
}
#about-1 .editor p {
	margin-bottom: 15px;
}
#about-1 .editor .hidden {
	display: none;
}
#about-2 .tabMenu {
	margin: 0px -5px 23px 0px; height: 57px;
}
#about-2 .tabMenu a {
	transition:color 300ms, background-color 300ms; width: 195px; text-align: center; color: rgb(99, 102, 107); line-height: 57px; font-size: 13px; font-weight: bold; border-right-color: rgb(255, 255, 255); border-right-width: 2px; border-right-style: solid; float: left; background-color: rgb(220, 221, 225); -webkit-transition: color 300ms, background-color 300ms;
}
#about-2 .tabMenu a.on {
	color: rgb(220, 221, 225); background-color: rgb(230, 43, 30);
}
#about-2 .tabMenu a:hover {
	color: rgb(220, 221, 225); background-color: rgb(230, 43, 30);
}
#about-2 .tabCont .item {
	overflow: hidden; display: none; -webkit-transtion: height 500ms; transtion: height 500ms;
}
#about-2 .tabCont .item .subitem {
	height: 209px; overflow: hidden; margin-bottom: 7px; background-color: rgb(241, 239, 241);
}
#about-2 .tabCont .item .subitem img {
	width: 154px; height: 100%; margin-right: 25px; float: left;
}
#about-2 .tabCont .item .subitem h1 {
	margin: 85px 0px 10px; color: rgb(76, 76, 76); font-size: 16px; font-weight: bold;
}
#about-2 .tabCont .item .subitem p {
	color: rgb(76, 76, 76); line-height: 18px; padding-right: 23px;
}
#about-3 .top {
	background: url("../img/about/p_3_1.jpg") no-repeat center -1px rgb(241, 239, 242); height: 389px;
}
#about-3 .top .g-wrap .intro {
	top: 100px; position: absolute;
}
#about-3 .top .g-wrap .intro h1 {
	color: rgb(231, 78, 66); margin-bottom: 10px;
}
#about-3 .top .g-wrap .intro p {
	color: rgb(94, 94, 94); font-size: 13px;
}
#about-3 .top .g-wrap .cont-areas {
	left: -12px; top: 185px; position: absolute;
}
#about-3 .top .g-wrap .cont-areas .item {
	padding: 6px 0px; height: 27px; color: rgb(77, 72, 82);
}
#about-3 .top .g-wrap .cont-areas .item * {
	padding: 7px 12px; line-height: 13px; font-size: 13px; font-weight: bold; float: left;
}
#about-3 .top .g-wrap .cont-areas .item span {
	color: rgb(231, 78, 66);
}
#about-3 .top .g-wrap .cont-areas .item a {
	border-radius: 30px; transition:color 300ms, background-color 300ms; -webkit-transition: color 300ms, background-color 300ms;
}
#about-3 .bottom {
	background: url("../img/about/p_3_2.jpg") center 0px; height: 446px; position: relative;
}
#about-3 .g-wrap .map-text {
	top: 35px; width: 630px; right: 0px; color: rgb(255, 255, 255); position: absolute;
}
#about-3 .g-wrap .map-text .map-text-shuzi {
	font-family: "dincond" !important; font-size: 80px; vertical-align: -41px;
}
#about-4 #history {
	height: 640px; overflow: hidden; background-color: rgb(135, 201, 127);
}
#about-4 #history .viewport {
	background: url("../img/about/p_4_1.jpg") no-repeat 2px 20px; margin: 0px auto; width: 1132px; height: 100%; overflow: visible; position: relative;
}
#about-4 #history .viewport .btn {
	background: no-repeat 0px 0px; top: 50%; width: 44px; height: 44px; margin-top: -22px; display: none; position: absolute; z-index: 2;
}
#about-4 #history .viewport .prev {
	left: -144px; background-image: url("../img/about/btn_prev.png");
}
#about-4 #history .viewport .next {
	right: -144px; background-image: url("../img/about/btn_next.png");
}
#about-4 #history .viewport .wrap {
	left: 0px; top: 0px; width: 100%; height: 100%; position: relative; z-index: 1;
}
#about-4 #history .viewport .wrap .item {
	background: url("../img/about/p_4_3.jpg") repeat-y 6px 0px; transition:bottom 300ms; width: 283px; bottom: -100%; position: absolute; -webkit-transition: bottom 500ms;
}
#about-4 #history .viewport .wrap .on {
	bottom: 0px;
}
#about-4 #history .viewport .wrap .item div {
	background: url("../img/about/p_4_2.png") no-repeat 0px 0px; padding: 5px 16px 5px 29px;
}
#about-4 #history .viewport .wrap .item div p {
	color: rgb(60, 93, 56); line-height: 18px; margin-bottom: 20px;
}
#about-4 #history .viewport .wrap .item div .year {
	font: lighter 48px/normal "myriadsetpro" !important; margin: -10px 0px 30px; color: rgb(52, 119, 43); display: block; font-size-adjust: none !important; font-stretch: normal !important;
}
#about-4 .link {
	padding: 15px 0px 20px; height: 165px; position: relative; z-index: 2; background-color: rgb(255, 255, 255);
}
#news-1 #left .headline {
	height: 218px; margin-bottom: 23px; position: relative;
}
#news-1 #left .headline img {
	width: 362px; height: 218px; margin-left: 22px; float: right;
}
#news-1 #left .headline .date {
	font: bold 27px/27px "novecento" !important; color: rgb(109, 138, 196); margin-bottom: 15px; display: block; font-size-adjust: none !important; font-stretch: normal !important;
}
#news-1 #left .headline h1 {
	line-height: 30px;
}
#news-1 #left .headline p {
	color: rgb(119, 119, 119);
}
#news-1 #left .headline .resouce {
	background: url("../img/news/p_1_2.jpg") no-repeat 0px 0px; left: 0px; width: 399px; height: 54px; bottom: 0px; position: absolute;
}
#news-1 #left .headline .more {
	width: 399px;
}
#right .special {
	display: block;
}
#news-3 .metro .a2 {
	top: 193px;
}
#news-3 .metro .a3 {
	left: 480px;
}
#news-3 #left .link-block {
	margin-top: 22px;
}
#left .news-editor {
	color: rgb(116, 105, 105); padding-left: 106px; position: relative;
}
#left .news-editor .date-block {
	left: 0px; top: 0px; position: absolute;
}
#left .news-editor h3 {
	margin: 14px 0px 25px;
}
#left .news-editor p {
	color: rgb(116, 105, 105); margin-bottom: 15px;
}
p {
	font-family: "Microsoft Yahei" !important;
}
span {
	font-family: "Microsoft Yahei" !important;
}
#left .news-editor .bshare-custom {
	height: 20px; overflow: hidden; margin-bottom: 5px;
}
#left .news-editor .bshare-custom a {
	background: url("../img/news/share.jpg") no-repeat 0px 0px; padding: 0px; width: 20px; height: 20px; overflow: hidden; margin-right: 5px; float: left;
}
#left .news-editor .bshare-custom .bshare-weixin {
	background-position: -54px 0px;
}
#left .news-editor .bshare-custom .bshare-sinaminiblog {
	background-position: -79px 0px;
}
#left .news-editor .bshare-custom .bshare-qzone {
	background-position: -129px 0px;
}
#left .news-editor .bshare-custom .bshare-qqim {
	background-position: -154px 0px;
}
#left .relative-news {
	border-top-color: rgb(232, 230, 230); border-top-width: 2px; border-top-style: solid; position: relative;
}
#left .relative-news .main-news {
	padding: 23px 16px 0px 106px; width: 302px; height: 170px; margin-bottom: -23px; border-right-color: rgb(204, 204, 204); border-right-width: 1px; border-right-style: dotted;
}
#left .relative-news .main-news .date-block {
	left: 0px; top: 23px; position: absolute;
}
#left .relative-news .main-news h1 {
	height: 44px; line-height: 22px; margin-bottom: 15px;
}
#left .relative-news .main-news p {
	color: rgb(119, 119, 119); line-height: 20px;
}
#left .relative-news .main-news .detail {
	color: rgb(230, 43, 30); line-height: 20px; display: block;
}
#left .relative-news .link-list {
	left: 443px; top: 24px; width: 340px; line-height: 20px; position: absolute;
}
#left .relative-news .link-list h1 {
	margin-bottom: 39px;
}
#left .relative-news .link-list a {
	color: rgb(119, 119, 119);
}
#left .stock .menu {
	left: 0px; width: 100%; height: 45px; bottom: 0px; position: absolute; background-color: rgb(76, 92, 153);
}
#left .stock .menu .wrap {
	height: 100%; float: right;
}
#left .stock .menu .wrap a {
	width: 90px; height: 100%; text-align: center; color: rgb(172, 183, 200); line-height: 45px; font-size: 13px; float: left;
}
#left .stock .menu .wrap a.on {
	background-color: rgb(43, 52, 89);
}
#left .stock {
	width: 100%; height: 218px; margin-bottom: 23px; position: relative; background-color: rgb(43, 52, 89);
}
#left .stock .item {
	left: 106px; top: 30px; width: 678px; height: 130px; display: none; position: absolute;
}
#left .stock .item table {
	width: 678px; height: 84px;
}
#left .stock .item table .tit {
	color: rgb(195, 203, 212); font-size: 13px;
}
#left .stock .item table .tit span {
	font: bold 13px/13px "novecento" !important; margin-left: 2px; font-size-adjust: none !important; font-stretch: normal !important;
}
#left .stock .item table .data td {
	font: bold 30px/70px "dincond", "Microsoft Yahei" !important; color: rgb(145, 145, 145); font-size-adjust: none !important; font-stretch: normal !important;
}
#left .stock .item table .data td span {
	font-family: "dincond" !important;
}
#left .stock .item table .data .red {
	color: rgb(230, 43, 30);
}
#left .stock .item table .data td span {
	float: left;
}
#left .stock .item table .data .green {
	color: rgb(0, 163, 82);
}
#left .stock .item table .data td .num {
	font-size: 60px;
}
#left .stock .item table .data td .icon {
	background: no-repeat 0px 44px; margin: 0px 3px; width: 16px; height: 70px; line-height: 0; font-size: 0px;
}
#left .stock .item table .data .red .icon {
	background-image: url("../img/relation/icon_stock_up.png");
}
#left .stock .item table .data .green .icon {
	background-image: url("../img/relation/icon_stock_down.png");
}
#left .stock .item table .data td .unit {
	line-height: 30px; font-size: 30px; margin-top: 30px;
}
#left .stock .item p {
	color: rgb(195, 203, 212); margin-top: 7px; opacity: 0.5; -webkit-opacity: 0.5; -moz-opacity: 0.5; -o-opacity: 0.5; -ms-opacity: 0.5;
}
.citizenship_content div {
	color: rgb(116, 105, 105); line-height: 22px; margin-bottom: 15px;
}
.citizenship_content a {
	color: rgb(230, 43, 30);
}
.citizenship_content p {
	width: 633px; clear: both;
}
#relation-1 .link-block a {
	background: url("../img/citizen/icon_pdf.png") no-repeat 707px 43px rgb(255, 255, 255);
}
#relation-1 .link-block a:hover {
	background-image: url("../img/citizen/icon_pdf_on.png"); background-color: rgb(225, 225, 225);
}
#relation-1 .link-block a .summary {
	width: 570px;
}
.divSelect {
	position: relative; z-index: 100; cursor: pointer;
}
.divSelect .caption {
	height: 100%; display: block;
}
.divSelect ul {
	width: 100%; overflow: hidden; display: none; position: absolute; z-index: 999;
}
.divSelect select {
	display: none;
}
#relation-3 .top {
	background: url("../img/relation/p_3_1.jpg") no-repeat 0px 0px; height: 310px; margin-bottom: 12px;
}
#relation-3 .fill {
	background: url("../img/relation/p_3_2.jpg") no-repeat 0px 0px; padding: 25px 23px 25px 0px; height: 502px; color: rgb(108, 108, 108); position: relative;
}
#relation-3 .fill .prompt {
	left: 34px; top: 46px; width: 220px; color: rgb(59, 73, 113); line-height: 18px; font-size: 12px; position: absolute;
}
#relation-3 .fill .prompt span {
	font-size: 15px;
}
#relation-3 .fill .item {
	width: 434px; height: 55px; line-height: 55px; padding-left: 22px; margin-bottom: 8px; float: right; background-color: rgb(255, 255, 255);
}
#relation-3 .fill .textarea {
	height: 133px;
}
#relation-3 .fill .item .divSelect {
	margin: 0px; padding: 0px 23px; width: 257px; height: 55px; color: rgb(108, 108, 108); float: right; background-color: rgb(255, 255, 255);
}
#relation-3 .fill .item input {
	margin: 0px; padding: 0px 23px; width: 257px; height: 55px; color: rgb(108, 108, 108); float: right; background-color: rgb(255, 255, 255);
}
#relation-3 .fill .item textarea {
	margin: 0px; padding: 0px 23px; width: 257px; height: 55px; color: rgb(108, 108, 108); float: right; background-color: rgb(255, 255, 255);
}
#relation-3 .fill .item .divSelect {
	background: rgb(255, 255, 255); padding: 0px; width: 303px;
}
#relation-3 .fill .item .divSelect .caption {
	background: url("../img/relation/slidedown.jpg") no-repeat right 0px; line-height: 53px; text-indent: 27px;
}
#relation-3 .fill .item .divSelect ul {
	border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentColor rgb(211, 211, 210) rgb(211, 211, 210); padding: 10px 0px; width: 301px; background-color: rgb(238, 238, 238);
}
#relation-3 .fill .item .divSelect ul li {
	padding: 0px 23px; height: 33px; line-height: 33px;
}
#relation-3 .fill .item .divSelect ul li:hover {
	background-color: rgb(205, 205, 205);
}
#relation-3 .fill .item textarea {
	padding: 23px; border: 0px currentColor; width: 255px; height: 87px; resize: none;
}
#relation-3 .submit {
	background: url("../img/relation/submit.png") no-repeat center 10px rgb(116, 189, 66); width: 456px; height: 53px; margin-top: 6px; float: right; cursor: pointer;
}
#relation-4 .link-block a {
	padding-right: 0px;
}
#relation-4 .link-block a .summary {
	width: 100%; margin-left: 0px;
}
#service-1 .tabMenu {
	border-width: 1px 0px 1px 1px; border-style: solid none solid solid; border-color: rgb(229, 229, 229) currentColor rgb(229, 229, 229) rgb(229, 229, 229); height: 108px;
}
#service-1 .tabMenu a {
	transition:background-color 400ms, color 400ms; width: 260px; height: 100%; text-align: center; color: rgb(51, 51, 51); line-height: 108px; font-size: 30px; border-right-color: rgb(229, 229, 229); border-right-width: 1px; border-right-style: solid; float: left; position: relative; -webkit-transition: background-color 400ms, color 400ms;
}
#service-1 .tabMenu .on.a1 {
	color: rgb(255, 255, 255); background-color: rgb(76, 142, 250);
}
#service-1 .tabMenu .on.a2 {
	color: rgb(255, 255, 255); background-color: rgb(255, 126, 0);
}
#service-1 .tabMenu .on.a3 {
	color: rgb(255, 255, 255); background-color: rgb(149, 200, 8);
}
#service-1 .tabCont .item {
	display: none;
}
#service-1 .tabCont .i1 {
	display: block;
}
#service-2 .wrap {
	color: rgb(102, 102, 102); padding-left: 38px; background-color: rgb(247, 247, 247);
}
#service-2 .wrap .intro {
	background: url("../img/service/p_2_tit.jpg") no-repeat 0px 48px; padding: 95px 30px 24px 0px;
}
#service-2 .wrap .intro p {
	line-height: 20px;
}
#service-2 .wrap span {
	color: rgb(102, 102, 102); line-height: 26px; font-size: 15px; display: block;
}
#service-2 .wrap .items .prompt {
	margin-bottom: 10px;
}
#service-2 .wrap .items .item {
	height: 201px; margin-bottom: 10px;
}
#service-2 .wrap .items .item img {
	width: 459px; height: 100%; float: left;
}
#service-2 .wrap .items .item p {
	width: 264px; height: 100%; line-height: 18px; padding-left: 23px; float: right; background-color: rgb(219, 224, 235);
}
#service-2 .wrap .items .item .tit {
	margin: 20px 0px 10px; font-size: 16px;
}
#service-3 .editor {
	background: rgb(247, 247, 247); padding: 48px; width: 689px; color: rgb(119, 119, 119);
}
#citizen-1 .metro .a2 {
	top: 193px;
}
#citizen-1 .metro .a3 {
	left: 481px; top: 0px;
}
#citizen-1 .metro .a4 {
	left: 480px;
}
#right a {
	position: relative;
}
#right a span {
	background: no-repeat 0px 0px; transition:opacity 500ms; left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute; opacity: 0; -webkit-transition: -webkit-opacity 500ms; -webkit-opacity: 0;
}
#right a:hover span {
	display: block; opacity: 1; -webkit-opacity: 1;
}
#right .volunteers_a1 span {
	background-image: url("../img/citizen/p_2_m1.jpg");
}
#right .volunteers_a2 span {
	background-image: url("../img/citizen/p_2_m2.jpg");
}
#right .volunteers_a3 span {
	background-image: url("../img/citizen/p_2_m3.jpg");
}
#career-1 {
	background: url("../img/career/p_1_1.jpg") no-repeat 0px -31px rgb(241, 239, 241); height: 505px; position: relative;
}
#career-1 #main {
	position: relative;
}
#career-1 .editor {
	padding-top: 75px;
}
#career-1 .editor h1 {
	color: rgb(231, 78, 66); margin-bottom: 10px;
}
#career-1 .editor p {
	color: rgb(106, 106, 106);
}
#career-1 .subjects {
	left: 0px; width: auto; height: 149px; bottom: 27px; margin-right: -20px; position: absolute;
}
#career-1 .subjects a {
	width: 366px; height: 100%; margin-right: 15px; float: left;
}
#career-1 .flower {
	right: -128px; bottom: 160px; display: none; position: absolute;
}
#suggest-1 .top {
	background: url("../img/suggest/p_1_1.jpg") no-repeat bottom rgb(241, 239, 242); height: 800px;
}
#suggest-1 .top .g-wrap .intro {
	top: 95px; position: absolute;
}
#suggest-1 .top .g-wrap .intro h1 {
	color: rgb(231, 78, 66); margin-bottom: 10px;
}
#suggest-1 .top .g-wrap .intro p {
	color: rgb(94, 94, 94); font-size: 13px;
}
#suggest-1 .top .g-wrap .cont-areas {
	top: 195px; position: absolute; z-index: 2;
}
#suggest-1 .top .g-wrap .cont-areas .item {
	padding: 6px 0px; height: 27px; color: rgb(77, 72, 82);
}
#suggest-1 .top .g-wrap .cont-areas .item * {
	padding: 7px 12px; line-height: 13px; font-size: 13px; font-weight: bold; float: left;
}
#suggest-1 .top .g-wrap .cont-areas .item span {
	color: rgb(231, 78, 66); padding-left: 0px;
}
#suggest-1 .top .g-wrap .cont-areas .item a {
	border-radius: 30px; transition:color 300ms, background-color 300ms; -webkit-transition: color 300ms, background-color 300ms;
}
#suggest-1 .top .g-wrap .cont-areas .item a.on {
	color: rgb(255, 255, 255); background-color: rgb(170, 170, 170);
}
#suggest-1 .bottom {
	height: 447px; position: relative; background-color: rgb(43, 48, 86);
}
#suggest-1 .g-wrap {
	overflow: visible;
}
#suggest-1 #bubble {
	background: url("../img/suggest/bubble_arrow2.png") no-repeat 12px 0px rgb(255, 255, 255); padding: 10px 10px 10px 20px; left: 0px; top: 0px; width: 365px; display: none; position: absolute;
}
#suggest-1 #bubble .wrap {
	width: 100%; position: relative; z-index: 1;
}
#suggest-1 #bubble .wrap td {
	width: 99px; text-align: center; color: rgb(0, 0, 0); line-height: 18px; font-size: 14px; vertical-align: middle;
}
#suggest-1 #bubble .wrap td a {
	background: url("../img/suggest/icon_bbs.jpg") no-repeat 0px 0px; width: 99px; height: 97px; display: block; position: relative;
}
#suggest-1 #bubble .wrap td a span {
	left: 12px; bottom: 12px; color: rgb(255, 255, 255); font-size: 14px; position: absolute;
}
#suggest-1 #bubble .wrap .td1 {
	width: 155px; text-align: left;
}
#suggest-1 #bubble .wrap .thead {
	height: 40px;
}
#suggest-1 #bubble .wrap .tbody .td1 {
	color: rgb(255, 150, 0); line-height: 30px; font-weight: bold; vertical-align: top;
}
#suggest-1 .top .g-wrap .tit {
	background: no-repeat 0px 0px; height: 37px; color: rgb(46, 46, 87); line-height: 37px; padding-left: 42px; font-size: 13px; margin-bottom: 20px;
}
#suggest-1 .top .g-wrap .cont-areas .tit {
	top: 185px; background-image: url("../img/refer_icon_1.png");
}
#suggest-1 .top .g-wrap .prop .tit {
	background-image: url("../img/refer_icon_2.png");
}
#suggest-1 .top .g-wrap .prop {
	left: 0px; top: 450px; width: 100%; color: rgb(73, 73, 73); position: absolute;
}
#suggest-1 .top .g-wrap .prop .tit {
	margin-bottom: 20px; position: static;
}
#suggest-1 .top .g-wrap .prop .phone {
	height: 40px; line-height: 40px; margin-bottom: 56px;
}
#suggest-1 .top .g-wrap .prop .phone p span {
	font: bold 36px/40px "dincond" !important; text-align: center; color: rgb(83, 175, 30); margin-left: 20px; font-size-adjust: none !important; font-stretch: normal !important;
}
#suggest-1 .top .g-wrap .prop .app {
	height: 104px; position: relative;
}
#suggest-1 .top .g-wrap .prop .app * {
	float: left;
}
#suggest-1 .top .g-wrap .prop .app .txt {
	line-height: 90px; margin-right: 20px;
}
#suggest-1 .top .g-wrap .prop .app .prompt {
	width: 200px; color: rgb(30, 30, 30); font-size: 16px; font-weight: bold; margin-left: 20px;
}
#suggest-1 .top .g-wrap .prop .app .prompt span {
	color: rgb(109, 109, 109); font-size: 12px; font-weight: normal; margin-bottom: 5px; display: block;
}
#suggest-1 .top .g-wrap .prop .app .prompt .btn {
	background: rgb(83, 175, 30); padding: 8px 16px; border-radius: 30px; color: rgb(255, 255, 255); cursor: pointer;
}
#suggest-1 .top .g-wrap .prop .app .code {
	background: url("../img/suggest/app_arrow.png") no-repeat 0px; margin: -26px 0px 0px -20px; width: 284px; color: rgb(105, 105, 105); padding-left: 20px; display: none;
}
#suggest-1 .top .g-wrap .prop .app .code .wrap {
	padding: 20px; border-radius: 15px; height: 150px; overflow: hidden; float: none; background-color: rgb(216, 215, 217);
}
#suggest-1 .top .g-wrap .prop .app .code .wrap p {
	width: 110px; height: 100%; text-align: center; line-height: 18px;
}
#suggest-1 .top .g-wrap .prop .app .code .wrap p img {
	width: 110px; height: 110px; margin-bottom: 8px;
}
#suggest-1 .top .g-wrap .prop .app .code .wrap .iso {
	float: left;
}
#suggest-1 .top .g-wrap .prop .app .code .wrap .adr {
	float: right;
}
#contact-1 .cont-info {
	background: url("../img/contact/p_1_1.jpg") no-repeat 0px 96px rgb(241, 239, 241); height: 389px; position: relative;
}
#contact-1 .cont-info .contacts {
	top: 175px; position: absolute;
}
#contact-1 .cont-info .c1 {
	left: 0px; width: 421px;
}
#contact-1 .cont-info .c2 {
	left: 468px; width: 663px;
}
#contact-1 .cont-info .contacts .menu {
	height: 57px; border-bottom-color: rgb(207, 179, 168); border-bottom-width: 1px; border-bottom-style: solid;
}
#contact-1 .cont-info .c2 .menu {
	margin-right: -35px;
}
#contact-1 .cont-info .contacts .menu a {
	color: rgb(86, 79, 74); line-height: 57px; font-size: 13px; font-weight: bold; margin-right: 35px; float: left;
}
#contact-1 .cont-info .contacts .menu .on {
	border-bottom-color: rgb(227, 34, 53); border-bottom-width: 1px; border-bottom-style: solid;
}
#contact-1 .cont-info .contacts .cont {
	height: 147px; position: relative;
}
#contact-1 .cont-info .contacts .cont .subitem {
	left: 0px; top: 20px; width: 100%; height: 127px; display: none; position: absolute;
}
#contact-1 .cont-info .contacts .cont .subitem * {
	color: rgb(86, 79, 74); font-size: 12px;
}
#contact-1 .cont-info .contacts .cont .subitem h1 {
	font-size: 15px;
}
#contact-1 .cont-areas {
	background: url("../img/contact/p_1_2_bg.jpg") repeat-x 0px 253px rgb(231, 78, 66); height: 378px; color: rgb(255, 238, 199); position: relative;
}
#contact-1 .cont-areas .belong {
	top: 36px; height: 49px; right: 0px; position: absolute;
}
#contact-1 .cont-areas .belong a {
	padding: 16px 35px; border-radius: 30px; border: 2px solid rgb(231, 78, 66); line-height: 13px; font-size: 13px; margin-left: 5px; float: left;
}
#contact-1 .cont-areas .belong a.on {
	border-color: rgb(254, 232, 194);
}
#contact-1 .cont-areas .comps {
	left: 0px; top: 110px; width: 100%; height: 108px; position: absolute;
}
#contact-1 .cont-areas .comps .item {
	left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute;
}
#contact-1 .cont-areas .comps .item .subitem {
	height: 27px;
}
#contact-1 .cont-areas .comps .item .subitem * {
	padding: 7px 12px; line-height: 13px; font-size: 13px; float: left;
}
#contact-1 .cont-areas .comps .item .subitem span {
	padding-left: 0px;
}
#contact-1 .cont-areas .comps .item .subitem a {
	border-radius: 30px; transition:color 300ms, background-color 300ms; -webkit-transition: color 300ms, background-color 300ms;
}
#contact-1 .cont-areas .comps .item .subitem a.on {
	color: rgb(231, 78, 66); background-color: rgb(255, 238, 199);
}
#contact-1 .cont-areas .comps .item .subitem a:hover {
	color: rgb(231, 78, 66); background-color: rgb(255, 238, 199);
}
#contact-1 .cont-areas .addrs {
	left: 0px; top: 270px; width: 100%; height: 90px; color: rgb(255, 238, 199); position: absolute;
}
#contact-1 .cont-areas .addrs .item {
	left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute;
}
#contact-1 .cont-areas .addrs .item .subitem {
	left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute;
}
#contact-1 .cont-areas .addrs .item .subitem h1 {
	color: rgb(255, 238, 199); line-height: 29px; font-size: 20px; font-weight: normal;
}
#contact-1 .cont-areas .addrs .item .subitem p {
	line-height: 29px;
}
#contact-1 .cont-areas .addrs .item .subitem a {
	background: url("../img/contact/p_1_2_icon.png") no-repeat 0px 0px; line-height: 29px; padding-left: 35px; display: inline-block;
}
#search {
	margin-bottom: 36px;
}
#search .prompt {
	background: url("../img/search/p_1_1.jpg") no-repeat center 4px; height: 160px; margin-bottom: 23px; position: relative;
}
#search .prompt p {
	right: 0px; bottom: 15px; color: rgb(116, 105, 105); font-size: 14px; position: absolute;
}
#search .prompt p span {
	color: rgb(255, 17, 0); font-size: 14px;
}
#search .link-block a {
	padding: 24px 5px; height: auto;
}
#volunteer #left .wrap {
	height: 405px; color: rgb(158, 126, 107); position: relative; background-color: rgb(240, 237, 231);
}
#volunteer #left .wrap * {
	left: 50%; top: 0px; text-align: center; position: absolute;
}
#volunteer #left p {
	width: 300px; margin-left: -150px;
}
#volunteer #left .wrap .welcomes {
	font: bold 30px/30px "dincond", "Microsoft Yahei" !important; top: 60px; width: 300px; color: rgb(34, 66, 65); margin-left: -150px; font-size-adjust: none !important; font-stretch: normal !important;
}
#volunteer #left .wrap .welcomes span {
	color: rgb(158, 126, 107); font-size: 16px; font-weight: normal; position: static;
}
#volunteer #left .btn {
	padding: 0px 10px; border: 2px solid rgb(230, 43, 30); height: 44px; text-align: center; color: rgb(76, 76, 76); line-height: 44px; font-size: 14px; display: block; background-color: rgb(240, 237, 231);
}
#volunteer #left .fill {
	padding: 0px 10px; border: 2px solid rgb(230, 43, 30); height: 44px; text-align: center; color: rgb(76, 76, 76); line-height: 44px; font-size: 14px; display: block; background-color: rgb(240, 237, 231);
}
#volunteer #left .on.btn {
	color: rgb(255, 255, 255); background-color: rgb(230, 43, 30);
}
#volunteer #left .long {
	width: 198px; margin-left: -111px;
}
#volunteer #left .longer {
	width: 241px; margin-left: -120px;
}
#volunteer #left .normal {
	width: 122px; margin-left: -111px;
}
#volunteer #left .short {
	width: 70px; margin-left: -111px;
}
#volunteer #left input.fill {
	padding: 1px 11px; border: 1px solid rgb(212, 212, 211); background-color: rgb(255, 255, 255);
}
#volunteer #left input.btn {
	padding: 0px; width: 218px; line-height: 40px; margin-left: -109px; cursor: pointer;
}
#volunteer #left .guide .a1 {
	top: 165px;
}
#volunteer #left .guide .a2 {
	top: 229px;
}
#volunteer #left .register .i1 {
	top: 127px;
}
#volunteer #left .register .i2 {
	top: 191px;
}
#volunteer #left .register .code {
	top: 194px; margin-left: -12px;
}
#volunteer #left .register .i3 {
	top: 255px;
}
#volunteer #left .register .prompt {
	top: 322px;
}
#volunteer #left .register .prompt a {
	color: rgb(230, 43, 30); font-weight: bold; position: static;
}
#volunteer #left .register .reference {
	background: url("../img/login/icon_refer.png") no-repeat right 0px; padding: 0px 40px 0px 0px; left: auto; top: 25px; width: 75px; height: 34px; text-align: right; right: 22px; line-height: 17px;
}
#volunteer #left .login .reference {
	background: url("../img/login/icon_refer.png") no-repeat right 0px; padding: 0px 40px 0px 0px; left: auto; top: 25px; width: 75px; height: 34px; text-align: right; right: 22px; line-height: 17px;
}
#volunteer #left .login p {
	top: 70px; font-size: 16px;
}
#volunteer #left .login .i1 {
	top: 108px;
}
#volunteer #left .login .i2 {
	top: 172px;
}
#volunteer #left .login .i3 {
	top: 236px;
}
#volunteer #left .login a {
	top: 305px;
}
#volunteer #left .login a {
	width: 60px; font-size: 13px; margin-left: -30px;
}
#volunteer #left .register-fill {
	height: 780px;
}
#volunteer #left .register-fill p span {
	font-size: 14px; display: block; position: static;
}
#volunteer #left .register-fill input {
	margin-left: -209px;
}
#volunteer #left .register-fill .i13 {
	top: 160px; width: 145px;
}
#volunteer #left .register-fill .i11 {
	top: 160px; margin-left: -13px;
}
#volunteer #left .register-fill .i12 {
	top: 224px;
}
#volunteer #left .register-fill .d5 {
	top: 224px; z-index: 101;
}
#volunteer #left .register-fill .i0 {
	top: 160px;
}
#volunteer #left .register-fill .d1 {
	top: 160px; z-index: 109;
}
#volunteer #left .register-fill .i1 {
	top: 220px; width: 145px;
}
#volunteer #left .register-fill .i2 {
	top: 220px; width: 222px; margin-left: -34px;
}
#volunteer #left .register-fill .i3 {
	top: 280px; width: 176px;
}
#volunteer #left .register-fill .reg_city {
	top: 280px; line-height: 48px; font-size: 14px; margin-left: -2px;
}
#volunteer #left .register-fill .d2 {
	top: 280px; z-index: 108;
}
#volunteer #left .register-fill .i4 {
	top: 340px; width: 394px;
}
#volunteer #left .register-fill .i5 {
	top: 400px;
}
#volunteer #left .register-fill .i6 {
	top: 400px; width: 165px; margin-left: 20px;
}
#volunteer #left .register-fill .i7 {
	top: 460px; width: 210px;
}
#volunteer #left .register-fill .i8 {
	top: 460px; margin-left: 32px;
}
#volunteer #left .register-fill .i9 {
	top: 520px; width: 222px;
}
#volunteer #left .register-fill .d3 {
	top: 520px; width: 164px !important; margin-left: 44px !important; z-index: 107;
}
#volunteer #left .register-fill .d3 ul {
	left: 20px !important; width: 120px !important;
}
#volunteer #left .register-fill .d4 {
	top: 580px; margin-left: -100px !important; z-index: 106;
}
#volunteer #left .register-fill .i10 {
	top: 680px; width: 414px;
}
#volunteer #left .register-fill .file {
	top: 546px; width: 418px; height: 48px; margin-left: -209px;
}
#volunteer #left .register-fill .file .f1 {
	padding: 1px 10px; border: 1px solid rgb(212, 212, 211); left: 0px; top: 0px; width: 268px; overflow: hidden; margin-left: 0px; background-color: rgb(255, 255, 255);
}
#volunteer #left .register-fill .file .f2 {
	border-radius: 30px; border: 0px currentColor; left: auto; top: 0px; width: 119px; height: 48px; right: 0px; margin-left: 0px; z-index: 1; background-color: rgb(178, 165, 147);
}
#volunteer #left .register-fill .file .f3 {
	outline: blue solid 1px; border-radius: 30px; left: auto; top: 0px; width: 119px; height: 48px; right: 0px; display: none; z-index: 2; cursor: pointer; opacity: 0; -webkit-opacity: 0;
}
#volunteer #left .register-fill p {
	top: 45px; font-size: 16px;
}
#volunteer #left .wrap .divSelect {
	background: rgb(219, 213, 204); width: 189px; height: 48px; margin-left: 20px;
}
#volunteer #left .wrap .divSelect * {
	border-radius: 30px; left: 0px; margin-left: 0px;
}
#volunteer #left .wrap .divSelect .caption {
	left: 0px; top: 0px; width: 100%; height: 100%; line-height: 48px; font-size: 14px;
}
#volunteer #left .wrap .divSelect ul {
	padding: 15px 0px; border-radius: 10px; left: 19px; top: 50px; width: 150px; position: absolute; background-color: rgb(219, 213, 204);
}
#volunteer #left .wrap .divSelect ul li {
	width: 100%; height: 35px; line-height: 35px; position: static;
}
#volunteer #left .wrap .divSelect ul li:hover {
	color: rgb(255, 255, 255); background-color: rgb(170, 170, 170);
}
#volunteer #left .email-fill p {
	top: 60px; font-size: 16px;
}
#volunteer #left .email-fill .fill {
	top: 100px;
}
#volunteer #left .email-fill .i2 {
	top: 164px;
}
#volunteer #left .email-fill #yzm {
	top: 164px;
}
#volunteer #left .email-fill .btn {
	top: 228px;
}
#volunteer #left .email-send p {
	top: 60px; font-size: 16px;
}
#volunteer #left .email-send .mail {
	top: 100px; color: rgb(230, 43, 30);
}
#volunteer #left .email-send .btn {
	top: 150px;
}
#volunteer #left .succeed {
	background: url("../img/login/icon_success.png") no-repeat 108px 108px rgb(240, 237, 231); height: 405px;
}
#volunteer #left .succeed p {
	top: 73px; text-align: center; color: rgb(195, 54, 52); font-size: 16px;
}
#volunteer #left .succeed p span {
	line-height: 100px; font-size: 53px; font-weight: bold; display: block; position: static;
}
#volunteer #left .succeed .btn {
	top: 255px;
}
#volunteer #left .user {
	padding: 39px 29px; color: rgb(158, 126, 107); background-color: rgb(240, 237, 231);
}
#volunteer #left .user a {
	color: rgb(109, 104, 97);
}
#volunteer #left .user input {
	color: rgb(109, 104, 97);
}
#volunteer #left .user .tabs {
	height: 49px;
}
#volunteer #left .user .tabs a {
	border-radius: 30px; border: 2px solid rgb(209, 201, 201); width: 168px; height: 45px; text-align: center; color: rgb(158, 126, 107); line-height: 45px; font-size: 14px; margin-right: 6px; float: left;
}
#volunteer #left .user .tabs a.on {
	border-color: rgb(230, 43, 30); color: rgb(255, 255, 255); background-color: rgb(230, 43, 30);
}
#volunteer #left .user .tabs a:hover {
	border-color: rgb(230, 43, 30); color: rgb(255, 255, 255); background-color: rgb(230, 43, 30);
}
#volunteer #left .user .conts .item {
	display: none; position: relative;
}
#volunteer #left .user .conts .item input {
	left: 50%; position: absolute;
}
#volunteer #left .user .conts .item input.upload {
	color: rgb(109, 104, 97); position: static; cursor: pointer; background-color: transparent;
}
#volunteer #left .user .conts .item-1 {
	height: 600px;
}
#volunteer #left .user .conts .item-2 {
	height: 500px; padding-bottom: 100px;
}
#volunteer #left .user .conts .item-3 {
	height: 600px;
}
#volunteer #left .user .conts .item-1 p {
	left: 50%; width: 280px; height: 48px; line-height: 48px; margin-left: -250px; position: absolute;
}
#volunteer #left .user .conts .item-1 p * {
	position: static;
}
#volunteer #left .user .conts .item-1 p .label {
	width: 100px; text-align: right; float: left;
}
#volunteer #left .user .conts .item-1 p .cont {
	border-radius: 30px; width: 160px; height: 44px; text-align: center; line-height: 44px; float: right; background-color: rgb(255, 255, 255);
}
#volunteer #left .user .conts .item-1 p span.cont {
	background-color: rgb(224, 221, 216);
}
#volunteer #left .user .conts .item-1 .divSelect {
	width: 160px !important; z-index: 100;
}
#volunteer #left .user .conts .item-1 .divSelect span {
	left: -122px !important;
}
#volunteer #left .user .conts .item-1 .divSelect ul {
	left: 8px !important; width: 140px !important;
}
#volunteer #left .user .conts .item-1 .divSelect .caption {
	text-align: center; text-indent: -48px !important;
}
#volunteer #left .user .conts .item-1 .p1 {
	top: 53px; margin-left: -300px; z-index: 2;
}
#volunteer #left .user .conts .item-1 .p2 {
	top: 53px; margin-left: -50px;
}
#volunteer #left .user .conts .item-1 .p3 {
	top: 108px; margin-left: -300px; z-index: 2;
}
#volunteer #left .user .conts .item-1 .p4 {
	top: 108px; margin-left: -50px;
}
#volunteer #left .user .conts .item-1 .p5 {
	top: 163px; margin-left: -300px; z-index: 2;
}
#volunteer #left .user .conts .item-1 .p6 {
	top: 163px; margin-left: -50px;
}
#volunteer #left .user .conts .item-1 .d3 {
	top: 218px; margin-left: -179px !important;
}
#volunteer #left .user .conts .item-1 .p7 {
	top: 218px; margin-left: -50px;
}
#volunteer #left .user .conts .item-1 .p8 {
	top: 273px; margin-left: -300px; z-index: 2;
}
#volunteer #left .user .conts .item-1 .p9 {
	top: 273px; margin-left: -50px;
}
#volunteer #left .user .conts .item-1 .p10 {
	top: 328px; margin-left: -300px; z-index: 2;
}
#volunteer #left .user .conts .item-1 .p11 {
	top: 328px; margin-left: -50px;
}
#volunteer #left .user .conts .item-1 .p12 {
	top: 383px; margin-left: -300px; z-index: 2;
}
#volunteer #left .user .conts .item-1 .p13 {
	top: 383px; margin-left: -50px;
}
#volunteer #left .user .conts .item-1 .d1 {
	top: 438px; margin-left: -179px !important; z-index: 101;
}
#volunteer #left .user .conts .item-1 .d2 {
	top: 438px; margin-left: 70px !important;
}
#volunteer #left .user .conts .item-1 .p14 {
	top: 550px; margin-left: -109px;
}
#volunteer #left .user .conts .item .divSelect {
	margin: 0px 0px 0px -121px; padding: 0px; left: 50%; width: 292px; height: 44px; position: absolute;
}
#volunteer #left .user .conts .item .divSelect span {
	left: -129px; top: 0px; width: 100px; text-align: right; line-height: 44px; position: absolute;
}
#volunteer #left .user .conts .item .divSelect .caption {
	background: url("../img/relation/slidedown.jpg") no-repeat right -3px rgb(255, 255, 255); margin: 0px; border-radius: 30px; width: 100%; height: 100%; line-height: 44px; text-indent: 27px; overflow: hidden; position: static;
}
#volunteer #left .user .conts .item .divSelect ul {
	padding: 10px 0px; border-radius: 30px; border: 1px solid rgb(211, 211, 210); left: 20px; width: 250px; margin-top: 3px; display: none; background-color: rgb(238, 238, 238);
}
#volunteer #left .user .conts .item .divSelect ul li {
	padding: 0px 23px; height: 33px; line-height: 33px;
}
#volunteer #left .user .conts .item .divSelect ul li:hover {
	background-color: rgb(205, 205, 205);
}
#volunteer #left .user .conts .item-2 table {
	width: 100%; margin-top: 40px; border-collapse: collapse;
}
#volunteer #left .user .conts .item-2 table tr {
	height: 121px; color: rgb(109, 104, 97); border-bottom-color: rgb(195, 193, 190); border-bottom-width: 1px; border-bottom-style: solid;
}
#volunteer #left .user .conts .item-2 table tr.thead {
	height: 78px; color: rgb(255, 255, 255); background-color: rgb(195, 193, 190);
}
#volunteer #left .user .conts .item-2 table td {
	text-align: center;
}
#volunteer #left .user .conts .item-2 table .thead td {
	text-align: center; line-height: 78px;
}
#volunteer #left .user .conts .item-2 table .thead .first {
	width: 350px; text-indent: 208px;
}
#volunteer #left .user .conts .item-2 table td a span {
	padding: 0px 15px; width: 100px; line-height: 18px; float: left;
}
#volunteer #left .user .conts .item-2 table td a img {
	width: 214px; height: 120px; float: left;
}
#volunteer #left .user .conts .item-2 .pages {
	background: url("../img/login/user_2_btns.png") no-repeat right 0px; font: 22px/34px "Arial", "Microsoft Yahei", sans-serif; height: 34px; right: 36px; bottom: -18px; color: rgb(85, 85, 85); padding-right: 108px; position: absolute; font-size-adjust: none; font-stretch: normal;
}
#volunteer #left .user .conts .item-2 .pages .curr {
	color: rgb(230, 43, 30);
}
#volunteer #left .user .conts .item-2 .pages a {
	top: 0px; width: 34px; height: 100%; position: absolute;
}
#volunteer #left .user .conts .item-2 .pages .prev {
	right: 49px;
}
#volunteer #left .user .conts .item-2 .pages .next {
	right: 0px;
}
#volunteer #left .user .conts .item-3 .i1 {
	top: 92px;
}
#volunteer #left .user .conts .item-3 .i2 {
	top: 153px;
}
#volunteer #left .user .conts .item-3 .i3 {
	top: 214px;
}
#volunteer #left .user .conts .item-3 .i4 {
	top: 275px;
}
#volunteer #right .user-welcomes {
	background: url("../img/login/user_icon.png") no-repeat 32px 27px rgb(255, 217, 0); height: 195px; position: relative;
}
#volunteer #right .user-welcomes p {
	left: 95px; top: 27px; color: rgb(62, 63, 65); font-size: 14px; position: absolute;
}
#volunteer #right .user-welcomes input {
	left: 50%; top: 100px; width: 66px; height: 31px; color: rgb(225, 222, 222); margin-left: -33px; position: absolute; cursor: pointer; background-color: rgb(104, 106, 106);
}
#right .user-welcomes p .u-center {
	padding: 0px 10px; border-radius: 30px; text-align: center; color: rgb(255, 255, 255); line-height: 30px; font-size: 15px; font-weight: bold; margin-top: 7px; display: block; background-color: rgb(133, 195, 72);
}
#right .user-welcomes p span {
	color: rgb(230, 43, 30);
}
#f_list_1 li {
	height: 89px; border-bottom-color: rgb(232, 230, 230); border-bottom-width: 1px; border-bottom-style: solid;
}
#f_list_1 li#li_11 {
	background: url("../img/about/f_icon1.jpg") no-repeat 94px 28px; height: auto; padding-bottom: 20px; min-height: 89px;
}
#f_list_1 li#li_12 {
	background: url("../img/about/f_icon2.jpg") no-repeat 94px; position: relative;
}
#f_list_1 li#li_13 {
	background: url("../img/about/f_icon3.jpg") no-repeat 94px; position: relative;
}
#f_list_1 li h1 {
	color: rgb(71, 69, 69); line-height: 89px; font-size: 16px; float: left;
}
#f_list_1 li .list_con {
	width: 610px; margin-top: 30px; margin-left: 110px; float: left;
}
#f_list_1 li .list_con a {
	color: rgb(129, 128, 131); line-height: 30px; font-size: 12px; margin-right: 13px; display: inline;
}
#wc_title {
	color: rgb(71, 69, 69); font-size: 16px; margin-top: 36px; margin-bottom: 17px;
}
#f_list_1 li#li_12 a#qqv {
	left: 94px; top: 29px; width: 35px; height: 32px; display: inline-block; position: absolute;
}
#f_list_1 li#li_13 span#app_btn {
	left: 94px; top: 26px; width: 37px; height: 37px; display: inline-block; position: absolute;
}
#f_list_1 li#li_13 .code {
	background: url("../img/suggest/app_arrow.png") no-repeat 0px; left: 160px; top: -50px; width: 284px; color: rgb(105, 105, 105); padding-left: 20px; display: none; position: absolute; z-index: 2;
}
#f_list_1 li#li_13 .code .wrap {
	padding: 20px; border-radius: 15px; height: 150px; overflow: hidden; float: none; background-color: rgb(216, 215, 217);
}
#f_list_1 li#li_13 .code .wrap p {
	width: 110px; height: 100%; text-align: center; line-height: 18px;
}
#f_list_1 li#li_13 .code .wrap p img {
	width: 110px; height: 110px; margin-bottom: 8px;
}
#f_list_1 li#li_13 .code .wrap .iso {
	float: left;
}
#f_list_1 li#li_13 .code .wrap .adr {
	float: right;
}
#f_list_2 {
	width: 792px;
}
#f_list_2 li {
	background: rgb(240, 238, 238); padding: 7px; width: 375px; height: 128px; margin-right: 7px; margin-bottom: 7px; float: left;
}
#f_list_2 li .img_box {
	background: rgb(125, 125, 125); width: 126px; height: 126px; overflow: hidden; float: left;
}
#f_list_2 li .con_box {
	width: 238px; height: 91px; overflow: hidden; padding-top: 36px; float: right;
}
#f_list_2 li .con_box h1 {
	color: rgb(129, 128, 131); font-size: 16px; font-weight: bold; margin-bottom: 12px;
}
#f_list_2 li .con_box p {
	color: rgb(129, 128, 131); font-size: 12px;
}