*{ margin:0; padding:0; } body{ display:flex; flex-direction: column; background:#F5F6FA ; } .pic{ width: 100%; } .pic img{ width: 100%; } .show{ font-size: 0.32rem; /*text-align: center;*/ } .text{ font-size: 0.28rem; margin-top: 0.1rem; border: none; background:#f6f6f6; color: #333; /*line-height:0.44rem ;*/ overflow: auto; padding: 0 0.3rem; text-align: justify; } .phone{ font-size: 0.32rem; display: flex; justify-content: space-between; padding:0 0.33rem 0 0.31rem; margin-top: 0.1rem; } .say{ width: 90%; height: 3.6rem; border:1px solid #ccc; } .idea{ width: 100%; height: 3.10rem; border: 1px solid #ccc; font-size: 0.28rem; padding: 0.1rem ; color:#ccc; background: #fff; } .ideaout{ position: relative; z-index: 10; padding: 0.2rem 0.2rem 0 0.27rem; width: 90%; } .footer{ background: #3988E5; width: 5.2rem; height: 1rem; line-height: 1rem; color: #fff; font-size:0.36rem; text-align: center; } .ok:active{ opacity: 0.7; } .foot{ margin-top: 0.8rem; display: flex; justify-content: center; background: #fff; } .dibu{ width: 100%; height:2.7rem ; background: #fff; bottom:0; position: fixed; } ul{ padding: 0.2rem 0 0 0.3rem; list-style: none; } ul li{ margin-bottom: 0.24rem; font-size:0.28rem ; color:#000; font-weight: Medium; } .yan{ color:#3988E5; } .phone span{ font-weight: Medium; } .show { font-weight: Medium; text-align: left; padding-left: 0.32rem; }