@charset "utf-8";

.listbox,.listleft,.viewbox {
	overflow:visible!important
}
.net_name {
	padding:5px 0 15px
}
.net_name form {
	font-size:14px
}
.net_name ul {
	float:left;
	padding-left:0
}
.net_name ul.right {
	margin-top:5px
}
.net_name li {
	float:left!important;
	padding:2px 0 3px 15px!important;
	width:auto!important;
	line-height:normal!important;
	overflow:visible!important;
	background:0 0!important
}
.net_name li span {
	width:70px;
	float:left;
	line-height:28px;
	padding-left:8px;
	text-align:right
}
.net_name .input {
	background:#fff;
	width:95px;
	height:18px;
	line-height:100%;
	border:0;
	padding:4px 5px;
	border:1px solid #6fb3a7;
	box-shadow:1px 1px 5px #efefef inset
}
.net_name .select {
	position:relative;
	float:left;
	font-size:14px
}
.net_name .select select {
	position:relative;
	z-index:2;
	opacity:0;
	filter:alpha(opacity=0);
	padding:0 7px 0 2px
}
.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 #6fb3a7;
	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(https://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;
	padding-top:10px;
	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:134px;
	height:33px;
	background:url(https://images.yw11.com/net_name/images/ad/sub.png) 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;
	width:242px;
	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;
	float:left;
	position:relative;
	z-index:1;
	margin:7px 0 3px 15px!important;
	clear:both
}
.net_name .born_date span.tit {
	float:left;
	line-height:28px;
	padding-left:8px;
	text-align:right
}
.net_name .born_date .input {
	width:170px
}
.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
}