.info-content .ser-search input{ height:60px; flex: 1; background:#f1f2f7; border-radius:2px; padding-left:10px; width: 100%; padding-left: 68px; border: none; outline: none; font-size: 15px; letter-spacing: 2px; color: #000000; font-family: "Microsoft Ya Hei"; } .info-content .ser-search { margin-bottom: 30px; } .info-content .ser-search input::placeholder { font-size: 15px; letter-spacing: 2px; color: #000000; font-family: "Microsoft Ya Hei"; } .info-content .ser-search .sear-control{ height:60px; width:67px; background:url("../image/search-honor.png") no-repeat; background-size: 20px; border-radius:2px; position:absolute; left:30px; top:0; background-position: 0px 21px; cursor:pointer; border: none; outline: none; } .info-content .newslist ul li a:hover { text-decoration: none; color: #cc2239; } .info-content p { width: 100%; } .info-content p img { width: 100%; } .info-content .newslist ul{ padding-top:0; } .info-content .newslist ul li{ overflow:hidden; width:100%; height: 40px; line-height: 40px; border-bottom: 1px solid #f1f2f7; } .info-content .newslist ul li a{ float:left; width:70%; height: 40px; line-height: 40px; white-space:nowrap; text-overflow:ellipsis; font-size: 16px; color: #000000; font-weight: 300; font-family: "Microsoft Ya Hei Light"; } .info-content .newslist ul li span{ float:right; width:90px; height: 40px; line-height: 40px; text-align:right; font-size: 14px; color: #000000; font-weight: 300; font-family: "Microsoft Ya Hei Light"; } .pagecode { text-align: right; } .pagination > li > a, .pagination > li > span { color: #616161; } .pagination > li > a:hover { color: #fff; background-color: #cc2239; border-color: #cc2239; } .pagination > li > .active { color: #fff !important; background-color: #cc2239; border-color: #cc2239; } .info-content .newslist ul li .video { line-height: 30px; float: right; padding-left: 30px; background: url('../image/download.png') no-repeat left center; cursor: pointer; width: 60px; } @media screen and (max-width: 500px) { .detail-content .title { margin-top: 4.8rem !important; } .detail-content .title .right { height: 50px; } .detail-content .title .right p a, .detail-content .title .right p span { padding-right: 0; font-size: 1.4rem; color: #000000; font-family: "Source Han Sans CN"; } .detail-content .title .right p { display: flex; flex-direction: row; align-items: center; } .detail-content .title .right p img{ height: 1.5rem; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; margin: 0 .5rem 0; } .info-content .ser-search input { height: 3.9rem; background: #e9e9e9; font-size: 1.2rem; color: #898888; font-family: "Source Han Sans CN"; letter-spacing: 1px; padding-left: .8rem; border-radius: 0; } .info-content .ser-search input::-webkit-input-placeholder { font-size: 1.2rem; color: #898888; font-family: "Source Han Sans CN"; letter-spacing: 1px; } .info-content .ser-search .sear-control { background-position: 5px 1.1rem; height: 3.9rem; right: 0; left: initial; width: 3rem; background-size: 1.7rem; } .info-content .newslist ul li, .info-content .newslist ul li a, .info .info-content .newslist ul li a { height: 3.5rem; line-height: 3.5rem; } /* 鍒嗛〉 */ .pagination { margin: 2.5rem 0 2rem; } .pagination > li { width: auto; box-sizing: border-box; } .pagination > li a { width: 3.2rem; height: 2.8rem; padding: 0; display: inline-block; box-sizing: border-box; display: flex; flex-direction: row; align-items: center; justify-content: center; } .pagination > li.page-list a { padding: 0 15px; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: .3rem; border-bottom-left-radius: .3rem; } .pagination > li > a, .pagination > li > span { height: 3rem; background-color: #ffffff; border: 1px solid #bebebe; font-size: 1rem; color: #434343; font-family: "Microsoft Ya Hei"; display: flex; flex-direction: row; align-items: center; } .info-content .newslist ul { margin-bottom: 0; } .pagination li span img { height: 11px; margin: 0; padding: 0; margin-bottom: 2px; } .English-style-size .detail-content .title .right p a, .English-style-size .detail-content .title .right p span, .English-style-size .info-content .ser-search input, .English-style-size .pagination > li > a, .pagination > li > span, .English-style-size .info-content .newslist ul li a, .English-style-size .info-content .newslist ul li span { font-family: "Helvetica"; } }