.mobile { font-family: "Microsoft Yahei"; .mobile-top { //margin-bottom:.1rem; .mobile-nav { position: absolute; z-index: 2 ; } .m-t-i { .m-t-i-txt { line-height: 0.5rem; width: 96%; background: #C7C7C7; display: flex; margin: 0.15rem; border-radius: 0.12rem; border: 0; font-size: 0.4rem; padding-left: 0.15rem; padding: 0.1rem; } } } .mobile-center { padding-top: .5rem; .news-title { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto; margin-top: 0.5rem; .title-eve { font-size: 0.28rem; background: #fff; margin: 0.1rem; padding: 0.1rem 0.2rem; box-shadow: #c7c7c7 0.01rem 0.02rem 0.2rem 0.01rem; } .current-title { background: #ff7624; color: #fff; } } .news-center { width: 94%; margin: 0 auto; .news-a { height: 2.5rem; background: #dde6ed; display: flex; margin: .3rem 0; border-radius: .1rem; .newsTitle { width: 64%; padding:.3rem; .newsTitle-p { font-size: .28rem; color: #888; } .newsTitle-h { font-size: .36rem; overflow: hidden; color: #4c4c4c; margin-top: .2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } } .newsTitle-img { width: 36%; height: 100%; background: url("../images/case-imgs01.jpg") no-repeat center; border-radius: 0 .1rem .1rem 0; background-size: cover; } } } .paging { padding:0 .3rem; .paging-t { display: flex; justify-content: center; align-items: center; font-size: .24rem; padding: .3rem 0; margin: .4rem 0; box-shadow: 0 0 10px #ccc; border-radius: .1rem; .pag-t-p { margin: 0 .3rem; } .input-t { border: .01rem solid #FF7624; width: .92rem; height: .48rem; border-radius: .1rem; padding-left: .1rem; } span { background: #FF7624; padding: .06rem .2rem; border-radius: .1rem; color: #fff; } span:nth-of-type(1) { margin-right:.2rem; } } } .click-back { padding: .6rem 2rem; .click-back-a { background: #FF7624; padding: 0.2rem 0.5rem; font-size: 0.3rem; text-align: center; border-radius: .1rem; color: #fff; letter-spacing: .1rem; } } .share { padding: .3rem; box-shadow: 0 0.02rem 30px #ccc; .share-h { font-size: .48rem; } .share-o { display: flex; justify-content: center; padding: .5rem 0; a { margin:0 .3rem; img { width:1.04rem; height:1.04rem; } } } } } .mobile-bottom { iframe { height: 18.7rem; } } }