@charset "UTF-8";
body{ background: #f8f8f8;}

.content{ width: 100%; min-height: 400px; background: #f8f8f8; margin: 10px auto;}
.content-inner{ width: 1180px; margin:0 auto;}

.consult-box{ border:1px solid #d4dbda; background: #fff;}

/*侧边栏*/
.list-box{ float: left; width: 200px; background: #fff;}
.list-box a{ display: block; color: #787c7b; border-left:2px solid #fff; position: relative;}
.list-box dt a{ padding-left: 24px; height: 40px; line-height: 40px; font-size: 16px; border-bottom: 1px solid #d4dbda;}
.list-box dt b{ position: absolute; right: 10px; top: 10px; width: 20px; height: 20px; background: url(../../v2/images/member/selfhelp/list-hide.png) no-repeat; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; background: url(../../v2/images/member/selfhelp/list-hide2.png) no-repeat\9;}
.list-box dt .second{ -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); }
.list-box dd{ display: none;}
.list-box dd a{ padding-left: 50px; height: 30px; line-height: 30px; background: url(../../images/consult/list-box.png) no-repeat; background-position: 20px -43px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.list-box dd a:hover,.list-box .isShow .current a{ background:url(../../images/consult/list-box.png) no-repeat; background-position: 20px -66px; color: #fa8f12;}
.list-box dt a:hover,.list-box .isShow dt a,.list-box .cur-nav a{ color: #333; border-left:2px solid #fa8f12;}
.list-box .isShow dt b{ background: url(../../v2/images/member/selfhelp/list-show.png) no-repeat; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.list-box .isShow .frist{ -moz-transform:rotate(-360deg); -webkit-transform:rotate(-360deg); -o-transform:rotate(-360deg); -ms-transform:rotate(-360deg); transform:rotate(-360deg);}
.list-box .isShow .second{ -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);}
.list-box .isShow dd{ display: block;}
.list-box .border-top{ border-top: 1px solid #d4dbda;}
.list-box .cur-nav a,.list-box .cur-nav a:hover{ border-left:2px solid #fa8f12;}
.list-box dt,.list-box dd{ border-right: 1px solid #d4dbda; margin-right: -1px; }

/*品牌社区一级页*/
.info-box{ padding: 20px; overflow: hidden; background: #fff; margin-left: 200px; border-left: 1px solid #d4dbda;}
.info-box .searchBox{ margin:10px 0px;}
.info-box .searchBox input{ float: left; width: 585px; height: 20px; line-height: 20px; padding:5px; border:1px solid #2f9370;}
.info-box .searchBox span{ display: inline-block; width: 120px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #2f9370; border:1px solid #2f9370; cursor: pointer;}
.info-box .searchBox span .icon-search{ display: inline-block; width: 15px; height: 15px; background: url(../../images/consult/list-box.png) no-repeat; background-position: 0px -90px; margin-right: 10px;}
.info-box .resultBox{ height: 145px; padding:20px 0px; border-bottom: 1px dashed #d4dbda;}
.info-box .resultBox .imageBox{ float: left; margin-right: 20px; width: 200px; height: 145px;}
.info-box .resultBox .messageBox{ float: left; width: 650px;}
.info-box .resultBox .title{ position: relative;}
.info-box .resultBox .title a{ display: inline-block; color: #2f9370; margin-bottom: 10px;}
 .info-box .resultBox .title a:hover { text-decoration:underline;}
.info-box .resultBox .title .zhiding{ width: 58px; height: 58px; background: url(../../images/consult/zhiding.png) no-repeat; position: absolute; right: 0px; top: 0px;}
.info-box .resultBox .message{ margin-bottom: 10px;}
.info-box .resultBox .message span{ display: inline-block; margin-right: 20px; color: #939c9b;}
.info-box .resultBox .message span em{ color: #434343;}
.info-box .resultBox .message .color-label{ height: 24px; line-height: 24px; text-align: center; padding:0px 20px; color: #fff; background: #fa8f12;}
.info-box .resultBox .message-content{ width: 650px; height: 65px; color: #333b4e; overflow: hidden; text-overflow: ellipsis;}
.info-box .resultBox .message-content-more a{ float:right; color: #2f9370;}
.info-box .resultBox .message-content-more a:hover{ text-decoration:underline;}


/*品牌社区二级页*/
/* .info-box .way-bar a{ height: 50px; line-height: 50px; color: #9d9e9e;}
.info-box .way-bar span,.info-box .way-bar a:hover{ color: #2f9370;} */
.zixun-info{ border-left: none; margin-left: 0px; padding: 20px 140px;}
.info-box .news-box .title{ font-weight: bold; font-size: 24px; margin: 20px auto; text-align: center;}
.info-box .news-box .message{ color: #939c9b; text-align: right;}
.info-box .news-box .message span{ margin-right: 20px;}
.info-box .news-box .news-content{ height:auto; padding: 10px; margin:20px auto; border:1px solid #E9EAEC; overflow: hidden;}
.info-box .news-box .news-content img{ margin:5px 0px;}
.info-box .company-cpr .title{ margin:0px;}
.info-box .news-box .share-box{ float: right; margin:20px 0px;}
.info-box .news-box .share-box li{ float: left; margin-right: 15px;}
.info-box .news-box .share-box li a{ display: inline-block; width: 40px; height: 40px; background: url(../../images/consult/consult-icon.png) no-repeat;}
.info-box .news-box .share-box li .icon-pyq{ background-position: -3px -3px;}
.info-box .news-box .share-box li .icon-wb{ background-position: -3px -53px;}
.info-box .news-box .share-box li .icon-rr{ background-position: -3px -103px;}
.info-box .news-box .share-box li .icon-wx{ background-position: -54px -3px;}
.info-box .news-box .share-box li .icon-kj{ background-position: -54px -53px;}
.info-box .news-box .share-box li .icon-qq{ background-position: -54px -103px;}

/*解决方案*/
.info-box .company-cpr{ position: relative; width: 885px; height: 510px; overflow: hidden; background: url(../../images/consult/bg01.jpg) no-repeat;}
.company-cpr .model{ position: absolute; left: 20px; top: 100px; width: 600px; height: 380px; background: #eaf7f2; border-radius: 2px;}
.company-cpr .model .title{ text-align: center; background: #2d3033; color: #fff; font-weight: normal; font-size: 16px; margin-bottom: 0px; width: 600px; height: 35px; line-height: 35px; border-radius: 2px 2px 0px 0px;}
.company-cpr .hide{ left: 660px; top: 100px; cursor: pointer;}
.company-cpr .hide .title{ width: 160px; height: 30px; line-height: 30px; border-radius: 30px; margin:10px;}
.company-cpr .model .con{ padding:20px 60px;}
.company-cpr .model .con thead td{ width: 50%; height: 30px; line-height: 30px; color: #333b4e;}
.company-cpr .model .con tbody td{ height: 50px;}
.company-cpr .model .con tbody td span{ display: block; color: #787c7b;}
.company-cpr .model .con tbody td em{ color: red;}
.company-cpr .model .con tbody td input{ width: 195px; padding:0px 5px; border:1px solid #c8cad0;}
.company-cpr .model .con tbody .name span{ display: inline-block; width: 110px;}
.company-cpr .model .con tbody .name input,.company-cpr .model .con tbody .name select{ width: 92px; margin-right: 5px; border: 1px solid #c8cad0;}
.company-cpr .model .con tbody .cost,.company-cpr .model .con tbody .PIN-number{ position: relative;}
.company-cpr .model .con tbody .cost input{ width: 170px; padding-right: 35px;}
.company-cpr .model .con tbody .cost i{ position: absolute; right: 40px; bottom: 4px; color: #787c7b;}
.company-cpr .model .con tbody .PIN-number input{ width: 105px;}
.company-cpr .model .con tbody .PIN-number .button{ position: absolute; right: 32px; bottom: 3px; width: 110px; height: 23px; background: #d9ece5; color: #787c7b; border: 1px solid #c8cad0; border-left: none;}
.company-cpr .model .con tfoot td{ text-align: center;}
.company-cpr .model .con tfoot td a{ display: inline-block; margin:5px auto; color: #2f9370; border-bottom: 1px dashed #2f9370;}
.company-cpr .model .con tfoot td .button{ display: block; width: 210px; height: 30px; margin:5px auto; border-radius: 2px; border:none; background: #fa8f12; color: #fff;}
.company-cpr .model .con tfoot td .gray{ background: #ccc;}
.company-cpr .md-zz .con span{ display: block; height: 250px; line-height: 250px; text-align: center; color: #787c7b; font-size: 18px;}

/*社会公益*/
/* .public-welfare{ padding:20px;}
.public-welfare img{ width: 100%;} */
.public-welfare .item{ padding:20px 10px;}
.public-welfare .item .con{ display: inline-block; width: 575px; height: 140px; vertical-align: top;}
.public-welfare .item .con .title,.public-welfare .item04 .left .title{ border-left: 20px solid #37af6a; height: 40px; line-height: 40px; font-size: 20px; padding-left: 10px; color: #333b4e; text-align: left; margin:0px;}
.public-welfare .item .con p{ padding-left: 30px; color: #787c7b;}
.public-welfare .item .con a{ color: #fa8f12; margin-left: 10px;}
.public-welfare .item .pic{ display: inline-block; width: 270px; height: 140px;}
.public-welfare .item04{ background: #eaf7f2;}
.public-welfare .item04 .left{ float: left; width: 440px;}
.public-welfare .item04 .left .title a{ color: #fa8f12; float: right;}
.public-welfare .item04 .left hr{ color: #888888; margin-top: 10px;}
.public-welfare .item04 .left ul{ padding-left: 40px;}
.public-welfare .item04 .left ul li{ height: 48px; line-height: 48px; list-style: disc; border-bottom: 1px solid #eaf7f2;}
.public-welfare .item04 .left ul li a{ color: #333b4e;}
.public-welfare .item04 .left ul li a span{ float: right;}
.public-welfare .item04 .left ul li:hover{ border-bottom: 1px dashed #888888; cursor: pointer;}
.public-welfare .item04 .right{ float: right;}
.public-welfare .item04 .right ul li a{ display: inline-block; width: 180px; height: 120px; margin-right: 10px;}

/*无数据*/
.nodataBox{ text-align: center; padding:100px; font-weight: bold; font-size: 16px;}
.nodataBox img{ margin:50px;}
.nodataBox div{ padding-left: 190px; text-align: left; color: #666;}
.public-welfare .nodataBox img { width:auto;}