@charset "utf-8";body,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td{margin:0;padding:0} body,button,input,select,textarea{font:14px/1.5 Arial,sans-serif} input{line-height:normal} h1{font-size:24px} h2{font-size:20px} h3{font-size:18px} h4{font-size:18px} h5{font-size:14px} h1,h2,h3,h4,h5{font-weight:normal} address,cite,dfn,em,var{font-style:normal} small{font-size:11px} *{-webkit-box-sizing:border-box;box-sizing:border-box} a:hover{color:#e15616} abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help} q:before,q:after{content:''} legend{color:#000} fieldset,img{border:none} button,input,select,textarea{font-size:100%;vertical-align:middle} table{border-collapse:collapse;border-spacing:0} html{overflow-y:scroll} body{font-family:"microsoft yahei",serif;color:#999} a{color:#999;text-decoration:none} ul,li{list-style:none;zoom:1} dl,dd,dt{zoom:1} .clearfix:after{display:block;width:100%;height:0;content:" ";clear:both} .clearfix{zoom:1} .clear{clear:both} .show{display:block;visibility:visible} .hide{display:none;visibility:hidden} .fl{float:left} .fr{float:right} .center{text-align:center} .list-select{width:200px;height:32px;margin:5px 0;border:1px solid #e1dedd;border-radius:3px} .loadData{position:fixed;left:0;top:0;width:100%;height:100%;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center} .light-grey{width:50px;height:36px;border:1px solid #ddd;color:#666;border-radius:5px;vertical-align:1px} .article img{width:auto !important;height:auto !important} @-webkit-keyframes pointerFlashing {from{opacity: 1} to{opacity: 0.1}} @keyframes pointerFlashing {from{opacity: 1} to{opacity: 0.1}} @media screen and (min-width:768px){.header .h5-head{display:none} .icon:before{content:'';display:inline-block;background:url(/img/base/icon.png) no-repeat;font-size:0} /* 分享,回到顶部 */ #scrollTop{display:none;position:fixed;right:50%;margin-right:-700px;width:88px;z-index:9999;bottom:120px;} #scrollTop .item{width:100%;background-color:#fff;box-sizing:border-box;text-align:center;box-shadow:0 2px 4px rgb(254,246,243);border-radius:2px;margin-bottom:10px;font-size:12px;position:relative} #scrollTop .item>span{display:block;width:100%;box-sizing:border-box;position:relative;cursor:pointer;} #scrollTop .item>span:hover{color:#E15616;} #scrollTop .item .wechat{padding:4px 16px 4px 48px;line-height:16px;} #scrollTop .item .wechat:before{width:32px;height:32px;background-position:0 -254px;position:absolute;top:4px;left:16px} #scrollTop .item .toTop{padding:12px 16px 12px 48px;line-height:16px;} #scrollTop .item .toTop:before{width:32px;height:32px;background-position:-42px -254px;position:absolute;top:4px;left:16px} #scrollTop .item .wechatHover{display:none;position:absolute;left:-150px;top:-150px;z-index:999;width:150px;height:150px;padding:15px;background:#FFF;} #scrollTop .item .wechatHover a{color:#E15616} #scrollTop .item .wechatHover span{color:#93979F;margin-top:10px} #scrollTop .item .wechatHover a:hover{text-decoration:underline} #scrollTop .item:hover .wechatHover{display:block} .pageWrap{width:100%;text-align:center;padding:20px 0 36px} .pageWrap a{box-sizing:border-box;display:inline-block;width:40px;height:40px;line-height:40px;border:1px solid #EBECEF;font-size:16px;margin:0 5px;color:#2D3036;background:#fff;border-radius:2px} .pageWrap a.on{background:#e15616;color:#fff;border:1px solid #e15616} .pageWrap a:hover{color:#E15616} .pageWrap a.on:hover{color:#fff;opacity:.8} .pageWrap a.btn{width:auto;color:#E15616;background:none;border:none} .pageWrap .prev:before{content:'\276E'} .pageWrap .next:before{content:'\276F'} .pageWrap span{display:inline-block;height:40px;line-height:40px;margin:0 5px;color:#93979F} .pageWrap b{color:#2D3036;font-weight:normal} .pageWrap input{box-sizing:border-box;width:80px;height:40px;line-height:40px;font-size:16px;border:1px solid #EBECEF;outline:none;border-radius:2px;text-align:center} .loading{box-sizing:border-box;padding:200px 0;text-align:center} .hasTop{position:fixed;left:0;bottom:0} .header{position:sticky;width:100%;background:#e15616;top:0;left:0;z-index:9999} .header .nav{display:table;width:1185px;margin:0 auto} .nav .logo{display:table-cell;vertical-align:top;height:48px;padding:11px 0;margin-right: 16px;} .nav .logo img{width:56px;height:48px} .nav .type{display:table-cell;vertical-align:top;height:70px} .nav .type a{padding:0 16px;height:70px;line-height:70px;margin-right:1px;font-size:16px;color:#fff;text-align:center;display:table-cell;vertical-align:top;white-space:nowrap; border-bottom: 2px solid #e15616;box-sizing: border-box;} .type a:hover{background-color:#e96c1c;border-bottom-color: #fec19a} .type a.current{background-color:#e96c1c;border-bottom-color: #fec19a} .nav .search{position:relative;display:table-cell;vertical-align:top;width:280px;height:32px;margin-left:39px} .nav .search .keyword{width:280px;height:32px;line-height:32px;margin:22px 0 16px 0;padding:0 32px 0 16px;border:none;border-radius:16px;background:#eb7941;color:#fff;font-size:14px} .search .keyword:focus{border:none;outline:medium} .search .searchBtn{position:absolute;top:22px;right:-1px;display:block;width:32px;height:32px;background:url(/img/info/search.png) no-repeat left 8px} .search .keyword::-webkit-input-placeholder{color:#fff} .search .keyword:-moz-placeholder{color:#fff} .search .keyword::-moz-placeholder{color:#fff} .search .keyword:-ms-input-placeholder{color:#fff} /* .content.sea-top{margin-top:110px} */ .foot{width:100%;height:130px;background:#262626;margin-top:100px} .footer{width:1185px;margin:0 auto;text-align:center;height: 130px;box-sizing: border-box;padding: 39px 0;} .footer p{line-height: 30px;color: #FFFFFF;} .footer p span{margin:0 5px} .footer p span a{color: #FFFFFF;} .footer p span a:hover{color: #E15621;} .footer p span img.icp{width: 18px;height: 18px;display: inline-block;} .tip-bar{padding: 16px 0;} .bar,.tip{width:1185px;margin:0 auto;padding-bottom:5px} .tip{color: #777;} .bar a{color:#777;font-size:14px} .classify.biaoqian{border-bottom:solid 1px #ededed} .content{width:1185px;margin:0 auto;position:relative;} .content .mainData{float:left;width: 884px;background:#ffffff;} .content .new-list{width:100%;background:#ffffff;} .content .row:nth-last-child(1){border-bottom:0} .new-list .row{position:relative;display:table;width:800px;height:150px;margin:0 30px;padding:24px 0;border-bottom:solid 1px #ededed} .row .new-img{position:absolute;width:210px;height:150px;margin-right:20px;background:#FFF url(/img/base/placeholder.png) no-repeat center center;} .row .campaign{position:absolute;top:35px;left:5px;width:56px;height:24px;line-height:24px;font-size:16px;color:#fff;text-align:center;border-radius:2px;background-color:#e15616;opacity:.7;z-index:99} .row .new-img img{width:100%;height:100%;background-color:#FFF;background-size:80%} .row .new-img img:hover{border:solid 2px #e15616;opacity:0.8} .row .new-img img.none:hover{border:none;opacity:1;cursor:default} .row .new-blurb{padding-left:230px;min-height:150px;margin-top:-5px;overflow:hidden} .row .new-blurb .title{width:570px;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .row .new-blurb .title em,.row .new-blurb .introduction em{color:#f97956} .P_img{width:33px;height:20px;line-height:20px;margin-right:20px;display:inline-block;} .P_img em{display:inline-block;min-width:100px;line-height:24px} .P_img em:before{width:24px;height:24px;background-position:-185px -329px;vertical-align:top;margin-right:5px} .new-blurb a{color:#333} .new-blurb a:hover{color:#e15616} .new-blurb a.none:hover{color:#333;cursor:default} .content .xinxi{color:#aaa;font-size:14px;line-height:26.28px;padding:8px 0} .xinxi .write{display:inline-block;margin-right:20px} .xinxi .write:before{width:24px;height:24px;background-position:-83px -329px;vertical-align:top;margin-right:5px} .xinxi .time{display:inline-block;margin-right:20px} .xinxi .time:before{width:24px;height:24px;background-position:-117px -329px;vertical-align:top;margin-right:5px} .xinxi .hotspot{display:inline-block} .xinxi .hotspot:before{width:24px;height:24px;background-position:-150px -329px;vertical-align:top;margin-right:5px} .xinxi .pv{display:inline-block;margin-right:20px} .xinxi .pv:before{width:24px;height:24px;background-position:-185px -329px;vertical-align:top;margin-right:5px} .xinxi .source{display:inline-block;margin-right:20px} .xinxi .source:before{width:24px;height:24px;background-position:-285px -329px;vertical-align:top;margin-right:5px} .article .date{margin-right:30px} .article .write{margin-left:5px;margin-right:30px} .row .new-blurb .introduction{margin-top: 10px; color:#777;font-size:14px;line-height:26px;min-height:52px;overflow :hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .content .other{width:284px;float:right} .content .classify{height:50px;line-height:50px;border-left:solid 4px #e15616;font-size:20px;color:#333;padding-left:15px;padding-right:5px;background:#fff} .content .classify .pre,.content .classify .next{display:inline-block;width:16px;height:16px;line-height:16px;color:#fff;text-align:center;float:right;margin-right:10px;margin-top:20px;cursor:pointer;background:#ccc;font-size:12px;font-weight:normal} .content .classify .pre:before{content:"\276E"} .content .classify .next:before{content:"\276F"} .content .classify .pre:hover,.content .classify .next:hover{background:#e15616} .tags{background:#fff} .tag{max-height:437px;overflow:hidden;padding:18px 7px 2px 19px;border-top:solid 1px #ededed;margin-bottom:20px} .tag a{float:left;font-size:14px;color:#fff;height:32px;line-height:32px;padding:0 12px;background:#e15616;text-align:center;border-radius:4px;margin:2px 12px 18px 0;cursor:pointer} .tag a:hover{padding:0 13px;height:35px;line-height:35px;margin:0px 10px 17px 0} .other .recommend{background:#fff;margin-bottom:20px} .other .recommend .row{padding:15px;border-top:solid 1px #ededed;border-bottom:none;padding-bottom:21px} .row .new-img.xiao{width:100px;height:70px} .row .new-img.xiao img{width:98px;height:68px} .row .new-img.xiao img:hover{border:solid 1px #e15616} .row .new-blurb.xiao{padding-left:110px;min-height:70px !important} .row .new-blurb .shuoming{font-size:14px;line-height:25px;max-height:78px;overflow :hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical} .tui .tui-img{display:block;position: relative; width:284px;max-height:434px;margin-bottom:20px;overflow:hidden;background:#FFF url(/img/base/placeholder.png) no-repeat center center;background-size:80%} .tui .tui-img img{width:100%;max-height:432px} .tui .tui-img::after{content: "";opacity: 0;width: 100%;height: 100%; position: absolute; left: 0;top: 0;box-sizing: border-box;border: 1px solid #e15616; transition: all 0.2s;} .tui .tui-img:hover::after{opacity: 1;} /*.tui .tui-img img:hover{opacity:0.8;border:solid 1px #e15616} */ .tui .tui-img .none:hover{opacity:1;border:none;cursor:default} /*.new-list .search{width:884px;padding:0 30px;border-bottom:solid 1px #ededed}*/ /*.new-list .search .search-box{position:relative;width:796px;height:50px;margin-top:30px;}*/ /*.new-list .search-box .keyword{width:696px;height:50px;line-height:50px;padding-left:40px;border:1px solid #ddd;border-right:none;border-radius:12px 0 0 12px;color:#777;font-size:14px;background:url(/img/info/search1.png) no-repeat 10px 12px}*/ /*.new-list .search-box .keyword:focus{border:1px solid #ddd;border-right:none;outline:medium}*/ /*.new-list .search-box .search-btn{position:absolute;top:0px;right:1px;display:block;width:100px;height:50px;line-height:50px;text-align:center;border-radius:0 12px 12px 0;color:#fff;background-color:#e15616;background-image:none;font-size:20px}*/ .new-list .search { padding: 32px 32px 0; } .new-list .search-box { display: flex; justify-content: space-between; align-items: center; } .new-list .search-box .keyword{ flex: 1; flex-shrink: 0; display: block; height: 48px; padding-left:40px; box-sizing: border-box; border:1px solid #ddd;border-right:none; color:#777;font-size:14px; background:url(/img/info/search1.png) no-repeat 10px 12px; } .new-list .search-box .search-btn{ display: block; width: 100px; height: 48px; text-align: center; line-height: 48px; color: #fff; background: #E15616; font-size: 14px; } .new-list .search-tip { display: flex; align-items: center; height: 48px; margin: 15px 0; padding: 0 16px; font-size: 16px; color: #4A4F58; background: #FEF6F3; } .new-list .search-tip span { color:#E15616; font-weight:bold; margin: 0 2px; } .new-list .search-tip a { display: block; width: 88px; height: 32px; background: #E15616; color: #fff; text-align: center; line-height: 32px; margin-left: 12px; } /* 搜索结果排序 */ /* .new-list .filter-sort { display: flex; justify-content: flex-start; align-items: center; padding-left: 32px; line-height: 36px; margin-top: 32px; } .new-list .filter-sort .filter__label { font-size: 16px; color: #4A4F58; margin-right: 24px;} .new-list .filter-sort .filter__item_list { color: #8A8A8A; } .new-list .filter-sort .filter__item_list .filter__item { display: inline-block; margin-right: 24px; box-sizing: border-box; padding: 0 16px 0 40px; position: relative; cursor: pointer; } .new-list .filter-sort .filter__item_list .filter__item.active { background: #FEF6F3; color: #E15616; border-radius: 20px; text-align: center; } .new-list .filter-sort .filter__item_list .filter__item.normal::after, .new-list .filter-sort .filter__item_list .filter__item.date::after{ content: ""; display: block; width: 20px; height: 20px; background-position: center; background-repeat: no-repeat; background-size: 20px;position: absolute; left: 16px; top: 50%; transform: translateY(-50%); } .new-list .filter-sort .filter__item_list .filter__item.normal::after { background-image: url("/img/base/pc-icon-sort-normal.png"); } .new-list .filter-sort .filter__item_list .filter__item.date::after { background-image: url("/img/base/pc-icon-sort-date.png"); } .new-list .filter-sort .filter__item_list .filter__item.normal.active::after { background-image: url("/img/base/pc-icon-sort-normal-active.png"); } .new-list .filter-sort .filter__item_list .filter__item.date.active::after { background-image: url("/img/base/pc-icon-sort-date-active.png"); } */ /* 文章搜索信息 */ .search-section { display: flex;align-items: center;justify-content: space-between; width: 884px; background: #F5F5F5; padding-bottom: 16px; overflow: hidden; } .search-section .search__product_list{flex: 1; height: 178px; background: #fff; transition: all 0.4s; box-sizing: border-box; padding: 0 32px;} .search-section .search__product_list .search__tip{ margin: 12px 0; font-size: 16px; color: #4A4F58;} .search-section .search__product_list .search__tip span{ color: #E15616; font-weight: bold; } .search-section .search__product_list .search__content {display: flex;} .search-section .search__product_list .search__product{display: block; width: 90px; margin-left: 17px;} .search-section .search__product_list .search__product:first-child{ margin-left: 0;} .search-section .search__product_list .search__product .search__product_cover{width: 100%; height: 90px; box-sizing: border-box; border: 1px dashed #EEEFF1;} .search-section .search__product_list .search__product .search__product_cover img{display: block; width: 88px; height: 88px;} .search-section .search__product_list .search__product .search__product_name{width: 100%; margin-top: 10px; font-size: 14px; color: #4A4F58; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .search-section .search__more { width: 180px; height: 178px; margin-left: 16px; display: flex; justify-content: center;align-items: center; flex-direction: column; background: url("/img/article/pc-icon-search-more-bg.png") no-repeat center; background-size: 180px 178px;} .search-section .search__more .search__more_tip{ font-size: 14px; color: #4A4F58; } .search-section .search__more .search__more_line{ width: 14px; height: 2px; background: #E15616; margin: 18px 0 20px;} .search-section .search__more .search__more_link{ display: block; width: 144px; height: 36px; line-height: 36px; text-align: center; color: #fff; font-size: 16px; background: #E15616; } /* 文章搜索排序 */ .search-filter{background: #f5f5f5;padding-bottom: 16px;} .search-filter .search__content{height: 56px; background: #fff; display: flex;align-items: center;justify-content: space-between; padding: 0 32px; } .search-filter .search__content .search__tip{font-size: 16px; color: #4A4F58;background: #fff; flex: 1;} .search-filter .search__content .search__tip span{color: #E15616; font-weight: bold;} .search-filter .search__content .search__sort { position: relative; z-index: 9; cursor: pointer; user-select: none; width: 112px; height: 32px; border: 1px solid #eee; box-sizing: border-box;padding-right: 24px;padding-left: 14px; } .search-filter .search__content .search__sort::after{content:""; display: block;width: 24px; height: 24px; position: absolute; top: 3px; right: 4px; background: url("/img/article/pc-icon-search-drap-down.png") no-repeat center; background-size: 24px 24px; } .search-filter .search__content .search__sort.active::after{ background-image: url("/img/article/pc-icon-search-drap-up.png") } .search-filter .search__content .search__sort .search__sort_current{font-size: 14px; color: #4A4F58;line-height: 30px;} .search-filter .search__content .search__sort .search__sort_select{ position: absolute;display: none;padding: 8px 0; top: 36px; left: 50%; transform: translateX(-50%); width: 136px; background-color: #fff;box-shadow: 0px 6px 16px 1px rgba(0,0,0,0.1); border-radius: 2px; } @keyframes searchSortSlide { from {opacity: 0.5; top: 60px} to{opacity: 1; top: 36px;}} .search-filter .search__content .search__sort.active .search__sort_select{ display: block; animation: searchSortSlide 0.4s forwards ease-in-out; } .search-filter .search__content .search__sort .search__sort_select li{position: relative; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #4A4F58; padding-right: 40px;} .search-filter .search__content .search__sort .search__sort_select li::after{ content:""; display: block;width: 20px; height: 20px; position: absolute; top: 10px; right: 16px; background: no-repeat center; background-size: 20px 20px; } .search-filter .search__content .search__sort .search__sort_select li.selected, .search-filter .search__content .search__sort .search__sort_select li:hover{ background-color: #FEF6F3; color: #E15616; } .search-filter .search__content .search__sort .search__sort_select li.selected::after{ background-image: url("/img/article/pc-icon-search-selected.png") } .no-result{width:884px;height:500px;text-align:center;padding-top:100px} .no-result .nofound{color:#333;font-size:18px;margin-top:20px} .no-result .nofound span{color:#e15616} .no-result .change{font-size:14px;color:#666;margin-top:8px} .emliu{display:inline-block;min-width:100px} .middle{text-align:center;font-size:16px;padding:200px 0} .middle img{width:200px} .content .new-list.article{padding:24px;margin-bottom:20px} .article .title{line-height:40px;font-size:28px;color:#333} .article .xinxi{margin-top:5px;padding-bottom:14px;border-bottom:solid 1px #ededed} .article .new-mian{margin:23px 0;width:760px} .article .new-mian img{width:auto !important;display:inline-block;display:block;margin:0 auto;height:auto !important} .article p{font-size:16px;line-height:30px;color:#777;margin-bottom:15px} .dianzan{width:auto;text-align:center} .article .like{color: #e15616; cursor: pointer;display: inline-block;height: 80px;width: 80px;line-height: 110px;margin: 30px auto;border-radius: 50%;background: #fef6f3;text-align: center;position: relative} .article .like:before{width: 45px;height: 45px;background-position: 5px -539px;vertical-align: middle;border-radius: 50%;position: absolute;left: 17px} .like.hasDian{color:#e15616} .dea-tag a{display:inline-block;color:#fff;height:32px;line-height:32px;padding:0 12px;background:#e15616;text-align:center;border-radius:4px;margin-right:15px;cursor:pointer;margin-bottom: 10px} .article .like:hover{background: #ffe6dc} /*ross广告图*/ .article-right-ross{width:284px;height:343px;background: #F3920D;text-align: center;line-height: 343px;font-size: 50px;color: #FFFFFF;border-radius: 2px;margin-bottom: 16px;} .article-right-ross>a{width: 100%;height: 100%;display: block;border-radius: 2px;} .article-right-ross>a img{width: 100%;height: 100%;display: block;border-radius: 2px;} /*ross宣传弹窗*/ .ross-banner-fiexd{width: 100%;height: 260px;position: fixed;z-index: 999;background: url("/img/ross/ross-bg@1x.png")center no-repeat;left: 0;right: 0;bottom: -260px;box-sizing: border-box;padding: 0 180px;opacity: 0;} .ross-banner-fiexd.active{animation: rundbottom 1s backwards;bottom: 0;opacity: 1;} .ross-main{width: 440px;height: 100%;box-sizing: border-box;padding: 24px 40px;float: right;position: relative;} .ross-close{width: 28px;height: 28px;background: url('/img/activity/pc_close.png') no-repeat;background-size: cover;position: absolute;top: 20px;right: -24px;cursor: pointer;} .ross-from{width: 100%;height: auto;} .ross-from .from-row{width: 100%;height: 40px;float: left;margin: 12px 0;box-sizing: border-box;} .ross-from .from-row.none{margin: 0;padding-left: 60px;} .ross-from .from-row .label{width: 60px;height: 40px;float: left;line-height: 40px;font-size: 14px;color: #FFFFFF;text-align: right;padding-right: 5px;box-sizing: border-box;} .ross-from .from-row .input{width: 300px;height: 40px;float: left;border-radius: 2px; border: none; line-height: 40px;font-size: 14px;color: #202020;box-sizing: border-box;padding: 0 10px;background: #FFFFFF;} .ross-from .from-row .from-btn{width: 300px;height: 40px;float: left;line-height: 40px;font-size: 14px;color: #FFFFFF;text-align: center;background: #202020;cursor: pointer;} .ross-from .from-row .from-btn.disabled{background: #CBCBCB;} .ross-from .from-row .link{display: block;line-height: 28px;font-size: 14px;color: #FFFFFF;margin: 0 24px;} .ross-from .from-row .link.left{float: left;} .ross-from .from-row .link.right{float: right;} @keyframes rundbottom{ 0%{bottom: -260px;opacity: 0;} 100%{bottom:0;opacity: 1;} } } @media screen and (max-width:768px){ body{height: 100vh;overflow-y: scroll;position: relative;} .header .logo,.header .home{display:none} .mIcon:before{content:'';display:inline-block;font-size:0;background:url(/img/base/icon_m.png) no-repeat;background-size:100vw auto;transition:all .5s} #scrollTop{display:none;position:fixed;right:0;;z-index:9999;bottom:4vw;} #scrollTop .item{width:12vw;background-color:rgba(190,194,201,.3);box-sizing:border-box;text-align:center;margin-bottom:2.5vw;font-size:3vw;position:relative} #scrollTop .item>span{box-sizing:border-box;display:block;padding:1.5vw;line-height:3.4vw;} #scrollTop .item .toTop:before{display:block;margin:0 auto;width:5.8vw;height:5.8vw;background-position:-58.8vw -9vw} .loading{box-sizing:border-box;padding:20vw 0;text-align:center} .header{position: sticky; top: 0; z-index: 9999; background: #f5f5f5;} .h5-head{box-sizing:border-box;width:100%;background:#FFF;height:13.6vw;margin-bottom:2.6vw;padding:0 2.6vw;position:relative} .h5-head .index{float:left;width:9vw;line-height:3.4vw;text-align:center;font-size:3.7vw;color:#333} .h5-head .index img{width:100%} .h5-head .hotWord{float:right;background-color:#e15616;color:#fff;text-align:center;border-radius:5px;width:16vw;height:9.6vw;line-height:9.6vw;font-size:3.7vw;margin-top:2vw} .search{position:absolute;top:2vw;left:15vw;width:64vw;height:9.6vw;line-height:9.6vw;margin:0 auto;box-sizing:border-box;border:1px solid #FFE6DC;border-radius:5px;} .search .keyword{position:absolute;left:0;top:0;border:none;outline:none;width:48vw;height:9.6vw;font-size:3.7vw;color:#4A4F58;text-indent:7.6vw;background:#FFF url(/img/info/search-m.png) no-repeat 1.6vw center;background-size:auto 60%} .search .searchBtn{position:absolute;right:0;top:0;width:16vw;height:9.6vw;font-size:3.7vw;color:#fff;text-align:center;background-color:#e15616} .search .searchBtn:before{content:'搜索'} #mHotWord{display:none;position:fixed;bottom:0;left:0;width:100%;height:100%;margin:0 auto;overflow-y:scroll;background-color:rgba(74,79,88,.7);z-index:999;-webkit-overflow-scrolling:touch} #mHotWord .tags{background:#fff;border-bottom:1px solid #e9e9e9;-webkit-box-shadow:#e7e7e7 0px 4px 8px;-moz-box-shadow:#e7e7e7 0px 4px 8px;box-shadow:#e7e7e7 0px 4px 8px;padding:2.6vw} #mHotWord .classify{border-left:solid 4px #e15616;height:4.6vw;font-size:4.6vw;line-height:4.6vw;padding-left:2vw;margin:3vw 0;color:#333} #mHotWord .tag{border-top:1px solid #ddd;padding-top:2.6vw;line-height:8vw} #mHotWord .tag a{display:inline-block;padding:0 2vw;line-height:6vw;font-size:3.7vw;color:#E15616} #mHotWord .close{position:absolute;right:3.6vw;top:2.6vw} #mHotWord .close:after{content:'\2715';font-size:4.5vw;font-weight:bold} .header .type{width:100%;background:#FFF;white-space:nowrap;height:12vw;line-height:12vw;position:relative} .header .type>div{width:100%;overflow-x:auto;padding-right:5vw;box-sizing:border-box} .header .type a{display:inline-block;margin-right:1vw;padding:0 2vw;font-size:3.7vw} .header .type a.current{color:#e15616} .header .type:after{content:'';position:absolute;top:0;right:0;width:6vw;background-image:linear-gradient(to right,rgba(255,255,255,.5),rgba(255,255,255,1));height:100%} /*.tip-bar{display: flex;justify-content: space-between;align-items: center;flex-direction: row-reverse}*/ .tip-bar{ padding: 2vw 0 } .tip,.bar,.classify{height:6vw;line-height:6vw;font-size:3.1vw;overflow:hidden;color:#93979F;padding:0 2vw} /*.classify.search-tip{ font-size: 3.2vw; font-weight: bold; }*/ /*.classify.search-tip em{color:#E15616;font-weight:bold;}*/ /*.classify.search-tip a{ color:#E15616; text-decoration: underline; }*/ /*.classify.search-tip.pointer::after {content: ""; display: inline-block;width: 6.2vw; height: 6.2vw;*/ /* background: url(/img/base/icon-pointer-right.png) no-repeat center; background-size: 6.2vw 6.2vw;*/ /* -webkit-animation: ease pointerFlashing infinite 0.3s;*/ /* animation: ease pointerFlashing infinite 0.3s; -webkit-transform: rotateY(180deg); transform: rotateY(180deg);vertical-align: -1.6vw;*/ /* -webkit-filter: invert(54%) sepia(57%) saturate(5587%) hue-rotate(352deg) brightness(90%) contrast(96%);filter: invert(54%) sepia(57%) saturate(5587%) hue-rotate(352deg) brightness(90%) contrast(96%);*/ /*}*/ .mainData{min-height:68vh} .new-list{background:#FFF;padding-top: 3.2vw;} .new-list .search-tip { display: flex; align-items: center; margin: 0 2.4vw 2.4vw; padding: 2.8vw 2.4vw; font-size: 3vw; color: #4A4F58; background: #FEF6F3; } .new-list .search-tip .content div { display: inline } .new-list .search-tip span { color:#E15616; font-weight:bold; } .new-list .search-tip a { display: block; flex-shrink: 0; width: 14.6vw; height: 5.4vw; background: #E15616; color: #fff; text-align: center; line-height: 5.4vw; margin-left: 3.2vw; } /* 搜索结果排序 */ .new-list .filter-sort { display: flex; justify-content: flex-start; align-items: center; padding-left: 3.2vw; padding-bottom: 5.8vw; padding-top: 2.4vw; line-height: 8vw; font-size: 3.4vw;} .new-list .filter-sort .filter__label { color: #4A4F58; margin-right: 3.2vw;} .new-list .filter-sort .filter__item_list { color: #8A8A8A; } .new-list .filter-sort .filter__item_list .filter__item { display: inline-block; margin-right: 2.4vw; box-sizing: border-box; padding: 0 2.8vw 0 8.4vw; position: relative; cursor: pointer; } .new-list .filter-sort .filter__item_list .filter__item.active { background: #FEF6F3; color: #E15616; border-radius: 4vw; text-align: center; } .new-list .filter-sort .filter__item_list .filter__item.normal::after, .new-list .filter-sort .filter__item_list .filter__item.date::after{ content: ""; display: block; width: 4.8vw; height: 4.8vw; background-position: center; background-repeat: no-repeat; background-size: 4.8vw;position: absolute; left: 2.8vw; top: 50%; transform: translateY(-50%); } .new-list .filter-sort .filter__item_list .filter__item.normal::after { background-image: url("/img/base/h5-icon-sort-normal.png"); } .new-list .filter-sort .filter__item_list .filter__item.date::after { background-image: url("/img/base/h5-icon-sort-date.png"); } .new-list .filter-sort .filter__item_list .filter__item.normal.active::after { background-image: url("/img/base/h5-icon-sort-normal-active.png"); } .new-list .filter-sort .filter__item_list .filter__item.date.active::after { background-image: url("/img/base/h5-icon-sort-date-active.png"); } /* 文章搜索信息 */ .search-section { width: 100%; background: #F5F5F5; padding-bottom: 2vw; } .search-section .search__product_list{ background: #fff; transition: all 0.4s; box-sizing: border-box;} .search-section .search__product_list .search__tip{ margin: 4.4vw 0 3.2vw; font-size: 3.4vw; color: #4A4F58; padding: 0 3.2vw;} .search-section .search__product_list .search__tip span{ color: #E15616; font-weight: bold; } .search-section .search__product_list .search__content {display: flex; overflow-y: scroll; padding-bottom: 3.5vw;} .search-section .search__product_list .search__product{flex-shrink: 0; display: block; width: 26vw; margin-left: 2.4vw;} .search-section .search__product_list .search__product:first-child{ margin-left: 3.3vw;} .search-section .search__product_list .search__product .search__product_cover{width: 100%; height: 24vw; box-sizing: border-box; border: 0.2vw dashed #EEEFF1;} .search-section .search__product_list .search__product .search__product_cover img{display: block; width: 23.6vw; height: 23.6vw;} .search-section .search__product_list .search__product .search__product_name{width: 100%; margin-top: 2.4vw; font-size: 3vw; color: #4A4F58; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .search-section .search__more { flex-shrink: 0; width: 30.8vw; height: 30.8vw; margin-left: 4vw; margin-right: 3.3vw; display: flex; justify-content: center;align-items: center; flex-direction: column; background: url("/img/article/h5-icon-search-more-bg.png") no-repeat center; background-size: 30.8vw 30.8vw;} .search-section .search__more .search__more_tip{ font-size: 3vw; color: #4A4F58; } .search-section .search__more .search__more_line{ width: 2.4vw; height: 0.3vw; background: #E15616; margin: 3.5vw 0 3.7vw;} .search-section .search__more .search__more_link{ display: block; width: 24.8vw; height: 7.2vw; line-height: 7.2vw; text-align: center; color: #fff; font-size: 3vw; background: #E15616; } /* 文章搜索排序 */ .search-filter{background: #f5f5f5;padding-bottom: 2vw;} .search-filter .search__content{height: 13.2vw; background: #fff; display: flex;align-items: center;justify-content: space-between; padding: 0 3.2vw; } .search-filter .search__content .search__tip{font-size: 3.4vw; color: #4A4F58;background: #fff; flex: 1;} .search-filter .search__content .search__tip span{color: #E15616; font-weight: bold;} .search-filter .search__content .search__sort { position: relative; z-index: 9; cursor: pointer; user-select: none; width: 24.8vw; height: 8vw; border: 0.2vw solid #eee; box-sizing: border-box;padding-right: 6.8vw;padding-left: 3vw; } .search-filter .search__content .search__sort::after{content:""; display: block;width: 5.4vw; height: 5.4vw; position: absolute; top: 1.3vw; right: 1.4vw; background: url("/img/article/h5-icon-search-drap-down.png") no-repeat center; background-size: 5.4vw 5.4vw; } .search-filter .search__content .search__sort.active::after{ background-image: url("/img/article/h5-icon-search-drap-up.png") } .search-filter .search__content .search__sort .search__sort_current{font-size: 3vw; color: #4A4F58;line-height: 7.6vw;} .search-filter .search__content .search__sort .search__sort_select{ position: absolute;display: none;padding: 1.6vw 0; top: 10vw; left: 50%; transform: translateX(-50%); width: 24.8vw; background-color: #fff;box-shadow: 0px 0.4vw 2.4vw 0.1vw rgba(0,0,0,0.1); border-radius: 0.2vw; } @keyframes searchSortSlide { from {opacity: 0.5; top: 11vw} to{opacity: 1; top: 10vw;}} .search-filter .search__content .search__sort.active .search__sort_select{ display: block; animation: searchSortSlide 0.4s forwards ease-in-out; } .search-filter .search__content .search__sort .search__sort_select li{position: relative; height: 10vw; line-height: 10vw; text-align: center; font-size: 3vw; color: #4A4F58; padding-right: 6.4vw;} .search-filter .search__content .search__sort .search__sort_select li::after{ content:""; display: block;width: 4vw; height: 4vw; position: absolute; top: 3vw; right: 2.4vw; background: no-repeat center; background-size: 4vw 4vw; } .search-filter .search__content .search__sort .search__sort_select li.selected { background-color: #FEF6F3; color: #E15616; } .search-filter .search__content .search__sort .search__sort_select li.selected::after{ background-image: url("/img/article/h5-icon-search-selected.png") } .dataRousce{width:100%;background:#FFF;overflow:hidden} .dataRousce .row{width:100%;height:34.8vw;border-top:1px solid #F5F5F5;background:#FFF;overflow:hidden;box-sizing:border-box;padding:2vw 3.3vw 2vw 37vw;position:relative;color:#93979F;line-height:3.5vw;font-size:2.6vw} .dataRousce .row:first-child{border-top: 0;} .dataRousce .row img{position:absolute;left:3.3vw;top:2.3vw;width:30.4vw;height:30.4vw} .dataRousce .row .title{margin-bottom:2vw;color:#2D3036;font-size:3.4vw;max-height:9.6vw;line-height:4.8vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .dataRousce .row .xinxi{margin-bottom:2vw;color:#93979f;max-height:8.4vw;line-height:4.2vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .dataRousce .row .xinxi em{margin-right:2vw} .dataRousce .row .hotspot a{color:#93979f} .dataRousce .row .introduction{height:7vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .footer{width:100%;padding:4vw 0;background:#262626;margin-top:4vw;text-align:center} .footer .logo img{width:9.2vw;height:8vw;vertical-align:middle} .footer .dizhi{display:inline-table;color:#ccc;font-size:3.1vw;line-height:4.8vw;vertical-align:super} .xinxi .write:before{width:4vw;height:4vw;vertical-align:top;background-position:-22.5vw -17.5vw;margin-right:1vw} .xinxi .time:before{width:4vw;height:4vw;vertical-align:top;background-position:-37.5vw -17.5vw;margin-right:1vw} .xinxi .pv:before{width:4vw;height:4vw;vertical-align:top;background-position:-30vw -17.5vw;margin-right:1vw} .xinxi .hotspot:before{width:4vw;height:4vw;vertical-align:top;background-position:-15vw -17.5vw;margin-right:1vw} .xinxi .source:before{width:4vw;height:4vw;vertical-align:top;background-position:-68.5vw -39.5vw;margin-right:1vw} .dataRousce .row .title em,.introduction em{color:#e15616} .middle{text-align:center;font-size:3.7vw;padding:20vw 0} .middle img{width:30vw} .article{background:#fff;padding:3vw;margin-bottom:5vw} .article .title{line-height:7vw;font-size:5.2vw;color:#333} .article .new-mian{margin:2vw 0} .article p{font-size:3.4vw;line-height:5.8vw;color:#777;word-break:break-all;word-wrap:break-word} .article .xinxi{margin-bottom:2vw;color:#93979f;line-height:4.2vw;padding:3vw 0;border-bottom:solid 1px #ededed} .article .xinxi em{margin-right:2vw} .article .xinxi .write:before{width:4vw;height:4vw;vertical-align:top;background-position:-22.5vw -17.5vw;margin-right:1vw} .article .xinxi .time:before{width:4vw;height:4vw;vertical-align:top;background-position:-37.5vw -17.5vw;margin-right:1vw} .article .xinxi .pv:before{width:4vw;height:4vw;vertical-align:top;background-position:-30vw -17.5vw;margin-right:1vw} .article .xinxi .hotspot:before{width:4vw;height:4vw;vertical-align:top;background-position:-15vw -17.5vw;margin-right:1vw} .article .xinxi .hotspot a{color:#93979f} .xinxi .source:before{width:4vw;height:4vw;vertical-align:top;background-position:-68.5vw -39.5vw;margin-right:1vw} .article .join{border-top:solid 1px #ededed;text-align:center;padding:1vw 0} .article .join .welcome{line-height:5.8vw;font-size:3.7vw;color:#333;text-align:left} .article .join img{width:126px;height:126px;margin:20px auto;margin-right:15px} .article .join img:last-child{margin-right:0} .dea-tag a{display:inline-block;font-size:3.4vw;color:#fff;height:8vw;line-height:8vw;padding:0 3vw;background:#e15616;text-align:center;border-radius:2px;margin:3vw 3vw 0 0;cursor:pointer} /*.article .like{display:block;width:35vw;height:12vw;line-height:12vw;margin:5vw auto;border:1px solid #eee;color:#777;padding:0 6vw;border-radius:5px;background:#f7f7f7}*/ /*.article .like:before{height:10vw;width:10vw;background-position:-75.3vw -38.6vw;vertical-align:middle;margin-right:1vw}*/ .classify{height:10vw;line-height:10vw;border-left:solid 4px #e15616;font-size:3.7vw;color:#333;padding:0 3vw;background:#fff} .article .like{color: #e15616;cursor: pointer;display: block;height: 18.4vw;width: 18.4vw;line-height: 27.4vw;margin: 5vw auto;border-radius: 50%;background: #fef6f3;text-align: center;position: relative} .article .like:before{ width: 8vw;height: 8vw;background-position: -14vw -78.4vw;vertical-align: middle;border-radius: 50%;position: absolute;top: 3.2vw} .no-result{text-align: center;padding: 3.2vw 0;} /*ross 广告图*/ .article-right-ross{width:100%;height:26vw;float: left; border-radius: 2px;float: left;margin-bottom: 3vw;box-sizing: border-box;padding: 0 3vw;} .article-right-ross>a{width: 100%;height: 100%;display: block;border-radius: 2px;} .article-right-ross>a img{width: 100%;height: 100%;display: block;border-radius: 2px;} /*ross宣传弹窗*/ .ross-banner-fiexd{width: 100%;height: 113.8vw;position: fixed;z-index: 999;background: url("/img/ross/ross-bg@2x.png");left: 0;right: 0;bottom: -113.8vw;box-sizing: border-box;padding: 40vw 0 4vw 0;background-size: cover;animation: all 1s;} .ross-banner-fiexd.active{animation: rundbottom 0.5s backwards;bottom: 0;opacity: 1;} .ross-main{width: 100%;height: auto;box-sizing: border-box;float: right;padding: 0 7.2vw; position: relative;} .ross-close{width: 6vw;height: 6vw;background: url('/img/activity/pc_close.png') no-repeat;background-size: cover;position: absolute;top: -35vw;right: 2vw;cursor: pointer;} .ross-from{width: 100%;height: auto;} .ross-from .from-row{width: 100%;height: 12vw;float: left;margin: 2vw 0;box-sizing: border-box;} .ross-from .from-row.btn{margin-top: 12vw;} .ross-from .from-row.none{margin: 0;} .ross-from .from-row .label{display: none;} .ross-from .from-row .input{width: 100%;height: 12vw;background: none;float: left;border: none; line-height:12vw;font-size: 4vw;color: #FFFFFF;box-sizing: border-box;border-bottom: 1px solid #FFFFFF;} .ross-from .from-row .input::-webkit-input-placeholder{ color:#FFFFFF;} .ross-from .from-row .input::-moz-input-placeholder{ color:#FFFFFF;} .ross-from .from-row .input::-ms-input-placeholder{ color:#FFFFFF;} .ross-from .from-row .input::input-placeholder{ color:#FFFFFF;} .ross-from .from-row .from-btn{width: 100%;height: 12vw;float: left;line-height: 12vw;font-size: 4vw;color: #FFFFFF;text-align: center;background: #202020;cursor: pointer;} .ross-from .from-row .from-btn.disabled{background: #CBCBCB;} .ross-from .from-row .link{display: block;line-height: 12vw;font-size: 4vw;color: #FFFFFF;margin: 0 24px;} .ross-from .from-row .link.left{float: left;} .ross-from .from-row .link.right{float: right;} @keyframes rundbottom{ 0%{bottom: -113.8vw;opacity: 0;} 100%{bottom:0;opacity: 1;} } }