/* pages/article/article.wxss */ .page{ height: 100%; width: 100%; } .img_1{ width: 100%; } .top_1{ margin-bottom: 10%; } .img_2{ width: 20px; height: 20px; } /* .dibu_2{ border-left: 1px solid red; } */ .dibu{ background-color: #48474c; width: 100%; height: 40px; display: flex; justify-content:space-around; position: fixed; bottom: 0; align-items: center; margin: 0 auto; } .dibu_t{ top: 20%; color: #fff; align-content:center; width: 100%; height: 100%; line-height:40px; } .dibu_3{ color: #fff; } .dibu_1{ /* background-color: red; */ width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; margin: 0 auto; } .dibu_2{ background-color: #48474c; width: 50%; height: 100%; /* text-align: center; */ display: flex; justify-content: center; align-items: center; margin: 0 auto; } .dibu_4{ display: flex; flex-direction:row; height:100%; } .h3{ padding: 15rpx; font-size: 15px; line-height: 23px; padding-bottom: 40px; } button::after{ border: none; } .imagePathBox{ width:100%; height:100%; background:rgba(0,0,0,0.7); position:fixed; top:0; left:0; right:0; bottom:0; z-index:999999; } .share_top{ width:100%; height:40px; line-height:40px; background:#f7f7f7; color:#353535; font-size:15px; padding-left:10px; position:relative; } .share_bottom{ font-size:10px; color:#353535; position:absolute; bottom:10px; text-align:center; width:100%; } .shengcheng{ width:60%; height:60%; position:fixed; bottom:15%; left:50%; margin-left:-30%; z-index:999; -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px; } .images_bg{ width:100%; height:85%; background:#fff; position:fixed; bottom:0; } .close_share{ top:0; right:25px; z-index:999; color:#a2a2a2; position:absolute; width:50px; text-align:right; font-size:19px; } .baocun{ display:block; width:80%; height:80rpx; padding:0; line-height:80rpx; text-align:center; position:fixed; bottom:70rpx; left:10%; color:#fff; font-size:32rpx; border-radius:10rpx; } button[class="baocun"]::after{ border: 0; } .drawer_screen { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; opacity: 0.5; overflow: hidden; z-index: 1000; color: #fff; padding-bottom:30px; } .drawer_attr_share { width:100%; height:30%; position:fixed; bottom:0; left:0; z-index:2000; background:#fafafa; opacity:1; } .sp_text{ display:flex; line-height: 20px; width: 100%; text-align: left; padding-left:8px; } .sp_tit{ width: 100%; overflow: hidden; font-size: 13px; -webkit-line-clamp:2; } .sp_jg{ width: 30%; overflow: hidden; font-size: 13px; color: #fc0628; } .guige{ font-size:13px; color:#808080; text-align:right; padding-right:10px; } .fx_box{ display:flex; align-items:30%; justify-content:space-around; margin:auto; padding:5%; } .fx_img{ width: 50px; height: 50px; margin: 10px; } .fx_img_box{ text-align: center; font-size:12px; } .fx_text{ text-align:center; color:#666; line-height: 30px; } .button-hover{ background:#fafafa; } @media screen and (min-height: 700px) { .shengcheng { width:60%; height:50%; position:fixed; bottom:15%; left:50%; margin-left:-30%; z-index:999; -webkit-box-shadow:#666 0px 0px 10px; -moz-box-shadow:#666 0px 0px 10px; box-shadow:#666 0px 0px 10px; } .images_bg { width:100%; height:76%; background:#fff; position:fixed; bottom:0; } }