/* ::::: http://www.chengyue66.com/wap/app/cnm/public/css/subpage.css ::::: */ @font-face { font-family: "member"; src: format("woff"), format("truetype"); } html { font-size: 625%; -moz-text-size-adjust: none; max-height: 100%; } body { font-size: 0.16rem; } body, p, h1, ul, li, input, img, figure, h3, h1, h2, dl, dd, dt { margin: 0px; padding: 0px; } ul, ol, li, dl, dt, dd { list-style: outside none none; } a { text-decoration: none; outline: 0px none; } fieldset, img { border: 0px none; } img { display: block; max-width: 100%; } input[type="text"], input[type="password"], input[type="submit"], input[type="reset"], input[type="button"], textarea { } .clear { clear: both; width: 100%; } .c { clear: both; width: 100%; } .content { min-height: 8rem; overflow: hidden; font-size: 0.2rem; margin-top: 6%; padding-bottom: 15%; background-color: transparent; } .content_new { margin-top: 0px ! important; } .header { width: 100%; height: 0.691rem; background: rgb(29, 29, 29) none repeat scroll 0% 0%; position: relative; z-index: 9999; } .logo { display: inline-block; width: 62.8125%; height: auto; margin-left: 3.4375%; } .search_hl { width: 14.0625%; top: -1px; position: absolute; height: 100%; font-size: 0.38rem; line-height: 0.8rem; color: rgb(255, 255, 255); text-align: center; overflow: hidden; } .search_l { left: 0%; } body { position: relative; width: 100%; background: rgb(255, 255, 255) none repeat scroll 0% 0%; height: 100%; } .nav { width: 220px; position: absolute; right: 0px; top: 0px; bottom: 0px; z-index: 2; } .nav li { width: 220px; margin: 0px auto; border-bottom: 1px solid rgb(255, 255, 255); } .nav li a { display: block; width: 100%; font: 100 16px/50px "寰蒋闆呴粦"; color: rgb(255, 255, 255); text-indent: 60px; } .nav li a span { margin-right: 3%; } .nav li:last-child { margin-bottom: 20%; } .black-fixed { position: fixed; z-index: 99999 ! important; left: 0px; width: 0px; top: 0px; height: 100%; background: rgba(0, 0, 0, 0.9) none repeat scroll 0% 0%; text-align: right; font-size: 0.4rem; color: rgb(255, 255, 255); line-height: 2; right: 0px; overflow: hidden; transition: all 0.3s ease-in-out 0s; opacity: 0; } .nav-btn { width: 14.0625%; right: 0px; top: 0px; position: absolute; font-size: 0.4rem; line-height: 0.71rem; color: rgb(255, 255, 255); text-align: center; overflow: hidden; } .footer { width: 100%; height: 0.8rem; position: fixed ! important; bottom: 0px; right: 0px; z-index: 9999; transition: all 0.3s ease-in-out 0s; } .foot { width: 100%; position: fixed; height: 0.8rem; bottom: 0px; left: 0px; z-index: 10; transition: all 0.3s ease-in-out 0s; } .foot-relative { position: relative; width: 100%; height: 0.8rem; } .common-search { width: 92.1875%; position: absolute; z-index: 100; left: 3.90625%; bottom: 0.9rem; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 1px solid rgb(204, 204, 204); display: none; border-radius: 8px; overflow: hidden; box-shadow: 0px 1px 2px rgb(102, 102, 102) inset; } .search-input-n { width: 85%; height: 0.533rem; line-height: 0.533rem; border: medium none; outline: medium none; text-indent: 5%; border-radius: 25px; font-family: "microsoft yahei"; background-color: transparent; } .search-btn-n { width: 12%; border: medium none; outline: medium none; font-size: 0.4rem; line-height: 0.533rem; color: rgb(102, 102, 102); background-color: transparent; font-family: "microsoft yahei"; } @font-face { font-family: "iconfont"; src: format("woff"), format("truetype"); } .iconfont { font-family: "iconfont" ! important; font-style: normal; -webkit-text-stroke-width: 0.2px; } @font-face { font-family: "commonfont"; src: format("woff"), format("truetype"); } .news li span:nth-child(1) { display: block; float: left; width: 60%; margin-left: 4%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: rgb(29, 29, 29); } .news li span:nth-child(2) { display: block; float: right; margin-right: 4%; color: rgb(159, 159, 159); } .news li:nth-child(2n) { background: rgb(255, 255, 255) none repeat scroll 0% 0%; } .imore::before, .back::before { content: ""; clear: both; } .news1 a span:nth-child(1), .news2 a span:nth-child(1) { display: block; float: left; width: 70%; height: 0.691rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: rgb(29, 29, 29); } .news1 a span:nth-child(2), .news2 a span:nth-child(2) { display: block; float: right; width: 29%; height: 0.691rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: right; color: rgb(159, 159, 159); } .site-nav.slideup li:nth-child(1) a { left: 100%; bottom: 100%; transition: all 0.3s ease-in-out 0ms; opacity: 1; z-index: 999; transform: rotate(0deg); } .site-nav.slideup li:nth-child(2) a { left: 150%; bottom: 0.05rem; transition: all 0.3s ease-in-out 100ms; opacity: 1; z-index: 999; transform: rotate(0deg); } .site-nav.slideup li:nth-child(3) a { left: 100%; bottom: -0.6rem; transition: all 0.3s ease-in-out 200ms; opacity: 1; z-index: 999; transform: rotate(0deg); } .site-nav.slidedown li:nth-child(1) a { left: auto; right: 100%; bottom: 100%; transition: all 0.3s ease-in-out 0ms; opacity: 1; z-index: 999; transform: rotate(0deg); } .site-nav.slidedown li:nth-child(2) a { left: auto; right: 150%; bottom: 0.05rem; transition: all 0.3s ease-in-out 100ms; opacity: 1; z-index: 999; transform: rotate(0deg); } .site-nav.slidedown li:nth-child(3) a { left: auto; right: 100%; bottom: -0.6rem; transition: all 0.3s ease-in-out 200ms; opacity: 1; z-index: 999; transform: rotate(0deg); } .header { height: 0.691rem ! important; } @media all and (min-width: 640px) { .content { width: 640px; margin: 6% auto 0px; position: relative; padding-bottom: 16%; } } @media only screen and (max-width: 479px) and (min-width: 321px) { html { font-size: 70px; } } @media only screen and (max-width: 320px) { html { font-size: 60px; } } input { outline: medium none; } .search { width: 96%; height: 0.691rem; padding: 0px 2%; position: absolute; top: -120%; left: 0px; background-color: rgb(163, 17, 17); font-family: "microsoft yahei"; } .search-input { width: 75%; border-width: 1px medium 1px 1px; border-style: solid none solid solid; border-color: rgb(163, 17, 17) -moz-use-text-color rgb(163, 17, 17) rgb(163, 17, 17); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-radius: 15px 0px 0px 15px; float: left; height: 0.461rem; font-size: 0.18rem; font-family: "microsoft yahei"; text-indent: 5%; margin-top: 2%; background-color: rgb(255, 255, 255); } .search-btn { width: 15%; float: left; background-color: rgb(255, 255, 255); border-radius: 0px 15px 15px 0px; border-width: 1px 1px 1px medium; border-style: solid solid solid none; border-color: rgb(163, 17, 17) rgb(163, 17, 17) rgb(163, 17, 17) -moz-use-text-color; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; height: 0.491rem; font-size: 0.25rem; margin-top: 2%; } .search a { display: inline-block; width: 9%; float: left; color: rgb(255, 255, 255); text-align: center; height: 0.7rem; } .head { background: #1a7c00; } .foot { background: #1a7c00; } .nav { background: #1a7c00; } /* ::::: http://www.chengyue66.com/wap/app/cnm/public/css/master.css ::::: */ #lxb_container.lxb-container { font-size: 0.2rem ! important; } #lxb_container input.lxb-cb-input { font-size: 0.2rem ! important; } #lxb_container .lxb-cb-input-tip b { font-size: 0.2rem ! important; } #lxb_container .lxb-cb-input-tip, #lxb_container .lxb-cb-input-feedback { font-size: 0.2rem ! important; line-height: 0.3rem ! important; } #lxb_container.lxb-container-mobile-3 .lxb-cb-input-tip-content, #lxb_container.lxb-container-mobile-4 .lxb-cb-input-tip-content { font-size: 0.2rem ! important; line-height: 0.3rem ! important; } #lxb_container.lxb-container-mobile-3 .lxb-cb-input-btn, #lxb_container.lxb-container-mobile-4 .lxb-cb-input-btn { font-size: 0.16rem ! important; } #lxb_container.lxb-container-mobile-3 .lxb-cb-latest-call, #lxb_container.lxb-container-mobile-4 .lxb-cb-latest-call { font-size: 0.2rem ! important; } body, input { font-family: "microsoft yahei"; } .allpage { background-color: #fff !important; } @font-face { font-family: "iconfont"; src: format("woff"), format("truetype"); } @font-face { font-family: "iconfont1"; src: format("woff"), format("truetype"); } .iconfont { font-family: "iconfont" ! important; font-style: normal; -webkit-text-stroke-width: 0.2px; } .iconfont1 { font-family: "iconfont1" ! important; display: inline-block; font-style: normal; -webkit-text-stroke-width: 0.2px; } .icon_nav { width: 100%; margin: 0px auto; padding: 2% 0px 0px;} .icon_nav ul li { width: 24.65%; text-align: center; float: left; margin: 0px 0%; padding: 2% 0 2%; border-right: 1px solid rgb(223, 209, 186); border-bottom: 1px solid rgb(223, 209, 186); } .icon_nav ul li:nth-child(4) { border-right: 0px none; } .icon_nav ul li:nth-child(8) { border-right: 0px none; } .icon_nav ul li a span { display: inline-block; color: #1a7c00; font-size: 0.19rem; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .iconfont1_ys { color: rgb(163, 17, 17); border-radius: 0.04rem; display: inline-block; font-family: "microsoft yahei"; font-size: 0.45rem; width: 0.9rem; font-weight: normal; height: 0.5rem; padding: 0px; line-height: 0.5rem; } .casei { width: 100%; height: auto; overflow: hidden; margin: 0px auto; } .tpp ul li:nth-child(2n) { } .boo ul li:nth-child(2n 1) { } .nav_new ul li a:nth-child(4) { border: medium none ! important; } .banner { width: 100%; position: relative; margin: 0px auto; } .swiper-pagination { padding: 0px; margin: 0px; width: 100% ! important; text-align: center ! important; bottom: 0px ! important; } .swiper-pagination-bullet { width: 0.1rem ! important; height: 0.1rem ! important; background-color: rgb(255, 255, 255); border: 0.02rem solid rgb(255, 255, 255); opacity: 1 ! important; border-radius: 50% ! important; } .swiper-pagination-bullet-active { background: transparent none repeat scroll 0% 0%; } .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet { margin: 0px 5px ! important; } .swiper-container { } input { outline: medium none; } .search_hl { width: 14.0625%; left: 0.1%; top: -1px; position: absolute; height: 100%; font-size: 0.38rem; line-height: 0.8rem; color: rgb(255, 255, 255); text-align: center; overflow: hidden; } .search { width: 96%; height: 0.691rem; padding: 0px 2%; position: absolute; top: -120%; left: 0px; background-color: rgb(163, 17, 17); font-family: "microsoft yahei"; } .search a { display: inline-block; width: 9%; float: left; color: rgb(255, 255, 255); text-align: center; height: 0.7rem; } .more_i { margin-top: 1%; width: 93.75%; background: transparent repeat-x scroll left bottom / 1% auto; float: left; text-align: center; margin-left: 3.2%; padding: 0px; } .more_i span { float: left; background: transparent no-repeat scroll left center / 0.05rem auto; font-size: 0.22rem; color: #1a7c00; padding: 1% 1% 1% 3%; border-bottom: 0.02rem solid #1a7c00; } .honor_i { margin: 0px auto; width: 100%; padding: 0px; } .casei { width: 100%; height: auto; overflow: hidden; margin: 0px auto; } .casei li { width: 100%; height: auto; margin: 3% auto 0px; overflow: hidden; } .case_i { width: 100%; margin: 0px auto; padding: 0px; } .beian { color: rgb(41, 41, 41); text-align: center; height: 0.65rem; line-height: 0.65rem; font-size: 0.21rem; } .beian a { color: rgb(41, 41, 41); font-size: 0.21rem; } .more_im { width: 93.75%; margin: 1.5% auto 0px; background: #1a7c00; text-align: center; } .more_im a { display: block; padding: 1.5% 0px; color: #aace91; font-size: 0.2rem; } .case_c1 ul { float: left; width: 100%; padding: 0px 0px 2%; } .case_c1 ul li { width: 93.75%; padding: 0px; margin: 6% 0px 0px 2%; float: left; } .case_c1 ul li div.case_c_pic { height: auto ! important; float: left; margin-left: 1%; overflow: hidden; width: 40.8333%; } .case_c1 ul li div.case_c_content { height: auto ! important; float: left; width: 97%; margin-left: 3%; } .case_c1 ul li div.case_c_content h2 { width: 100%; font-size: 0.2rem; color: rgb(117, 91, 50); font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .case_c1 ul li div.case_c_content span { padding: 3% 0px 0px; line-height: 1.5; color: rgb(158, 141, 113); font-size: 0.19rem; -moz-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; } .honor_i_h { margin: 0px auto; padding: 1% 0px 0%; width: 96.875%; } .honor_i_h ul li { position: relative; width: 31.4516%; float: left; text-align: center; margin: 2% 0% 1.5% 1.6%; } .honor_i_h ul li span { display: block; overflow: hidden; white-space: nowrap; font-size: 0.2rem; color: rgb(111, 87, 48); padding: 3% 0px 0px; text-overflow: ellipsis; } .honor_i_c { margin: 0px auto; padding: 1% 0px; width: 100%; } .honor_i_c ul li { position: relative; width: 45.8333%; float: left; text-align: center; margin: 2.5% 0px 1% 2.7%; } .honor_i_c ul li span { display: block; width: 100%; padding: 3% 0px 0px; color: rgb(111, 87, 48); text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 0.2rem; } .case_i_c { height: auto; overflow: hidden; padding: 0px 0px 1%; } .case_i_c ul li { padding: 2% 0px 0.2%; width: 93.75%; display: block; float: left; margin-left: 3%; margin-top: 0px; } .case_i_c ul li a { float: left; width: 100%; } .case_i_c ul li h2 { float: left; line-height: 1.3; color: rgb(111, 87, 48); padding: 0px 1%; font-size: 0.2rem; font-weight: normal; width: 98%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .baoming { padding: 2% 0px; border-radius: 0.05rem; width: 95.3125%; font-family: "microsoft yahei"; color: rgb(255, 146, 146); text-align: left; margin: 0px auto; } .baoming .right span { font-size: 0.18rem; color: #1a7c00; width: 97%; padding: 0.07rem 0px 0.07rem 3%; background: #aace91; display: block; margin-bottom: 0.02rem; text-align: left; } .baoming .left { background: rgb(229, 211, 186) none repeat scroll 0 0; color: rgb(111, 87, 48); float: left; font-weight: bold; height: 1.95rem; margin-left: 0.05rem; margin-right: 0.01rem; overflow: hidden; padding: 0.243rem 1%; text-align: center; width: 19%; } .baoming .right { float: left; font-size: 0.18rem; margin: 0 0 0 0.045rem; width: 98.4%; } .baoming .left b { display: block; text-align: center; font-size: 0.2rem; } .baoming .left font { display: block; text-align: center; font-size: 0.45rem; } @media all and (min-width: 640px) { .content { width: 640px; margin: 0px auto; position: relative; } } /* ::::: http://www.chengyue66.com/wap/app/cnm/public/css/swiper.css ::::: */ .swiper-container { margin: 0px auto; position: relative; overflow: hidden; z-index: 1; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0px, 0px); } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; } .swiper-pagination { position: absolute; text-align: right; transition: all 300ms ease 0s; transform: translate3d(0px, 0px, 0px); z-index: 10; } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; opacity: 0.2; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; } .swiper-container-horizontal > .swiper-pagination { bottom: 10px; left: 0px; width: 100%; } .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet { margin: 0px 5px; } .swiper-lazy-preloader::after { display: block; content: ""; width: 100%; height: 100%; background-image: \'/>"); background-position: 50% center; background-size: 100% auto; background-repeat: no-repeat; } .swiper-lazy-preloader-white::after { background-image: \'/>"); } /* ::::: http://lxbjs.baidu.com/float/asset/mobile.css ::::: */ #lxb_container, #lxb_container_show, #lxb_container_show ins, #lxb_container ins, #lxb_container em, #lxb_container a, #lxb_container input { width: auto; height: auto; margin: 0px; padding: 0px; background: transparent none repeat scroll 0px 0px; border: medium none; color: black; direction: ltr; letter-spacing: normal; line-height: normal; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: normal; font-size: 12px; font-family: tahoma,"瀹嬩綋",helvetica,sans-serif; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; visibility: visible; overflow: visible; list-style: outside none none; float: none; clear: none; display: block; position: static; top: auto; left: auto; vertical-align: baseline; box-sizing: content-box; } #lxb_container, #lxb_container ins { display: block; text-decoration: none; visibility: visible ! important; } #lxb_container ins { background-color: transparent; } #lxb_container.lxb-container { position: fixed; z-index: 2147483647; font-size: 12px; } .lxb-mobile-pos-left { left: 0px; } .lxb-mobile-pos-middle { top: 35%; } #lxb_container input.lxb-cb-input { position: absolute; border: 0px none; font-size: 12px; outline: medium none; } #lxb_container .lxb-cb-input-clear, #lxb_container .lxb-cb-latest-call, #lxb_container .lxb-cb-input-feedback { position: absolute; overflow: hidden; cursor: pointer; } #lxb_container .lxb-cb-input-clear { width: 22px; height: 22px; background: transparent no-repeat scroll 0px 0px; } #lxb_container .lxb-cb-input-btn, #lxb_container .lxb-container-btn-hide { position: absolute; overflow: hidden; cursor: pointer; } #lxb_container .lxb-cb-input-tip, #lxb_container .lxb-cb-input-feedback { position: absolute; font-size: 12px; line-height: 14px; } #lxb_container .lxb-cb-input-tip b { font-size: 12px; } #lxb_container .lxb-cb-input-tip-content, #lxb_container .lxb-cb-input-feedback-txt { margin: 2% 4%; } #lxb_container_show.lxb-container-btn-show { position: fixed; width: 10%; cursor: pointer; overflow: hidden; background-color: rgb(183, 221, 232); color: rgb(255, 255, 255); text-align: center; text-decoration: none; padding: 5px 0px; border-radius: 5px; font-size: 12px; z-index: 2147483647; } #lxb_container .lxb-container-btn-hide { width: 30px; height: 30px; background: transparent repeat scroll -40px 0px; top: -15px; right: -15px; } #lxb_container.lxb-container-mobile-3, #lxb_container.lxb-container-mobile-4 { border: 2px solid rgb(11, 123, 210); border-radius: 4px; height: 128px; width: 85%; background: rgb(255, 255, 255) none repeat scroll 0% 0%; left: 7%; top: 35%; box-shadow: 3px 0px 8px rgb(204, 204, 204); } #lxb_container.lxb-container-mobile-3 .lxb-cb-input, #lxb_container.lxb-container-mobile-4 .lxb-cb-input { top: 19px; left: 2%; width: 69%; height: 25px; padding: 0px 5px; border: 1px solid rgb(204, 204, 204) ! important; background-color: rgb(255, 255, 255); border-radius: 3px; z-index: 2; } #lxb_container.lxb-container-mobile-3 .lxb-cb-input-btn, #lxb_container.lxb-container-mobile-4 .lxb-cb-input-btn { top: 21px; left: 77%; right: 4%; height: 24px; line-height: 24px; background: rgb(37, 144, 226) none repeat scroll 0% 0% ! important; color: rgb(255, 255, 255); border-radius: 3px; font-size: 12px; font-weight: bold; text-align: center; } #lxb_container.lxb-container-mobile-3 .lxb-cb-input-clear, #lxb_container.lxb-container-mobile-4 .lxb-cb-input-clear { top: 22px; left: 66%; z-index: 3; } #lxb_container.lxb-container-mobile-3 .lxb-cb-latest-call, #lxb_container.lxb-container-mobile-4 .lxb-cb-latest-call { color: rgb(68, 68, 68); width: 69%; left: 2%; padding: 8px 5px; background: rgb(255, 255, 255) none repeat scroll 0% 0% ! important; font-size: 12px; border: 1px solid rgb(204, 204, 204); border-radius: 3px; top: 43px; z-index: 1; } #lxb_container.lxb-container-mobile-3 .lxb-cb-input-tip, #lxb_container.lxb-container-mobile-4 .lxb-cb-input-tip { width: 96%; top: 50px; left: 2%; display: block; } #lxb_container.lxb-container-mobile-3 .lxb-cb-input-tip-content, #lxb_container.lxb-container-mobile-4 .lxb-cb-input-tip-content { color: rgb(45, 133, 213); font-size: 12px; line-height: 14px; } #lxb_container.lxb-container-mobile-3 .lxb-cb-input-feedback, #lxb_container.lxb-container-mobile-4 .lxb-cb-input-feedback { width: 96%; top: 50px; left: 2%; display: block; } /*缈婚〉*/ .pages { height: 28px; margin: 20px auto; width: 94%;line-height: 28px; text-align: center;} .pages ul{width:auto; margin:0px auto;} .mr10{float: left; height: 0px; width: 0px;} .pages a{line-height: 28px; color:#333;} .icon-pagenav-left{background: no-repeat scroll 0 0; color: #002b49; display: block; float: left;line-height: 28px; height: 28px; text-align: center; width: 75px;} .icon-nextpage{background: no-repeat scroll 0 0; color: #002b49; display: block; float: right;line-height: 28px; height: 28px; text-align: center; width: 75px;} .firstpage{ wdisplay: block; float: left; height: 28px; width: 1px;text-indent: -999px;} .new-pagenav-right{ display: block; float: right; height: 28px; width: 1px;text-indent: -200%;} .pages ul li{float:left; margin: 0 10px 0 10px;} .icon_nav_lb { width: 100%; margin: 0px auto; padding: 2% 0px 0px;} .icon_nav_lb ul li { width: 33%; text-align: center; float: left; margin: 0px 0%; padding: 2% 0 2%; border-right: 1px solid rgb(223, 209, 186); border-bottom: 1px solid rgb(223, 209, 186); } .icon_nav_lb ul li:nth-child(3) { border-right: 0px none; } .icon_nav_lb ul li:nth-child(6) { border-right: 0px none; } .icon_nav_lb ul li:nth-child(9) { border-right: 0px none; } .icon_nav_lb ul li:nth-child(12) { border-right: 0px none; } .icon_nav_lb ul li:nth-child(15) { border-right: 0px none; } .icon_nav_lb ul li:nth-child(18) { border-right: 0px none; } .icon_nav_lb ul li a span { display: inline-block; color: #1a7c00; font-size: 0.15rem; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }