html,body { height: 100%; } img { border: 0; } * { margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; /* firefox */ -webkit-box-sizing: border-box; /* safari */ } body { font-family: helvetica, '微软雅黑', arial, sans-serif; font-size: 14px; color: #333; } a,a:hover,a:focus,a:active { outline: none; text-decoration: none; } ul { list-style: none; } #app { } .wc-content { } .wc-dropdown { position: relative; } .wc-dropdown:hover .wc-drop-menu{ display: block !important; } .wc-drop-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; min-width: 100px; padding: 5px 0; font-size: 14px; list-style: none; background-color: #fff; border-radius: 2px; border-top: 0; -webkit-box-shadow: 0px 1px 10px 0px rgba(233, 104, 31, 0.2); box-shadow: 0px 1px 10px 0px rgba(233, 104, 31, 0.2); } .wc-drop-menu>li>a { display: block; padding: 8px 20px; font-weight: 400; line-height: 1.5; color: #353535; white-space: nowrap; text-align: left; } .wc-drop-menu>li>a:focus,.wc-drop-menu>li>a:hover { color: #fff; text-decoration: none; background-color: rgb(255, 180, 0); } .vtcenter:before { content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle; } .wc-header { position: relative; height: 145px; min-width: 1280px; } .wc-swiper { height: 478px !important; width: 100%; background-repeat: no-repeat; background-position: center; } .wc-swiper200 { height: 200px !important; width: 100%; background-repeat: no-repeat; background-position: center; } .wc-header-bg { position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: 2; } .wc-header1 { position: absolute; top: 0; left: 0; right: 0; height: 70px; text-align: center; z-index: 1000; border-bottom: 1px solid rgba(184, 234, 255, 0.2); } .wc-header1-cont { width: 1280px; height: 100%; display: inline-block; position: relative; text-align: center; } .wc-header1-logo { position: absolute; top: 0; left: 0; height: 100%; } .wc-header1-loca { display: inline-block; margin-left: 10px; cursor: pointer; height: 35px; background-color: rgba(0, 0, 0, 0.01); } .wc-header1-tabs { height: 100%; display: inline-block; text-align: left; width: 100%; padding-left: 250px; } .wc-header1-tab { display: inline-block; font-size: 16px; color: #fff; height: 100%; padding: 0 10px; position: relative; cursor: pointer; } .wc-header1-tab:hover { background-color: rgba(255, 255, 255, 0.2); } .wc-header1-tab:before { content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle; } .wc-tab-on { background-color: rgba(255, 255, 255, 0.2); } .wc-tab-on:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background-color: #ffd100; } .wc-header1-login { position: absolute; top: 0; right: 0; bottom: 0; height: 100%; } .wc-header1-login:before { content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle; } .wc-header1-usr { position: absolute; top: 0; right: 0; bottom: 0; height: 100%; cursor: pointer; padding: 0 20px; background-color: rgba(0, 0, 0, 0.01); } .wc-header1-usr:before { content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle; } .wc-header1-usr-text { margin-left: 10px; display: inline-block; vertical-align: middle; text-align: center; color: #fff; } .wc-header1-usr-text1 { font-size: 16px; margin-bottom: 5px; width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .wc-header1-usr-text2 { font-size: 14px; } .wc-header1-login-btn { font-size: 14px; color: #fff; display: inline-block; margin-left: 15px; width: 68px; height: 30px; line-height: 30px; cursor: pointer; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 15px; text-align: center; } .wc-header2 { position: absolute; top: 70px; left: 0; right: 0; height: 75px; text-align: center; z-index: 100; } .wc-header2-cont { width: 1280px; height: 100%; display: inline-block; position: relative; text-align: right; } .wc-header2-cont:before { content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle; } .wc-header2-search { display: inline-block; height: 50%; vertical-align: middle; position: relative; } .wc-header2-search-left { position: absolute; left: 0; top: 0; bottom: 0; width: 23.5%; text-align: center; cursor: pointer; } .wc-header2-search-left:before { content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle; } .wc-header2-search-right { position: absolute; right: 0; top: 0; bottom: 0; width: 76.5%; text-align: center; padding-left: 15px; } .wc-header2-search-right:before { content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle; } .wc-header2-search-right input { font-size: 14px; color: #fff; width: 80%; display: inline-block; border: 0; outline: none; background-color: rgba(0, 0, 0, 0); } .wc-header2-search-right input::-webkit-input-placeholder { color: #fff; } .wc-header2-drop { display: inline-block; vertical-align: middle; position: relative; margin-left: 15px; } .wc-header2-drop-item { display: inline-block; margin-right: 10px; cursor: pointer; position: relative; height: 40px; background-color: rgba(0, 0, 0, 0.01); } .wc-header2-drop-item:before { content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle; } .wc-header2-tel { display: inline-block; vertical-align: middle; position: relative; margin-left: 20px; } .wc-header2-tel:before { content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle; } .wc-r2 { width: 100%; height: 358px; position: relative; z-index: 9; } .wc-r2-cont { width: 1200px; display: inline-block; position: absolute; top: -40px; left: 50%; margin-left: -600px; -webkit-box-shadow: 2px 2px 30px 0px rgba(204, 65, 12, 0.3); box-shadow: 2px 2px 30px 0px rgba(204, 65, 12, 0.3); } .wc-r2-cont1 { height: 100%; width: 100%; background-color: #fff } .wc-r2-header { height: 40px; width: 100%; padding: 0 60px 0 40px; position: relative; } .wc-r2-header-img { position: absolute; top: 0; left: 15px; height: 100%; } .wc-r2-header-img img { display: inline-block; vertical-align: middle; } .wc-r2-header-more { position: absolute; top: 0; right: 15px; height: 100%; line-height: 40px; font-size: 12px; color: #ed8a52; cursor: pointer; } .wc-r2-header-items { height: 40px; width: 100%; overflow: hidden; position: relative; white-space: nowrap; } .wc-r2-header-item { position: absolute; top: 0; height: 40px; line-height: 40px; } .wc-r2-header:after { content: ''; position: absolute; bottom: 0; right: 10px; left: 10px; height: 1px; transform: scaley(.3); background-color: #f8d2c8; } .wc-r2-header span { font-size: 12px; color: #ed8a52; margin-right: 10px; } .wc-r2-cont2 { height: 280px; width: 100%; position: relative; padding-left: 10px; } .wc-r2-cont2-items { height: 100%; width: 100%; } .wc-r2-cont2-items:before { content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle; } .wc-r2-cont2-item { display: inline-block; vertical-align: middle; text-align: center; width: 16%; position: relative; } .wc-r2-cont2-item:before { content: ''; position: absolute; top: 0; right: 0; bottom: 10px; width: 1px; background-color: #d3d3d3; } .wc-r2-cont2-item:last-child :before { content: ''; position: absolute; top: 0; right: 0; bottom: 10px; width: 0; } .wc-r2-cont2-item-img { width: 50px; height: 90px; display: inline-block; } .wc-r2-cont2-item-img img { width: 50px; } .wc-r2-cont2-text1 { color: #f17016; margin-bottom: 30px; } .wc-r2-cont2-text2 { font-size: 16px; color: #666; } .wc-r3 { width: 100%; height: 250px; background-image: ; background-repeat: no-repeat; background-position: center; } .wc-r4 { text-align: center; } .wc-r4-cont { width: 1200px; display: inline-block; position: relative; } .wc-r4-header-text { margin-top: 60px; margin-bottom: 30px; text-align: center; } .wc-r4-header-text img { display: inline-block; } .wc-r4-header-tabs { text-align: center; position: relative; } .wc-r4-header-tab { display: inline-block; padding: 0 2px 18px; font-size: 16px; color: #999; margin-right: 30px; cursor: pointer; } .wc-r4-tab-on { color: #ec7420; border-bottom: 2px solid #ec7420; } .wc-r4-more { position: absolute; right: 10px; top: 0; font-size: 14px; color: #999; cursor: pointer; } .wc-r4-items { margin-bottom: 50px; margin-top: 1px; overflow: hidden; height: 465px; background-color: #f4f9f6; padding: 15px; } .wc-r4-item { height: 40px; font-size: 14px; text-align: left; } .wc-r4-item1 { height: 40px; font-size: 14px; text-align: left; } .wc-r4-item:nth-child(odd) { background-color: #fff; } .wc-r4-item1:nth-child(odd) { background-color: #fff; } .wc-r4-item span { display: inline-block; vertical-align: middle; } .wc-r4-item1 span { display: inline-block; vertical-align: middle; } .wc-r4-item:before { content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle; } .wc-r4-item1:before { content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle; } .wc-r4-item-text1 { color: #f89318; margin-left: 15px; width:84px; } .wc-r4-item-text2 { color: #666; margin-left: 15px; width: 45%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .wc-r4-item-text3 { color: #a7a7a7; margin-left: 50px; width: 135px; } .wc-r4-item-text4 { color: #a7a7a7; width: 50px; margin-left: 50px; } .wc-r4-item-text5 { color: #a7a7a7; margin-left: 50px; } .wc-r4-going { color: #06984d; font-weight: 700; } .wc-r5 { text-align: center; } .wc-r5-cont { width: 1200px; display: inline-block; position: relative; margin-top: 60px; margin-bottom: 50px; } .wc-r5-header-text { margin-bottom: 30px; text-align: center; } .wc-r5-header-text img { display: inline-block; } .wc-r5-header-tabs { text-align: center; } .wc-r5-header-tab { display: inline-block; padding: 7px 50px; font-size: 14px; color: #666; border: 1px solid #e2e2e2; cursor: pointer; } .wc-r5-tab-on { background-color: #e27f45; color: #fff; border: 1px solid #e27f45; } .wc-r5-tags { margin-top: 30px; background-color: #f9fafb; border: 1px solid #e5e5e6; padding: 10px 15px; text-align: justify; line-height: 0; } .wc-r5-tags:after { display: inline-block; overflow: hidden; width: 100%; height: 0; content: ''; vertical-align: top; } .wc-r5-tag { font-size: 14px; color: #666; display: inline-block; cursor: pointer; padding: 10px 0; margin-right: 15px; } .wc-r5-tags1 { background-color: #f9fafb; border: 1px solid #e5e5e6; border-top: none; padding: 10px 15px; text-align: left; } .wc-r5-tag1 { font-size: 14px; color: #666; display: inline-block; cursor: pointer; margin-right: 20px; margin-bottom: 10px; } .wc-r5-tag-more { font-size: 14px; color: #9d9c9c; display: inline-block; cursor: pointer; padding: 10px 0; } .wc-r5-tag-on { color: #e27f45; } .wc-r5-items { margin-top: 20px; width: 1212px; text-align: justify; } .wc-r5-items:after { display: inline-block; overflow: hidden; width: 100%; height: 0; content: ''; vertical-align: top; } .wc-r5-item { width: 291px; float: left; border: 1px solid #e5e5e6; position: relative; margin-right: 12px; margin-top: 20px; transition: all .5s linear; padding: 20px 10px; } .wc-r5-item-empty { width: 291px; height: 378px;; float: left; position: relative; margin-right: 12px; margin-top: 20px; transition: all .5s linear; background-image: ; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; } .wc-r5-item-header { border-bottom: 1px solid #e5e5e6; } .wc-r5-item-header-text1 { color: #e27f45; font-size: 14px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 40px; margin-bottom: 20px; } .wc-r5-item-header-text2 { font-size: 14px; color: #666; margin-bottom: 20px; } .wc-r5-item-cont1 { padding: 5px 10px; background-color: #e8ebef; color: #666; margin-bottom: 20px; font-size: 12px; display: inline-block; } .wc-r5-item-cont2 { margin-top: 20px; font-size: 12px; color: #999; margin-bottom: 10px; } .wc-r5-item-cont3 { font-size: 12px; color: #999; padding-top: 10px; } .wc-r5-item-cont4 { margin-top: 20px; text-align: left; } .wc-r5-item-cont4:before { content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle; } .wc-r5-item-cont4-text1 { background-color: #e27f45; font-size: 12px; color: #fff; width: 40%; text-align: center; padding: 3px 0; display: inline-block; vertical-align: middle; } .wc-r5-item-cont4-text2 { font-size: 12px; color: #666; display: inline-block; vertical-align: middle; width: 55%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .wc-r6 { margin-top: 30px; position: relative; } .wc-r6-cont { position: absolute; left: 50%; top: 100px; width: 1200px; margin-left: -600px; background-color: #fff; } .wc-r6-header { position: absolute; left: 50%; top: 55px; width: 1200px; margin-left: -600px; text-align: center; } .wc-r6-items { font-size: 0; } .wc-r6-item { display: inline-block; width: 16.667%; height: 100%; position: relative; } .wc-r6-item-change { display: inline-block; width: 16.667%; height: 100%; position: relative; cursor: pointer; } .wc-r6-text-wrap { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; } .wc-r6-text-wrap:hover { } .wc-r6-text-wrap:hover .wc-r6-hover { display: block; background-color: #f4f5f6; } .wc-r6-hover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 2; display: none; } .wc-r6-item-text3 { margin-top: 40px; font-size: 14px; color: #343434; font-weight: 700; text-align: center; } .wc-r6-item-text4 { margin-top: 20px; font-size: 12px; text-align: center; } .wc-r6-item-text41 { padding: 2px 5px; background-color: #f96900; color: #fff; margin-right: 5px; display: inline-block; } .wc-r6-item-text42 { display: inline-block; } .wc-r6-item-text5 { margin-top: 30px; padding: 0 20%; font-size: 12px; color: #797979; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; height: 54px; line-height: 1.5; } .wc-r6-item-text6 { margin-top: 30px; font-size: 12px; color: #797979; text-align: center; } .wc-r6-item-text1 { margin-top: 40px; font-size: 14px; color: #fff; font-weight: 700; text-align: center; } .wc-r6-item-text2 { margin-top: 50px; padding: 0 20%; font-size: 12px; color: #fff; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; height: 54px; line-height: 1.5; } .wc-r6-item-img { margin-top: 30px; text-align: center; } .wc-r6-item-img img { display: inline-block; width: 60px; height: 60px; } .wc-r7 { text-align: center; } .wc-r7-cont { width: 1200px; display: inline-block; position: relative; margin: 60px 0 40px; text-align: left; } .wc-r7-cont-left { display: inline-block; width: 70%; } .wc-r7-header { height: 50px; padding: 0 10px; border: 1px solid #e5e5e6; } .wc-r7-header1 { height: 50px; padding: 0 10px; border-bottom: 1px solid #e5e5e6; } .wc-r7-header1:before { content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle; } .wc-r7-header:before { content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle; } .wc-r7-header-text1 { width: 69%; display: inline-block; vertical-align: middle; } .wc-r7-header-text1 span { font-size: 16px; font-weight: 700; color: #ea6518; margin-left: 5px; vertical-align: top; } .wc-r7-header-more { width: 28%; text-align: right; font-size: 14px; color: #999; display: inline-block; cursor: pointer; } .wc-r7-items { } .wc-r7-item { padding: 15px 10px; border: 1px solid #e5e5e6; border-top: none; cursor: pointer; } .wc-r7-item img { width: 28%; height: 140px; display: inline-block; margin-right: 10px; } .wc-r7-item-wrap { display: inline-block; width: 68%; vertical-align: top; } .wc-r7-item1 { font-size: 20px; color: #666; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .wc-r7-item1:hover { color: rgb(247, 116, 0); } .wc-r7-item2 { font-size: 14px; line-height: 1.5; height: 63px; color: #999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-bottom: 20px; } .wc-r7-item3 span { font-size: 14px; color: #a3a3a3; } .wc-r7-cont-right { position: absolute; top: 0; right: 0; bottom: 0; width: 27%; height: 100%; border: 1px solid #e5e5e6; } .wc-r7-item1s { padding: 0 10px; height: calc(100% - 50px); overflow-y: hidden; } .wc-r7-item11 { height: 44px; line-height: 44px; border-bottom: 1px dashed #eee; text-align: left; padding-left: 5px; position: relative; font-size: 14px; color: #a3a3a3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; } .wc-r7-item11:before { content: ""; width: 5px; height: 5px; border-radius: 50%; background-color: #a3a3a3; display: inline-block; margin-right: 5px; } .wc-r2-header-item span:before { content: ""; width: 5px; height: 5px; border-radius: 50%; background-color: #ed8a52; display: inline-block; margin-right: 5px; } .wc-r2-header-item a { display: inline-block; margin-right: 15px; } .wc-r7-item1-text { display: inline-block; vertical-align: middle; width: 96%; font-size: 14px; color: #a3a3a3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; } .wc-r7-item11:hover :before { background-color: rgb(247, 116, 0); } .wc-r7-item11:hover { color: rgb(247, 116, 0); } .wc-r8 { text-align: center; background-color: #efeff1; } .wc-r8-cont { width: 1200px; display: inline-block; position: relative; margin: 60px 0; text-align: left; overflow: hidden; } .wc-r8-header { margin-top: 10px; text-align: center; margin-bottom: 60px; } .wc-r8-header img { display: inline-block; } .wc-r8-left { position: absolute;; left: -40px; top: 0; bottom: 0; height: 100%; width: 40px; text-align: center; } .wc-r8-left img { display: inline-block; vertical-align: middle; cursor: pointer; } .wc-r8-left:before { content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle; } .wc-r8-right { position: absolute;; right: -40px; top: 0; bottom: 0; height: 100%; width: 40px; text-align: center; } .wc-r8-right img { display: inline-block; vertical-align: middle; cursor: pointer; } .wc-r8-right:before { content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle; } .wc-r8-items { width: 1800px; text-align: justify; position: relative; line-height: 0; /*animation: mymove 2s linear infinite;*/ } .wc-r8-itemss{ top: -110px; left: 1820px; width: 1800px; text-align: justify; position: relative; line-height: 0; /*animation: mymove1 2s linear infinite;*/ } @keyframes mymove{ 0%{ left: 0; } 100%{ left: -1800px; } } @keyframes mymove1{ 0%{ left: 0; } 100%{ left: -1800px; } } .wc-r8-items:after { display: inline-block; overflow: hidden; width: 100%; height: 0; content: ''; vertical-align: top; } .wc-r8-itemss:after { display: inline-block; overflow: hidden; width: 100%; height: 0; content: ''; vertical-align: top; } .wc-r8-item { width: 180px; display: inline-block; } .wc-r8-item img { width: 100%; height: 110px; } .wc-r9 { text-align: center; background-color: #323232; } .wc-r9-cont { width: 1200px; display: inline-block; position: relative; margin: 50px 0; } .wc-r9-cont1 { text-align: center; margin-bottom: 20px; } .wc-r9-item { font-size: 14px; color: #fff; padding: 1px 40px; border-right: 1px solid #fff; display: inline-block; } .wc-r9-item:last-child { border-right: none; } .wc-r9-cont2 { font-size: 12px; color: #fff; margin-bottom: 10px; text-align: center; } .cards-item-second { height: 30px; line-height: 30px; color: #333; border-bottom: 1px dashed #dedede; position: relative; font-size: 12px; } .cards-item-second .ph-index { display: inline-block; height: 20px; line-height: 20px; text-align: center; width: 20px; top: 5px; position: absolute; float: left; background: rgb(222, 230, 233); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-left: 5px; } .ph-index.one { color: #fff; background: rgb(240, 99, 89); } .ph-index.two { color: #fff; background: rgb(246, 133, 67); } .ph-index.three { color: #fff; background: rgb(196, 147, 130) } .hzhp-item-div { margin-left: 5px; margin-right: 5px; margin-top: 4px; } .hzhp-item-a-margin { margin-left: 8px; } /* breadcrumb- */ .breadcrumb-wrap { height: 42px; line-height: 42px; background: #fafafa; padding: 0px; margin-bottom: 10px; } .pmdt { margin-top: -10px; border: 1px solid rgb(230, 230, 230); border-top-color: rgb(247, 116, 0) !important; } .pmdt>.tit { height: 40px; line-height: 40px; padding-left: 10px; color: rgb(247, 116, 0); font-size: 16px; background: #fafafa; border-bottom: 1px solid rgb(230, 230, 230); } .pmdt>.box { padding: 0 20px; } .pmdt-wrap,.czdw-wrap,.dqzt-wrap { height: 46px; padding: 11px 0; border-bottom: 1px dotted rgb(230, 230, 230); margin-bottom: 0px; } .dqzt-wrap { border-bottom: none; } #pmsu,#bgtime,#edtime { width: 280px; height: 24px; border-radius: 0px !important; display: inline-block; } #czdw,#bgtime,#edtime { width: 280px; height: 24px; border-radius: 0px !important; display: inline-block; } #bgtime,#edtime { width: 160px; } #query-btn { width: 50px; height: 24px; line-height: 10px; border-radius: 2px; background: #7a7a7a; color: #fff; font-size: 12px; position: relative; bottom: 1px; margin-left: 20px; } .pm-time { padding-left: 60px; } .list { display: inline-block; margin-left: 10px; } .list>li { list-style: none; float: left; height: 24px; line-height: 24px; cursor: pointer; padding: 0 10px; margin-right: 20px; } .list>li:hover { background: rgb(247, 116, 0); color: #fff; border-radius: 2px; } .list>li.active { background: rgb(247, 116, 0); color: #fff; border-radius: 2px; } .czdw-wrap>span,.dqzt-wrap>span { position: relative; bottom: 5px; } /* */ .pm-list-wrap { width: 1212px; overflow: hidden; } .item-box { width: 291px; height: 320px; border: 1px solid rgb(230, 230, 230); float: left; position: relative; margin-right: 12px; margin-top: 20px; transition: all .5s linear; } .item-box:hover { box-shadow: rgb(15, 15, 15) 0 0 20px; } .item-box.last { margin-right: 0px !important; } .item-pic { width: 100%; height: 160px; border-bottom: 1px solid rgb(230, 230, 230); background-repeat: no-repeat; background-size: 100% 100%; } .item-statu { width: 84px; height: 32px; padding-top: 5px; color: #fff; box-sizing: border-box; padding-left: 10px; position: absolute; left: -8px; top: 120px; background: no-repeat center; } .item-name { width: 271px; height: 40px; line-height: 40px; border-bottom: 1px solid rgb(230, 230, 230); padding: 0 10px; font-size: 14px; font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .item-info { width: 100%; height: 120px; padding: 10px 10px; } .item-info>ul>li { height: 25px; line-height: 25px; } .hl { font-size: 16px; color: rgb(247, 116, 0); } .ll { color: #000; padding-left: 3px; } .page-center { width: 300px; display: inline-block; width: fit-content; text-align: center; margin: 20px auto; } .page-center li.active>a { background: rgb(247, 116, 0) !important; border-color: rgb(247, 116, 0) !important; } .page-wrap { margin-left: 450px; } .form-control { padding: 0 8px; } .formore { cursor: pointer; display: block; float: right; color: rgb(247, 116, 0); }