body {background-color:#f3f3f3; max-width:640px;margin:0 auto;}
.elementwidth{width: 100%;max-width:640px;margin: 0 auto;}
.xf_box{display:none; position:fixed; width:100%; max-width: 640px; bottom: 10%; margin: 0 auto; z-index:9999; text-align:center; }
.search-bg{background: #ffffff none repeat scroll 0 0;display: block;height: 710px;max-width: 640px;overflow-x: hidden;overflow-y: auto;position: fixed;top: 0;width: 100%;z-index: 10}
/*.xz_box { display:none; position:fixed; background-color:#333; padding:10px; width:100%; max-width:640px; top:35%; z-index:9999; text-align:center;}
.xz_con { text-align:center;position: fixed;z-index: 9999;width: 100%; max-width:640px; bottom: 0;padding:40px 20px 20px;background-color: #fff;}*/
.black-bg {background-color: #333;bottom: 0;max-width: 640px;opacity: 0.9;position: fixed;top: 0;width: 100%;z-index: 99;}
.dialog{border:1px solid #ddd;box-shadow:0 3px 9px rgba(0, 0, 0, 0.5);border-radius:4px;background-color:#fff;display:none; width: 100%; max-width: 640px; margin: 0 auto;}
.dialog-mask {background: #000 none repeat scroll 0 0;bottom: 0;display: block;left: 0;margin: 0 auto;max-width: 640px;opacity: 0.8;overflow-x: hidden;overflow-y: auto;position: fixed;right: 0;top: 0;z-index: 10;}
.country-list {position: fixed;width: 100%;max-width: 640px;background-color: #fff;text-align: center;max-height: 300px;bottom: 0;left: 0;z-index: 999}

ul {padding:0;list-style: none;}
.container {background-color:#fff;width:100%;max-width:640px;padding-bottom:10px;}
.form-group{padding-bottom:10px;  max-width: 640px; margin: 0 auto; padding-left: 15px; padding-right: 15px;}
.text-ellipsis {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}