/*! 版权所有,翻版必究 */ body { background-color: #f2f2f2 !important; } .nav-scroll { position: relative; z-index: 101; } .nav-scroll .scroll-wrap { height: 38px; padding-right: 40px; background-color: #fff; overflow: hidden; white-space: nowrap; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-overflow-scrolling: touch; border-bottom: 1px solid #e5e5e5; position: relative; z-index: 106; } .nav-scroll .scroll-wrap ul { height: 50px; white-space: nowrap; overflow-x: scroll; overflow-y: hidden; } .nav-scroll .scroll-wrap ul li { display: inline-block; padding: 0 10px; line-height: 36px; position: relative; } .nav-scroll .scroll-wrap ul li a { display: inherit; font-size: 16px; color: #666; border-bottom: 2px solid #fff; } .nav-scroll .scroll-wrap ul li:after { position: absolute; top: 11px; right: 0; height: 15px; border-right: 1px solid #ddd; content: ''; } .nav-scroll .scroll-wrap ul li.active a { border-bottom: 1px solid #e4393c; color: #e4393c; font-weight: 600; } .nav-scroll .nav-down { position: absolute; top: 0; right: 0; z-index: 5; padding: 10px 10px 0 0; width: 40px; height: 37px; background: #fff; text-align: right; } .nav-scroll .nav-down .iconfont { display: inherit; color: #a3a3a3; transition: .28s ease-in-out; transform: rotateX(0); } .nav-scroll .nav-down .iconfont.active { transform: rotateX(180deg) !important; } .nav-scroll .slot-block { position: absolute; top: 38px; left: 0; background: rgba(0, 0, 0, 0.7); width: 100%; padding: 10px 1%; transform: translateY(-100%); min-height: 80px; background-color: #fff; opacity: 0; transition: .28s ease-in-out; } .nav-scroll .slot-block .slot-block-wrap { max-height: 130px; overflow: hidden; min-height: 65px; } .nav-scroll .slot-block .slot-block-wrap ul li { float: left; width: 18%; padding: 2px 0; margin: 1%; border: 1px solid #e5e5e5; border-radius: 6px; text-align: center; } .nav-scroll .slot-block .slot-block-wrap ul li a { display: inherit; font-size: 14px; } .nav-scroll .slot-block.active { transform: translateY(0); opacity: 1; } #header { z-index: 101; } .hot-news .hot-news-cont { margin: 0 2%; } .hot-news .hot-news-cont ul li { padding: 7px 0; border-bottom: 1px solid #f2f2f2; overflow: hidden; } .hot-news .hot-news-cont ul li h3 { font-size: 15px; color: 22px; } .hot-news .hot-news-cont ul li p.time { padding-top: 10px; color: #aaa; overflow: hidden; } .hot-news .hot-news-cont ul li p.time a { float: left; margin: 0 10px 0 3px; padding: 0 3px; border: 1px solid #ccc; border-radius: 3px; color: #aaa; font-size: 12px; line-height: 20px; } .hot-news .hot-news-cont ul li p.time span { margin-right: 6px; font-size: 12px; line-height: 20px; } .hot-news .hot-news-cont ul li.img p.more { overflow: hidden; padding-top: 10px; text-align: center; margin-left: -1.3%; } .hot-news .hot-news-cont ul li.img p.more a { float: left; width: 32%; margin-left: 1.3%; } .hot-news .hot-news-cont ul li.img p.more a img { display: inline-block; max-height: 98px; } .hot-news .hot-news-cont ul li .img-b { width: 32%; } .hot-news .hot-news-cont ul li .img-b img { display: inline-block; max-height: 98px; } .hot-news .hot-news-cont ul li .lft-box h3 { display: -webkit-box; overflow: hidden; margin-top: -.06rem; height: 40px; line-height: 20px; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .hot-news .hot-news-cont ul li .lft-box h3 a { font-size: 15px; color: 22px; } .poplarity-topten .topten-title { padding: 4px 1%; line-height: 30px; position: relative; overflow: hidden; } .poplarity-topten .topten-title h2 { font-size: 16px; font-weight: 500; } .poplarity-topten .topten-title h2 span { margin-left: 3px; display: inline-block; width: 32px; height: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAUCAYAAADskT9PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTM0QzVGNDdFMEMzMTFFOEEzNERCNUQ5NzJDRkFCQzUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTM0QzVGNDhFMEMzMTFFOEEzNERCNUQ5NzJDRkFCQzUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMzRDNUY0NUUwQzMxMUU4QTM0REI1RDk3MkNGQUJDNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMzRDNUY0NkUwQzMxMUU4QTM0REI1RDk3MkNGQUJDNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq1sMx8AAAJVSURBVHjaxJY/aFNxEMfv3ksai+3QFqxRpNChotBuglRBFCqiYJGCooOCaECKi3YRuolTBxHcFEEFdRAHwaGiDl0cxEFRENRBlxiQqiVS0+a98/PyfoFQ89TUxjzyzd3v731/d/e799TMpJWPJy1+UlVl1u/q+9Gm11RkS7OMmcqbzIKN95S/PKv2aTUE+fbuF0wY0mZGRCMWUsjOz679JQRNN14xUvn11g0BxouIjpr2PUjtRO1yXY/BdjAPboFizFt62XQNpxtk9w30fafvAX1j6D76DHoJfcQ5oZiUhFbrKhUbS5dtOLLghk/x9xncB7clPkmWRd2QveqFdsHipTPoh+h7W1lrdh79SV07ibfApBR4ehrtfSqQu45Ej4tidJpRcAwcBftBjjX5OMTynPm7I4+5kHbQPtnoNSyxU3YxpdN+YDkvlDybbHRj/eAyiIzsAhOM7QEhBMhumwtVLyLfQeApa1PQ7m+UgMdmr6McCHw5kw5s1LkuAz6BA+AKuA7OxVHT9VypE8hBmptNdYgw5syTgeUUojAyxAnyZV8nQ09W+aHcsDgM30AhSjA39ytYgOw25EvmbLJKDsk6Tv8KIvvE/qIQLXnawN5KFrO47OlNTjOusRd2oD9ETjqvlE10CuUgVqdpD7jY90H8OOrW35aGmkI0h+j8800WbeDa15tcpBB1LvddoP86GVKrW/cyinPjY1IO1KbKB1fxVroSFzKLdjaJQNrJO+DI0oq1Ig4g37ww+Rq2g0fYPdwM4zUvvUQClxge+d8fJNrqT7KfAgwAll/LVRSWOMwAAAAASUVORK5CYII=) no-repeat; } .poplarity-topten .pop-prd-box .top-rank .img-box { width: 100%; } .poplarity-topten .pop-prd-box .top-rank .img-box img { display: block; width: 100%; height: 100%; overflow: hidden; } .poplarity-topten .pop-prd-box .top-rank h3 { text-align: center; margin: 10px 0; } .poplarity-topten .pop-prd-box .top-rank h3 a { font-size: 16px; color: #e50811; font-weight: 600; } .poplarity-topten .pop-prd-box .top-rank .some-info { margin: 6px 0; text-align: center; } .poplarity-topten .pop-prd-box .top-rank .some-info span { margin-right: 4px; font-size: 14px; } .poplarity-topten .pop-prd-box .top-rank .some-info span em { color: #e50811; } .poplarity-topten .pop-prd-box .top-rank .some-info span .iconfont { color: #ff9000; } .poplarity-topten .pop-prd-box .top-rank .text { padding: 0 8px; height: 44px; line-height: 22px; font-size: 13px; color: #a3a3a3; overflow: hidden; } .poplarity-topten .pop-prd-box .top-rank .consult { margin: 8px 0 3px; padding: 0 8%; overflow: hidden; } .poplarity-topten .pop-prd-box .top-rank .consult a { display: block; font-size: 15px; color: #fff; padding: 0 25px; line-height: 30px; height: 30px; border-radius: 3px; } .poplarity-topten .pop-prd-box .top-rank .consult a.fl { background-color: #e50811; } .poplarity-topten .pop-prd-box .top-rank .consult a.fr { background-color: #ff9000; } .poplarity-topten .pop-prd-box .bottom-rank li { margin: 0 1%; position: relative; line-height: 40px; border-bottom: 1px solid #f2f2f2; } .poplarity-topten .pop-prd-box .bottom-rank li a strong { position: absolute; left: 0; top: 13px; width: 15px; height: 15px; background-color: #c6c6c6; color: #fff; line-height: 15px; text-align: center; font-size: 13px; border-radius: 3px; } .poplarity-topten .pop-prd-box .bottom-rank li a span { float: left; width: 80%; display: block; font-size: 15px; padding: 0 3px 0 11px; } .poplarity-topten .pop-prd-box .bottom-rank li a span b { font-size: 15px; font-weight: 600; color: #e60811; } .poplarity-topten .pop-prd-box .bottom-rank li a em { display: block; float: right; width: 20%; text-align: center; font-size: 14px; color: #e60811; } .poplarity-topten .pop-prd-box .bottom-rank li:nth-child(1) strong { background-color: #e50811; } .poplarity-topten .pop-prd-box .bottom-rank li:nth-child(2) strong { background-color: #ff5a00; } .poplarity-topten .pop-prd-box .bottom-rank li:nth-child(3) strong { background-color: #ff5a00; } .poplarity-topten .pop-prd-box .link-more { text-align: center; width: 100%; height: 40px; line-height: 40px; } .poplarity-topten .pop-prd-box .link-more a { color: #ffae78; font-size: 15px; text-align: center; display: block; width: 112px; height: 25px; border: 1px solid #ffae78; border-radius: 25px; line-height: 23px; margin: 16px auto 6px; } .header .headerMain { padding: 0; height: 46px; margin: 0 auto; text-align: center; color: #fff; background-color: #f05550; overflow: hidden; position: relative; z-index: 106; } .header .headerMain .goback { float: left; margin-right: 5px; height: 46px; line-height: 46px; vertical-align: middle; text-align: center; width: 40px; } .header .headerMain .goback i { color: #fff; font-size: 24px; } .header .headerMain .search { float: right; display: block; width: 40px; height: 46px; line-height: 46px; text-align: center; } .header .headerMain .search i { color: #fff; font-size: 24px; position: relative; top: 2px; } .header .headerMain .title { line-height: 46px; font-size: 20px; text-align: center; } .header .headerMain .title a { color: #fff; } .hot-project .jm-title { margin-bottom: 10px; background-color: #fff; } .hot-cont dl { padding: 10px 1%; border-bottom: 1px solid #f2f2f2; position: relative; background-color: #fff; margin-bottom: 10px; } .hot-cont dl dt { float: left; width: 30%; text-align: center; } .hot-cont dl dt .box-img { height: 90px; } .hot-cont dl dt .box-img a { display: block; height: 90px; white-space: nowrap; } .hot-cont dl dt .box-img a .helper { display: inline-block; height: 100%; vertical-align: middle; } .hot-cont dl dt .box-img a img { max-width: 100%; max-height: 90px; } .hot-cont dl dt .jm-text { display: block; width: 100%; height: 18px; font-size: 13px; color: #b7b7b7; text-align: center; overflow: hidden; margin-top: 4px; } .hot-cont dl dt .jm-text span { float: left; margin-right: 2%; background-color: #f4f4f4; color: #fbbd6b; padding: 0 3px; height: 18px; font-size: 12px; } .hot-cont dl dt .jm-text span:last-child { margin-right: 0; } .hot-cont dl dd { float: left; width: 70%; padding-left: 12px; } .hot-cont dl dd a { display: block; margin-bottom: 6px; } .hot-cont dl dd a.p-name { font-size: 16px; color: #000; } .hot-cont dl dd a.p-name img { height: 14px; vertical-align: top; margin-left: 3px; } .hot-cont dl dd a p { font-size: 13px; color: #b8b7b7; } .hot-cont dl dd a p span { margin-right: 4px; } .hot-cont dl dd .contact-box { margin-top: 8px; overflow: hidden; } .hot-cont dl dd .contact-box a { float: left; padding: 5px 18px; margin-bottom: 0px !important; margin-right: 8px; text-align: center; font-size: 14px; border-radius: 30px; color: #fff; } .hot-cont dl dd .contact-box a:nth-child(1) { border: 1px solid #fe9f21; background-color: #fe9f21; } .hot-cont dl dd .contact-box a:nth-child(2) { border: 1px solid red; background-color: red; } .hot-cont dl .p-money { position: absolute; right: 2%; top: 40%; font-size: 13px; color: #b8b7b7; padding: 3px; color: #fee4e3; } .hot-cont dl .p-money b { font-size: 16px; font-weight: bold; color: #f35852; } .hot-cont dl .rank-box { position: absolute; right: 0%; top: 0; display: block; width: 0; height: 0; border-width: 0 36px 25px 0; border-style: solid; font-size: 16px; font-weight: 600; color: #fff; line-height: 16px; text-indent: 20px; } .hot-cont dl:nth-child(1) .rank-box { border-color: transparent #e60811; } .hot-cont dl:nth-child(2) .rank-box { border-color: transparent #cccccc; } .hot-cont dl:nth-child(3) .rank-box { border-color: transparent #cccccc; }