.specialLeft{ width: 888px; float: left; padding-top: 40px; } body{ user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .specialLeft .input-append{ width: 100%; height: 44px; } .specialLeft .search{ width: 765px; height: 44px; line-height: 440px; border: 1px solid #bcd6e6; padding: 0 10px; float: left; margin: 0; } .specialLeft .search:focus{ box-shadow: 0 0 10px #ccc; } .specialLeft .btn{ width: 80px; height: 44px; background: #f68704; color: #fff; font-size: 16px; border-radius: 0; float: left; } .spType{ margin-top: 40px; width: 100%; clear: both; overflow: hidden; border-bottom:1px solid #eeeeee; padding-bottom: 18px } .spType li { cursor: pointer; float: left; margin-right:35px; font-size: 16px; color: #333333; } .spType li.active{ color: #f68704; } .proType{ clear: both; margin-top: 16px; overflow: hidden; width: 100%; height: 40px; line-height: 40px; border: 1px solid #eeeeee; padding-left: 10px; margin-bottom: 20px; } .proType li{ float: left; margin-right: 28px; font-size: 14px; color: #333333; cursor: pointer; } .proType li.active{ color: #f68704; } .proType li:hover,.spType li:hover{ color: #f68704; } .proType li:first-child:hover{ color: #333333; } /* 列表 */ .spList{ padding-top: 26px; } .spList ul li { margin-bottom: 50px; border-bottom: 1px solid #eeeeee; clear: both; width: 100% } .spList ul li:last-child{ margin-bottom:25px; } .spList ul li .title{ overflow: hidden; } .spList ul li .title h3{ width: 100%; font-size: 16px; color: #f68704; float: left; font-weight: normal; } .spList ul li .title span{ float: right; font-size: 14px; color: #666666; } .ql-editor{ white-space: inherit; } .spList ul li p{ clear: both; font-size: 14px; color: #666666; margin-top: 24px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; } .spList .guide{ text-align: right; color: #666666; text-align: right; margin-top: 30px; height: 20px; margin-bottom: 20px; } .spList .guide .guideRight>span{ cursor: pointer; position: relative; margin-left: 20px; height: 20px; line-height: 20px; z-index: 1200; } .spList .guide .guideRight>span>img{ width: 18px; height: 18px; margin-right:3px; vertical-align: top; margin-top: 1px; } .guideLeft{ float: left; } .guideLeft .keyword{ display: inline-block; margin-left: 40px; } .guideLeft .keyword span{ display: inline-block; margin-right: 28px; color: #ffb46b; font-size: 12px; } .guideRight{ float: right; } .fxWrap{ position: absolute; right: 20px; width:120px; height: 34px; top:20px; opacity: 1; line-height: 26px; box-shadow: 0 0 10px #ccc; z-index: 1222; border-radius: 4px; background: #ffffff; display: none; transition: all .1s ease-in-out } .fxWrap.active{ width: 120px; right: 0; opacity: 1; transition: all .3s ease-in } .guideRight span:hover{ color: #f68704; } .spList li .title time{ font-size: 14px; float: right; display: inline-block; margin-left: 45px; color: #999999; } .fxWrap img{ width: 20px; height: 20px; margin-right: 12px; } .fxWrap::before{ width: 8px; height: 8px; content: ''; background: #fff; transform: rotate(45deg); position: absolute; top: -5px; right: 20px; z-index: 1220; box-shadow: -4px -4px 10px #ccc; } /* 右边 */ .specialRight { width: 280px; float: right; margin-bottom: 100px; padding-top: 40px; } .specialRight .writeXF{ height: 134px; border: 1px solid #cccccc; padding: 30px 72px; margin-bottom: 18px; } .specialRight .writeXF div{ display: inline-block; text-align: center; color: #333333; font-size: 16px; cursor: pointer; } .specialRight .writeXF div:nth-child(1){ float: left; } .specialRight .writeXF div:nth-child(2){ float: right; } .specialRight .writeXF div img{ margin-bottom: 10px; } .specialRight .collection{ border: 1px solid #cccccc; height: 146px; padding: 35px 60px; margin-bottom: 18px; } .specialRight .collection p{ color: #333333; cursor: pointer; } .specialRight .collection p:hover{ color: #f68704; } .specialRight .collection p img{ width: 20px; height: 20px; margin-right: 12px; vertical-align: top; } .specialRight .collection p:first-child{ margin-bottom: 30px; } .videoZs h3{ width: 100%; font-size: 16px; font-weight: normal; margin-bottom: 8px } .videoZs h3 a{ float: right; font-size: 14px; color: #666666; } .videoZs h3 a:hover{ color: #f68704; } .videoZs .videoImg{ width: 100%; border: 1px solid #ccc; } .videoZs .videoImg img{ position: absolute; width: 100%; height: 238px; z-index: -1; top: 0; left: 0 } .videoZs .videoImg a>div{ position: relative; width: 100%; height: 238px; z-index: 22; } .videoZs .videoImg a>div div{ width: 100%; height: 100%; background: url(../../../img/newMenu/videoZHE_03.png)no-repeat; background-size:100% 100%; z-index: 24; } .videoZs .videoImg div h4{ position: absolute; bottom: 0; height: 40px; line-height: 40px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; padding: 0 10px; background: rgba(0, 0, 0, .7); width: 100%; font-weight: normal; z-index: 25; font-size: 14px; color: #fff; } .videoZs p{ width: 100%; padding: 14px 10px; } .videoZs p span{ display: inline-block; font-size: 14px; color: #999999; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:2; text-align: justify } .policy{ margin-top: 22px; margin-bottom: 22px; } .policy .videoImg a>div div{ background: rgba(0, 0, 0, .5); } .policy p span{ overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:3; } .policy ul{ padding: 22px; border: 1px solid #ccc; margin-top: 12px; } .policy ul li{ margin-bottom: 14px; } .policy ul li a{ color: #666666; } .policy ul li a:hover{ color: #f68704; } /* 顾问 */ .nubCollect{ margin-left: 10px; } .adviserList{ display: none; } .adviserList ul li{ margin-bottom: 35px; height: 192px; padding-top: 30px; border: 1px solid #eaeaea; background: #fbfbfb; border-radius: 15px; } .adviserList ul li:hover{ box-shadow: 0 0 20px #ccc; } .adviserList ul li div a{ width: 100%; display: inline-block; } .adviserList ul li div img{ width:118px; height: 118px; border-radius: 50%; float: left; margin-left: 23px; border-radius: 50%; } .adviserList ul li div .txt{ width: 670px; margin-right: 27px; float: right; } .txt .address{ color: #1697e9!important; clear: both; margin-bottom: 5px; } .adviserList ul li div .txt>div{ height: 50px; line-height: 50px; overflow: hidden; } .adviserList ul li div .txt>div h4{ float: left; line-height: 50px; color: #1f1f1f; font-size: 22px; } .adviserList ul li div .txt>div h4 span{ display: inline-block; margin-left: 18px; color: #f68704; font-size: 18px; } .adviserList ul li div .txt>div p{ float: right; } .adviserList ul li div .txt>div p{ color: #ff6b26; font-size: 12px; } .adviserList ul li div .txt>div p .heart{ display: inline-block; width: 20px; height: 16px; margin-left: 8px; vertical-align: top; margin-top: 16px; background: url(../../../img/newMenu/serviceDetal_03.jpg)no-repeat; background-size:100% 100%; } .adviserList ul li div .txt>div p .heart.active{ background: url(../../../img/newMenu/serviceDetal_Ok.jpg)no-repeat; background-size:100% 100%; } .adviserList ul li div .txt>p{ font-size: 14px; color: #707070; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:3; text-align: justify; } .pagination_box{ display: none; } .pagination_box ul,.pagination_box .clearfix>span,.pagination_box .inp{ float: right; } .pagination_box .inp{ height: 34px; margin: 20px 0; } .pagination_box .clearfix>span{ height: 34px; line-height: 34px; margin: 20px 0; margin-right: 15px; display: inline-block; } .pagination_box .inp button{ line-height: 0; float: right; } .pagination_box .inp input{ float: left; width: 50px; margin-left: 10px; } .pagination a span,.pagination a { color: #666666; } .list_none { width: 550px; height: 150px; background: url("../../../img/all_null.png") no-repeat; margin: 50px auto; } /* 专栏详情 */ .hr{ margin-top: 30px; } .detaiTitle{ text-align: center; } .detaiTitle h3{ font-size: 18px; color: #333333; font-weight: normal; margin-bottom: 18px; margin-top: 12px; } .detaiTitle p{ color: #666666; font-size: 14px; margin-bottom:18px; } .detaiTitle>img{ width: 800px; height: 400px; margin-bottom: 20px; display: inline-block; } .detailWrapper P{ text-align: justify; } .comment{ width: 100%; height: 48px; line-height: 48px; background: #eeeeee; margin: 36px 0 10px; padding: 0 40px; } .comment ul li{ cursor: pointer; float: left; margin-right: 20px; position: relative; z-index: 20; } .comment li.fengX{ width: 80px; } .comment li .fxWrap{ right:-80px; top: 8px; padding-left: 10px; } .comment li .fxWrap span img{ margin-left: 5px; margin-right: 5px; } .comment li .fxWrap::before{ right: 116px; top: 15px; } .commentList { border: 1px solid #d1d1d1; margin-top: 10px; margin-bottom: 100px; } .commentList>p{ height: 40px; line-height: 40px; border-bottom: 1px solid #d1d1d1; padding-left: 15px; } .commentBody{ display:none; } .commentBody .search{ width: 808px; } .commentList ul li{ padding: 0 15px; padding-top:20px; } .commentList ul li time{ margin-left: 64px; } .commentList ul li p{ margin-top: 20px; text-align: justify; border-bottom: 1px solid #ccc; padding-bottom: 20px; } .commentList ul li:last-child p{ border: none; } .commentList .totalCount{ margin-right: 15px; display: inline-block; }