html { height: 100%; }
body { height: 100%; display: flex; margin: 0; background-color: whitesmoke; }
.maincontent { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 24px; }
.maincontent .qr_code{width:250px;height:250px;}
.maincontent .intro { text-align: center; font-size: 20px; margin-top: 20px; }
.maincontent .action_panel { padding: 40px 0; }
.maincontent .action_button { padding: 15px 60px; display: block; background-color: #337ab7; color: white; text-decoration: none; border-radius: 2px; }
.maincontent .notice { /* display: flex; */ }
.maincontent .notice_title { /* width: 80px; */ font-size: 14px; }
.maincontent .notice_content { color: gray; }
.maincontent .tip { margin-top: 10px; }
.maincontent .tip_title { font-size: 15px; }
.maincontent .tip_content { text-indent: 30px; padding-top: 6px; line-height: 16px; color: gray; }
.maincontent .para { font-size: 12px; border-top: 1px dotted lightgray; padding-top: 12px; }
.maincontent .nick_name { font-weight: bold; color: red; }


.view_udid { flex-direction: column; align-items: center; justify-content: center; background-color: white; }
.view_udid .title { color: gray; }
.view_udid .udid_value {/* font-size: 28px; */padding: 13px 6px;font-size: 16px;margin: 10px 0;user-select: text;background-color: whitesmoke;color: red;font-weight: bold;}