body,html{ background: #f1f2f3;}
a{color: #333;}
a:hover{color: #333;}
a:visited{color: #333;}
.modular{ width: 100%; display: inline-block; }
.warp{ text-align: center; margin-top: 20px;}
.main{width: 1200px; display: inline-block;}

.w-item { min-height: 32px; height: auto; line-height: 32px; margin-top: 14px; font-size: 12px; color: #666;}
.w-item .w-label, .w-item .w-div, .w-item .w-input, .w-item .w-select, .w-item .w-select-l { display: inline-block; vertical-align: top;}
.w-item .w-label { width: 200px; height: 32px; text-align: right;}
.w-item .w-div { width:calc(100% - 240px);}
.w-item .w-input, .w-item .w-input-s { width: 218px; height: 30px; padding: 0 10px; border: 1px solid #e9e9e9; vertical-align: top;}
.w-item .w-input-s { width: 100px;}
.w-item .w-select, .w-item .w-select-l { width: 108px; height: 32px; border: 1px solid #e9e9e9; outline: 0 none; }
.w-item .w-select-l { width: 240px;}
.safe-setting-box { width:calc(100% - 240px); margin: 40px auto;}
.safe-level { padding-bottom: 8px; border-bottom: 1px dashed #e9e9e9;}
.safe-level strong { font-size: 14px;}
.safe-level .level { display: inline-block; width: 78px; height: 12px; background: #ccc; vertical-align: middle;}
.safe-level .level-on { background: #03b4f5;}
.c-blue { color: #03b4f5;  }
.w-item .tips{ line-height: 24px; margin-left: 140px;}
.w-item .btn { text-align: center }
.w-item .btn input{  height: 30px; line-height: 28px; background: #fff;  border: 1px solid #c7c7c7; text-align: center; font-size: 12px; width: 100px; border-radius: 15px; color: #999; margin-top: 5px; cursor: pointer;}
.w-item .btn .submit{ margin-right: 10px; display: none}
.w-item .btn input:hover{background:#03B4F5; border: solid 1px #03B4F5; color: #fff;}
#userNick,#realName,#realCard{display: none}
.g-btn{ cursor: pointer;}