.pc-box{ width: 100%; min-width: 1219px; margin: 0 auto; }
/* 头部 */
.header{ width: 100%; height: 68px; background-color: #fff; position: fixed; top: 0; z-index: 999; }
.header > div{ width: 1175px; margin: 0 auto; }
.ccplus-logo{ min-width: 62px; height: 100%; line-height: 68px; text-align: center; float: left; }
.ccplus-logo a{ display: inline-block; width: 100%; height: 100%; }
.ccplus-logo img{ max-height: 49px;text-align: center; vertical-align: middle; }
.header-nav { float: left; margin-left: 22px;position: relative; }
.header-nav ul li{ float: left; padding: 0 20px; line-height: 68px; }
.header-nav ul li a{ font-size: 16px; color: #444444; }
.header-nav ul li.select a{ color: #5280e3; font-weight: bold; }
.selectStyle{ position: absolute; width: 30px; height: 2px; background-color: #5280E3; top: 0; left: 20px; }

.header-link{ float: right; }
.header-link > li{ float: right; height: 100%; }
#parkList{ width: 100%; min-width: 170px; height: 100%; float: left; }
.changeParkBox{ margin: 24px 0; padding: 0 18px; border-right: 1px solid #ddd; box-sizing: border-box; }
.changeParkBox span{ cursor: pointer; text-align: right; }
.changeParkBox i{ display: inline-block; width: 11px; height: 14px; background-position: -9px -7px; margin-right: 10px; vertical-align: middle; }
.changeParkBox a{ color: #999999; float: right; }
.changeParkBox a:hover span,.changeParkList > div a:hover{ text-decoration: underline; }

.changeParkBox.select > span{ display: inline-block; width: 150px; text-align: left; }

.changeParkBox.select,.select-searchType.select,.login-user.select > div{ margin: 0; line-height: 65px; border: 1px solid #ddd; height: 68px; box-sizing: border-box; border-top: 2px solid #5280e3; }
.changeParkList{ width: 250px; border: 1px solid #ddd; border-top: none; box-sizing: border-box; padding:8px 8px 5px 8px; display: none; background-color: #fff; }
.changeParkList > div{ height: 32px; width: 100%; line-height: 32px; }
.changeParkList > div a{ float: right; color: #5280e3;}
.changeParkList > div p{ float: left; width: 190px; font-size: 12px; }
.commonPark > span{ float: left; }
.commonPark > div{ float: left; width: 172px; }
.commonPark > div > div{ width: 132px; height: 60px; overflow: hidden; float: left; margin-top: 6px; }
.commonPark > div > div.heightAuto{ height: auto; }
.commonPark > div > div ul,.commonPark > div > div ul li{ width: 100%; }
.commonPark > div > div ul li{ line-height: 20px; font-size: 12px; }
.changeParkList > div.commonPark{ height: auto; }
.commonPark > div.showOrHideParkSelect{ width: 100%; border-top: 1px solid #ddd; text-align: center; margin-top: 5px; line-height: 18px; cursor: pointer; }
.commonPark > div.showOrHideParkSelect i,.select-searchType i,.login-user > div i{ display: inline-block; width: 12px; height: 7px; background-position: -25px -11px; }
.commonPark > div.showOrHideParkSelect.select i{ background-position: -44px -11px; }
.search-box > div{ float: left; display: none; }
.search-list{ width: 89px; float: left; }
.select-searchType{ width: 89px; height: 100%; text-align: center; padding: 24px 0; box-sizing: border-box; margin-left: -1px; }
.select-searchType.select{ line-height: 16px; margin-left: -1px;} 
.select-searchType p{ cursor: pointer; }
.search-list-box{ width: 89px; box-sizing: border-box; margin-left: -1px; display: none; background-color: #fff; }
.search-list-box ul li,.login-user ul li{ text-align: center; height: 30px; line-height: 30px; cursor: pointer; border-left: 1px solid #ddd; border-right: 1px solid #ddd; font-size: 12px; }
.login-user ul li a{ display: inline-block; width: 100%; height: 100%; }
.search-list-box ul li:last-child,.login-user ul li:last-child{ border-bottom: 1px solid #ddd; }
.search-list-box ul li:hover,.login-user ul li:hover{ background-color: #5280e3; color: #fff; border-color:#5280e3; }
.search-textBox{ width: 112px; float: left; border: none; margin: 25px 0 25px -2px; line-height: 18px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding: 0 20px; box-sizing: border-box; }
.login-btn{ display: inline-block; text-align: right; width: 110px; border-left: 1px solid #ddd; margin: 24px 0; }
.login-btn i{ display: inline-block; width: 16px; height: 16px; background-position: -92px -5px; vertical-align: text-bottom; margin-right: 5px; }
.login-btn span{ color: #5280e3; line-height: 19px; }
.login-btn a:hover{ text-decoration: underline; color: #5280e3; }
.search-btn{ display: inline-block; cursor: pointer; width: 16px; height: 16px; background-position: -68px -6px; float: left; margin: 26px 20px;  }
.search-btn:hover{ opacity: .8; }
.order-search-btn{ display: inline-block;cursor: pointer;width: 24px;height: 24px;background-position: -360px -192px;float: left;margin: 26px 20px;position: absolute;right: -16px;top: 2px;}
.order-search-btn:hover{ opacity: .8; }
.search-btn.select,.service-search-input a.select span i{ background-position: -185px -143px; }
.login-user ul li.news{ position: relative; }
.comment-count{ position: absolute; top: 7px; left: 72px; display: inline-block;min-width: 12px; height: 12px; padding: 2px; border-radius: 50%;background-color: red;line-height: 12px;color: #fff;text-align: center;font-size: 10px; text-indent: 0; }

.login-user{ width: 112px; background-color: #fff;  }
.login-user > span{ display: inline-block; width: 1px; height: 19px; border-left: 1px solid #ddd; float: left; margin: 24px 0;}
.login-user > div{ width: 100%; cursor: pointer; border-top: 2px solid #fff; }
.login-user > div > div{ float: right; width: 78px; line-height: 66px; position: relative; }
.login-user > div img{ width: 30px; height: 30px; border-radius: 50%; margin: 18px 3px 18px 0; float: left; }
.login-user > div > div p{ width: 45px; float: left; text-align: center; }
.login-user > div i{ float: right; margin: 29px 5px; }
.login-user ul{ display: none; }
.login-user ul li:hover a{ color: #fff; }

.user-alert{ width: 12px; height: 12px; background-color: #ff0000;border-radius: 50%;  -moz-border-radius: 50%;-ms-border-radius: 50%;-webkit-border-radius: 50%; position: absolute; top: 16px; left: 22px; }

.changeParkLinke:hover{ text-decoration: underline; cursor: pointer; }

/* 弹出确定框 */
.showChoosebox{ display: none; width: 450px; height: 200px; overflow: hidden; text-align: center; background-color: #fff; position: fixed; top: 50%; left: 50%; margin-left: -225px; margin-top: -100px; z-index:1405; border-radius: 2px; }
.choose-content{ width: 100%; height: 109px; padding:20px 0; border-bottom: 1px solid #e2e2e2; }
.choose-btn{ width: 100%; height: 50px; }
.choose-btn a{ display: inline-block; width: 225px; float: left; border-right: 1px solid #e2e2e2; line-height: 50px; text-align: center; box-sizing: border-box; }
.choose-btn a.cancel{ font-size: 14px; color: #959595; }
.choose-btn a.confirm{ font-size: 14px; color: #3987d5; border-right: none;  }
.choose-btn a:hover{ background-color: #F2F2F2; }
i.choose-icon{ display: inline-block; width: 53px; height: 49px; padding: 15px 0; background: url(../img/prompt-icon.png) no-repeat center; vertical-align: middle; }
.choose-content p{ font-size: 14px; color: #484949; width: 80%; margin: 0 auto; max-height: 38px; overflow: hidden; }

/* 暂无数据 */
.no-data{ height:200px; width: 100%; line-height: 200px;  box-sizing: border-box; text-align: center; margin-top: 10px; clear: both; }
.no-data-img-tip {height:34px; width: 34px;margin: -12px auto;}
.no-data span{height:34px; width: 100px; line-height: 34px;color: #999999;padding-left: 10px;}
.no-result{width: 100%;box-sizing: border-box;text-align: center;margin-top: 130px;clear: both;}
.no-result p{ height: 34px;width: 100%;line-height: 34px;text-align: center;}
.img-tip{height: 70px;width:80px;margin: 20px auto;}
.text-tip{ height: 80px;width:100%;margin:0 auto;}
span.text-tip1{ color:#5280e3;font-size: 18px; }
span.text-tip2{ color:#f1aa67; font-size: 14px}
.no-result div p.f-s-18{font-size: 18px}
.no-result div p.f-s-14{font-size: 14px}

/* 底部 */
.footer{ width: 100%; height: 212px; background-color: #2d3345; margin-top: 20px; float: left; }
.footer > div.footer-content{ width: 1179px; margin: 0 auto; padding: 40px 0; box-sizing: border-box; }
.footer > div.footer-content a,.footer-left  p,.footer-left p span{ color: #959595; }
.footer > div.footer-content a:hover{ text-decoration: underline; }
.footer-left > div ul{ margin-bottom: 10px; }
.footer-left > div ul li{ float: left; margin-right: 20px; line-height: 40px; }
.footer-left p{ line-height: 24px; }
.footer-right ul li{ float: left; width: 70px; height: 102px; margin-left: 28px; }
.footer-right ul li img{ width: 68px; height: 68px; margin: 0 auto; }
.footer-right ul li p{ margin-top: 2px; line-height: 32px; text-align: center; color: #fff; }
.park-tel{ height: 102px; padding-top: 51px; box-sizing: border-box; margin-right: 16px; }
.park-tel i{ display: inline-block; width: 13px; height: 35px; background-position: -227px -9px; margin:8px 10px 0 0; }
.park-tel p{ color: #fff; text-align: right; line-height: 24px; }

.right-nav{ position: fixed; right: 40px; bottom: 10%; width: 64px; z-index: 99; }
.right-nav ul li{ float: left; width: 100%; height:64px; text-align: center; margin-bottom: 2px; background-color: #fff; cursor: pointer;  }
.right-nav ul li div.icon-box > i{ display: inline-block; width: 28px; height: 28px; vertical-align: middle; }
.right-nav ul li.ccplus-download div.icon-box > i{ background-position: -251px -9px; }
.right-nav ul li.ccplus-qq a div.icon-box > i{ background-position: -288px -9px; }
.right-nav ul li.ccplus-returnTop div.icon-box > i{ background-position: -324px -9px; }
.right-nav ul li:hover{ background-color: #5381e3; }
.right-nav ul li > a{ display: inline-block; width: 100%; height: 100%; }

.icon-box{ width: 100%; height: 100%; line-height: 64px; text-align: center; }

.right-nav ul li:hover.ccplus-download div.icon-box > i{ background-position: -359px -9px; }
.right-nav ul li:hover.ccplus-qq a div.icon-box > i{ background-position: -396px -9px; }
.right-nav ul li:hover.ccplus-returnTop  div.icon-box > i{ background-position: -432px -9px; }

.right-nav ul li.ccplus-returnTop,.right-nav ul li.ccplus-qq{ display: none; }

.show-content{ width: 174px; position: absolute; right: 70px; display: none;}
.show-content > div{ background-color: #fff; width: 168px; padding: 10px; float: left; box-sizing: border-box;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .2);  
  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .2);  
  box-shadow:0 0 10px rgba(0, 0, 0, .2); }
.show-content > div img{ width: 148px; height: 148px; }
.show-content > div p{ line-height: 24px; font-size: 12px; text-align: center; }
.show-content > i{ display: inline-block; width: 6px; height: 12px; background-position: -473px -18px; float: left; margin-top: 50%; }
.right-nav ul li.ccplus-download .show-content{ top: -60px; }
.right-nav ul li.ccplus-qq .show-content{ top: 80px; }
.right-nav ul li.ccplus-qq .show-content > div{ height: 44px; }
.right-nav ul li.ccplus-qq .show-content > i{ margin-top: 16px; }

.right-nav ul li:hover .show-content{ display: block; }

@media only screen and (min-width:1322px) and (max-width:1399px) {
	.right-nav{ right: 5px; }
}
@media only screen and (max-width:1321px) {
	.right-nav{ display: none; }
}

/* 内容 */
.content-box{ margin-top: 68px; min-height: 700px; }

.index-tmpl-box.loading{ margin-top: 40px; }

/* 首页banner */
.index-banner-box{ width: 100%; min-width: 1175px; height: 420px; margin: 0 auto; }
.index-banner-box > div{ position: relative; }
.index-banner-box > div,.index-banner .swiper-container,.other-banner-box .swiper-container,.other-banner-box .swiper-wrapper{ width: 100%; height: 100%; }
.index-banner-box > div .index-banner{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.index-banner .swiper-pagination-bullet,.other-banner-box .swiper-pagination-bullet{ width: 10px; height: 10px; background-color: #dddddd; opacity: 1; }
.index-banner .swiper-pagination-bullet-active,.other-banner-box .swiper-pagination-bullet-active{ width: 20px; background-color: #5280e3; border-radius: 10px; }

.index-menu{ position: absolute; top: 0; left:50%; z-index: 2; height: 420px; margin-left: -587.5px; }
.menu-left{ width: 279px; height: 100%; background-color: rgba(255,255,255,.9); }
.menu-left ul.menu-serviceType li{ width: 100%; height: 36px; line-height: 36px; padding: 0 20px; box-sizing: border-box; font-size: 14px; cursor: pointer; }
.menu-left ul.menu-serviceType li.select{ background-color: #5280e3; }
.menu-left ul.menu-serviceType li.select h3{ color: #fff; }
.menu-left ul.menu-serviceType li.select span{ background-position: -114px -7px; }
.menu-left ul.menu-serviceType li h3{ float: left; color: #444444; }
.menu-left ul.menu-serviceType li span{ display: inline-block; width: 7px; height: 12px; float: right; vertical-align: middle; background-position: -125px -7px; margin-top: 12px;}

.menu-left ul.menu-service{ position: absolute; bottom: 0; }
.menu-left ul.menu-service li{ float: left; width: 92px; height: 40px; margin: 1px 1px 0 0; background-color: #fff; text-align: center; line-height: 42px; }
.menu-left ul.menu-service li:nth-child(3n){ margin: 1px 0 0 0; }
.menu-left ul.menu-service li:nth-child(2),.menu-left ul.menu-service li:nth-child(5){ width: 93px; }
.menu-left ul.menu-service li a{ display: inline-block; width: 100%; height: 100%; font-size: 12px; padding: 0 10px; box-sizing: border-box; }
.menu-left ul.menu-service li em{ display: inline-block; width: 3px; height: 3px; background-color: #444444; border-radius: 100%; vertical-align: middle; margin-right: 5px; }
.menu-left ul.menu-service li:hover{ opacity: .8; }

.menu-right{ position: absolute; top: 0; left: 279px; }
.menu-right > ul,.menu-right > ul > li{ width: 100%; height: 100%; }
.menu-right > ul > li{ display: none; width: 480px; height: 420px; overflow: hidden; background-color: rgba(255,255,255,.95); padding:8px 8px 8px 0; box-sizing: border-box; }
.menu-right > ul > li h3{ font-weight: bold; font-size: 16px; margin-left: 14px; }
.menu-right > ul > li > ul{ margin: 5px 0 0 -1px; }
.menu-right > ul > li > ul > li{ position: relative; float: left; padding: 10px 0 10px 15px; line-height: 16px; margin-right: 15px;}
.menu-right > ul > li > ul > li:before{ content: ""; clear: both; box-sizing: inherit; }
.menu-right > ul > li > ul > li::before{ position: absolute; width: 1px; height: 12px; top: 12px; left: 0; background-color: #ddd; }
.menu-right > ul > li > ul > li a:hover{ text-decoration: underline; }

/* 热点关注 */
.index-content-box{ width: 1175px; margin: 0 auto; }
.news-box{ margin-top: 40px; width: 100%; height: 48px; line-height: 46px; background-color: #fff; border: 1px solid #e2e2e2; box-sizing: border-box; }
.news-box i.icon{ display: inline-block; width: 95px; height: 15px; background-position: -12px -27px; margin: 15.5px 20px; }
.news-box > div{ width: 1035px; height: 48px; overflow: hidden; }
.news-box ul li{ width: 100%; height: 100%; }
.news-box ul li a{ font-size: 12px; display: inline-block; width: 517px; height: 28px; line-height: 28px; float: left; margin: 9px 0; border-left: 1px solid #ddd; box-sizing: border-box; padding: 0 20px; }
.news-box ul li a p{ float: left; width: 80%; }
.news-box ul li a span{ float: right; color: #999999; }

.con-item{ width: 100%; margin-top: 30px; }
.con-item-header{ width: 100%; height: 38px; line-height: 38px;  }
.con-item-header h2{ font-size: 16px; font-weight: bold; float: left; }
.con-item-header > a{ float: right; font-size: 12px; color: #999999; }
.con-item-header a:hover{ text-decoration: underline; }
.con-item-header ul{ float: right; }
.con-item-header ul li{ float: left; margin-left: 24px; }

.activity-box{ width: 1195px; }
.activity-box > ul{ margin-left: -10px; }
.activity-box > ul > li{ width: 299px; height: 310px; float: left; }
.activity-box > ul > li:hover{ background-color: #fff;  -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .2);  
  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .2);  
  box-shadow:0 0 10px rgba(0, 0, 0, .2); }
.activity-box > ul > li > a{ display: inline-block; width: 279px; margin: 0 auto; padding: 10px; }
.activity-box > ul > li div.activity-img{ width: 279px; height: 155px; margin-bottom: 10px; }
.activity-box > ul > li div.activity-info h3{ font-size: 16px; font-weight: bold; line-height: 32px; }
.activity-box > ul > li div.activity-info ul li{ line-height: 24px; }
.activity-box > ul > li div.activity-info ul li i{ display: inline-block; width: 13px; height: 13px; float: left; margin: 5.5px 4px 5.5px 0; }
.activity-box > ul > li div.activity-info ul li i.time,.joinActivity-info > p i.time{ background-position: -138px -7px; }
.activity-box > ul > li div.activity-info ul li i.address,.joinActivity-info > p i.address{ background-position: -155px -8px; }
.activity-box > ul > li div.activity-info ul li i.bmCount,.joinActivity-info > p i.bmCount{ background-position: -171px -9px; }
.activity-box > ul > li div.activity-info ul li i.isFree,.joinActivity-info > p i.isFree{ background-position: -188px -10px; }
.activity-box > ul > li div.activity-info ul li p{ font-size: 12px; color: #999; }

.cont-row1-col2{ width: 1219px; }
.cont-row1-col2 > div{ width: 578px; float: left; margin-right: 20px; }
/* 专题订阅 */
.ztdy-box,.parkTalkOverBox ul{ width: 100%; }
.ztdy-box ul,.parkRecomCompany-box{ margin-top: 10px; }
.ztdy-box ul li{ width: 136px; height: 136px; background-color: #fff; margin-right: 11px; float: left; }
.ztdy-box ul li a{ display: inline-block; width: 100%; height: 100%; }
.ztdy-box ul li a div.ztdy-img{ width: 100%; height: 111px; opacity: .9; }
.ztdy-box ul li a p{ width: 100%; height: 25px; line-height: 25px; text-align: center; padding: 0 10px; box-sizing: border-box; font-size: 12px; }
.ztdy-box ul li:hover div.ztdy-img{ opacity: 1; }
.ztdy-box ul li:last-child{ margin-right: 0; }
/* 园区企业推荐 */
.parkRecomCompany-box{ width: 100%; overflow: hidden; }
.cont-row1-col2 .parkRecomCompany-box{ height: 136px; }
.cont-row1-col2 .parkRecomCompany-box ul li{ width: 114px; }
.parkRecomCompany-box ul li{ float: left; opacity: .8; width: 116px; height: 67.5px; background-color: #fff; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; }
.parkRecomCompany-box ul li a{ display: inline-block; width: 100%; height: 100%; line-height: 67.5px; text-align: center; }
.parkRecomCompany-box ul li a img{ max-width: 100%; max-height: 100%; vertical-align: middle; }
.cont-row1-col2 .parkRecomCompany-box ul li:nth-child(5n),.parkRecomCompany-box ul li:nth-child(10n){ border-right: 0; }
.parkRecomCompany-box ul li:hover{ opacity: 1; }

/* 园区里都在讨论 */
.parkTalkOverBox{ width: 1196px; }
.parkTalkOverBox ul{ margin-left: -10px; }
.parkTalkOverBox ul li{ width: 299px; height: 289px; float: left; }
.parkTalkOverBox ul li a{ display: inline-block; width: 100%; height: 100%; padding: 10px; box-sizing: border-box; }
.parkTalkOverBox ul li a div.talkOver-img{ width: 279px; height: 217px; margin: 0 auto; }
.parkTalkOverBox ul li a div.talkOver-img > div{ position: relative; width: 100%; height: 100%; }
.parkTalkOverBox ul li a div.talkOver-img > div div.talkOver-img-box{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; }
.parkTalkOverBox ul li a div.talkOver-img > div div.talkOver-guide{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; opacity: 0; background-color: rgba(68,68,68,.65); }
.parkTalkOverBox ul li a div.talkOver-img > div div.talkOver-guide p{ font-size: 12px; color: #fff; line-height: 18px; height: 54px; overflow: hidden; width: 90%; margin: 80px auto 0 auto; text-align: center; }
.parkTalkOverBox ul li a div.talkOver-img > div div.talkOver-guide span i{ display: inline-block; width: 11px; height: 10px; background-position: -207px -29px; margin-right: 5px; }
.parkTalkOverBox ul li a div.talkOver-img > div div.talkOver-guide span{ font-size: 12px; color: #fff; margin-top: 12px; position: absolute; bottom: 20px; right: 20px;}
.parkTalkOverBox ul li a h3{ height: 52px; font-size: 16px; line-height: 52px; font-weight: bold; text-align: center; background-color: #fff; }

.parkTalkOverBox ul li:hover{ background-color: #fff;  -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .2); -moz-box-shadow:0 0 10px rgba(0, 0, 0, .2); box-shadow:0 0 10px rgba(0, 0, 0, .2); }
.parkTalkOverBox ul li:hover a h3{ background-color: #5280e3; color: #fff; }
.parkTalkOverBox ul li:hover a div.talkOver-img > div div.talkOver-guide{ opacity: 1; z-index: 5; }

/* 官网 */
.officialWebsite-box{ width: 1175px; height: 100px; margin-top: 40px; }
.officialWebsite-box a{ display: inline-block; width: 100%; height: 100%; }

/* 入驻商家 */
.recruitment-box{ width: 1169px; max-height: 205px; overflow: hidden; margin: 0 auto; }
.recruitment-box ul{ width: 100%; height: 100%; padding: 1px 0 0 1px; margin-top: 10px; }
.recruitment-box ul li{ float: left; width: 147px; height: 98px; border:1px solid #e2e2e2; margin: -1px 0 0 -1px; box-sizing: border-box; background-color: #fff;}
.recruitment-box ul li a{ display: inline-block; position: relative; width: 100%; height: 100%; }
.recruitment-box ul li a > div{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; }
.recruitment-box ul li a > div.shopLogo{line-height: 92px;z-index: 2;width: 135px;height: 92px;margin: 0 5px;}
.recruitment-box ul li a > div.shopLogo img{ max-height: 100%; max-width: 100%; vertical-align: middle; }
.recruitment-box ul li a > div.shopName{ background-color: rgba(0,0,0,.7); z-index: 1; opacity: 0; }
.recruitment-box ul li a > div.shopName p{ color: #fff; font-weight: bold; width: 100%; max-height: 54px; padding: 0 10px; box-sizing: border-box; font-weight: bold; line-height: 18px; overflow: hidden; }
.recruitment-box ul li a > div.shopName span{ display: inline-block; width: 20px; height: 20px; background-color: #5280e3; color: #fff; font-size: 18px; text-align: center; line-height: 22px; border-radius: 50%; position: absolute; bottom: 5px; right: 5px; }

.recruitment-box ul li.select a > div.shopName{ animation:showShopName 1s 1 forwards ;
		-moz-animation:showShopName 1s 1 forwards ; /* Firefox */
		-webkit-animation:showShopName 1s 1 forwards ; /* Safari and Chrome */
		-o-animation:showShopName 1s 1 forwards ; /* Opera */  }

@keyframes showShopName
{
	0%   { z-index: 3; opacity: 0; }
	100% { opacity: 1; }
}

@-moz-keyframes showShopName /* Firefox */
{
	0%   { z-index: 3; opacity: 0; }
	100% { opacity: 1; }
}

@-webkit-keyframes showShopName /* Safari and Chrome */
{
	0%   { z-index: 3; opacity: 0; }
	100% { opacity: 1; }
}

@-o-keyframes showShopName /* Opera */
{
	0%   { z-index: 3; opacity: 0; }
	100% { opacity: 1; }
}

/* 园区热卖 */
.parkHotSale-box{ width: 1178px; height: 350px; margin-top: 10px; margin-bottom: 20px; }
.hotSale-title{ width: 238px; height: 100%; float: left; }
.hotSale-title a,.hotSale-middle ul li a{ display: inline-block; width: 100%; height: 100%; }
.hotSale-title a{ line-height: 350px; text-align: center; }
.hotSale-title a img{ max-height: 100%; max-width: 100%; vertical-align: middle; }
.hotSale-middle{ float: left; width: 940px; height: 100%; overflow: hidden; }
ul.hotSaleItem li{ float: left; width: 234.5px; height: 176px; border-bottom: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; box-sizing: border-box; }
ul.hotSaleItem li a{ position: relative; display: inline-block; width: 100%; height: 100%; }
ul.hotSaleItem li a div{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
ul.hotSaleItem li a div.hotSale-img{ z-index: 1; background-color: #fff; }
ul.hotSaleItem li a div.hotSale-img img{ max-height: 110px; max-width: 105px; position: absolute; bottom: 10px; right: 10px; }
ul.hotSaleItem li a div.hotSale-info{ z-index: 2; padding: 12px; box-sizing: border-box; }
ul.hotSaleItem li a div.hotSale-info p{ line-height: 22px; }
ul.hotSaleItem li a div.hotSale-info p.f-s-14{ color: #ff9600; width: 88px; line-height: 20px; height: 40px; overflow: hidden; }

ul.hotSaleItem li:hover div.hotSale-img img{ animation:moveSale 1s 1 forwards ;
		-moz-animation:moveSale 1s 1 forwards ; /* Firefox */
		-webkit-animation:moveSale 1s 1 forwards ; /* Safari and Chrome */
		-o-animation:moveSale 1s 1 forwards ; /* Opera */
	 }

@keyframes moveSale
{
	0%   { right: 10px; }
	100% { right: 20px; }
}

@-moz-keyframes moveSale /* Firefox */
{
	0%   { right: 10px; }
	100% { right: 20px; }
}

@-webkit-keyframes moveSale /* Safari and Chrome */
{
	0%   { right: 10px; }
	100% { right: 20px; }
}

@-o-keyframes moveSale /* Opera */
{
	0%   { right: 10px; }
	100% { right: 20px; }
}

.hotSale-right{ width: 238px; height: 100%; float: left; overflow: hidden;}
.hotSale-right ul.hotSaleItem li{ width: 100%; height: 117px; border-right: 0; }

/* 服务 */
.service-content-box{ margin-bottom: 30px; }
.other-banner-box{ width: 100%; height: 320px; margin: 0 auto;  }
.service-search-box{ width: 100%; margin-top: 30px; }
.service-search-type{ width: 940px; }
.service-search-type > span{ display: inline-block; }
.service-search-type > span,.service-search-type ul li{ float: left; height: 30px; line-height: 28px; cursor: pointer; text-align: center; box-sizing: border-box; padding: 0 16px; border: 1px solid #e2e2e2; border-radius: 20px; margin: 10px 10px 0 0; }
.service-search-type > span.select,.service-search-type ul li.select{ background-color: #5296e3; color: #fff; border: none; }




.service-search-input{ width: 180px; position: relative;margin-top: -18px; }
.service-search-input input{ width: 180px;
float: left;
border: none;
margin: 25px 0 25px -2px;
line-height: 30px;
height: 30px;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
padding: 0 20px;
box-sizing: border-box;
background-color: #fff;
border-radius: 15px;
 } 
.service-search-input span i{ display: inline-block;
width: 24px;
height: 24px;
cursor: pointer;
position: absolute;
top: 28px;
left: 150px;
}
.service-search-input span i{ background-position: -360px -192px; }
.service-search-input span:hover{ opacity: .8; }






.service-list-box{ width: 100%; }
.service-list-box > ul > li{ width: 100%; margin-top: 40px; }
.service-title{ width: 100%; height: 30px; line-height: 30px; background-color: #dde8f6; border-left: 3px solid #3c84fc; padding: 0 12px; box-sizing: border-box;}
.service-title a{ color: #959595; }
.service-title a:hover{ text-decoration: underline; }
.service-list-box > ul > li > ul,.result-service-box > ul{ width: 1200px; height: 147px; overflow: hidden; }
.service-list-box > ul > li > ul.showMore{
		animation:showMoveService 1s 1 forwards ;
		-moz-animation:showMoveService 1s 1 forwards ; /* Firefox */
		-webkit-animation:showMoveService 1s 1 forwards ; /* Safari and Chrome */
		-o-animation:showMoveService 1s 1 forwards ; /* Opera */
}		
@keyframes showMoveService
{
	0%   { height: 147px; }
	100% { height: auto; }
}

@-moz-keyframes showMoveService /* Firefox */
{
	0%   { height: 147px; }
	100% { height: auto; }
}

@-webkit-keyframes showMoveService /* Safari and Chrome */
{
	0%   { height: 147px; }
	100% { height: auto; }
}

@-o-keyframes showMoveService /* Opera */
{
	0%   { height: 147px; }
	100% { height: auto; }
}
.service-list-box > ul > li > ul > li,.result-service-box > ul li{ float: left; width: 60px; height: 102px; margin:30px 20px 15px 0; padding: 0 10px; }
.service-list-box > ul > li > ul > li a,.result-service-box > ul li a{ display: inline-block; width: 60px; height: 102px; margin: 0 auto; text-align: center; }
.service-list-box > ul > li > ul > li a img,.result-service-box > ul li a img{ width: 60px; height: 60px; -webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	 }
.service-list-box > ul > li > ul > li a p,.result-service-box > ul li a p{ line-height: 42px; font-size: 12px; color: #484949; -webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;}
	
.service-list-box > ul > li > ul > li a:hover img{ 
	-webkit-transform:	translate3d(0, -3px, 0);
	-moz-transform:translate3d(0, -3px, 0);
	-o-transform:translate3d(0, -3px, 0);
	transform:translate3d(0, -3px, 0); }
.service-list-box > ul > li > ul > li a:hover p{
	color: #3c84fc;
	-webkit-transform:	translate3d(0, -3px, 0);
	-moz-transform:translate3d(0, -3px, 0);
	-o-transform:translate3d(0, -3px, 0);
	transform:translate3d(0, -3px, 0);
}

.service-list-box > ul > li:nth-child(2n) .service-title{  background-color: #f1e6dc; border-left-color: #ff7800; }
.service-list-box > ul > li:nth-child(2n) > ul > li a:hover p{
	color: #ff7800;
	-webkit-transform:	translate3d(0, -3px, 0);
	-moz-transform:translate3d(0, -3px, 0);
	-o-transform:translate3d(0, -3px, 0);
	transform:translate3d(0, -3px, 0);
}

.service-list-box > ul > li:nth-child(3n) .service-title{  background-color: #e5f0dc; border-left-color: #90d500; }
.service-list-box > ul > li:nth-child(3n) > ul > li a:hover p{
	color: #90d500;
	-webkit-transform:	translate3d(0, -3px, 0);
	-moz-transform:translate3d(0, -3px, 0);
	-o-transform:translate3d(0, -3px, 0);
	transform:translate3d(0, -3px, 0);
}

.service-list-box > ul > li:nth-child(4n) .service-title{  background-color: #e3eff5; border-left-color: #76cbf3; }
.service-list-box > ul > li:nth-child(4n) > ul > li a:hover p{
	color: #76cbf3;
	-webkit-transform:	translate3d(0, -3px, 0);
	-moz-transform:translate3d(0, -3px, 0);
	-o-transform:translate3d(0, -3px, 0);
	transform:translate3d(0, -3px, 0);
}

.service-list-box > ul > li:nth-child(5n) .service-title{  background-color: #f0ebe2; border-left-color: #fca83e; }
.service-list-box > ul > li:nth-child(5n) > ul > li a:hover p{
	color: #fda93f;
	-webkit-transform:	translate3d(0, -3px, 0);
	-moz-transform:translate3d(0, -3px, 0);
	-o-transform:translate3d(0, -3px, 0);
	transform:translate3d(0, -3px, 0);
}


.showMore-service{ width: 100%; height: 20px; border-top: 1px solid #e2e2e2; position: relative; }
.showMore-service p{ cursor: pointer; width: 100px; height: 20px; border: 1px solid #e2e2e2; border-top: 0; border-radius:0 0 5px 5px; position: absolute; top: -1px; background-color: #eff3f5; color: #999; font-size: 12px; left: 50%; margin-left: -50px; padding: 0 5px; box-sizing: border-box;}
.showMore-service p i{ display: inline-block; width: 12px; height: 7px; background-position: -25px -11px; margin-left: 4px;}
.showMore-service p i.up{ background-position: -44px -11px; }

.service-help-box{ width: 100%; margin-top: 40px; }
.service-help-box div.help-title{ width: 100%; height: 30px; line-height: 30px; background-color: #dde8f6; }
.service-help-box div.help-title i{ display: inline-block; float: left; width: 28px; height: 30px; background-position: -9px -53px; background-color: #eff3f5; padding-right: 10px; margin-right: 10px; }
.service-help-box > ul{ width: 1200px; }
.service-help-box > ul > li{ width: 270px; height: 184px; background-color: #fff; box-sizing: border-box; border-top: 10px solid #c2c2c2; float: left; margin: 30px 30px 0 0; padding: 0;}
.service-help-box > ul > li a{ display: inline-block; width: 100%; height: 100%; padding: 18px; border: 1px solid #e2e2e2; border-top: 0; box-sizing: border-box; }
.service-help-box > ul > li a img{ max-width: 19px; max-height: 19px;margin-right: 10px; vertical-align: text-bottom; background-color: #c2c2c2;
-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
.help-top{ width: 100%;  border-bottom: 1px solid #e2e2e2; padding-bottom: 18px; text-align: center; line-height: 22px;}
.help-bottom{ width: 100%; height: 90px; overflow: hidden; margin-top: 10px; }
.help-bottom p{ text-align: center; line-height: 30px; }
.service-help-box > ul > li:hover,.service-help-box > ul > li:hover a{ border-color: #fca83e; color: #fca83e; }
.service-help-box > ul > li:hover a div.help-top{ color: #fca83e; }
.service-help-box > ul > li:hover a img{ -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter: none;
    background-color: #fca83e;
 }
 

/* 热点关注 */
/* 新闻、企业推介右边内容 */
.hotSport-content-box{ padding: 30px 0; }
.hotSport-content-box > div{ width: 1186px; }
.hotSport-left{ width: 219px; }
.hotSport-left h2{ line-height: 36px; }
.hotspot-type ul li{ height: 58px; line-height: 58px; text-align: center; cursor: pointer; background-color: #fff; }
.hotspot-type ul li.select,.hotspot-type ul li.select:hover{ background-color: #5280e3; color: #fff; }
.hotspot-type ul li:hover{ background-color: #f7f7f7; }

.hotSport-right{ width: 956px; }
.hotspot-detail{ width: 100%; border: 1px solid #e2e2e2; box-sizing: border-box; float: left; margin-bottom: 20px; padding: 0 38px; background-color: #fff; display: none;}
.hotspot-content ul { width: 100%; }
.hotspot-content ul li{ float: left; width: 100%; }
.hotspot-content ul li div.hotSport-item{ width: 100%; margin: 0 auto; padding: 10px 0 10px 10px; box-sizing: border-box; }
.hotspot-content ul li:hover div.hotSport-item{ background-color: #fff;
-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0);  
  -moz-border-shadow: 5px 5px 10px rgba(0,0,0,0);  
  -ms-border-shadow: 5px 5px 10px rgba(0,0,0,0);  
  box-shadow: 5px 5px 10px rgba(0,0,0,0.1);
 }
.hotSport-line{ width: 935px; border-bottom: 1px solid #e2e2e2; margin: 10px auto; }
.hotspot-img{ width: 250px; height: 139px; overflow: hidden; float: left; margin-right: 8px; }
.hotspot-info{ float: left; width: 678px;position: relative; height: 139px; }
.hotspot-info p{ font-size: 18px; font-weight: bold; color: #484949; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;word-break: normal;  }
.hotspot-info > span{ color: #959595; float: left; margin:10px 18px 0 0; line-height: 16px; }
.hotspot-info a,.joinActivity-info a,.joinTopic-info a{ display: inline-block; position: absolute; bottom: 0; right: 0; width: 100px; height: 25px; line-height: 25px; text-align: center; color: #3c84fc;  }
.hotspot-info a:hover,.joinActivity-info a:hover,.joinTopic-info a:hover{ text-decoration: underline; }

.more-btn{ text-align: center; margin-top: 30px; }
.more-btn a{ display: inline-block; width: 200px; height: 40px; border: 1px solid #5280e3; border-radius: 20px; line-height: 40px; color: #5280e3; opacity: .8; }
.more-btn a img{ width: 14px; vertical-align: text-top; margin-left: 5px; }
.more-btn a:hover{ opacity: 1; }

.hotspot-crumbs{ height: 50px; width: 100%; line-height: 50px; border-bottom: 1px solid #e2e2e2; }
.hotspot-crumbs span{ font-size: 14px; color: #959595; float: left; }
.hotspot-crumbs > i{ display: inline-block; width: 7px; height: 9px; background-position: -55px -344px; margin: 20px 4px; float: left; }
.hotspot-crumbs span.hotspot-title{ color: #3c84fc; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; word-break: normal; width: 625px; height: 50px;  }
.hotspot-crumbs a{ float: right; color: #959595; }
.hotspot-crumbs a i{ display: inline-block; width: 16px; height: 13px; background-position: -36px -341px; margin-right: 2px; }
.hotspot-crumbs a:hover{ text-decoration: underline; }
.hotspot-detailInfo{ padding: 15px 0; }
.hotspot-detailInfo h3{ font-size: 24px; color: #484949; }
.hotspot-time{ padding: 20px 0;  }
.hotspot-time span{ font-size: 14px; color: #959595; margin-right: 20px; }
.hotspotDetail-box { overflow: hidden; line-height: 26px; color: #484949; }
.hotspotDetail-box img{ max-width: 747px; }
.banner-detail{ border: 1px solid #e2e2e2; padding: 25px; box-sizing: border-box; }
.banner-detail .hotspotDetail-box img{ max-width: 100%; }
.hotspot-page{ height: 90px; line-height: 90px; border-top: 1px solid #e2e2e2; width: 100%; margin-top: 10px; }
.hotspot-page a{ color: #959595; }
.hotspot-page a:hover{ text-decoration: underline; }

/* 企业推介右侧列表 */
/* Let's get this party started */
.topic-list.company-list::-webkit-scrollbar {
    width: 4px;
}
 
/* Track */
.topic-list.company-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #fff; 
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
 
/* Handle */
.topic-list.company-list::-webkit-scrollbar-thumb {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 6px #bbb; 
}
.topic-list.company-list::-webkit-scrollbar-thumb:window-inactive {
	background: #fff; 
}


/* 发现 */
.discover-nav{ padding-top: 28px; width: 100%; position: relative; text-align: center; }
.discover-nav ul{ display: inline-block; }
.discover-nav ul li{ line-height: 40px; font-size: 16px; color: #999999; float: left; margin: 0 20px; cursor: pointer; }
.discover-nav ul li.select{ font-weight: bold; color: #5280e3; }
.discover-line{ position: absolute; width: 64px; height: 2px; background-color: #5280E3; bottom: 0; left: 504px; }
.discover-activityType{ margin: 35px 0 6px 0; }
.discover-activityType ul li{ float: left; margin: 0 10px; cursor: pointer; }
.discover-activityType ul li.select{ color: #5280e3; font-weight: bold; }
.activity-box.discover-activity-box > ul > li{ margin-top: 20px; }
.activity-box.discover-activity-box > ul > li > a{ position: relative; }
.activity-state{ position: absolute; display: inline-block; width: 70px; height: 20px; line-height: 20px; right: 20px; top: 20px; text-align: center; border-radius: 20px; background-color: #5280e3; color: #fff; }
.activity-state.overdue{ background-color: #999; }
.activity-content{ }

/* 话题广场 */
.topic-content{ position: relative; display: none;  }
.shareNovelty{ position: absolute; right: 0; top: -30px; width: 140px; height: 30px; line-height: 30px; background-color: #f18d0b; color: #fff; text-align: center; border-radius: 5px; cursor: pointer; }
.shareNovelty i{ display: inline-block; width: 16px; height: 16px; background-position: -185px -27px; vertical-align: text-top;}
.shareNovelty:hover{ opacity: .9; }

.cut-off-rule{ width: 100%; height: 8px; position: relative; border-bottom: 1px solid #e2e2e2;  }
.cut-off-rule span{ padding: 0 10px; background-color: #eff3f5; color: #999999; position: absolute; left: 50%; line-height: 18px; margin-left: -52px;}

.talkUpBox,.specialBox,.parkTopic-box{ padding-top: 40px; }

.bg-blur{ float: left;width: 100%; background-repeat: no-repeat;background-position: center;background-size: cover; -webkit-filter: blur(2px);-moz-filter: blur(2px);-o-filter: blur(2px);-ms-filter: blur(2px);filter: blur(2px);}

.topic-top-list > a{ font-size: 12px; color: #999; margin: 8px 0; }
.topic-top-list > a:hover{ text-decoration: underline; }
.topic-top-list > ul{ width: 1196px; }
.talkUpList ul li{ float: left; width: 279px; height: 93px; margin-right: 20px; }
.talkUpList ul li a{ display: inline-block; width: 100%; height: 100%; position: relative; overflow: hidden; border-radius: 5px; }
.talkUp-bg{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }
.talkUp-info{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; padding: 10px; box-sizing: border-box; }
.talkUp-info p{ text-align: center; padding: 26px 0 10px 0;}
.talkUp-info span i{ display: inline-block; width: 11px; height: 10px; background-position: -207px -29px; margin-right: 5px; }
.talkUpList ul li a:hover .talkUp-bg{ -webkit-filter: blur(1px);-moz-filter: blur(1px);-o-filter: blur(1px);-ms-filter: blur(1px);filter: blur(1px); }

.specialBox .cut-off-rule span{ margin-left: -38px; }
.specialList .ztdy-box{ width: 1185px; }
.specialList .ztdy-box ul{ margin-top: 0; }
.specialList .ztdy-box ul li{ margin-right: 12px; }

.parkTopic-type{ text-align: center; margin: 25px 0 20px 0; }
.parkTopic-type ul{ display: inline-block; }
.parkTopic-type ul li{ float: left; width: 150px; height: 30px; line-height: 28px; margin: 0 20px; cursor: pointer; text-align: center; border-radius: 5px; color: #5280e3; border: 1px solid #5280e3; box-sizing: border-box;  }
.parkTopic-type ul li.select{ background-color: #5280e3; color: #fff; }

.new-topic{ margin-left: -10px; }
.new-topic > div.wall{ width: 1195px; position: relative;  }
.new-topic > div.wall .article{ width: 239px; float: left; margin-bottom: 10px; }
.new-topic > div.wall .article a{ display: inline-block; width: 100%; height: 100%; padding: 10px; box-sizing: border-box; position: relative; }
.new-topic > div.wall .article a div.topic-img{ width: 100%; max-height: 220px; overflow: hidden; margin-bottom: 10px; }
.new-topic > div.wall .article a div.topic-img img{ width: 100%; }
.new-topic > div.wall .article a > p{ line-height: 18px; font-size: 12px; max-height: 56px; overflow: hidden;word-break: break-all; }
.topic-userInfo{ width: 100%; margin: 18px 0 20px 0; }
.topic-userInfo > div{ width: 60%; }
.topic-userInfo > div img{ width: 30px; height: 30px; border-radius: 50%; margin-right: 5px; }
.topic-userInfo > div p{ font-size: 12px; color: #5280e3; height: 30px; line-height: 30px; width: 95px; }
.topic-userInfo > span{ width: 40%; text-align: right; font-size: 12px; color: #999; line-height: 30px; }
.topic-userInfo > span i{ display: inline-block; width: 12px; height: 10px; background-position: -150px -30px; margin-right: 5px; }

.deleteMyTopic{ display: none; position: absolute; top: 20px; right: 20px; width: 60px; height: 30px; line-height: 30px; text-align: center; font-style: normal; text-align: center; color: #999999; border-radius: 5px; background-color: #fff; cursor: pointer; }
.deleteMyTopic:hover{ background-color: #5280e3; color: #fff; }

.new-topic > div.wall .article:hover a em.deleteMyTopic{ display: inline-block; }

.new-topic > div.wall .article:hover{ background-color: #fff;  
-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0);  
  -moz-border-shadow: 5px 5px 10px rgba(0,0,0,0);  
  -ms-border-shadow: 5px 5px 10px rgba(0,0,0,0);  
  box-shadow: 5px 5px 10px rgba(0,0,0,0.1); }
.new-topic-line{ width: 219px; margin: 0 auto; border-bottom: 1px solid #e2e2e2; }
.new-topic > div.wall .article:hover .new-topic-line{ border-bottom-color:#fff ; }
.wall-column { display: block; position: relative;width: 239px; float: left; box-sizing: border-box; }

/* 分享新鲜事 */
.share-novelty{ display: none; width: 800px; background-color: #eff3f5; position: fixed; z-index: 1005; top: 20%; left: 50%; margin-left: -400px; padding: 20px; box-sizing: border-box;  border-radius: 5px 94px 5px 5px;}
.close-btn{ position: absolute; top: -8px; right: -8px; width: 162px; height: 109px; background: url(../img/test.png) no-repeat center; }
.close-btn em{ display: inline-block; width: 36px; height: 36px; border-radius: 50%; position: absolute; right: 0; cursor: pointer;}
.close-btn em:hover{ 
-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .5);  
  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .5);  
  box-shadow:0 0 10px rgba(0, 0, 0, .5);}
.share-novelty h3{ text-align: center; }
.textArea-box{ width: 760px; height: 120px; background-color: #fff; margin-top: 20px; }
.textArea-box textarea{ width: 760px; height: 95px; border: none; position: relative; z-index: 99; padding: 10px; box-sizing: border-box; }
.textArea-box p{ text-align: right; font-size: 12px; margin: 0 5px 0 0; color: #999; }
.textArea-box p span{ color: #999; margin:0 5px; }
ul.share-info-select,.share-info-show{ margin-top: 20px; }
ul.share-info-select li{ float: left; width: 20px; height: 20px; cursor: pointer; margin-right: 20px; }
ul.share-info-select li i,.share-info-show p i{ display: inline-block; width: 20px; height: 20px; background-position: -47px -51px; }
ul.share-info-select li.labelIcon i,.share-info-show p.label i{ background-position: -47px -72px; }
.topic-btn{display: inline-block;width: 150px !important;height: 30px !important;margin-top: 20px;border-radius: 5px;background-color: #f18d0b;text-align: center;line-height: 30px;color: #fff;padding: 0 !important;border-top: none !important;}

.share-info-show{ width: 100%; display: none; }
.share-info-show p{ line-height: 20px; }
.share-info-show p span{ color: #bbbbbb; }
.share-info-show i{ vertical-align: text-bottom; margin-right: 5px; }

.layer-ul{ margin: 18px 0; }
.layer-ul li{ float:left;position: relative; width: 64px;height: 64px;margin-right: 8px;margin-bottom: 7px; }
.layer-ul li img{ width: 64px; height: 64px; margin: 0 !important; }
.layer-ul li.topicLayerImg > div.imgbg{ display:none; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,.25); top: 0; left: 0; }
.layer-ul li.topicLayerImg .smilicon{ position: absolute; right: 0; bottom: 5px; cursor: pointer; width: 10px;height: 12px; background-position: -134px -29px; }
.layer-ul li.topicLayerImg:hover > div{display:block;}
.layer-ul li .imgBtn{ width: 64px; height: 64px; }  
.layer-ul li .imgBtn > div{ position: absolute;top: 0; left: 0; } 
.layer-ul li .imgBtn input[type='file']{ width: 100%; height: 89px !important; position: absolute; top: -25px !important; left: 0; opacity: 0; cursor: pointer;  }
.uploa-imgbtn{ background-position: -10px -97px; }
span.layer-tip{ font-size: 12px; color: #bbb;margin-top: 50px; }
ul.tlabelLayer li{ float:left; cursor: pointer; margin-right: 10px;margin-top: 10px;border: 1px solid #999;color: #959595; font-size: 12px; padding: 2px 8px; border-radius: 2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px; }
ul.tlabelLayer li:hover{ background-color:#f7f7f7; }
ul.tlabelLayer li.select,ul.tlabelLayer li.select:hover{ background-color:#FE9800;border:1px solid #FE9800;color: #fff; }

/* 话题详情 */
.topic-detail{ position: absolute; width: 1010px; top: 10%; left: 50%; margin-left: -505px; z-index: 1006; display: none; }
.detail-left{ width: 650px; background-color: #eff3f5; padding: 20px; box-sizing: border-box; }
.detail-title{ width: 100%; }
.detail-title > div.f-l{ width: 468px; }
.detail-title > div.f-l img{ width: 56px; height: 56px; border-radius: 50%; margin-right: 8px; }
.detail-title > div.f-l > div{ width: 402px; }
.detail-title > div.f-l > div > h3{ line-height: 28px; }
.detail-title > div.f-l > div > div span{ color: #999999; line-height: 24px; }
.detail-title > div.f-l > div > div span i{ display: inline-block; width: 13px; height: 13px; background-position: -155px -8px; margin: 0 5px 0 28px; }
.attention-btn{ margin-top: 12px; }
.attention-btn a{ display: inline-block; width: 90px; height: 30px; line-height: 30px; color: #fff; text-align: center; border-radius: 5px; background-color: #f18d0b; }
.attention-btn a.hasAttention{ background-color: #5280e3; }
.attention-btn a.toAttention{ background-color: #f18d0b;  }
.detail-img-banner{ margin-top: 20px; width: 100%; border-bottom: 1px solid #c5c5c5; padding-bottom: 20px; margin-bottom: 15px; }
.detail-img-box{ position: relative; width: 100%; }
.detail-img-box > div,.detail-label,.detail-textInfo{ width: 100%; }
.detail-img-box > div.preBtn,.detail-img-box > div.nextBtn{ width: 36px; height: 80px; line-height: 80px; background-color: rgba(0,0,0,.25); top: 50%; margin-top: -40px; position: absolute; text-align: center; cursor: pointer; }
.detail-img-box > div.preBtn:hover,.detail-img-box > div.nextBtn:hover{ opacity: .9; }
.detail-img-box > div.preBtn i,.detail-img-box > div.nextBtn i{ display: inline-block; width: 15px; height: 30px; background-position: -82px -55px; vertical-align: middle; }
.detail-img-box > div.nextBtn i{ background-position: -104px -55px; }
.detail-img-box > div.preBtn{ border-radius: 0 5px 5px 0; left: 0; display: none; }
.detail-img-box > div.nextBtn{ border-radius: 5px 0 0 5px; right: 0; }
.detail-img-item{ width: 100%;  background-color: #f2f2f2; overflow: hidden; }
.detail-img-item ul li{ float: left; width: 610px; text-align: center; }
.detail-img-item ul li img{ max-width: 100%; }
.detail-img-item p{ position: absolute; bottom: 20px; right: 20px; color: #999999; }
.detail-img-item p span{ color: #999999; font-size: 16px; }
.detail-label{ margin-top: 5px; }
.detail-label p{ line-height: 25px; color: #999; width: 60%; }
.detail-label div{ width: 40%; text-align: right; }
.detail-label div span{ line-height: 25px; color: #999999; font-size: 12px; margin-left: 16px; }
.detail-label div span i{ display: inline-block; width: 14px; height: 19px; margin-right: 3px; vertical-align: middle; }
.detail-label div span.topic-comment i{ background-position: -207px -6px; }
.detail-label div span.topic-collect i{ background-position: -116px -27px; }
.detail-label div span i.has-collect{ background-position: -113px -196px; }
.detail-label div span.topic-like i{ background-position: -150px -26px; }
.detail-textInfo p{ line-height: 23px; font-size: 16px; color: #484949; word-break: break-all;}
.detail-textInfo ul{ margin-top: 42px; }
.detail-textInfo ul li{ float: right; margin-left: 13px; width: 20px; height: 20px; cursor: pointer; }
.detail-textInfo ul li i.icon{ display: inline-block; width: 100%; height: 100%; }

.detail-textInfo ul li.share i{ background-position: -331px -53px; }
.detail-textInfo ul li.sina i{ background-position: -305px -53px; }
.detail-textInfo ul li.wechat i{ background-position: -277px -53px; }
.detail-textInfo ul li.qq i{ background-position: -247px -53px; }
.detail-textInfo ul li.zfb i{ background-position: -220px -53px; }
.detail-textInfo ul li.like i{ background-position: -191px -53px; }
.detail-textInfo ul li.collect i{ background-position: -163px -53px; }
.detail-textInfo ul li.line{ width: 1px; height: 18px; background-color: #e2e2e2; }
.zanBtn{ cursor: pointer; }

.topic-userInfo > span i.hasZan{ background-position: -166px -30px; }
.detail-label div span.topic-like i.hasZan{ background-position: -166px -26px; }
.detail-textInfo ul li.like i.hasZan{ background-position: -191px -76px; }

.detail-right{ width: 310px; margin-left: 10px; }
.subjectList{ color: #5280e3; line-height: 23px; font-size: 16px; }
.subjectList:hover{ text-decoration: underline; }
.detail-imgList{ width: 100%; max-height: 418px; padding: 20px 10px 10px 20px; box-sizing: border-box; background-color: #eff3f5; }
.detail-imgList ul li{ float: left; cursor: pointer; width: 84px; height: 120px; line-height: 120px; background-color: #e2e2e2; margin: 0 9px 10px 0; overflow: hidden; text-align: center; opacity: .5; }
.detail-imgList ul li img{ max-width: 100%; vertical-align: middle; }
.detail-imgList ul li.select{ opacity: 1; }
.detail-comment{ width: 100%; max-height: 474px; background-color: #eff3f5; margin-top: 10px; }
.comment-textArea{ width: 100%; height: 100px; background-color: #fff; }
.comment-textArea textarea{ border: none; width: 100%; height: 78px; padding: 10px; box-sizing: border-box; color: #959595; }
.comment-textArea p{ text-align: right; color: #959595; font-size: 12px; padding-right: 10px; }
.currentUser-comment{ width: 290px; height: 35px; line-height: 35px; padding: 10px; border-bottom: 1px solid #e2e2e2; }
.currentUser-comment img{ width: 30px; height: 30px; vertical-align: middle; border-radius: 50%; margin-right: 5px; }
.currentUser-comment span{ display: inline-block; width: 145px; color: #5280e3; }
.currentUser-comment a{ display: inline-block; width: 75px; height: 25px; line-height: 25px; color: #fff; background-color: #f18d0b; text-align: center;font-size: 12px; border-radius: 5px; margin-top: 5px; padding: 0; border-top: none;}

.comment-list,.collection-comment-list{ width: 100%; max-height: 318px; overflow-y: auto; }
.comment-list ul,.collection-comment-list ul{ width: 100%; padding: 0 10px; box-sizing: border-box; }
.comment-list ul li,.collection-comment-list ul li{ width: 100%; padding: 20px 0 0 0; }
.comment-list ul li img,.collection-comment-list ul li img{ width: 36px; height: 36px; vertical-align: middle; border-radius: 50%; margin-right: 5px; }
.comment-list ul li > div,.collection-comment-list ul li > div{ width: 230px; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px;}
.comment-user-info{ width: 80%; }
.comment-userInfo{ font-size: 12px; color: #5280e3; line-height: 14px; max-width: 38%; }
.comment-user-info span{ color: #999999; font-weight: normal;font-size: 12px; line-height: 14px; margin-left: 2px; }
.comment-item,.collection-comment-item{ color: #484949; line-height: 28px; word-break: break-all; }

.comment-item > div,.collection-comment-item > div{width:100%;word-break:break-all;}
.close-detail{ width: 40px;height: 40px;background-position: -119px -50px;cursor: pointer;opacity: .8;background-color: rgba(147,148,148,.5);}
.close-detail:hover{ opacity: 1; }
.close-detail-collect{ width: 40px;height: 40px;background-position: -119px -50px;cursor: pointer;opacity: .8;background-color: rgba(147,148,148,.5);}
.close-detail-collect:hover{ opacity: 1; }
.comment-list .mCSB_inside > .mCSB_container{ margin-right: 0; }
.comment-list .mCSB_scrollTools,.comment-list .mCSB_scrollTools .mCSB_draggerRail{ background-color: #e2e2e2; }
.comment-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.comment-list .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.collection-comment-list .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #999999; }
.collection-comment-list .mCSB_inside > .mCSB_container{ margin-right: 0; }
.collection-comment-list .mCSB_scrollTools,.collection-comment-list .mCSB_scrollTools .mCSB_draggerRail{ background-color: #e2e2e2; }
.collection-comment-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.collection-comment-list .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.collection-comment-list .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #999999; }

.unBtn{ opacity: .4 !important; filter: alpha(opacity=40) !important; }


.comment-user-box > div.comment-user-btn-box i{ display: inline-block; width: 12px; height: 12px; cursor: pointer; }
.comment-user-box > div.comment-user-btn-box i.replyBtn{ background-position: -87px -120px; }
.comment-user-box > div.comment-user-btn-box i.deteleCommentBtn{ background-position: -110px -121px; margin-left: 5px; }
.comment-user-box > div.comment-user-btn-box i.deteleMyJoinNoveltyCommentBtn{ background-position: -110px -121px; margin-left: 5px; }

.hf-font{ color: #5280e3; font-weight: bold; font-size: 12px; }
.hf-text{ color: #444; font-weight: bold; font-size: 12px; }

.topicForm{ font-style: normal; margin-top: 10px; display: inline-block; font-size: 12px; color: #999; }

/* 专题订阅 */
.specila-content-box{ padding-top: 40px; }
.special-nav{ width: 219px; }
.special-nav ul li{ width: 100%; height: 36px; line-height: 36px; background-color: #fff; cursor: pointer; }
.special-nav ul li.select{ background-color: #5280e3; color: #fff; }
.special-nav ul li i{ display: inline-block; width: 21px; height: 21px; margin: 0 10px 0 18px; vertical-align: middle; }
.special-nav ul li.topic i{ background-position: -360px -50px; }
.special-nav ul li.special i{ background-position: -407px -50px; }
.special-nav ul li.topic.select i{ background-position: -384px -50px; }
.special-nav ul li.special.select i{ background-position: -432px -50px; }
.special-nav ul li:hover{ opacity: .8; }
.special-nav ul li.select:hover{ opacity: 1; }

.special-content{ width: 936px; }
.special-content-nav{ margin-bottom: 10px; }
.special-content-nav a,.special-content-nav span{ color: #999999; margin-right: 5px; }
.special-content-nav a.select{ color: #444444; }

.special-content ul{ width: 956px; }
.special-content ul li{ width: 458px; height: 150px; padding: 10px; box-sizing: border-box; background-color: #fff; float: left; margin: 0 20px 20px 0; }
.special-content ul li:hover{ -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0);  -moz-border-shadow: 5px 5px 10px rgba(0,0,0,0);  -ms-border-shadow: 5px 5px 10px rgba(0,0,0,0);   box-shadow: 5px 5px 10px rgba(0,0,0,0.1); }
.special-content ul li .special-img{ width: 130px; height: 130px; margin-right: 10px; }
.special-content ul li .special-info{ width: 296px; }
.special-content ul li .special-info h3,.detail-header-right h3{ color: #484949; }
.special-content ul li .special-info p,.detail-header-right p{ color: #999; line-height: 24px; height: 72px; margin: 5px 0 11px 0; }
.special-content ul li .special-info a{ color: #5280e3; }
.special-content ul li .special-info a:hover{ text-decoration: underline; }

.special-content-nav .special,.special-special{ display: none; }


/* 专题详情 */
.detail-content,.detail-header{ width: 100%; }
.detail-header{ height: 200px; padding: 20px; box-sizing: border-box; background-color: #fff; }
.detail-header .detail-img{ width: 160px; height: 160px; }
.detail-header-right{ width: 958px; }
.detail-header-right p{ margin-bottom: 28px; }
.detail-header-right div.f-l{ width: 50%; margin-top: 15px; }
.detail-header-right div.f-l > div{ line-height: 18px;float: left; }
.detail-header-right div.f-l > div i{ display: inline-block; width: 14px; height: 14px; vertical-align: text-top; margin-right: 5px; }
.detail-header-right div.f-l > div.special-share i{ background-position: -457px -50px; }
.detail-header-right div.f-l > div.special-subscription i{ background-position: -474px -50px; }
.detail-header-right div.f-l > div span{ margin-right: 40px; }
.detail-header-right div.f-r{ width: 50%; text-align: right; }
.detail-header-right div.f-r a{ display: inline-block; width: 150px; height: 30px; line-height: 30px; border-radius: 5px; color: #fff; text-align: center; margin-left: 20px; }
.detail-header-right div.f-r a.dy-btn{ background-color: #f18d0b; }
.detail-header-right div.f-r a.un-dy-btn{ background-color: #b3b3b3; }
.detail-header-right div.f-r a.push-btn{ background-color: #5280e3; }
.detail-header-right div.f-r a:hover{ opacity: .9; }
.specialDetail-topic{ margin-top: 10px; }


/* 搜索 */
.search-input-box{ width: 800px; height: 50px; margin: 0 auto; }
.search-input-box input{ width: 600px; height: 50px; border-top: 1px solid #e2e2e2;border-left: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2; border-right: none; border-radius: 5px 0 0 5px; background-color: #fff; box-sizing: border-box; padding: 0 20px; }
.search-input-box a{ display: inline-block; width: 200px; height: 50px; line-height: 50px; color: #fff; text-align: center; background-color: #5280e3; border-radius: 0 5px 5px 0; }
.search-input-box a i{ display: inline-block; width: 16px; height: 16px; background-position: -85px -97px; margin-left: 5px; vertical-align: middle; }
.search-input-box a:hover{ opacity: .9; }
.search-type-box{ width: 100%; margin-top: 40px; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; }
.search-type-box ul,.search-type-box p{ width: 50%; }
.search-type-box ul li{ float: left; margin-right: 50px; font-size: 16px; color: #999999; cursor: pointer; }
.search-type-box ul li.select{ color: #5280e3; font-weight: bold; }
.search-type-box ul li.select:before{ content: "●"; margin-right: 5px; font-size: 5px; }
.search-type-box p{ text-align: right; padding-top: 5px; }
.search-type-box p span,.result-company-box ul li a div.company-info h3 span,.result-companyAndShop-box ul li a div.company-info h3 span{ font-weight: bold; color: #5280e3; }
.result-company-box ul li a div.company-info h3 span,.result-shop-box ul li a div.shop-info h3 span,.result-companyAndShop-box  ul li a div.shop-info h3 span{ font-size: 16px; }

.search-result{ width: 100%; }
.result-company-box ul,.result-shop-box ul,.result-companyAndShop-box ul{ width: 1195px; margin-top: -1px; }
.result-company-box ul li,.result-shop-box ul li,.result-companyAndShop-box ul li{ float: left; width: 219px; height: 225px; margin: 0 20px 0 0; border-top: 1px solid #e2e2e2; padding-top: 20px;}
.result-company-box ul li a,.result-shop-box ul li a,.result-companyAndShop-box ul li a{ display: inline-block; width: 219px; height: 205px; background-color: #fff; padding: 10px;  box-sizing: border-box; }
.result-company-box ul li a:hover,.result-shop-box ul li a:hover,.result-companyAndShop-box ul li a:hover{  -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .2); -moz-box-shadow:0 0 10px rgba(0, 0, 0, .2);  box-shadow:0 0 10px rgba(0, 0, 0, .2); }
.result-company-box ul li a div.company-logo,.result-shop-box ul li a div.shop-logo,.result-companyAndShop-box ul li a div.company-logo{ width: 100%; height: 90px; line-height: 90px; text-align: center; padding-bottom: 10px; border-bottom: 1px solid #e2e2e2; }
.result-company-box ul li a div.company-logo img,.result-shop-box ul li a div.shop-logo img,.result-companyAndShop-box ul li a div.company-logo img{ vertical-align: middle; max-width: 100%; max-height: 100%; }
.result-company-box ul li a div.company-info,.result-companyAndShop-box ul li a div.company-info{ width: 100%; }
.result-company-box ul li a div.company-info h3,.result-shop-box ul li a div.shop-info h3,.result-companyAndShop-box ul li a div.company-info h3{ line-height: 25px; margin:10px 0 6px 0; }
.result-company-box ul li a div.company-info p,.result-shop-box ul li a div.shop-info p,.result-companyAndShop-box ul li a div.company-info p{ line-height: 22px; color: #999999; font-size: 12px; }
.result-company-box ul li a div.company-info p i,.result-shop-box ul li a div.shop-info p i,.result-companyAndShop-box ul li a div.company-info p i{ display: inline-block; width: 13px; height: 13px; vertical-align: text-top; margin-right: 5px; }
.result-company-box ul li a div.company-info p.business i,.result-shop-box ul li a div.shop-info p.business i,.result-companyAndShop-box ul li a div.company-info p.business i{ background-position: -110px -97px; }
.result-company-box ul li a div.company-info p.address i,.result-shop-box ul li a div.shop-info p.address i,.result-companyAndShop-box ul li a div.company-info p.address i{ background-position: -154px -8px; }
.result-service-box > ul{ height: auto; }
.result-service-box > ul li a p span,.result-shop-box ul li a div.shop-info h3 span{ color: #5280e3; font-weight: bold; }

.result-news-box .hotspot-content ul{ margin:10px 0 0 -10px; }
.result-news-box .hotspot-content ul li{ width: 1195px; }
.result-news-box .hotspot-info{ width: 915px; }
.result-news-box .hotspot-content ul li div.hotSport-item{ padding: 10px; }
.result-news-box .hotSport-line{ width: 1175px; }
.result-news-box .hotspot-info p span{ color: #5280e3; font-weight: bold; font-size: 18px; }

.result-company-box,.result-shop-box,.result-service-box,.result-news-box{ display: none; }

.w-1179{ width: 1179px !important; }
.d-n{ display: none; }

/* 园区企业与周边店家 */
.companyAndShop-header{ padding-top: 40px; }
.compAndShop-type{ width: 100%; margin-bottom: 14px; }
.compAndShop-type li{ width: 90px; height: 30px; float: left; line-height: 30px; border-radius: 20px; margin-right: 10px; color: #999999; text-align: center; cursor: pointer; }
.compAndShop-type li.select{ background-color: #5280e3; color: #fff; }
.companyAndShop-search-box,.companyAndShop-search-box > div{ width: 100%; color: #444444; }
.companyAndShop-search-box > div{ margin-bottom: 10px; }
.companyAndShop-search-box > div > span{ width: 78px; display: inline-block; line-height: 25px; }
.companyAndShop-search-box > div > div{ width: 1096px; }
.companyAndShop-search-box > div > div ul li{ float: left; margin-right:20px; line-height: 25px; cursor: pointer; }
.companyAndShop-search-box > div > div ul li.select{ font-weight: bold; color: #5280e3; }
.companyAndShop-count{ width: 100%; height: 33px; position: relative; border-bottom: 1px solid #dddddd; margin-top: 25px; }
.companyAndShop-count span{ line-height: 22px; color:#444; border-bottom:2px solid #999; padding: 5px 0; position: absolute; bottom: -1px; }
.companyAndShop-count span em{ font-style: normal; color: #5280e3; }

.shop-list-box{ display: none; }

/* 企业与商家详情 */
.detail-header-box{ padding: 40px 0; }
.detail-company-logo{ width: 318px; height: 160px; line-height: 160px; text-align: center; background-color: #fff;}
.detail-company-logo img{  max-width:318px;max-height:160px;vertical-align: middle;padding-bottom: 3px; }
.detail-company-info{ width: 840px; height: 160px; margin-left: 16px; }
.detail-company-info h3{ font-size: 24px; font-weight: bold; color: #484949; line-height: 28px; height: 56px; padding-left: 4px; overflow: hidden; }
.detail-company-info > div{ margin-top: 30px; width: 100%; }
.detail-company-info > div ul li{ width: 50%; padding: 0 4px; box-sizing: border-box; float: left; margin-top: 20px; }
.detail-company-info > div ul li i{ display: inline-block; width: 17px; height: 16px; background-position: -135px -110px; margin-right: 5px;vertical-align: middle; }
.detail-company-info > div ul li i.phone{ background-position: -160px -110px; }
.detail-company-info > div ul li i.address{ background-position: -184px -109px; }
.detail-company-info > div ul li i.home{ background-position: -234px -110px; }
.detail-company-info > div ul li i.url{ background-position: -209px -109px; }
.detail-introduction{ margin-top: 30px; width: 100%; overflow: hidden; }
.detail-introduction-title{ line-height: 35px; color: #444444; font-size: 16px; font-weight: bold; border-bottom: 1px solid #e2e2e2; }
.detail-introd-box{ margin-top: 15px; }
.detail-introd-box p{ line-height: 25px; }
.detail-introd-box img{ max-width: 100%; }


/* 活动详情 */
.activity-header-box{ width: 1175px; height: 318px; padding: 20px; box-sizing: border-box; background-color: #fff; margin-top: 40px; }
.activity-banner{ width: 500px; height: 278px; position: relative; overflow: hidden; }
.activity-banner div.activity-banner-img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }
.activity-banner div.tagList{position: absolute;z-index: 2;top: 20px;right: 0;display: inline-block;height: 30px;line-height: 30px;padding: 0 10px;border-radius: 20px 0 0 20px;background-color: rgba(0,0,0,.25);color: #fff;font-size: 12px;}
.activity-banner div.tagList i{display: inline-block;width: 12px;height: 12px;background-position: -223px -83px;margin-right: 5px;vertical-align: text-top;float: left;margin-top: 9px;}
.activity-banner div.tagList ul li{float:left;padding:0 10px;color: #fff;}

.activity-describe{ width: 614px; height: 278px; margin-left: 18px; }
.activity-describe h3{ font-size: 24px; font-weight: bold; color: #484949; }
.activity-status{width: 100px;position: relative;height: 25px;margin: 20px 0;}
.activity-status i{display: inline-block;width: 10px;height: 10px;background-position: -351px -85px;position: absolute;top: 7px;left: 0;}
.activity-status span{display: inline-block;width: 90px;height: 25px;line-height: 25px;border-radius: 20px;background-color: #5280e3;color: #fff;text-align: center;position: absolute;top: 0;left: 9px;}

.activity-status.activity-end i{ background-position: -351px -103px; }
.activity-status.activity-end span{ background-color: #999999; }

.activity-partiWay{ width: 100%; height: 189px; overflow: hidden; border-top: 1px solid #e2e2e2; box-sizing: border-box; padding-top: 10px; }
.activity-partiWay ul{ width: 100%; height: 108px; }
.activity-partiWay ul li{ line-height: 36px; }
.activity-partiWay ul li i{display: inline-block;width: 16px;height: 21px;vertical-align: middle;background-position: -251px -79px;margin-right: 10px;margin-top: 7px;}
.activity-partiWay ul li i.address{background-position: -274px -81px;}
.activity-partiWay ul li i.join{background-position: -296px -80px;}
.activity-partiWay ul li i.type{background-position: -322px -79px;}
.activity-partiWay ul li p{ color: #999999; font-size: 16px; width: 587px; }

.joinBtn{ display: inline-block; width: 150px; height: 30px; line-height: 30px; border-radius: 5px; background-color: #f18d0b; color: #fff; text-align: center; opacity: .9; }
.joinBtn:hover{ opacity: 1; }
.cancelJoin{ background-color: #fc3c3c; }
.activityEnd{ background-color: #999999; }


.activity-info-box{ width: 1175px; margin-top: 10px; }
.activity-info-left{ width: 846px; background-color: #fff; padding: 34px 20px; box-sizing: border-box; }
.activity-info-nav{ width: 100%; height: 28px; }
.activity-info-nav ul li{ float: left; margin-right: 60px; line-height: 28px; cursor: pointer; }
.activity-info-nav ul li i{display: inline-block;width: 16px;height: 16px;background-position: -373px -81px;vertical-align: text-top;margin-right: 5px;}
.activity-info-introduce{ margin-top: 26px; }
.activity-info-introduce.joinUserListBox{ text-align: center; }
.activity-info-introduce.joinUserListBox > p{ text-align: left; }
.activity-info-title{ font-size: 16px; color: #444444; font-weight: bold; line-height: 36px; border-bottom: 1px solid #e2e2e2; width: 100%; }
.activity-info-content{ line-height: 28px; word-break: break-all; word-wrap: break-word; padding: 10px 0; }
.activity-info-nav ul li i.join{ background-position: -391px -81px; }
.activity-info-nav ul li i.comment{ background-position: -408px -81px; }
.activity-info-nav ul li i.share{ background-position: -425px -81px; }

.activity-info-nav ul li.select{ color: #5280e3; }
.activity-info-nav ul li.select i{ background-position: -373px -100px; }
.activity-info-nav ul li.select i.join{ background-position: -391px -100px; }
.activity-info-nav ul li.select i.comment{ background-position: -408px -100px; }
.activity-info-nav ul li.select i.share{ background-position: -425px -100px; }

.activity-join-user{ width: 100%; }
.activity-join-user ul{ width: 828px; height: 116px; overflow: hidden; }
.activity-join-user ul li{width: 72px;height: 98px;text-align: center;float: left;margin: 18px 19px 0 0;}
.activity-join-user ul li img{ width: 72px; height: 72px; border-radius: 50%; overflow: hidden; }
.activity-join-user ul li p{ text-align: center; margin-top: 5px; color: #444444; }
.showMoreJoinBtn,.showMoreCommentBtn{ display: inline-block; width: 150px; height: 30px; border-radius: 20px; border: 1px solid #5280e3; line-height: 30px; text-align: center; color: #5280e3; margin-top: 40px; }
.showMoreJoinBtn i,.showMoreCommentBtn i{ display: inline-block; width: 12px; height: 8px; vertical-align: middle; background-position: -261px -114px; margin-left: 10px; }

.upMoreJoinBtn i{ background-position: -261px -124px; }

.activity-comment-box{ width: 806px; height: 162px; border: 1px solid #e2e2e2; box-sizing: border-box; margin-top: 20px; }
.activity-comment-box textarea{ width: 100%; height: 95px; border: none; padding: 10px; box-sizing: border-box; }
.activity-comment-box p{text-align: right;font-size: 12px;margin: 0 5px 0 0;color: #999;height: 22px;margin-right: 10px;}
.comment-btn{width: 100%;height: 50px;border-top: 1px solid #e2e2e2;padding: 10px;box-sizing: border-box;}
.comment-btn a{ margin-top: -4px; }

.activity-comment-list{ margin-top: 32px; }
.comment-header{ width: 100%; border-bottom: 1px solid #e2e2e2; }
.comment-header p{ margin-right: 50px; color: #444444; font-size: 16px; line-height: 33px; cursor: pointer; }
.comment-header p.select{ color: #5280e3; font-weight: bold; border-bottom: 2px solid #5280e3; } 
.comment-header em{ font-style: normal; color: #999999; }
.comment-header em span{ color: #999; }
.comment-header em i{ display: inline-block; width: 14px; height: 14px; background-position: -409px -81px; margin-right: 5px; }
.comment-list-box,.comment-list-box ul{ width: 100%; }
.comment-list-box ul li{ width: 100%; }
.comment-list-box ul li:first-child{ margin-top: -1px; }
.comment-list-box ul li img{ width: 48px; height: 48px; border-radius: 50%; overflow: hidden; margin-right: 10px; padding: 20px 0; }
.comment-list-box ul li > div{ width: 748px; padding: 20px 0; border-top: 1px solid #e2e2e2; }
.comment-list-box ul li > div .comment-userInfo,.comment-list-box ul li > div .comment-user-info span{ font-size: 14px; margin-right: 20px; }
.comment-list-box ul li > div .comment-user-box > div.comment-user-btn-box i.replyBtn{ width: 14px; height: 14px; background-position: -281px -110px; margin-right: 5px; }
.comment-list-box ul li > div .comment-user-box > div.comment-user-btn-box{ color: #5280e3; }
.comment-list-box ul li > div .comment-user-box > div.comment-user-btn-box > a{ color: #5280e3; }
.comment-list-box ul li > div .comment-user-box > div.comment-user-btn-box > a.delete-comment{ margin-left:12px; }
.comment-list-box ul li > div .comment-item{ margin-top: 10px }
.replyPerson {color: #0066ff;}
.joinActivityShare{ position: relative; top: -30px; color: #5280e3; font-weight: bold; }
.joinActivityShare i{ display: inline-block; width: 15px; height: 14px; background-position: -303px -110px; }

.activity-share-topic.new-topic{ margin-top: 10px; }
.activity-share-topic.new-topic > div.wall{ width: 817px; }

.activity-info-right{ width: 319px; background-color: #fff; padding: 20px; box-sizing: border-box; }
.activity-info-right > h3{ font-size: 16px; font-weight: bold; color: #444444; }
.activity-info-right ul li{ width: 100%; border-bottom: 1px solid #e2e2e2; margin-top: 20px; padding-bottom: 5px; }
.activity-info-right ul li:last-child{ border-bottom: none; }
.activity-info-right ul li a > div{ width: 100%; height: 155px; position: relative; }
.activity-info-right ul li a > div > div{ width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; }
.activity-info-right ul li a > div span.activity-state{ top: 10px; right: 10px; }
.activity-info-right ul li a > p{ line-height: 46px; font-size: 16px; font-weight: bold; color: #444444; }

.discover-nav ul li a{ font-size: 16px; color: #999; }
.discover-nav ul li.select a{ font-weight: bold; color: #5280e3; }


/* 我参与的活动 */
.myJoinActivityItemBox,.myJoinActivityItemBox ul,.myJoinTopic-box,.myJoinTopic-box ul{ width: 100%; min-width: 945px;}
.myJoinActivityItemBox ul li,.myJoinTopic-box ul li{ float: left; width: 100%; }
.myJoinActivityItemBox ul li div.myJoinActivity-item,.myJoinTopic-box ul li div.myJoinTopic-item{ width: 100%; padding: 10px; box-sizing: border-box;}
.myJoinActivityItemBox ul li div.myJoinActivity-item:hover,.myJoinTopic-box ul li div.myJoinTopic-item:hover{  background-color: #fff;-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0);  
  -moz-border-shadow: 5px 5px 10px rgba(0,0,0,0);  
  -ms-border-shadow: 5px 5px 10px rgba(0,0,0,0);  
  box-shadow: 5px 5px 10px rgba(0,0,0,0.1);  }
.myJoinActivityItemBox ul li div.myJoinActivity-item .hotspot-img{ width: 279px; height: 155px; overflow: hidden; margin-right: 20px; }
.joinActivity-info{ width: 620px; position: relative; height: 155px; }
.joinActivity-header{ width: 100%; margin-bottom: 10px; }
.joinActivity-header p{ width: 550px; }
.joinActivity-header span{ display: inline-block; width: 70px; height: 20px; line-height: 20px; border-radius: 20px; background-color: #5280e3;color: #fff; text-align: center; }
.joinActivity-header span.end{ background-color: #999999; }
.joinActivity-info > p{ color: #999999; line-height: 28px;  }
.joinActivity-info > p i{ display: inline-block; width: 13px; height: 13px; float: left; margin: 7px 4px 5.5px 0; }
.joinActivity-info a,.joinTopic-info a{ text-align: right; width: auto; }

/* 我参与的话题 */
.myJoinTopic-box ul,.myJoinActivityItemBox ul{ margin:10px 0 20px 0; }
.myJoinTopic-box ul li div.myJoinTopic-item .hotspot-img{ width: 250px; height: 194px; overflow: hidden; margin-right: 20px; }
.joinTopic-info{ width: 650px; position: relative; height: 194px; }
.joinTopic-info h3{ font-size: 18px; color: #484949; font-weight: bold; }
.joinTopic-info p{ color: #484949; margin-top: 10px; }


/* 我的新鲜事 */
.myJoinNoveltyBox .new-topic > div.wall,.myJoinNoveltyBox .topicNewThing,.myJoinNoveltyBox,.myCollectionBox .new-topic > div.wall{ width: 970px; }
.user-order.content-box{ margin-top: 0; }

/* 我的空间 */
.zone-nav{ padding-top: 28px; width: 100%; position: relative; text-align: center; }
.zone-nav ul{ display: inline-block; }
.zone-nav ul li{ line-height: 40px; font-size: 16px; color: #999999; float: left; margin: 0 20px; cursor: pointer; }
.zone-nav ul li.select{ font-weight: bold; color: #5280e3; }
.zone-line{ position: absolute; width: 64px; height: 2px; background-color: #5280E3; bottom: 0; left: 356px; }

/* 我的空间 ---左侧菜单*/

div.left-nav{float: left;margin-top: 30px;background-color: #fff;width: 219px;}
div.left-nav ul li{height:36px;line-height: 36px;}
div.left-nav ul li.select-submenu{color: #fff;background-color: #5280e3;font-weight: bold;}
/* 我的空间 ---右侧内容*/
div.rightContent{float: left;width: 946px;margin-top: 10px;margin-left: 10px;}


/* 我的订阅 */
.my-ztdy-con-item{width: 100%;margin-top:20px;}
.my-ztdy-box{ width: 100%; }
.my-ztdy-box ul{ margin-top: 10px; }
.my-ztdy-box ul li{ width: 136px; height: 136px; background-color: #fff; margin-left: 20px;margin-bottom: 15px; float: left; }
.my-ztdy-box ul li a{ display: inline-block; width: 100%; height: 100%; }
.my-ztdy-box ul li a div.my-ztdy-img{ width: 100%; height: 111px; opacity: .9; }
.my-ztdy-box ul li a p{ width: 100%; height: 25px; line-height: 25px; text-align: center; padding: 0 10px; box-sizing: border-box; font-size: 12px; }
.my-ztdy-box ul li:hover div.my-ztdy-img{ opacity: 1; }
.my-ztdy-box ul li:last-child{ margin-right: 0; }
/* 我的粉丝、关注 */
.my-fans-con-item,.my-focus-con-item{width: 100%;margin-top:20px;}
.my-fans-box,.my-focus-box{ width: 100%; }
.my-fans-box ul,.my-focus-box ul{ margin-top: 10px; }
.my-fans-box ul li,.my-focus-box ul li{ width: 85px; height: 145px; margin-left: 35px;margin-bottom: 15px; float: left; }
.my-fans-box ul li > a,.my-focus-box ul li > a{ display: inline-block; width: 100%;height: 25px;line-height: 25px; }
.my-fans-box ul li > img.my-fans-img,.my-focus-box ul li > img.my-focus-img{ cursor: pointer;width: 100%; height: 85px; opacity: .9;border-radius: 50%;position: relative; }
.my-fans-box ul li > p,.my-focus-box ul li > p{ float: left;width: 100%;}
.my-fans-box ul li > p > span,.my-focus-box ul li > p > span{float: left;width: 100%;height: 20px;line-height: 20px;text-align: center;padding: 0 10px;box-sizing: border-box;font-size: 13px;overflow: hidden;text-overflow: ellipsis;}
.my-fans-box ul li > p > i.male,.my-focus-box ul li > p > i.male{display: none; float: left;width: 20px; height: 20px;background-position: -337px -141px;margin-top: 4px; }
.my-fans-box ul li > p > i.female,.my-focus-box ul li > p > i.female{display: none; float: left;width: 20px; height: 20px;background-position: -313px -141px;margin-top: 4px; }
.my-fans-box ul li:hover img.my-fans-img,.my-focus-box ul li:hover img.my-focus-img{ opacity: 1; }
.my-fans-box ul li:last-child,.my-focus-box ul li:last-child{ margin-right: 0; }
a.my-focus-btn,a.my-fans-btn{width: 100%;height:25px !important;background-color: #5280e3;color: #fff;text-align: center;border-radius:5px}
a.other-focus-btn,a.other-fans-btn{width: 100%;height:25px !important;background-color: #5280e3;color: #fff;text-align: center;border-radius:5px}
a.my-unfocus-btn,a.other-unfocus-btn{width: 100%;height:25px !important;background-color: #f28d0a;color: #fff;text-align: center;border-radius:5px}


.parkNoticeItemBox,.socialMessageItemBox,.orderMessageItemBox{position: relative;min-height: 450px;min-width: 945px;background-color: #fff;	}
.myDefaultCompanyItemBox,.myDefaultParkItemBox,.myServiceAuthorityItemBox,.myMonthlyAccountItemBox{position: relative;min-height: 450px;min-width: 945px;	}







/* 个人中心头部 */
.personalHeader{ width: 100%; min-width: 1175px; height: 389px; background: url(../img/personalCenter.jpg) center no-repeat; background-size: cover; position: relative; left: 0; top: 0; }
.personalContent{ width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0; }
.personalContent > div{ width: 1175px; height: 100%; margin: 0 auto; color: #fff; }
.personal-header{ width: 100%; height: 66px; }
img.personalHeaderLogo{width: 50px; height: 50px;border-radius: 5px;}
.personal-header-logo,.personal-header-nav{ margin: 8px 0;height: 50px; }
.personal-header-logo > a > span{ line-height: 50px; color: #fff; }
.personal-header-nav > ul > li{ float: left; margin: 0 10px; line-height: 66px; text-align: center; position: relative;}
.personal-header-nav > ul > li a{ color: #fff;display: inline-block;width: 100%;height: 100%; }
.messageTipEM{width: 12px;height: 12px;background-color: #ff0000;border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-webkit-border-radius: 50%;position: absolute;top: 20px;display: none;left: 26px;}
.personal-header-nav > ul > li > a:hover{ text-decoration: underline; }
.personal-user-box > div  p img{ width: 30px; height: 30px; border-radius: 50%; margin-right: 5px;}
.personal-user-alert{ width: 12px; height: 12px; background-color: #ff0000;border-radius: 50%;  -moz-border-radius: 50%;-ms-border-radius: 50%;-webkit-border-radius: 50%; position: absolute; top: 16px; left: 30px; }
.personal-header-nav ul li div.personal-user-box{ width: 142px; }
.personal-user-info{ width: 100%; box-sizing: border-box; height: 66px;}
.personal-user-info > span{ display: inline-block; width: 1px; height: 20px; border-left: 1px solid #999; float: left; margin: 23px 0; }
.personal-user-info > div{ float: left; width: 138px;height: 66px; position: relative;}
.personal-user-info > div p{ line-height: 66px; color: #fff; width: 85px; text-align: center; display: inline-block;position: absolute;left: 8px; }
.personal-user-info > div p img{ vertical-align: middle; }
.personal-user-info > div > i { display: inline-block; width: 12px;height: 7px;margin: 30px 20px 16px 5px;background-position: -452px -83px; cursor: pointer; }
.personal-nav-list,.personal-nav-list ul{ width: 142px; }
.personal-nav-list ul{  background-color: rgba(68,68,68,.5); display: none;}
.personal-nav-list ul li{ width: 100%; height: 30px; line-height: 30px; margin: 0; }
.personal-nav-list ul li:hover{ background-color: #5280e3; }
.personal-header-nav > ul > li.select .personal-user-box .personal-user-info > span{ display: none; }
.personal-header-nav > ul > li.select .personal-nav-list ul{ display: block; }
.personal-header-nav > ul > li.select .personal-user-box .personal-user-info > div{ width: 142px; height: 66px; background-color: rgba(68,68,68,.25);display: block; }
.personal-login-btn{width: 100px;height: 50px;}
.personal-login-btn > span{color: #fff;padding-left: 8px;}
.personal-login-a{width: 100px !important;height: 50px !important;}
.personal-login-a:hover{ text-decoration: underline; color: #fff; }
.personal-login-a > span{color: #fff;}
.personal-login-a > i{display: inline-block;width: 20px;height: 20px;background-position: -210px -140px;vertical-align: text-bottom;margin-right: 5px;}
.personal-userinfo{ width: 425px; margin: 20px auto; text-align: center; }
.personal-userinfo > div{ width: 158px; height: 158px; margin: 0 auto 8px auto; }
.personal-user-photo{ width: 158px; height: 158px; border-radius: 50%; overflow: hidden; background-color: rgba(255,255,255,.15); position: relative; }
.personal-user-photo img{ width: 138px; height: 138px; border-radius: 50%; position: absolute; top: 10px; left: 10px; z-index: 1; }
.personal-userinfo p{ line-height: 30px; }
.personal-userinfo p i{ display: inline-block; width: 16px; height: 18px; margin-left: 10px; vertical-align: middle; }
.personal-userinfo p i.female{ background-position: -313px -141px; }
.personal-userinfo p i.male{ background-position: -337px -141px; }

.personal-infoRelate{ width: 800px; height: 55px; line-height: 55px; margin: 0 auto; text-align: center; }
.personal-infoRelate ul li{ margin: 0 38px; display: inline-block; text-align: center; }
.personal-infoRelate ul li i{ display: inline-block; width: 16px; height: 14px; margin-right: 5px; }
.personal-infoRelate ul li p{ display: inline-block; color: #fff; }
.personal-infoRelate ul li i.fans{ background-position: -212px -144px; }
.personal-infoRelate ul li i.attention{ background-position: -237px -144px; }
.personal-infoRelate ul li i.collect{ background-position: -264px -144px; }
.personal-infoRelate ul li i.subscription{ background-position: -289px -144px; }

.personal-nav{ width: 100%; height: 68px; background-color: #fff;}
.personal-nav > div{ width: 1175px; height: 100%; margin: 0 auto; }
.personal-nav ul li{ float: left; padding: 0 32px; line-height: 68px; text-align: center; font-size: 16px; cursor: pointer; position: relative; }
.personal-nav ul li em{ display: inline-block; width: 10px; height: 10px; background-color: #ff0000; border-radius: 50%; position: absolute; top: 20px; }
.personal-nav ul li.select{ font-weight: bold; color: #5280e3; background-color: #eff3f5; }

.personal-content{ width: 1175px; margin: 30px auto; }
.personal-content > div{ width: 1186px; }
.personal-content-nav{ width: 219px; margin: 10px 10px 0 0; background-color: #fff; }
.personal-content-nav ul li{ width: 100%; height: 36px; line-height: 36px; padding-left: 20px; box-sizing: border-box; cursor: pointer; }
.personal-content-nav ul li i{display: inline-block;width: 21px;height: 20px;vertical-align: text-bottom; margin-right: 10px;}
.personal-content-nav ul li i.myNovelty{background-position: -363px -138px;}
.personal-content-nav ul li i.myJoinTopic{background-position: -360px -48px;}
.personal-content-nav ul li i.myJoinActivity{background-position: -389px -138px;}
.personal-content-nav ul li i.myFans{background-position: -417px -139px;}
.personal-content-nav ul li i.myFocus{background-position: -445px -139px;}
.personal-content-nav ul li i.myCollect{background-position: -471px -140px;}
.personal-content-nav ul li i.mySubscription{background-position: -409px -46px;}
.personal-content-nav ul li i.individualOrder{background-position: -287px -190px}
.personal-content-nav ul li i.companyOrder{background-position: -136px -166px}

.personal-content-nav ul li i.parkNotice{background-position: -162px -166px;}
.personal-content-nav ul li i.orderMessage{background-position: -188px -166px;}
.personal-content-nav ul li i.socialMessage{background-position: -360px -46px;}
.personal-content-nav ul li i.messageManage{background-position: -216px -166px;}


.personal-content-nav ul li em{display: inline-block;line-height: 16px;border-radius: 50%;padding: 0 2px;color: #fff;font-size: 10px;font-style: normal;background-color: #ff0000;vertical-align: text-bottom;min-width: 12px;text-align: center;}

.personal-content-nav ul li.select{ background-color: #5280e3; }
.personal-content-nav ul li.select span{ color: #fff; }
.personal-content-nav ul li.select-item span{ color: #5280e3; }
.personal-content-nav ul li.select i.myNovelty{background-position: -363px -162px;}
.personal-content-nav ul li.select i.myJoinTopic{background-position: -385px -47px;}
.personal-content-nav ul li.select i.myJoinActivity{background-position: -389px -163px;}
.personal-content-nav ul li.select i.myFans{background-position: -210px -140px;}
.personal-content-nav ul li.select i.myFocus{background-position: -235px -141px;}
.personal-content-nav ul li.select i.myCollect{background-position: -262px -142px;}
.personal-content-nav ul li.select i.mySubscription{background-position: -286px -140px;}
.personal-content-nav ul li.select i.individualOrder{background-position: -290px -170px;}
.personal-content-nav ul li.select i.companyOrder{background-position: -136px -190px;}

.personal-content-nav ul li.select i.parkNotice{background-position: -162px -190px;}
.personal-content-nav ul li.select i.orderMessage{background-position: -188px -190px;}
.personal-content-nav ul li.select i.socialMessage{background-position: -384px -46px;}
.personal-content-nav ul li.select i.messageManage{background-position: -216px -190px;}


.personal-content-nav ul li.select-item i.propertyServices,.personal-content-nav ul li i.propertyServices{margin-left: 20px;height: 36px;background-position:-325px -173px;}
span.spanStyle{position: absolute;}
.personal-content-nav ul li.select-item i.cardCoupons,.personal-content-nav ul li i.cardCoupons{margin-left: 20px;height: 36px;background-position:-325px -173px;}
.personal-content-nav ul li.select-item i.oneCardSolution,.personal-content-nav ul li i.oneCardSolution{margin-left: 20px;height: 36px;background-position:-325px -173px;}
.personal-content-nav ul li.select-item i.otherServices,.personal-content-nav ul li i.otherServices{margin-left: 20px;height: 36px;background-position:-325px -280px;}

.personal-content-right,.message-content-right,.install-content-right,.order-content-right{ width: 945px;min-height: 500px; margin-top: 10px;}


.myFansItemBox,.myFocusItemBox,.mySubscribeItemBox{position: relative;
    min-height: 450px;
    min-width: 945px;
    background-color: #fff;
    padding-top: 20px;
}
}


/* 我的收藏 */
.new-topic-collection{ margin-left: -10px; }
.new-topic-collection > div.wall-collection{ width: 960px; position: relative;  }
.new-topic-collection > div.wall-collection .article-collection{ width: 239px; float: left; margin-bottom: 10px; }
.new-topic-collection > div.wall-collection .article-collection a{ display: inline-block; width: 100%; height: 100%; padding: 10px; box-sizing: border-box; position: relative; }
.new-topic-collection > div.wall-collection .article-collection a div.topic-img{ width: 100%; max-height: 600px; overflow: hidden; margin-bottom: 10px; }
.new-topic-collection > div.wall-collection .article-collection a div.topic-img img{ width: 100%; }
.new-topic-collection > div.wall-collection .article-collection a > p{ line-height: 18px; font-size: 12px; max-height: 72px; overflow: hidden; }
.topic-userInfo{ width: 100%; margin: 18px 0 20px 0; }
.topic-userInfo > div{ width: 60%; }
.topic-userInfo > div img{ width: 30px; height: 30px; border-radius: 50%; margin-right: 5px; }
.topic-userInfo > div p{ font-size: 12px; color: #5280e3; height: 30px; line-height: 30px; width: 95px; }
.topic-userInfo > span{ width: 40%; text-align: right; font-size: 12px; color: #999; line-height: 30px; }
.topic-userInfo > span i{ display: inline-block; width: 12px; height: 10px; background-position: -150px -30px; margin-right: 5px; }
.topic-detail-collection{ position: absolute; width: 1010px; top: 10%; left: 50%; margin-left: -505px; z-index: 1006; display: none; }

.deleteMyTopic-collection{ display: none; position: absolute; top: 20px; right: 20px; width: 60px; height: 30px; line-height: 30px; text-align: center; font-style: normal; text-align: center; color: #999999; border-radius: 5px; background-color: #fff; cursor: pointer; }
.deleteMyTopic-collection:hover{ background-color: #5280e3; color: #fff; }

.new-topic-collection > div.wall-collection .article-collection:hover a em.deleteMyTopic-collection{ display: inline-block; }

.new-topic-collection > div.wall-collection .article-collection:hover{ background-color: #fff;  
-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0);  
  -moz-border-shadow: 5px 5px 10px rgba(0,0,0,0);  
  -ms-border-shadow: 5px 5px 10px rgba(0,0,0,0);  
  box-shadow: 5px 5px 10px rgba(0,0,0,0.1); }
.new-topic-line-collection{ width: 219px; margin: 0 auto; border-bottom: 1px solid #e2e2e2; }
.new-topic-collection > div.wall-collection .article-collection:hover .new-topic-line{ border-bottom-color:#fff ; }
.wall-column-collection { display: block; position: relative;width: 239px; float: left; box-sizing: border-box; }


.detail-imgList-collection{ width: 100%; max-height: 418px; padding: 20px 10px 10px 20px; box-sizing: border-box; background-color: #eff3f5; }
.detail-imgList-collection ul li{ float: left; cursor: pointer; width: 84px; height: 120px; line-height: 120px; background-color: #e2e2e2; margin: 0 9px 10px 0; overflow: hidden; text-align: center; opacity: .5; }
.detail-imgList-collection ul li img{ max-width: 100%; vertical-align: middle; }
.detail-imgList-collection ul li.select{ opacity: 1; }



/* 园区通知 、订单消息、社交动态*/
.parkNotice-con-item,.orderMessage-con-item,.socialMessage-con-item,.messageManage-con-item{width: 945px;}
.parkNotice-box,.orderMessage-box,.socialMessage-box,.messageManageItemBox{ width: 100%;background-color: #fff;}
.parkNotice-box ul,.orderMessage-box ul,.socialMessage-box ul,.messageManage-box ul{ padding-top: 20px; }
.parkNotice-box ul li,.orderMessage-box ul li,.socialMessage-box ul li{ width: 100%;height: 36px; background-color: #fff;float: left;line-height: 36px;}
.parkNotice-box ul li a,.orderMessage-box ul li a,.socialMessage-box ul li a{ display: inline-block; width: 100%; height: 100%;float: left;padding-left: 15px;font-size: 14px; }
.parkNotice-box ul li a p,.orderMessage-box ul li a p,.socialMessage-box ul li a p{ height: 36px;line-height: 36px;padding: 0 10px;box-sizing: border-box;font-size: 14px;float: right;margin-right: 25px; }
.parkNotice-box ul li:last-child,.orderMessage-box ul li:last-child,.socialMessage-box ul li:last-child{ margin-right: 0; }
.parkNotice-box ul li:hover,.orderMessage-box ul li:hover,.socialMessage-box ul li:hover{background:#f5f5f5;}
.parkNotice-box ul li:hover a,.orderMessage-box ul li:hover a,.socialMessage-box ul li:hover a{color: #000000;}
.parkNotice-box ul li:hover p,.orderMessage-box ul li:hover p,.socialMessage-box ul li:hover p{color: #000000;}
.parkNotice-line{ width: 935px;border-bottom: 1px solid #e2e2e2;margin: 14px auto 10px auto;}
.notice-detail-box{width: 970px;height: 970px;background-color: #eff3f5;position: relative;border-radius: 5px 94px 5px 5px;}
.detail-close-btn{ position: absolute;top: -8px;right: -8px;width: 162px;height: 109px;background: url(../img/test.png) no-repeat center;}
.detail-close-btn em{ display: inline-block; width: 36px; height: 36px; border-radius: 50%; position: absolute; right: 0; cursor: pointer;}
.detail-close-btn em:hover{ -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .5);  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .5);  box-shadow:0 0 10px rgba(0, 0, 0, .5);}
.notice-detail{display: block;position: absolute;top: 20%;z-index: 9999;left: 50%;margin-left: -485px;}
.notice-detail-info h3{text-align: center;height: 45px;line-height: 45px;padding-top: 25px;}
.notice-detail-info > p{text-align: center;height: 20px;line-height: 20px;}
.notice-detail-info > p > span{margin-right: 30px;color: #999999;}
.notice-detail-content{    width: 97%;padding-left: 30px;overflow-y: scroll;height: 850px;}


.notice-noticeContent{display: block;position: absolute;top: 50%;z-index: 9999;left: 50%;margin-left: -485px;}
.noticeContent-box{width: 970px;height: 140px;background-color: #f0f0f0;position: relative;border-radius: 5px 30px 5px 5px;}
.noticeContent-close-btn{ position: absolute; top: -15px;right: -15px; width: 40px;height: 40px;background: url(../img/icon.png) no-repeat center;background-position: -241px -169px; }
.noticeContent-close-btn em{ display: inline-block; width: 40px; height: 40px; border-radius: 50%; position: absolute; right: 0; cursor: pointer;}
.noticeContent-close-btn em:hover{ -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .5);  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .5);  box-shadow:0 0 10px rgba(0, 0, 0, .5);}
.noticeContent{width: 960px;}
.noticeContent > div{padding-top: 30px;width: 910px;height: 100px;margin: auto;text-align: center;font-size: 16px;}
/* 消息设置 */
.messageManage-box ul li{ width: 100%;height: 36px; background-color: #fff;float: left;}
span.span-l{width: 150px;float:left;padding-left: 20px;font-size: 16px;}
input.lcs_butter{width: 60px;}
span.span-r{width: 700px;float:right;font-size: 14px;color:#b6b6b6;}

/* 我的订单中心 */

.propertyServicesItemBox,.cardCouponsItemBox,.oneCardSolutionItemBox,.otherServicesItemBox,.companyOrderItemBox{ width: 936px;margin-top: 30px;position: relative;}
.propertyServicesItemBox > ul > li,.cardCouponsItemBox > ul > li,.oneCardSolutionItemBox > ul > li,.otherServicesItemBox > ul > li,.companyOrderItemBox > ul > li{ float: left; width: 100%;margin-bottom: 38px; }
.propertyServicesItemBox > ul > li:hover,.cardCouponsItemBox > ul > li:hover,.oneCardSolutionItemBox > ul > li:hover,.otherServicesItemBox > ul > li:hover,.companyOrderItemBox > ul > li:hover{  background-color: #fff;-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0);  -moz-border-shadow: 5px 5px 10px rgba(0,0,0,0);  -ms-border-shadow: 5px 5px 10px rgba(0,0,0,0);  box-shadow: 5px 5px 10px rgba(0,0,0,0.1);  }
.propertyServicesItemBox ul li div.propertyServices-item,.cardCouponsItemBox ul li div.cardCoupons-item,.oneCardSolutionItemBox ul li div.oneCardSolution-item,.otherServicesItemBox ul li div.otherServices-item,.companyOrderItemBox ul li div.companyOrder-item{width: 100%;height: 182px;padding: 10px;box-sizing: border-box;border-color: #601b1b;background-color: #fff;}
.propertyServices-info,.cardCoupons-info,.oneCardSolution-info,.otherServices-info,.companyOrder-info{ width: 100%; position: relative; height: 155px; padding-left: 10px;}
.propertyServices-header,.cardCoupons-header,.oneCardSolution-header,.otherServices-header,.companyOrder-header{ width: 100%; margin-bottom: 10px;margin-top: 12px; }
.propertyServices-header p,.cardCoupons-header p,.oneCardSolution-header p,.otherServices-header p,.companyOrder-header p{ width: 550px; }
.propertyServices-header span,.cardCoupons-header span,.oneCardSolution-header span,.otherServices-header span,.companyOrder-header span{ display: inline-block; width: 70px; height: 20px; line-height: 20px; border-radius: 20px; color: #fff; text-align: center;margin-right: 20px; }
.propertyServices-info > p,.cardCoupons-info > p,.oneCardSolution-info > p,.otherServices-info > p,.companyOrder-info > p{ line-height: 28px;  }
.propertyServices-info > p > a,.cardCoupons-info > p > a,.oneCardSolution-info > p > a,.otherServices-info > p > a,.companyOrder-info > p > a{ text-align: right; width: auto; }
.propertyServices-info > p > span,.cardCoupons-info > p > span,.oneCardSolution-info > p > span,.otherServices-info > p > span,.companyOrder-info > p > span{ text-align: right;width: auto;padding-right: 50px; }
.propertyServices-footer,.cardCoupons-footer,.oneCardSolution-footer,.otherServices-footer,.companyOrder-footer{ width: 100%;display: inline-flex;line-height: 35px;float: left;height: 35px;position: relative;}
.propertyServices-footer p,.cardCoupons-footer p,.oneCardSolution-footer p,.otherServices-footer p,.companyOrder-footer p{ height: 35px;position: absolute; }
.propertyServices-footer p > span,.cardCoupons-footer p > span,.oneCardSolution-footer p > span,.otherServices-footer p > span,.companyOrder-footer p > span{ width: 90%;color:#999999; }
.propertyServices-footer a,.cardCoupons-footer a,.oneCardSolution-footer a,.otherServices-footer a,.companyOrder-footer a{ color: #5280e3;height: 35px;margin: auto;position: absolute;right: 10px;}
.propertyServices-line,.cardCoupons-line,.oneCardSolution-line,.otherServices-line,.companyOrder-line{ width: 900px; border-bottom: 1px solid #e2e2e2; margin: 10px auto; }
.status-underway{background-color: #5280e3;}
.status-completed{background-color: #ff9600;}
.status-canceled{background-color: #999999;}

.propertyServices-header-nav ,.cardCoupons-header-nav,.oneCardSolution-header-nav ,.otherServices-header-nav ,.companyOrder-header-nav {display: inline-flex; margin-left: -10px;position: relative;width: 100%; }
.propertyServices-header-nav ul li,.cardCoupons-header-nav ul li,.oneCardSolution-header-nav ul li,.otherServices-header-nav ul li,.companyOrder-header-nav ul li{ float: left; padding: 0 20px; line-height: 68px; }
.propertyServices-header-nav ul li a,.cardCoupons-header-nav ul li a,.oneCardSolution-header-nav ul li a,.otherServices-header-nav ul li a,.companyOrder-header-nav ul li a{ font-size: 16px; color: #444444; }
.propertyServices-header-nav ul li.select a,.cardCoupons-header-nav ul li.select a,.oneCardSolution-header-nav ul li.select a,.otherServices-header-nav ul li.select a,.companyOrder-header-nav ul li.select a{ color: #5280e3; font-weight: bold; }
.propertyServices-selectStyle,.cardCoupons-selectStyle,.oneCardSolution-selectStyle,.otherServices-selectStyle,.companyOrder-selectStyle{ position: absolute;width: 56px;height: 2px;background-color: #5280E3;top: 50px;left: 24px; }
.propertyServices-nav,.cardCoupons-nav,.oneCardSolution-nav,.otherServices-nav,.companyOrder-nav{width: 60%;}
.propertyServices-search,.cardCoupons-search,.oneCardSolution-search,.otherServices-search,.companyOrder-search{margin: auto 0 auto auto;position: relative;}
.propertyServices-search-textBox,.cardCoupons-search-textBox,.oneCardSolution-search-textBox,.otherServices-search-textBox,.companyOrder-search-textBox{ width: 180px; float: right; border: none; margin: 25px 0 25px -2px; line-height: 30px;height: 30px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding: 0 20px; box-sizing: border-box; background-color: #fff;border-radius: 15px;}
.propertyServices-search-box,.cardCoupons-search-box,.oneCardSolution-search-box,.otherServices-search-box,.companyOrder-search-box{width: 100%;}
.propertyServices-order,.cardCoupons-order,.oneCardSolution-order,.otherServices-order,.companyOrder-order{float: left;}

.propertyServices-search-box > div,.cardCoupons-search-box > div,.oneCardSolution-search-box > div,.otherServices-search-box > div,.companyOrder-search-box > div{width: 100%;height: 30px;line-height: 30px;}
.propertyServices-search-box > div > div > ul > li,.cardCoupons-search-box > div > div > ul > li,.oneCardSolution-search-box > div > div > ul > li,.otherServices-search-box > div > div > ul > li,.companyOrder-search-box > div > div > ul > li{float:left;margin-right: 20px;}
a.selectCondition{color:#5280e3 !important; font-weight: bold;}
.goodsPass-item{display:none}


/* 我的默认公司设置 */
.myDefaultCompany-item{ height: 460px;width: 905px;background-color: #fff;padding: 0px 20px 20px 20px; }
.defaultCompany-top{ font-size: 14px; font-weight:bold; height: 60px; line-height: 72px; border-bottom: 1px solid #e2e2e2;}
.defaultCompany-top span.defaultCompany-title{ padding: 0 16px; color: #959595;}
.defaultCompany-down{ padding-top: 40px;}
.default-down-companyList{ font-size: 14px; } 
.default-down-companyList ul li{ line-height: 36px;}
.default-down-companyList ul li input{ margin: 0 16px; }
.defaultCompany-down-button{ text-align: right; }
.defaultCompany-down-button .setDefault{ background-color: #f18d0b;color: #fff;display: inline-block;text-align: center;width: 106px;height: 30px;line-height: 30px;border-radius: 2px; }

.myDefaultCompany-Popup{
	position: fixed;
	top: 40%;
	left: 45%;
	background-color: #fff;
	border-radius: 5px;
	font-size: 14px;
	width: 352px;
	height: 152px;
	margin-left: -176px;
	margin-top: -76px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
	z-index: 1500;
	display: none;
	}
	
	/* 弹出确定框 */
.myDefaultCompany-Popup-content{width: 100%;}
.myDefaultCompany-Popup-btn{width: 100%;height: 50px;margin-top: 22px;}
.myDefaultCompany-Popup-btn a{font-size: 14px;inline-block;width: 94px;height: 30px;float: left;line-height: 30px;text-align: center;border-radius: 2px;color: #fff;display: inline-block;}
.myDefaultCompany-Popup-btn a.cancel{background-color: #999999;margin-left: 68px;}
.myDefaultCompany-Popup-btn a.confirm{background-color: #5280e3;margin-left: 28px;}
.myDefaultCompany-Popup-content span{font-size: 16px;color: #b1b2b3;width: 100%;margin-top: 16px;text-align: center;display: inline-block;}
.myDefaultCompany-Popup-content p{font-size: 18px;color: #7c7e7e;width: 100%;margin: 0 auto;max-height: 38px;overflow: hidden;text-align: center;margin-top: 18px;}
/* 我的默认公司设置 */



/* 我的默认园区设置 */
.myDefaultPark-item{ min-height: 460px;width: 900px;background-color: #fff;padding: 0px 20px 20px 20px; }
.defaultPark-top{ font-size: 14px; font-weight:bold; height: 60px; line-height: 72px; border-bottom: 1px solid #e2e2e2;}
span.defaultPark-title{ padding: 0 16px;}
.defaultPark-down{ padding-top: 40px;}
.default-down-companyList{ font-size: 14px; } 
.default-down-companyList ul li{ line-height: 36px;}
.default-down-companyList ul li input{ margin: 0 16px; }
.myDefaultCompany{color: #000000 !important;font-weight:bold !important;}
.defaultPark-down-button{ text-align: right; }
.defaultPark-down-button .setDefault{ background-color: #f18d0b;color: #fff;display: inline-block;text-align: center;width: 106px;height: 30px;line-height: 30px;border-radius: 2px; }

.myDefaultPark-Popup{
	position: fixed;
	top: 40%;
	left: 45%;
	background-color: #fff;
	border-radius: 5px;
	font-size: 14px;
	width: 352px;
	height: 152px;
	margin-left: -176px;
	margin-top: -76px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
	z-index: 1500;
	display: none;
	}
	
	/* 弹出确定框 */
.myDefaultPark-Popup-content{width: 100%;}
.myDefaultPark-Popup-btn{width: 100%;height: 50px;margin-top: 22px;}
.myDefaultPark-Popup-btn a{font-size: 14px; width: 94px;height: 30px;float: left;line-height: 30px;text-align: center;border-radius: 2px;color: #fff;display: inline-block;}
.myDefaultPark-Popup-btn a.cancel{background-color: #999999;margin-left: 68px;}
.myDefaultPark-Popup-btn a.confirm{background-color: #5280e3;margin-left: 28px;}
.myDefaultPark-Popup-content span{font-size: 16px;color: #b1b2b3;width: 100%;margin-top: 16px;text-align: center;display: inline-block;}
.myDefaultPark-Popup-content p{font-size: 18px;color: #7c7e7e;width: 100%;margin: 0 auto;max-height: 38px;overflow: hidden;text-align: center;margin-top: 18px;}
/* 我的默认园区设置 */


/* 我的服务权限设置 */
.myServiceAuthority-item{ height: 94px; width: 940px; background-color: #ffffff; border-radius: 2px; }
.myServiceAuthority-left{ width: 582px; height: 94px; margin-left: 18px; }
.myServiceAuthority-left-date{ margin-top: 16px; }
.myServiceAuthority-left-date p{ display: inline; }
.myServiceAuthority-left-date span{font-size: 14px; color: #f28d0b; margin-left: 16px; }
.myServiceAuthority-left-function{ margin-top: 14px; color: #999999; font-size: 14px; }
.myServiceAuthority-right{ width: 322px; height: 94px; }
.myServiceAuthority-right a{ margin-top: 34px; font-size: 14px; color: #5280e3; margin-right: 18px; }
/* 我的服务权限设置 */

/* 我的月结账户设置 */
.myMonthlyAccount-header{ width: 945px; }
.myMonthlyAccount-top{font-size: 16px;margin-top: 8px; display: inline-block; }
.myMonthlyAccount-top ul li{float: left;padding: 0 50px 0 0;height: 28px;}
.myMonthlyAccount-top ul li a{ font-size: 16px; color: #444444; }
.myMonthlyAccount-top ul li.select a{color: #5280e3;font-weight: bold;display: inline-block;height: 100%;border-bottom: 2px solid #5280e3;}
.myMonthlyAccount-item{height: 54px;width: 900px;background-color: #ffffff;border-radius: 2px;margin-top: 16px;padding: 20px 20px 20px 20px;}
.myMonthlyAccount-left{ width: 620px; height: 100%; }
.myMonthlyAccount-left-top p{ font-size: 16px; font-weight: bolder; color: #444444; display: inline; }
.myMonthlyAccount-left-top span{ font-size: 14px; color: #f28d0b; margin-left: 18px; }
.myMonthlyAccount-left-down{ margin-top: 18px; font-size: 14px; color: #a0a0a0; }
.myMonthlyAccount-left-down p{ display: inline; }
.myMonthlyAccount-left-down span{ margin-left: 16px; margin-right: 16px; }
.myMonthlyAccount-left-down div{display: inline;color: #e51212;}
.myMonthlyAccount-right{width: 280px;text-align: right;line-height: 50px;}
.myMonthlyAccount-right span{ font-size: 24px; color: #444444; }
.myMonthlyAccount-right label{ font-size: 14px; color: #747474; margin-left: 6px; }
/* 我的月结账户设置 */



.header-sysTip-item{ width: 1062px !important;
position: absolute;
top: 50px;
left: 205px;}
.header-sysTip{  width:100%;height: 100%;background-color: #ffffbe;overflow: hidden;}
.header-sysTip > div{width: 90%;float: left;margin-left: 15px;box-sizing: border-box;height: 18px;}
.header-sysTip > div > marquee > p > span{color: red;}
.header-sysTip > div > marquee > p > i.icon{ display: inline-block;width: 18px;height: 18px;background-position: -89px -143px; }
.header-sysTip > i.close{ font-style: normal; color: #5280e3; margin-right: 5px; cursor: pointer; }

.activity-info-rule img{ max-width: 100%; }