@charset "utf-8";
.dis_flex{ display: flex; }
.flex{ flex: 1; }
.listbox,.listleft,.viewbox {overflow: visible!important }
.net_name {padding: 10px 0 15px }
.net_name form {font-size: 14px }
.net_name ul { padding: 0 0 15px;}
.net_name ul.right {margin-top: 5px }
.net_name li { padding:0!important; width: auto!important; height: auto!important; line-height: normal!important; overflow: visible!important; background: 0 0!important;border:0px!important; display: inherit!important;}
.net_name li span.tit {width: 70px; float: left; line-height: 28px; text-align: right }
.net_name .input {background: #fff; width:100%; height:28px; line-height: 100%; border: 0; padding: 4px 5px; border: 1px solid #006B5D; box-shadow: 1px 1px 5px #efefef inset; box-sizing: border-box;}
.net_name .select {position: relative; font-size: 14px;}
.net_name .select select {position: relative; z-index: 2; opacity: 0; filter: alpha(opacity=0); padding: 0 7px 0 2px; width:100%;}
.net_name .select em {padding: 0 25px 0 8px; position: absolute; left: 0; right: 0; top: 0; height: 26px; line-height: 26px; background: #fff; color: #13302b; border: 1px solid #006B5D; text-align: left; box-shadow: 1px 1px 5px #efefef inset }
.net_name .select em b {font-weight: 400; white-space: nowrap }
.net_name .select em i {width: 7px; height: 4px; background: url(http://images.yw11.com/net_name/images/ad/icon.png) no-repeat 4px 11px; padding: 11px 4px; border: 1px solid #447a71; position: absolute; top: -1px; right: -1px; bottom: -1px }
.net_name .select select {height: 28px }
.net_name .sub {text-align: center; clear: both }
.net_name .sub .submit {margin: 0; float: none }
.net_name .guanbi {position: absolute; right: 0; top: 0; font-size: 24px; line-height: 1; cursor: pointer; padding: 0 6px; color: #fff }
.net_name .submit {width: 138px; height: 37px; background: url(https://www.yw11.com/images/qiming.gif) no-repeat; border: 0; float: left; cursor: pointer; margin-left: 9px }
.net_name .tz_box {position: absolute; top: 35px; bottom: auto; background: rgba(0,30,25,.9)!important; filter: Alpha(opacity=90); background: #001e19; left: 0; right:0; padding: 7px 10px 9pt; border-radius: 3px; display: none }
.net_name .tz_box label {float: left; padding: 3px 10px; background: #ccc; color: #333; font-size: 9pt; margin: 5px 5px 0 0; border-radius: 22px; cursor: pointer; line-height: 1pc }
.net_name .tz_box label input {display: none }
.net_name .tz_box label:hover {background: #bbb }
.net_name .tz_box label.on {background: #789e88; color: #fff }
.net_name .tz_box span {width: 30px; height: 30px; background: #000; color: #999; font-size: 22px; text-align: center; line-height: 30px; position: absolute; top: -10px; right: -10px; padding: 0!important; border-radius: 50%; cursor: pointer }
.net_name .tz_box span:hover {color: #fff }
.net_name .tz_box p {margin: 0; font-size: 9pt; clear: both; text-align: left; padding-top: 5px; color: #fff }
.net_name .select.on .tz_box {display: block}
.net_name .born_date {text-align: left; position: relative; z-index: 1; margin: 0 0 15px;}
.net_name .born_date span.tit { line-height: 28px; text-align: right }
.net_name .datetime-selector {position: absolute; left: 78px; top: 0; width: 380px; border: 1px solid #dedede; border-radius: 3px; background: #fff; display: none }
.net_name .datetime-selector .hd {height: 2pc; line-height: 2pc; position: relative }
.net_name .datetime-selector .hd .f_l {padding: 0 4pc 0 4px; color: #999 }
.net_name .name_input .datetime-selector .hd .f_l span {padding: 0 1px; color: #eb4b01; float: none; display: inline-block; vertical-align: top }
.net_name .datetime-selector .hd .f_r {position: absolute; top: 2px; right: 2px }
.net_name .datetime-selector .hd .f_l span {padding: 0 1px; color: #eb4b01; float: none; display: inline-block; vertical-align: top }
.net_name .datetime-selector .btn-ok {display: inline-block; padding: 4px 1pc; color: #fff; cursor: pointer; background: #eb4b01; border-radius: 4px; vertical-align: top; line-height: 20px }
.net_name .datetime-selector .bd {font-weight: 400; border-bottom: 1px solid #dedede; overflow: hidden }
.net_name .datetime-selector .bd dl {width: 18%; float: left; padding: 1px; border-left: 1px solid #dedede }
.net_name .datetime-selector .bd dl.item01 {width: 23.74714183%; border: 0 }
.net_name .datetime-selector .bd dt {display: block; height: 20px; line-height: 20px; text-align: center; background: #e6e6e6; color: #333 }
.net_name .datetime-selector .bd dd::-webkit-scrollbar-track {border-radius: 4px; background-color: #f1f1f1 }
.net_name .datetime-selector .bd dd::-webkit-scrollbar {width: 6px; background-color: #f1f1f1 }
.net_name .datetime-selector .bd dd::-webkit-scrollbar-thumb {border-radius: 4px; background-color: #c1c1c1 }
.net_name .datetime-selector .bd dd::-webkit-scrollbar-thumb:hover {background-color: #a8a8a8 }
.net_name .datetime-selector .bd dd {height: 150px; overflow-y: auto; margin: 6px 0; position: relative }
.net_name .datetime-selector .bd dd label {cursor: pointer; display: block }
.net_name .datetime-selector .bd dd input {display: none }
.net_name .datetime-selector .bd dd span {display: block; float: none; padding: 0; text-align: center; height: 30px; line-height: 30px; border-radius: 3px; color: #333 }
.net_name .datetime-selector .bd dd .on span {background: #eb4b01; color: #fff }
.net_name .born_date.on .datetime-selector {display: block }