@charset "utf-8";
.modal-select{color: #777171;height: 48px;line-height: 48px;border: 1px solid #dddddd;padding-left: 10px;margin-left: 18px;width:635px;}
.modal-body .select .row{ margin:0; border-bottom:1px dashed #CCC; margin-top:10px;}
.modal-body .select .row:first-child{ margin-top:-7px;}
.modal-body .select .row .title{ width:120px; float:left; padding:5px 10px 0 5px}
.modal-body .select .row .title span{ color:#428BCA;}
.modal-body .select .row .selected{ width:660px; float:left; min-height:38px;}
.modal-body .select .row .selected a{ padding:0 5px; margin:5px 5px 5px 0; white-space:nowrap; line-height:26px; display:inline-block; border:1px solid #CCC; color:#333}
.modal-body .select .row .selected a i{ font-style:normal; margin-left:3px;}
.modal-body .select .row .selected a:hover{ text-decoration:none;}
.modal-body .select .row ul{ width:660px; float:left;}
.modal-body .select .row ul li{ width:220px; float:left; margin:1px 0; position:relative;}
.modal-body .select .row ul li label{ font-size:12px; cursor:pointer; color:#595757; position:relative; padding-left:15px;}
.modal-body .select .row ul li label input{ position:absolute; top:-2px; left:0px;}
.modal-body .select .row ul li a{ color:#595757; font-size:12px;}
.modal-body .select .row ul li ol.sub{ border:1px solid #CCC; width:470px; padding:0 10px; position:absolute; top:25px; background:#FFF; z-index:1; display:none; border:1px solid rgba(0,0,0,0.15); border-radius:4px; -webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175); box-shadow:0 6px 12px rgba(0,0,0,0.175); -webkit-background-clip:padding-box; background-clip:padding-box;}
.modal-body .select .row ul li ol.sub:before{ position:absolute; top:-7px; display:inline-block; border-right:7px solid transparent; border-bottom:7px solid #ccc; border-left:7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: '';}
.modal-body .select .row ul li ol.sub:after{ position:absolute; top:-6px; display:inline-block; border-right:6px solid transparent; border-bottom:6px solid #fff; border-left: 6px solid transparent; content: '';}
.modal-body .select .row ul li ol.sub.left{ left:5px;}
.modal-body .select .row ul li ol.sub.left:before{ left:9px;}
.modal-body .select .row ul li ol.sub.left:after{ left:10px;}
.modal-body .select .row ul li ol.sub.middle{ left:-200px;}
.modal-body .select .row ul li ol.sub.middle:before{ left:209px;}
.modal-body .select .row ul li ol.sub.middle:after{ left:210px;}
.modal-body .select .row ul li ol.sub.right{ right:0px;}
.modal-body .select .row ul li ol.sub.right:before{ left:259px;}
.modal-body .select .row ul li ol.sub.right:after{ left:260px;}
.modal-body .select .row ul li ol.sub.bottom{ margin-top:-122px; -webkit-box-shadow:0 -6px 12px rgba(0,0,0,0.175); box-shadow:0 -6px 12px rgba(0,0,0,0.175);}
.modal-body .select .row ul li ol.sub.bottom:before{ bottom:-7px; top:auto; border-top:7px solid #ccc; border-top-color: rgba(0, 0, 0, 0.2); border-bottom:none;}
.modal-body .select .row ul li ol.sub.bottom:after{ bottom:-6px; top:auto; border-top:6px solid #fff; border-bottom:none;}
.w820{width:820px;!important;}
.modal-header .button {position: absolute;top: 10px;right: 10px;}
.modal-header .button .btn{ padding:2px 10px; margin:0 5px;}
.modal-select h4{height: 48px;line-height: 48px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #777171;margin: 0;font-size: 14px;text-align: center;}
.modal-dialog { margin: 150px auto;margin-top:50px;}
.modal-body .city_select .data-container{margin: 0px 25px;border: 1px solid #efefef;height: 400px;box-sizing: border-box;padding-top: 20px;background: #f8f8f8; color: #5f5d5d;margin-bottom: 20px; }
.modal-body .city_select .row{margin-left:0px;margin-right:0px;display: inline-block;margin-bottom: 30px;}
.modal-body .city_select .row .title{display: inline-block;padding:0px 15px;}
.modal-body .city_select .city_list{}
.modal-body .city_select .city_list .title{display: inline-block;padding: 4px 18px;margin-bottom: 8px; }
.modal-body .city_select .city_list .title:hover{background: #83dbf6;color:#ffffff;}
.modal-body .city_select .city_list .checked{background: #0bb0f8;color: #ffffff;}
.modal-body .city_select .data-tabs{margin-left:25px;}
.modal-body .city_select .data-tabs ul li{float: left;position: relative;border-width: 1px 1px 0 1px;border-color: #d9d9d9;border-style: solid;line-height: 26px;margin-right: -1px;border-radius: 2px;}
.modal-body .city_select .data-tabs ul li a{display: block;padding: 0 22px;color: #333;}
.modal-body .city_select .selected .sub_city_name{margin:0px 10px;background: #0bb0f8;color: #ffffff;padding: 4px 8px;cursor: pointer;}
.modal-body .verify_phone_main{padding: 0px 20px;}
.modal-body .verify_phone_main .item{margin-top:15px;}
.modal-body .verify_phone_main .login_input{width: 170px;height:38px;line-height:38px;background-color: #ffffff;padding-left: 20px;box-sizing: border-box;border: 1px solid #dddddd;}
.modal-body .verify_phone_main .get_code{background: #0cb0f8;color: #ffffff;height: 40px;line-height: 40px;border: 0px;margin-left: -4px;padding: 0 15px;}
.alert_button_confirm_ok{background: #2ba6e1;color:#ffffff;font-size: 14px; height:38px;line-height: 38px;width: 125px;text-align: center;cursor: pointer;border: 0px;}
.alert_button_confirm_cancel{background-color: #ffffff;color: #9f9f9f;border: 1px solid #cacaca;font-size: 14px; height:38px;line-height: 38px;width: 125px;text-align: center;cursor: pointer;}
.alert_button_confirm_cancel:hover{background: #F5F5F5;}
.Modal-content{ width:422px; height:520px;position: absolute;top:50%; left:50%;margin:-260px 0 0 -211px; background: #fff;text-align: center;padding:24px 30px 20px;}
.Modal-content .title{ color:#666; font-size: 16px; margin-bottom: 10px;}
.Modal-content .sub_title{ color:#9fa0a0;font-size: 14px;margin-bottom: 12px;  }
.Modal-content .close{position:absolute;top:15px; right:15px;cursor: pointer;}
.imageBox {position: relative;height: 363px;width: 363px;border:1px solid #aaa; background: #fff;overflow: hidden;background-repeat: no-repeat;cursor:move;}
.imageBox .thumbBox { position: absolute; top: 50%;left: 50%; width: 206px; height: 206px; margin-top: -103px; margin-left: -103px; box-sizing: border-box; border: 1px solid rgb(102, 102, 102); box-shadow: 0 0 0 1000px rgba(49,58,65,.6);background: none repeat scroll 0% 0% transparent;}
.imageBox .spinner {position: absolute; top: 0;left: 0;bottom: 0;right: 0;text-align: center; line-height: 363px;background: rgba(49,58,65,.6); }
.action input{ width:128px; height:30px; background: #f8951d;color:#fff; font-size: 14px; border:0; padding:0; cursor: pointer; outline: none;}
.head_pic_error{ color:red; height:30px; line-height:30px; }