.main { position: relative; width: 100%; background-color: #ffffff; } .main .one { float: left; width: 95%; padding: 0 10px; } .main .one .content { float: left; width: 100%; border-bottom: 1px solid #ccc; padding: 10px 0; } .main .one .content .label { float: left; width: 30%; } .main .one .content .value { float: left; width: 70%; text-align: right; } .main .one .members { float: left; width: 100%; margin: 5px 0; } .main .one .members .members_1 { float: left; width: 100%; } .main .one .members .members_1 text { display: inline-block; margin: 4px 0; } .main .one .members .members_1 button { font-size: 14px; float: right; } .members_2 { float: left; width: 100%; } .members_2 .membersList { float: left; width: 22%; height: 80px; border: 1px solid #ccc; border-radius: 90px; text-align: center; margin: 0 10px 10px 0; position: relative; } .members_2 .membersList:nth-child(4n) { margin: 0 0 10px 0; } .members_2 .membersList .iamge { width: 40px; height: 40px; overflow: hidden; margin: 5px 0; border-radius: 90px; } .members_2 .membersList .nickname { font-size: 14px; } .members_2 .membersList .del{ position: absolute; top: 0; right: 0; width: 20px; height: 20px; } .main .one .btn { position: absolute; bottom: 10px; width: 100%; text-align: center; } .main .one .btn button { margin: 0 10px; font-size: 14px; } .dialog_one { float: left; width: 100%; } .dialog_one .userList { float: left; width: 93%; padding: 10px; border-bottom: 1px solid #ccc; } .dialog_one .userList text { float: left; text-align: left; font-size: 14px; } .dialog_one .userList checkbox { float: right; } .dialog_one .btn { float: left; width: 100%; text-align: center; margin: 5px 0; } .dialog_one .btn button { padding: 0 10px; font-size: 14px; }