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