/*! 版权所有,翻版必究 */ 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 .channel-title { margin-bottom: 10px; background-color: #fff; } .bottom-rank li { margin: 0 1%; position: relative; line-height: 40px; border-bottom: 1px solid #f2f2f2; } .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; } .bottom-rank li a span { float: left; width: 80%; display: block; font-size: 15px; padding: 0 3px 0 11px; } .bottom-rank li a span b { font-size: 15px; font-weight: 600; color: #e60811; } .bottom-rank li a em { display: block; float: right; width: 20%; text-align: center; font-size: 14px; color: #e60811; } .bottom-rank li:nth-child(1) strong { background-color: #e50811; } .bottom-rank li:nth-child(2) strong { background-color: #ff5a00; } .bottom-rank li:nth-child(3) strong { background-color: #ff5a00; } .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; }