@charset "utf-8";
.enter-need-box{
  width: 472px;
}
.web-server {
	box-sizing: border-box;
	padding: 16px 0 0;
	background: rgba(1, 1, 1, .65);
	background: url(../images/v2/hui_black08_bg.png) repeat 0 0\9;
	border: 1px solid #879eba;
	box-shadow: inset 0 0 0 1px #808080, inset 0 0 0 2px #879eba;
	height: 560px;
	color: #fff;
	font-size: 14px;
}
.need-custon-dialog.layui-layer .layui-layer-content{
  overflow: visible;
  background: none;
}

.web-server-hd {
	left: 48px;
	top: 0;
	margin-top: -26px;
	background: #10345c;
	padding: 0 42px;
	border: 1px solid #879eba;
	box-shadow: inset 0 0 0 1px #808080, inset 0 0 0 2px #879eba;
	border-radius: 42px;
	line-height: 46px;
	color: #fff;
	font-size: 25px;
}

.web-server-ct {
	padding: 24px 22px;
}

.help-finish-panel em.pa {
  border-right: dashed 1px #fff;
  top: 40px;
  left: 20px;
  bottom: 0;
}

.notice-icon-circle {
  display: inline-block;
  width: 30px;
  height: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #fff;
  border-radius: 100%;
  color: #555;
}

.help-finish-panel {
  padding-top: 22px;
}

.help-finish-panel li {
  position: relative;
  padding-bottom: 22px;
  padding-left: 52px;
  min-height: 40px;
  line-height: 40px;
  font-size: 20px;
  color: #fff;
}

.help-finish-panel dl{
  color: #000;
  font-size: 14px;
}
.help-finish-panel em.pa {
  border-right: dashed 1px #fff;
  top: 40px;
  left: 20px;
  bottom: 0;
}
.fl{
  float: left;
}
.fr{
  float: right;
}
.tc{
  text-align: center;
}
.layui-form-select .layui-input, .layui-input {
  background: none;
  color: #fff;
  font-size: 16px;
  border: solid 2px #fff;
  height: 40px;
  border-radius: 45px;
}

.layui-form-select .layui-input::-webkit-input-placeholder {
  color: #cbcbcb
}

.layui-input::-webkit-input-placeholder {
  color: #cbcbcb
}

.layui-form-select .layui-edge {
  border-top-color: #fff;
}

.layui-form-select dl dd.layui-this, .layui-laydate td.layui-this {
  background: #042659!important;
}
.layui-form-select dl{
  padding: 0;
}
.pa.ipt-icon-circle {
  z-index: 15;
  top: 0;
  left: 0;
}

.ipt-icon-circle {
  display: inline-block;
  background: #1d1d1d;
  border-radius: 100%;
  border: solid 2px #fff;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 26px;
}

.help-finish-btn {
  background: #009fe8;
  color: #fff;
  padding: 0 56px;
  font-size: 18px;
  height: 43px;
  border: 0;
  border-radius: 43px;
}
.help-finish-btn:hover{
  background: #028ac8;
}
.pr{
  position: relative;
  z-index: 9;
}
.pa{
  position: absolute;
  z-index: 8;
}
.need-choose-list{
  display: none;
  position: absolute;
  top: 42px;
  left: 10px;
  right: 25px;
  padding: 6px 0;
  background: #fff;
  color: #333;
  font-size: 14px;
  line-height: 30px;
}
.need-choose-list span{
  float: left;
  box-sizing: border-box;
  width: 25%;
  padding-left: 14px;
}
.need-choose-list .iconfont:before{
  margin-right: 6px;
  font-weight: bold;
}
.need-choose-list .iconfont.checked:before{
  content: '\e60b';
}
.citySelector{font:12px/1.5 tahoma,arial,\5b8b\4f53;background:#fff;text-align:left;
  z-index: 9999999999!important;}
.cityslide{width:250px;list-style:none;margin:0;padding:0;border:1px solid #B3CDC0;box-shadow:2px 2px 3px rgba(0,0,0,0.3);overflow:auto;max-height:300px;}
.cityslide li{list-style:none;overflow:hidden;height:30px;padding:0px 10px;line-height:30px;}
.cityslide li.on{background:#042659;color:#fff;cursor:pointer;}
.cityslide li:hover{background:#042659;color:#fff;cursor:pointer;}
.cityslide li b{font-weight:normal;}
.cityslide li.empty{background:#fff2e8;color:#666;}
.cityslide li.empty em{color:red;font-style:normal;}
.cityname{float:left;}
.cityspell{float:right;}
.cityBox{width:380px;border:1px solid #B3CDC0;overflow:hidden;box-shadow:2px 2px 3px rgba(0,0,0,0.3);}
.cityBox ul{margin:0;padding:0;overflow:hidden;}
.cityBox ul li:first-child{margin-left:5px;}
.cityBox ul li{float:left;list-style:none;padding:5px;border-bottom:1px solid #DDD;cursor:pointer;display:inline;color:#042659;}
.cityBox ul li.on{border-bottom-color:#042659;position:relative;}
.hide{display:none;}
p.tip{color:#999;line-height:20px;padding:5px;margin:0;text-indent:3px;}
.hotCity{border-top:1px solid #DDD;margin-top:-1px;clear:left;overflow:hidden;padding-bottom:10px;padding-top:10px;_margin-bottom:8px;}
.cityTab{overflow:hidden;}
.cityTab dl{margin:0;padding:0 0 0 10px;overflow:hidden;}
.cityTab dl dt{float:left;padding-left:3px;color:#042659;margin-top:1px;text-indent:5px;font-family:"Lucida console","consolas","courier new";line-height:25px;font-size:14px;width:20px;}
.cityTab dl dd{margin-left:2px;float:left;width:335px;}
.cityTab dl dd a{padding-left:5px;min-width:66px;line-height:25px;display:inline-block;color:#333;text-decoration:none;}
.cityTab dl dd a:hover{color:#042659;}


/* 验证码 start*/
.submit-code-btn{
	width:300px;
	background-color:#FFB800;
	color:white;
}
.agreement-check{
	margin-top: 10px;
	background-color:#1E9FFF
}
.agreement-detail{
	display: inline-block;
	font-size: 12px;
	line-height: 18px;
}
.ver-code-div{
	width:500px;
}
.ver-code-msg{
	background-color:#1E9FFF;
	color:white;
	width:100%;
	height:50px;
	line-height:40px;
	font-size:20px;
	text-align:center;
	margin-bottom:20px;
}
.phone-msg{
	color:#FFB800;
	font-size:16px;
}
.send-code-btn{
	background-color:#1E9FFF
}
.rg-btn-send.disabled{background: #f7dd9a;}

.icon-close{
	z-index: 19;
    right: 10px;
    top: 10px;
    font-size: 24px;
    cursor: pointer;
}
/* 验证码 end*/ 
/* 需求弹窗样式*/
.J_now_inquiry_common{
	padding-top: 30px;
    background: rgba(0,0,0,0);
}
.J_now_body{
	background: transparent;
}