﻿#banner {height:93px;}
#banner div {height:93px; background:no-repeat center 0;}
#banner .about {background-image:url(../img/banner/about.jpg);}
#banner .news {background-image:url(../img/banner/news.jpg);}
#banner .relation {background-image:url(../img/banner/relation.jpg);}
#banner .service {background-image:url(../img/banner/service.jpg);}
#banner .citizen {background-image:url(../img/banner/citizen.jpg);}
#banner .career {background:url(../img/banner/career.jpg);}
#banner .suggest {background-image:url(../img/banner/suggest.jpg);}
#banner .contact {background-image:url(../img/banner/adout.jpg);}
#banner .search {background-image:url(../img/banner/search.jpg);}
#banner .case {background-image:url(../img/banner/industry.jpg);}
#banner .active {background-image:url(../img/banner/activity.jpg);}

/*#content .nav {padding:26px 0; height:24px; border-bottom:1px solid #eaeaea; overflow:hidden;}*/
#content .nav {height:77px; border-bottom:1px solid #eaeaea;}
#content {+border-bottom:2px solid #c5c5c5;}
/*#content .nav .g-wrap {overflow:visible;}*/
#content .nav .g-wrap .crumbs {float:left; padding-left:13px; height:100%; background:url(../img/crumbs_icon.png) no-repeat 0 32px;}
#content .nav .g-wrap .crumbs a {float:left; padding:0 9px; font-weight:bold; font-size:12px; line-height:77px; color:#4d4852;}
#content .nav .g-wrap .crumbs a.on {background:url(../img/crumbs_arrow.png) no-repeat 0 36px;}
#content .nav .g-wrap .columns {float:right; height:100%;}
#content .nav .g-wrap .columns a {position:relative; float:left; margin-left:30px; font-weight:bold; line-height:77px; color:#63666b;}
#content .nav .g-wrap .columns a span {position:absolute; left:0; bottom:0; width:0; height:2px; background-color:#0a68cc; border-radius:4px; -webkit-transition:width 300ms; transition:width 300ms;}
#content .nav .g-wrap .columns a.on span {/*left:15%; */width:100%;}

#left {float:left; padding:23px 23px 43px 0; width:784px; border-right:1px solid #eee;}
#right {float:right; margin-left:-1px; padding:23px 0 43px 22px; width:300px; border-left:1px solid #eee;}

#footer {border-top:2px solid #c5c5c5; +border-top:0 none;}
#reference .g-wrap {overflow:visible;}
#reference .right {margin-top:-2px; height:66px; background:#f2f2f2 url(../img/footer_right_bg.jpg) no-repeat 0 0; border-left:0 none;}
/*********** 复用 ***********/
#right > * {margin-bottom:10px;}
#right .pdf {padding:22px; background-color:#f4f4f6;}
#right .pdf .btn {margin-bottom:20px; padding:0 9px; height:43px; background:url(../img/news/p_3_5.jpg) no-repeat 0 0;}
#right .pdf .btn .download {float:left; width:122px; height:100%;}
#right .pdf .btn .read {float:right; width:97px; height:100%;}
#right .pdf .link-list a {line-height:18px; color:#5887f5;}
#right .pdf .link-list p {line-height:18px; color:#5887f5;}
#right .pdf .link-list a:hover {color:#02a181;}
#right .pdf .link-list .top {margin-bottom:8px; font-size:18px; color:#02a181;}
#right .pdf .link-list .top:hover {color:#f63b2e}
#right > a {display:block;}
/*#right .run {display:block; height:110px; background:url(../img/news/p_3_6.jpg) no-repeat 0 0;}*/
/*#right .what {display:block; margin-top:9px; height:135px; background:url(../img/news/p_3_7.jpg) no-repeat 0 0;}*/

a.hover {overflow:hidden;}
a.hover img {width:100%; height:100%; /*-webkit-transition:margin 150ms, width 150ms, height 150ms;*/}
a.hover:hover img { margin-left:-1%; margin-top:-1%;width:102%; height:102%;}

.media_dral{ padding:0px; margin:0px; width:250px; overflow:hidden;}
.photo_dral{ padding:0px; margin:0px; width:100%; overflow:hidden; position:relative}
.photo_dral ul li{ width:442px; float:left}
.photo_dral ul li img a{ width:442px; float:left}
.right_photo{ right:0px; top:0px; position:absolute}

/* 链接列表 */
.link-list a {display:block; -webkit-transition:color 300ms; transition:color 300ms;}
.link-list a span {float:left; margin-right:15px;}
.link-list p {}
/* 日期块 */
.date-block {float:left; padding:0 10px; width:68px; height:88px; font:bold 14px/15px 'novecento' !important; color:#444; background-color:#e1e1e1;}
.date-block .day {display:block; margin:10px 0 3px 0; font:bold 36px/36px 'novecento' !important; color:#e62b1e;}
/* 链接块 */
.link-block {border-top:1px dotted #ccc;}
.link-block a {display:block; padding:24px 24px 24px 0; height:90px; border-bottom:2px solid #e8e6e6; -webkit-transition:background-color 400ms; transition:background-color 400ms;}
.link-block a:hover {background-color:#e1e1e1;}
.link-block a:last-child {border-bottom:0 none;}
.link-block a .summary {float:left; margin-left:18px; width:640px; height:100%; line-height:18px; color:#746969;}
.link-block a h1 {margin-bottom:8px; line-height:26px;}
.link-block a h3 {margin:-4px 0; color:#746969;}
.link-block a p {margin-top:8px; height:36px; line-height:18px; color:#746969; overflow:hidden;}
/* 加载更多 */
input.more {display:block; width:100%; height:54px; background:#e1dede url(../img/btn_more_on.png) no-repeat center 15px; cursor:pointer; -webkit-transition:background 400ms; transition:background 400ms;}
input.more:hover {background-color:#e62b1e; background-image:url(../img/btn_more.png);}
/*metro ui*/
.metro {position:relative; margin-bottom:23px; height:386px;}
.metro a {position:absolute; top:0; left:0;}

/*********** 关于 ***********/
#about-1 .editor {/*padding-top:63px;*/ color:#746969; /*background:url(../img/about/since.png) no-repeat 0 0;*/}
#about-1 .editor p {margin-bottom:15px;}
#about-1 .editor .hidden {display:none;}
#about-2 .tabMenu {margin:0 -5px 23px 0; height:57px; }
#about-2 .tabMenu a {float:left; width:195px; font-weight:bold; font-size:13px; line-height:57px; text-align:center; color:#63666b; background-color:#dcdde1; border-right:2px solid #fff; -webkit-transition:color 300ms, background-color 300ms;  transition:color 300ms, background-color 300ms;}
#about-2 .tabMenu a.on,
#about-2 .tabMenu a:hover {color:#dcdde1; background-color:#e62b1e;}
#about-2 .tabCont .item {display:none; overflow:hidden; -webkit-transtion:height 500ms; transtion:height 500ms;}
#about-2 .tabCont .item .subitem {margin-bottom:7px; height:209px; background-color:#f1eff1; overflow:hidden;}
#about-2 .tabCont .item .subitem img {float:left; margin-right:25px; width:154px; height:100%; }
#about-2 .tabCont .item .subitem h1 {margin:85px 0 10px 0; font-weight:bold; font-size:16px; color:#4c4c4c;}
#about-2 .tabCont .item .subitem p {padding-right:23px; line-height:18px; color:#4c4c4c;}

#about-3 .top {height:389px; background:#F1EFF2 url(../img/about/p_3_1.jpg) no-repeat center -1px;}
#about-3 .top .g-wrap .intro {position:absolute; top:100px; }
#about-3 .top .g-wrap .intro h1 {margin-bottom:10px; color:#e74e42;}
#about-3 .top .g-wrap .intro p {font-size:13px; color:#5e5e5e;}
#about-3 .top .g-wrap .cont-areas {position:absolute; top:200px; left:-12px;}
#about-3 .top .g-wrap .cont-areas .item {padding:6px 0; height:27px; color:#4d4852;}
#about-3 .top .g-wrap .cont-areas .item * {float:left; padding:7px 12px; font-weight:bold; font-size:13px; line-height:13px; }
#about-3 .top .g-wrap .cont-areas .item span {color:#e74e42;}
#about-3 .top .g-wrap .cont-areas .item a {border-radius:30px; -webkit-transition:color 300ms, background-color 300ms; transition:color 300ms, background-color 300ms;}
/*#about-3 .top .g-wrap .cont-areas .item a.on,*/
/*#about-3 .top .g-wrap .cont-areas .item a:hover {color:#eee; background-color:#aaa;}*/
#about-3 .bottom {position:relative; height:446px; background:url(../img/about/p_3_2.jpg) center 0;}
#about-3 .g-wrap .map-text {position:absolute; top:100px; right:0; width:630px; color:#fff;}
#about-3 .g-wrap .map-text .map-text-shuzi {font-family:'dincond'!important; font-size:80px; vertical-align:-41px;}
#about-4 #history {height:640px; background-color:#87c97f; overflow:hidden;}
#about-4 #history .viewport {position:relative;  margin:0 auto; width:1132px; height:100%; background:url(../img/about/p_4_1.jpg) no-repeat 2px 20px; overflow:visible;}
#about-4 #history .viewport .btn {display:none; position:absolute; top:50%; z-index:2; margin-top:-22px; width:44px; height:44px; background:no-repeat 0 0;}
#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 {position:relative; left:0; top:0; z-index:1; width:100%; height:100%;}
#about-4 #history .viewport .wrap .item {position:absolute; bottom:-100%; width:283px; background:url(../img/about/p_4_3.jpg) repeat-y 6px 0; -webkit-transition:bottom 500ms; transition:bottom 300ms;}
#about-4 #history .viewport .wrap .on {bottom:0;}
#about-4 #history .viewport .wrap .item div {padding:5px 16px 5px 29px ;background:url(../img/about/p_4_2.png) no-repeat 0 0;}
#about-4 #history .viewport .wrap .item div p {margin-bottom:20px; line-height:18px; color:#3c5d38;}
#about-4 #history .viewport .wrap .item div .year {display:block; margin:-10px 0 30px 0; font:lighter 48px "myriadsetpro" !important; color:#34772b;}
#about-4 .link {position:relative; z-index:2; padding:15px 0 20px 0; height:165px; background-color:#fff;}
/*********** 新闻 ***********/
    /* 公司动态 */
    #news-1 #left .headline {position:relative; margin-bottom:23px; height:218px;}
    #news-1 #left .headline img {margin-left:22px; float:right; width:362px; height:218px;}
    #news-1 #left .headline .date {display:block; margin-bottom:15px; font:bold 27px/27px 'novecento' !important; color:#6d8ac4;}
    #news-1 #left .headline h1 {line-height:30px;}
    #news-1 #left .headline p {color:#777;}
    #news-1 #left .headline .resouce {position:absolute; left:0; bottom:0; width:399px; height:54px; background:url(../img/news/p_1_2.jpg) no-repeat 0 0;}
    #news-1 #left .headline .more {width:399px;}
    #right .special {display:block;}
    /* 子公司新闻 */
    /* 杂志专题 */
    /*#news-3 .metro {position:relative; height:386px;}
    #news-3 .metro a {position:absolute; top:0; left:0; background: no-repeat center center;  background-size:100% auto; transition:background-size 1000ms; -webkit-transition:background-size 300ms; -moz-transition:background-size 1000ms;}
    #news-3 #left .metro .a1 {width:458px; height:185px; background-image:url(../img/news/p_3_1.jpg);}
    #news-3 #left .metro .a2 {top:193px; width:458px; height:193px; background-image:url(../img/news/p_3_2.jpg);}
    #news-3 #left .metro .a3 {left:480px; width:304px; height:100%; background-image:url(../img/news/p_3_3.jpg);}
    #news-3 #left .metro a:hover {background-size:103% auto;}*/
    #news-3 .metro .a2 {top:193px;}
    #news-3 .metro .a3 {left:480px;}
    #news-3 #left .link-block {margin-top:22px;}
    /* 新闻详情 */
    #left .news-editor {position:relative; padding-left:106px; color:#746969;}
	
.news_two { width:100%; border-top:1px solid #ccc; overflow:hidden; padding-top:30px;}
	
.newstop{ float:left; width:350px; border-right:1px dotted #ccc; padding-right:30px;  }
	
.xiangguan{ float:right; width:380px; overflow:hidden  }
.xiangguan h3{ font-size:20px; padding-bottom:20px; font-weight:bold; line-height:30px; color:#333333}
.xiangguan ul li{ line-height:25px;}	
.xiangguan ul li a{ line-height:25px; color:#666666}	
.xiangguan ul li a:hover{ line-height:25px; color: #003399 }
.xiangguan p{ float:left; margin-right:25px; line-height:25px; color:#999999}	
    #left .news-editor .date-block {position:absolute; left:0; top:0;}
    /*#left .news-editor h1 {font-weight:bold; font-size:18px; line-height:25px; color:#474545;}*/
    #left .news-editor h3 {margin:14px 0 25px 0;}
    #left .news-editor p {margin-bottom:15px; color:#746969;}
    p, span {font-family:'Microsoft Yahei'!important;}
    #left .news-editor .bshare-custom {margin-bottom:5px; height:20px; overflow:hidden;}
    #left .news-editor .bshare-custom a {float:left; padding:0; margin-right:5px; width:20px; height:20px; background:url(../img/news/share.jpg) no-repeat 0 0; overflow:hidden;}
    #left .news-editor .bshare-custom .bshare-weixin {background-position:-54px 0;}
    #left .news-editor .bshare-custom .bshare-sinaminiblog {background-position:-79px 0;}
    #left .news-editor .bshare-custom .bshare-qzone {background-position:-129px 0;}
    #left .news-editor .bshare-custom .bshare-qqim {background-position:-154px 0;}
    #left .relative-news {position:relative; border-top:2px solid #e8e6e6;}
    #left .relative-news .main-news {margin-bottom:-23px; padding:23px 16px 0 106px; width:302px; height:170px; border-right:1px dotted #ccc;}
    #left .relative-news .main-news .date-block {position:absolute; left:0; top:23px;}
    #left .relative-news .main-news h1 {margin-bottom:15px; height:44px; line-height:30px;}
    #left .relative-news .main-news p {line-height:20px; color:#777;}
	    #left .news-editor p a {line-height:20px; color: #000099;}

    #left .relative-news .main-news .detail {display:block; line-height:20px; color:#e62b1e;}
    #left .relative-news .link-list {position:absolute; top:24px; left:443px; width:340px; line-height:20px;}
    #left .relative-news .link-list h1 {margin-bottom:39px;}
    #left .relative-news .link-list a {color:#777;}

/*********** 投资者关系 ***********/
    /*公用*/
    #left .stock .menu {position:absolute; bottom:0; left:0; width:100%; height:45px; background-color:#4C5C99;}
    #left .stock .menu .wrap {float:right; height:100%;}
    #left .stock .menu .wrap a {float:left; width:90px; height:100%; font-size:13px; line-height:45px; text-align:center; color:#acb7c8;}
    #left .stock .menu .wrap a.on {background-color:#2b3459;}
    #left .stock {position:relative; margin-bottom:23px; width:100%; height:218px; background-color:#2b3459;}
    #left .stock .item {display:none; position:absolute; left:106px; top:30px; width:678px; height:130px;}
    #left .stock .item table {width:678px; height:84px;}
    #left .stock .item table .tit {font-size:13px; color:#c3cbd4;}
    #left .stock .item table .tit span {margin-left:2px; font:bold 13px/13px 'novecento' !important;}
    #left .stock .item table .data td {font:bold 30px/70px "dincond", "Microsoft Yahei" !important; color:#919191;}
    #left .stock .item table .data td span {font-family:'dincond'!important;}
    #left .stock .item table .data .red {color:#e62b1e;}
    #left .stock .item table .data td span {float:left;}
    #left .stock .item table .data .green {color:#00A352;}
    #left .stock .item table .data td .num {font-size:60px;}
    #left .stock .item table .data td .icon {margin:0 3px; width:16px; height:70px; line-height:0; font-size:0; background:no-repeat 0 44px;}
    #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 {margin-top:30px; font-size:30px; line-height:30px;}
    #left .stock .item p {margin-top:7px; color:#c3cbd4; opacity:0.5; -webkit-opacity:0.5; -moz-opacity:0.5; -o-opacity:0.5; -ms-opacity:0.5; filter:alpha(50);}

    .citizenship_content div {
      color: #746969;
      line-height: 22px;
      margin-bottom: 15px;
    }
    .citizenship_content a {color:#e62b1e;}
    .citizenship_content p {clear:both; width:633px;}

    /* 最新公告 */
    #relation-1 .link-block a {background:#fff url(../img/citizen/icon_pdf.png) no-repeat 707px 43px;}
    #relation-1 .link-block a:hover {background-color:#e1e1e1; background-image:url(../img/citizen/icon_pdf_on.png);}
    #relation-1 .link-block a .summary {width:570px;}
    /* 财务信息 */
    /* 投资者来访 */
    .divSelect {position:relative; z-index:100; cursor:pointer;}
    .divSelect .caption {display:block; height:100%;}
    .divSelect ul {display:none; position:absolute; z-index:999; width:100%; overflow:hidden;}
    .divSelect select {display:none;}

    #relation-3 .top {margin-bottom:12px; height:310px; background:url(../img/relation/p_3_1.jpg) no-repeat 0 0;}
    #relation-3 .fill {position:relative; padding:25px 23px 25px 0; height:502px; color:#6c6c6c; background:url(../img/relation/p_3_2.jpg) no-repeat 0 0;}
    #relation-3 .fill .prompt {position:absolute; left:34px; top:46px; width:220px; font-size:12px; line-height:18px; color:#3b4971;}
    #relation-3 .fill .prompt span {font-size:15px;}
    #relation-3 .fill .item {float:right; margin-bottom:8px; padding-left:22px; width:434px; height:55px; line-height:55px;  background-color:#fff;}
    #relation-3 .fill .textarea {height:133px;}
    #relation-3 .fill .item .divSelect,
    #relation-3 .fill .item input,
    #relation-3 .fill .item textarea {float:right; margin:0; padding:0 23px; width:257px; height:55px; color:#6c6c6c; background-color:#fff;}
    #relation-3 .fill .item .divSelect {padding:0; width:303px; background:#fff;}
    #relation-3 .fill .item .divSelect .caption {line-height:53px; text-indent:27px; background:url(../img/relation/slidedown.jpg) no-repeat right 0;}
    #relation-3 .fill .item .divSelect ul {padding:10px 0; width:301px; background-color:#eee; border:1px solid #d3d3d2; border-top:0 none;}
    #relation-3 .fill .item .divSelect ul li {height:33px; line-height:33px; padding:0 23px;}
    #relation-3 .fill .item .divSelect ul li:hover {background-color:#cdcdcd;}
    #relation-3 .fill .item textarea {padding:23px; border:0 none; width:255px; height:87px; resize:none;}
    #relation-3 .submit {float:right; margin-top:6px; width:456px; height:53px; background:#74bd42 url(../img/relation/submit.png) no-repeat center 10px; cursor:pointer;}
    /* 公司治理 */
    #relation-4 .link-block a {padding-right:0;}
    #relation-4 .link-block a .summary {margin-left:0; width:100%;}
/*********** 产品服务 ***********/
/* 三号住宅 */
#service-1 .tabMenu {height:108px; border:1px solid #e5e5e5; border-right:0 none;}
#service-1 .tabMenu a {position:relative; float:left; width:260px; height:100%; line-height:108px; font-size:30px; text-align:center; color:#333; border-right:1px solid #e5e5e5;  -webkit-transition:background-color 400ms, color 400ms; transition:background-color 400ms, color 400ms;}
#service-1 .tabMenu .a1.on {background-color:#4C8EFA; color:#fff;}
#service-1 .tabMenu .a2.on {background-color:#ff7e00; color:#fff;}
#service-1 .tabMenu .a3.on {background-color:#95c808; color:#fff;}
#service-1 .tabCont .item {display:none;}
#service-1 .tabCont .i1 {display:block;}
/* 城市配套服务商 */
#service-2 .wrap { padding-left:38px; background-color:#f7f7f7; color:#666;}
#service-2 .wrap .intro {padding:95px 30px 24px 0; background:url(../img/service/p_2_tit.jpg) no-repeat 0 48px;}
#service-2 .wrap .intro p {line-height:20px;}
#service-2 .wrap span {display:block; font-size:15px; line-height:26px; color:#666;}
#service-2 .wrap .items .prompt {margin-bottom:10px;}
#service-2 .wrap .items .item {margin-bottom:10px; height:201px;}
#service-2 .wrap .items .item img {float:left; width:459px; height:100%;}
#service-2 .wrap .items .item p {float:right; padding-left:23px; width:264px; height:100%; line-height:18px; background-color:#dbe0eb;}
#service-2 .wrap .items .item .tit {margin:20px 0 10px 0; font-size:16px;}
/* 绿色建筑 */
#service-3 .editor {padding: 48px; width: 689px; background: #f7f7f7;color: #777;}
/*********** 企业公民 ***********/
/* 社会责任报告 */
#citizen-1 .metro .a2 {top:193px;}
#citizen-1 .metro .a3 {top:0px; left:481px;}
#citizen-1 .metro .a4 {left:480px;}
    /*   backup
    #citizen-1 .link-block {margin-top:23px;}
    #citizen-1 .link-block a {background:#fff url(../img/citizen/icon_pdf.png) no-repeat 707px 43px;}
    #citizen-1 .link-block a:hover {background-color:#e8e6e6; background-image:url(../img/citizen/icon_pdf_on.png);}
    #citizen-1 .link-block a .summary {width:570px;}*/

/* 志愿者活动 */
 #right a {position:relative;}
 #right a span {position:absolute; top:0; left:0; width:100%; height:100%; background:no-repeat 0 0; -webkit-opacity:0; opacity:0; display:none\9; -webkit-transition:-webkit-opacity 500ms; transition:opacity 500ms;}
 #right a:hover span {-webkit-opacity:1; opacity:1; display:block\9;}
 #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 {position:relative; background:#f1eff1 url(../img/career/p_1_1.jpg) no-repeat 0 -31px; padding-bottom:30px;}
#career-1 #main {position:relative;}
#career-1 .editor {padding-top:75px;}
#career-1 .editor h1 {margin-bottom:10px; color:#e74e42;}
#career-1 .editor p {color:#6a6a6a;}

#career-1 .subjects {position:absolute; left:0; bottom:27px; margin-right:-20px; width:auto; height:149px;}
#career-1 .subjects a {float:left; margin-right:15px; width:366px; height:100%;}
#career-1 .flower {display:none; position:absolute; right:-128px; bottom:160px;}
/*********** 投诉建议 ***********/
#suggest-1 .top {height:800px;; background:#F1EFF2 url(../img/suggest/p_1_1.jpg) no-repeat center bottom;}
#suggest-1 .top .g-wrap .intro {position:absolute; top:95px;}
#suggest-1 .top .g-wrap .intro h1 {margin-bottom:10px; color:#e74e42;}
#suggest-1 .top .g-wrap .intro p {font-size:13px; color:#5e5e5e;}
#suggest-1 .top .g-wrap .cont-areas {position:absolute; top:195px; z-index:2;}
#suggest-1 .top .g-wrap .cont-areas .item {padding:6px 0; height:27px; color:#4d4852;}
#suggest-1 .top .g-wrap .cont-areas .item * {float:left; padding:7px 12px; font-weight:bold; font-size:13px; line-height:13px; }
#suggest-1 .top .g-wrap .cont-areas .item span {padding-left:0; color:#e74e42;}
#suggest-1 .top .g-wrap .cont-areas .item a {+color:#4d4852; border-radius:30px; -webkit-transition:color 300ms, background-color 300ms; transition:color 300ms, background-color 300ms;}
#suggest-1 .top .g-wrap .cont-areas .item a.on {color:#fff; background-color:#aaa;}
#suggest-1 .bottom {position:relative; height:447px; background-color:#2b3056;}
/* 气泡
#suggest-1 #bubble {display:none; position:absolute; left:0; top:0; padding-top:13px; width:347px;}
#suggest-1 #bubble .icon {position:absolute; top:0; left:21px; z-index:2; width:10px; height:14px; background:url(../img/suggest/bubble_arrow.png) no-repeat 0 0;}
#suggest-1 #bubble .wrap {position:relative; z-index:1; width:345px; border:1px solid #aaa; border-radius:10px; background-color:#fff; overflow:hidden;}
#suggest-1 #bubble .wrap td {font-size:14px; line-height:18px; text-align:center; vertical-align:middle; color:#000;}
#suggest-1 #bubble .wrap td a {display:block; margin:22px auto; width:46px; height:46px; line-height:46px; font-size:14px; text-align:center; color:#f00; background-color:#e6e6e6; border-radius:23px;}
#suggest-1 #bubble .wrap td img {vertical-align:middle;}
#suggest-1 #bubble .wrap .td1 {width:155px; text-align:left; padding-left:15px}
#suggest-1 #bubble .wrap .thead {height:40px;}
#suggest-1 #bubble .wrap .thead td {border-bottom:2px solid #aaa;}
#suggest-1 #bubble .wrap .tbody .td1 {font-weight:bold; color:#ff9600;}
*/
/* 2015.06.04 气泡修改 start */
#suggest-1 .g-wrap {overflow:visible;}
#suggest-1 #bubble {display:none; position:absolute; left:0; top:0; padding:10px 10px 10px 20px; width:365px; background:#fff url(../img/suggest/bubble_arrow2.png) no-repeat 12px 0;}
#suggest-1 #bubble .wrap {position:relative; z-index:1; width:100%;}
#suggest-1 #bubble .wrap td {font-size:14px; line-height:18px; width:99px; text-align:center; vertical-align:middle; color:#000;}
#suggest-1 #bubble .wrap td a {position:relative; display:block; width:99px; height:97px; background:url(../img/suggest/icon_bbs.jpg) no-repeat 0 0;}
#suggest-1 #bubble .wrap td a span {position:absolute; left:12px; bottom:12px; font-size:14px; color:#fff;}
#suggest-1 #bubble .wrap .td1 {width:155px; text-align:left;}
#suggest-1 #bubble .wrap .thead {height:40px;}
#suggest-1 #bubble .wrap .tbody .td1 {font-weight:bold; color:#ff9600; line-height:30px; vertical-align:top;}
/* 2015.06.04 气泡修改 end */

/* 2015.05.29 新增 app 扫码 start
#suggest-1 .top .g-wrap .tit {margin-bottom:20px; padding-left:42px; height:37px; font-size:13px; line-height:37px; color:#2e2e57; background:no-repeat 0 0;}
#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 {position:absolute; top:450px; left:0; width:100%; color:#494949;}
#suggest-1 .top .g-wrap .prop .tit {position:static; margin-bottom:20px;}
#suggest-1 .top .g-wrap .prop .phone {margin-bottom:56px; width:230px; height:40px; line-height:40px;}
#suggest-1 .top .g-wrap .prop .phone p {float:right; margin-left:20px; width:177px; font-weight:bold; font-size:16px; line-height:40px; text-align:center; color:#e71020; background:#d8d7d9; border-radius:30px;}
#suggest-1 .top .g-wrap .prop .app {position:relative; height:104px;}
#suggest-1 .top .g-wrap .prop .app * {float:left;}
#suggest-1 .top .g-wrap .prop .app .txt {margin-right:20px; line-height:90px;}
#suggest-1 .top .g-wrap .prop .app .prompt {margin-left:20px; padding-top:7px; width:200px; font-weight:bold; font-size:16px; color:#1e1e1e;}
#suggest-1 .top .g-wrap .prop .app .prompt span {display:block; margin-bottom:9px; font-weight:normal; font-size:12px; color:#6d6d6d;}
#suggest-1 .top .g-wrap .prop .app .prompt .btn {padding:8px 16px; color:#fff; background:#53AF1E; border-radius:30px; cursor:pointer;}
#suggest-1 .top .g-wrap .prop .app .code {display:none; margin:-15px 0 0 -10px; padding-left:20px; width:284px; color:#696969; background:url(../img/suggest/app_arrow.png) no-repeat 0 center;}
#suggest-1 .top .g-wrap .prop .app .code .wrap {float:none; padding:20px; height:150px; background-color:#d8d7d9; border-radius:15px; overflow:hidden;}
#suggest-1 .top .g-wrap .prop .app .code .wrap p {width:110px; height:100%; line-height:18px; text-align:center;}
#suggest-1 .top .g-wrap .prop .app .code .wrap p img {margin-bottom:8px; width:110px; height:110px}
#suggest-1 .top .g-wrap .prop .app .code .wrap .iso {float:left;}
#suggest-1 .top .g-wrap .prop .app .code .wrap .adr {float:right;}
/* 2015.05.29 新增 app 扫码 end */
/* 2015.06.05 修改 app 扫码 start */
#suggest-1 .top .g-wrap .tit {margin-bottom:20px; padding-left:42px; height:37px; font-size:13px; line-height:37px; color:#2e2e57; background:no-repeat 0 0;}
#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 {position:absolute; top:450px; left:0; width:100%; color:#494949;}
#suggest-1 .top .g-wrap .prop .tit {position:static; margin-bottom:20px;}
#suggest-1 .top .g-wrap .prop .phone {margin-bottom:56px; height:40px; line-height:40px;}
#suggest-1 .top .g-wrap .prop .phone p span {margin-left:20px; font:bold 36px/40px 'dincond'!important; text-align:center; color:#53af1e;}
#suggest-1 .top .g-wrap .prop .app {position:relative; height:104px;}
#suggest-1 .top .g-wrap .prop .app * {float:left;}
#suggest-1 .top .g-wrap .prop .app .txt {margin-right:20px; line-height:90px;}
#suggest-1 .top .g-wrap .prop .app .prompt {margin-left:20px; width:200px; font-weight:bold; font-size:16px; color:#1e1e1e;}
#suggest-1 .top .g-wrap .prop .app .prompt span {display:block; margin-bottom:5px; font-weight:normal; font-size:12px; color:#6d6d6d;}
#suggest-1 .top .g-wrap .prop .app .prompt .btn {padding:8px 16px; color:#fff; background:#53AF1E; border-radius:30px; cursor:pointer;}
#suggest-1 .top .g-wrap .prop .app .code {display:none; margin:-26px 0 0 -20px; padding-left:20px; width:284px; color:#696969; background:url(../img/suggest/app_arrow.png) no-repeat 0 center;}
#suggest-1 .top .g-wrap .prop .app .code .wrap {float:none; padding:20px; height:150px; background-color:#d8d7d9; border-radius:15px; overflow:hidden;}
#suggest-1 .top .g-wrap .prop .app .code .wrap p {width:110px; height:100%; line-height:18px; text-align:center;}
#suggest-1 .top .g-wrap .prop .app .code .wrap p img {margin-bottom:8px; width:110px; height:110px}
#suggest-1 .top .g-wrap .prop .app .code .wrap .iso {float:left;}
#suggest-1 .top .g-wrap .prop .app .code .wrap .adr {float:right;}
/* 2015.06.05 修改 app 扫码 end */

/*********** 联系我们 ***********/
#contact-1 .cont-info {position:relative;height:389px; background:#f1eff1 url(../img/contact/p_1_1.jpg) no-repeat 0 96px;}
#contact-1 .cont-info .contacts {position:absolute; top:175px;}
#contact-1 .cont-info .c1 {left:0; width:421px;}
#contact-1 .cont-info .c2 {left:468px; width:663px;}
#contact-1 .cont-info .contacts .menu {height:57px; border-bottom:1px solid #cfb3a8;}
#contact-1 .cont-info .c2 .menu {margin-right:-35px;}
#contact-1 .cont-info .contacts .menu a {float:left; margin-right:35px; font-weight:bold; font-size:13px; line-height:57px; color:#564f4a;}
#contact-1 .cont-info .contacts .menu .on {border-bottom:1px solid #e32235;}
#contact-1 .cont-info .contacts .cont {position:relative; height:147px;}
#contact-1 .cont-info .contacts .cont .subitem {display:none; position:absolute; top:20px; left:0; width:100%; height:127px;}
#contact-1 .cont-info .contacts .cont .subitem * {font-size:12px; color:#564f4a;}
#contact-1 .cont-info .contacts .cont .subitem h1 {font-size:15px;}
#contact-1 .cont-areas {position:relative; height:378px; color:#ffeec7; background:#e74e42 url(../img/contact/p_1_2_bg.jpg) repeat-x 0 253px;}

#contact-1 .cont-areas .belong {position:absolute; top:36px; right:0; height:49px;}
#contact-1 .cont-areas .belong a {+color:#ffeec7; float:left; margin-left:5px; padding:16px 35px; font-size:13px; line-height:13px; border:2px solid #e74e42; border-radius:30px;}
#contact-1 .cont-areas .belong a.on {border-color:#fee8c2;}

#contact-1 .cont-areas .comps {position:absolute; left:0; top:126px; width:100%; height:108px;}
#contact-1 .cont-areas .comps .item {display:none; position:absolute; top:0; left:0; width:100%; height:100%;}
/*#contact-1 .cont-areas .comps .on {display:block;}*/
#contact-1 .cont-areas .comps .item .subitem {height:27px;}
#contact-1 .cont-areas .comps .item .subitem * {float:left; padding:7px 12px; font-size:13px; line-height:13px; }
#contact-1 .cont-areas .comps .item .subitem span {padding-left:0;}
#contact-1 .cont-areas .comps .item .subitem a {+color:#ffeec7; border-radius:30px; -webkit-transition:color 300ms, background-color 300ms; transition:color 300ms, background-color 300ms;}
#contact-1 .cont-areas .comps .item .subitem a.on,
#contact-1 .cont-areas .comps .item .subitem a:hover {color:#e74e42; background-color:#ffeec7;}

#contact-1 .cont-areas .addrs {position:absolute; left:0; top:270px; width:100%; height:90px; color:#ffeec7;}
#contact-1 .cont-areas .addrs .item {display:none; position:absolute; left:0; top:0; width:100%; height:100%;}
#contact-1 .cont-areas .addrs .item .subitem {display:none; position:absolute; top:0; left:0; width:100%; height:100%;}
#contact-1 .cont-areas .addrs .item .subitem h1 {font-weight:normal; font-size:20px; line-height:29px; color:#ffeec7;}
#contact-1 .cont-areas .addrs .item .subitem p {line-height:29px;}
#contact-1 .cont-areas .addrs .item .subitem a {display:inline-block; padding-left:35px; line-height:29px; background:url(../img/contact/p_1_2_icon.png) no-repeat 0 0;}
/*********** 搜索结果 ***********/
#search {margin-bottom:36px;}
#search .prompt {position:relative; margin-bottom:23px; height:160px; background:url(../img/search/p_1_1.jpg) no-repeat center 4px;}
#search .prompt p {position:absolute; bottom:15px; right:0; font-size:14px; color:#746969;}
#search .prompt p span {font-size:14px; color:#f10;}
#search .link-block a {padding:24px 5px; height:auto;}

/*********** 登陆 & 注册 ***********/
#volunteer #left .wrap {position:relative; height:405px; background-color:#f0ede7; color:#9e7e6b;}
#volunteer #left .wrap * {position:absolute; top:0; left:50%; text-align:center;}
#volunteer #left p {width:300px; margin-left:-150px;}
#volunteer #left .wrap .welcomes {top:60px; margin-left:-150px; width:300px; font:bold 30px/30px 'dincond', 'Microsoft Yahei'!important; color:#224241;}
#volunteer #left .wrap .welcomes span {position:static; font-weight:normal; font-size:16px; color:#9e7e6b;}

#volunteer #left .btn,
#volunteer #left .fill {display:block; padding:0 10px; height:44px; font-size:14px; line-height:44px; text-align:center; color:#4c4c4c; background-color:#f0ede7; border:2px solid #e62b1e;}
#volunteer #left .btn.on {color:#fff; background-color:#e62b1e;}
#volunteer #left .long {margin-left:-111px; width:198px;}
#volunteer #left .longer {margin-left:-120px; width:241px;}
#volunteer #left .normal {margin-left:-111px; width:122px;}
#volunteer #left .short {margin-left:-111px; width:70px;}
#volunteer #left input.fill {padding:1px 11px; background-color:#fff; border:1px solid #d4d4d3;}
#volunteer #left input.btn {margin-left:-109px; padding:0; width:218px; line-height:40px; 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 {position:static; font-weight:bold; color:#e62b1e;}
#volunteer #left .register .reference,
#volunteer #left .login .reference    {top:25px; left:auto; right:22px; padding:0 40px 0 0; width:75px; height:34px; line-height:17px; text-align:right; background:url(../img/login/icon_refer.png) no-repeat right 0;}
#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 {font-size:13px; margin-left:-30px; width:60px;}
/*
#volunteer #left .register-fill {height:700px;}
#volunteer #left .register-fill p span {display:block; position:static; font-size:14px;}
#volunteer #left .register-fill input {margin-left:-209px;}
#volunteer #left .register-fill .i1 {top:160px;}
#volunteer #left .register-fill .i2 {top:160px; margin-left:-56px;}
#volunteer #left .register-fill .i3 {top:224px;}
#volunteer #left .register-fill .i4 {top:288px; width:394px;}
#volunteer #left .register-fill .i5 {top:354px;}
#volunteer #left .register-fill .i6 {top:354px; margin-left:20px; width:165px;}
#volunteer #left .register-fill .i7 {top:418px;}
#volunteer #left .register-fill .i8 {top:482px;}
#volunteer #left .register-fill .i9 {top:546px; width:268px;}
#volunteer #left .register-fill .i10 {top:610px; width:414px;}
#volunteer #left .register-fill .d1 {top:224px;}
#volunteer #left .register-fill .d2 {top:482px;}
#volunteer #left .register-fill .d3 {top:482px; margin-left:-210px!important; width:222px!important;}
#volunteer #left .register-fill .d3 ul {left:30px!important;}
*/

#volunteer #left .register-fill {height:780px;}
#volunteer #left .register-fill p span {display:block; position:static; font-size:14px;}
#volunteer #left .register-fill input {margin-left:-209px;}
/* #volunteer #left .register-fill .d4 {top:160px; z-index:102; margin-left:-209px!important;} */
#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; margin-left:-56!important;}
#volunteer #left .register-fill .i1 {top:220px; width:145px;}
#volunteer #left .register-fill .i2 {top:220px; margin-left:-34px; width:222px;}
#volunteer #left .register-fill .i3 {top:280px; width:176px;}
#volunteer #left .register-fill .reg_city {top:280px; margin-left:-2px; font-size:14px; line-height:48px;}
#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; margin-left:20px; width:165px;}
#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; z-index:107; margin-left:44px!important; width:164px!important;}
#volunteer #left .register-fill .d3 ul {width:120px!important; left:20px!important;}
#volunteer #left .register-fill .d4 {top:580px; z-index:106; margin-left:-100px!important;}
#volunteer #left .register-fill .i10 {top:680px; width:414px;}


#volunteer #left .register-fill .file {top:546px; margin-left:-209px; width:418px; height:48px;}
#volunteer #left .register-fill .file .f1 {top:0; left:0; margin-left:0; padding:1px 10px; width:268px; border:1px solid #d4d4d3; background-color:#fff; overflow:hidden;}
#volunteer #left .register-fill .file .f2 {left:auto; top:0; right:0; z-index:1; margin-left:0; width:119px;  height:48px; background-color:#b2a593; border-radius:30px; border:0 none;}
#volunteer #left .register-fill .file .f3 {left:auto; top:0; right:0; z-index:2; outline:1px solid blue;width:119px;  height:48px; border-radius:30px; cursor:pointer; -webkit-opacity:0; opacity:0; display:none\9;}

#volunteer #left .register-fill p {top:45px; font-size:16px;}
/*background:#dbd5cc url(..img//login/divSlct_icon_2.png) no-repeat 150px 19px;*/
#volunteer #left .wrap .divSelect {margin-left:20px; width:189px; height:48px;background:#dbd5cc } 
#volunteer #left .wrap .divSelect * {margin-left:0; left:0; border-radius:30px;}
#volunteer #left .wrap .divSelect .caption {top:0; left:0; width:100%; height:100%; font-size:14px; line-height:48px;}
#volunteer #left .wrap .divSelect ul {position:absolute; left:19px; top:50px; padding:15px 0; width:150px; background-color:#dbd5cc; border-radius:10px;}
#volunteer #left .wrap .divSelect ul li {position:static; width:100%; height:35px; line-height:35px;}
#volunteer #left .wrap .divSelect ul li:hover {background-color:#aaa; color:#fff;}
#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:#e62b1e;}
#volunteer #left .email-send .btn  {top:150px;}
#volunteer #left .succeed {height:405px; background:#f0ede7 url(../img/login/icon_success.png) no-repeat 108px 108px;}
#volunteer #left .succeed p {top:73px; font-size:16px; text-align:center; color:#c33634;}
#volunteer #left .succeed p span {position:static; display:block; font-weight:bold; font-size:53px; line-height:100px;}
#volunteer #left .succeed .btn {top:255px;}


/* 用户中心 */
#volunteer #left .user {padding:39px 29px; background-color:#f0ede7; color:#9e7e6b;}
#volunteer #left .user a,
#volunteer #left .user input {color:#6d6861;}
#volunteer #left .user .tabs {height:49px;}
#volunteer #left .user .tabs a {float:left; margin-right:6px; width:168px; height:45px; font-size:14px; line-height:45px; text-align:center; color:#9e7e6b; border:2px solid #d1c9c9; border-radius:30px;}
#volunteer #left .user .tabs a.on,
#volunteer #left .user .tabs a:hover {color:#fff; background-color:#e62b1e; border-color:#e62b1e;}
#volunteer #left .user .conts .item {display:none; position:relative;}
#volunteer #left .user .conts .item input {position:absolute; left:50%;}
#volunteer #left .user .conts .item input.upload {position:static; background-color:transparent; color:#6d6861; cursor:pointer;}
#volunteer #left .user .conts .item-1 {height:600px;}
#volunteer #left .user .conts .item-2 {padding-bottom:100px; height:500px;}
#volunteer #left .user .conts .item-3 {height:600px;}
/*
#volunteer #left .user .conts .item-1 p {position:absolute; left:50%; margin-left:-250px; width:420px; height:48px; line-height:48px;}
#volunteer #left .user .conts .item-1 p * {position:static;}
#volunteer #left .user .conts .item-1 p .label {float:left; width:100px; text-align:right;}
#volunteer #left .user .conts .item-1 p .cont {float:right; width:292px; height:44px; line-height:44px; text-indent:35px;  background-color:#fff; border-radius:30px; }
#volunteer #left .user .conts .item-1 p span.cont {background-color:#e0ddd8;}
#volunteer #left .user .conts .item-1 .p1 {top:53px;}
#volunteer #left .user .conts .item-1 .p2 {top:109px;}
#volunteer #left .user .conts .item-1 .p3 {top:164px;}
#volunteer #left .user .conts .item-1 .d3 {top:220px;}
#volunteer #left .user .conts .item-1 .p4 {top:276px;}
#volunteer #left .user .conts .item-1 .p5 {top:332px;}
#volunteer #left .user .conts .item-1 .p6 {top:388px;}
#volunteer #left .user .conts .item-1 .p7 {top:444px;}
#volunteer #left .user .conts .item-1 .p8 {top:500px;}
#volunteer #left .user .conts .item-1 .p9 {top:556px;}
#volunteer #left .user .conts .item-1 .p10{top:612px;}
#volunteer #left .user .conts .item-1 .p11{top:668px;}
#volunteer #left .user .conts .item-1 .p12{top:724px;}
#volunteer #left .user .conts .item-1 .p13{top:780px;}
#volunteer #left .user .conts .item-1 .d1 {top:836px; z-index:100;}
#volunteer #left .user .conts .item-1 .d2 {top:892px; z-index:99;}
#volunteer #left .user .conts .item-1 .p14{top:988px;}
*/
#volunteer #left .user .conts .item-1 p {position:absolute; left:50%; margin-left:-250px; width:280px; height:48px; line-height:48px;}
#volunteer #left .user .conts .item-1 p * {position:static;}
#volunteer #left .user .conts .item-1 p .label {float:left; width:100px; text-align:right;}
#volunteer #left .user .conts .item-1 p .cont {float:right; width:160px; height:44px; line-height:44px; text-align:center;  background-color:#fff; border-radius:30px; }
#volunteer #left .user .conts .item-1 p span.cont {background-color:#e0ddd8;}
#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 {width:140px!important; left:8px!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; z-index:2; margin-left:-300px;}
#volunteer #left .user .conts .item-1 .p2 {top:53px; margin-left:-50px;}
#volunteer #left .user .conts .item-1 .p3 {top:108px; z-index:2; margin-left:-300px;}
#volunteer #left .user .conts .item-1 .p4 {top:108px; margin-left:-50px;}
#volunteer #left .user .conts .item-1 .p5 {top:163px; z-index:2; margin-left:-300px;}
#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; z-index:2; margin-left:-300px;}
#volunteer #left .user .conts .item-1 .p9 {top:273px; margin-left:-50px;}
#volunteer #left .user .conts .item-1 .p10 {top:328px; z-index:2; margin-left:-300px;}
#volunteer #left .user .conts .item-1 .p11 {top:328px; margin-left:-50px;}
#volunteer #left .user .conts .item-1 .p12 {top:383px; z-index:2; margin-left:-300px;}
#volunteer #left .user .conts .item-1 .p13 {top:383px; margin-left:-50px;}
#volunteer #left .user .conts .item-1 .d1 {top:438px; z-index:101; margin-left:-179px!important;}
#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 {position:absolute; left:50%; margin:0 0 0 -121px; padding:0; width:292px; height:44px; /*color:#6c6c6c;*/}
#volunteer #left .user .conts .item .divSelect span {position:absolute; top:0; left:-129px; width:100px; line-height:44px; text-align:right;}
#volunteer #left .user .conts .item .divSelect .caption {position:static; margin:0; width:100%; height:100%; line-height:44px; text-indent:27px; background:#fff url(../img/relation/slidedown.jpg) no-repeat right -3px; border-radius:30px; overflow:hidden;}
#volunteer #left .user .conts .item .divSelect ul {display:none; left:20px; margin-top:3px;  padding:10px 0; width:250px; background-color:#eee; border:1px solid #d3d3d2; border-radius:30px;}
#volunteer #left .user .conts .item .divSelect ul li {height:33px; line-height:33px; padding:0 23px;}
#volunteer #left .user .conts .item .divSelect ul li:hover {background-color:#cdcdcd;}

#volunteer #left .user .conts .item-2 table {margin-top:40px; width:100%; border-collapse:collapse;}
#volunteer #left .user .conts .item-2 table tr {height:121px; color:#6d6861; border-bottom:1px solid #c3c1be;}
#volunteer #left .user .conts .item-2 table tr.thead {height:78px; background-color:#c3c1be; color:#fff;}
#volunteer #left .user .conts .item-2 table td {text-align:center;}
#volunteer #left .user .conts .item-2 table .thead td {line-height:78px; text-align:center;}
#volunteer #left .user .conts .item-2 table .thead .first {width:350px; text-indent:208px;}
/* #volunteer #left .user .conts .item-2 table td a span {display:block; line-height:18px;} */
#volunteer #left .user .conts .item-2 table td a span {float:left; width:100px; padding:0 15px; line-height:18px;}
#volunteer #left .user .conts .item-2 table td a img {float:left; width:214px; height:120px;}
#volunteer #left .user .conts .item-2 .pages {position:absolute; right:36px; bottom:-18px; padding-right:108px; height:34px; font:22px/34px "Arial", "Microsoft Yahei", sans-serif; line-height:34px; font-size:22px; color:#555; background:url(../img/login/user_2_btns.png) no-repeat right 0;}
#volunteer #left .user .conts .item-2 .pages .curr {color:#e62b1e;}
#volunteer #left .user .conts .item-2 .pages a {position:absolute; top:0; width:34px; height:100%;}
#volunteer #left .user .conts .item-2 .pages .prev {right:49px;}
#volunteer #left .user .conts .item-2 .pages .next {right:0;}
#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 {position:relative; height:195px; background:#ffd900 url(../img/login/user_icon.png) no-repeat 32px 27px;}
#volunteer #right .user-welcomes p {position:absolute; top:27px; left:95px; font-size:14px; color:#3e3f41;}
#volunteer #right .user-welcomes input {position:absolute; top:100px; left:50%; margin-left:-33px; width:66px; height:31px; color:#e1dede; background-color:#686a6a; cursor:pointer;}
#right .user-welcomes p .u-center {display:block;  padding: 0px 10px 0px 10px; margin-top:7px; font-weight:bold; font-size:15px; line-height:30px; text-align:center; color:#fff; background-color:#85c348; border-radius:30px;}
#right .user-welcomes p span {color:#e62b1e;}

/*关注万科*/
#f_list_1 li{ height: 89px; border-bottom: 1px solid #e8e6e6;}
#f_list_1 li#li_11{ padding-bottom: 20px; height: auto; min-height: 89px; background: url(../img/about/f_icon1.jpg) 94px 28px no-repeat;}
#f_list_1 li#li_12{ position: relative; background: url(../img/about/f_icon2.jpg) 94px center no-repeat;}
#f_list_1 li#li_13{ position: relative; background: url(../img/about/f_icon3.jpg) 94px center no-repeat;}

#f_list_1 li h1{ float: left; color: #474545; font-size: 16px; line-height: 89px;}
#f_list_1 li .list_con{ float: left; margin-top: 30px; margin-left: 110px; width: 610px;}
#f_list_1 li .list_con a{ margin-right: 13px; color: #818083; font-size: 12px; line-height: 30px; display: inline;}
#wc_title{ margin-top: 36px; margin-bottom: 17px; color: #474545; font-size: 16px;}
#f_list_1 li#li_12 a#qqv{ position: absolute; left: 94px; top: 29px; width: 35px; height: 32px; display: inline-block;}

#f_list_1 li#li_13 span#app_btn{ position: absolute; left: 94px; top: 26px; width: 37px; height: 37px; display: inline-block;}
#f_list_1 li#li_13 .code { position: absolute; left: 160px; top: -50px; padding-left:20px; width:284px; color:#696969; background:url(../img/suggest/app_arrow.png) no-repeat 0 center; z-index: 2; display: none;}
#f_list_1 li#li_13 .code .wrap {float:none; padding:20px; height:150px; background-color:#d8d7d9; border-radius:15px; overflow:hidden;}
#f_list_1 li#li_13 .code .wrap p {width:110px; height:100%; line-height:18px; text-align:center;}
#f_list_1 li#li_13 .code .wrap p img {margin-bottom:8px; width:110px; height:110px}
#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{ float: left; margin-bottom: 7px; margin-right: 7px; padding: 7px; width: 375px; height: 128px; background: #f0eeee;}
#f_list_2 li .img_box{ float: left; width: 126px; height: 126px; background: #7d7d7d; overflow: hidden;}
#f_list_2 li .con_box{ float: right; padding-top: 36px; width: 238px; height: 91px; overflow: hidden;}
#f_list_2 li .con_box h1{ margin-bottom: 12px; color: #818083; font-size: 16px; font-weight: bold;}
#f_list_2 li .con_box p{ color: #818083; font-size: 12px;}

