.main { position: relative; width: 100%; } .main .one { float: left; width: 95%; padding: 0 10px; overflow-x: hidden; margin: 10px 0 0 0; } .main .one .list { float: left; width: 95%; background-color: #fff; border-radius: 5px; padding: 10px; margin: 0 0 10px 0; } .main .one .list .name { float: left; width: 100%; font-size: 14px; font-weight: bold; margin: 0 0 5px 0; } .main .one .list .other { float: left; width: 100%; margin: 0 0 5px 0; } .main .one .list .other .otherInfo { float: left; width: 100%; font-size: 12px; margin: 0 0 5px 0; } .main .one .list .other .otherInfo text:nth-child(1) { color: #666; } .main .one .list .btn { float: left; width: 100%; text-align: center; } .main .one .list .btn button { margin: 0 5px; padding: 0 20px; font-size: 14px; } .dialog_one { float: left; width: 100%; margin: 10px 0 0 0; } .dialog_one .one_1 { float: left; width: 91%; border: 1px solid #ccc; border-radius: 5px; margin: 0 0 10px 0; padding: 10px; } .dialog_one .one_1 text { color: #666; font-size: 14px; } .dialog_one .one_1 text:nth-child(2) { float: right; color: #000; } .dialog_one .one_1 image { float: right; width: 60px; height: 60px; } .dialog_two { float: left; width: 100%; } .dialog_two .content { float: left; width: 100%; border-bottom: 1px solid #ccc; padding: 10px 0; margin: 0 0 10px 0; font-size: 14px; } .dialog_two .content .label { float: left; width: 20%; } .dialog_two .content .value { float: left; width: 80%; text-align: right; } .dialog_two .btn { float: left; width: 100%; text-align: center; } .dialog_two .btn button { font-size: 14px; }