.container{ width: 100%; height: 100%; position: fixed; top: 0; } .top{ width: 100%; height: 0.45rem; background: #FFAA48; padding: 0 0.16rem; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; font-size:0.17rem; color:#FFFFFF; } .join_top{ width: 100%; height: 0.67rem; background: #FFAA48; } input{ border: 0; } /*发布内容*/ .release_con{ width:3.55rem; /*color: #FFFFFF;*/ background: #FFFFFF; border-radius:0.04rem; margin: auto; margin-top: -0.67rem; font-size: 0.15rem; padding: 0 0.16rem; box-sizing: border-box; } .release_con .title{ width:3.23rem; color:#606060; font-size:0.17rem; line-height:0.24rem; padding-bottom: 0.13rem; padding-top: 0.29rem; border-bottom:#D8D8D8 0.01rem solid ; } .release_con .title::-webkit-input-placeholder{ font-size:0.17rem; color:#CACACA; } .release_con .content{ width:3.23rem; height: 5.25rem; padding: 0.12rem 0.1rem; font-size:0.12rem; color:#888888; line-height:0.17rem; letter-spacing: 0.005rem; border: 0; padding-bottom: 0.3rem; box-sizing: border-box; } .release_con .bottom{ width: 100%; height: 0.67rem; padding-top: 0.14rem; box-sizing: border-box; } #image,#video{ width: 0.35rem; height: 0.35rem; outline: none; /*background-color: transparent; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;*/ cursor:pointer; color: red; } /*提示*/ .alert-info {position: absolute;top: 2.74rem; right: 0; left: 0;bottom: 0; text-align: center;z-index: 99;} .alert-info p {display: inline-block;height: 0.38rem;color: #fff;font-size: 0.14rem;line-height: 0.38rem;padding: 0 0.10rem;background-color: rgba(0, 0, 0, 0.7);border-radius: 5px;}