@CHARSET "UTF-8";

/*Reset begin*/
body, div, ul, li, p, form, input {
	margin: 0;
	padding: 0;
}

html, body {
	overflow: hidden;
}

body {
	/*font: 14px arial, sans-serif;*/
	line-height: 160%;
}

li {
	list-style: none;
}

img, fieldset, iframe {
	border: 0;
}

input, button, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	*font-size: 100%;
}

input, select, img {
	vertical-align: middle
}

em {
	font-style: normal;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #f00;
	text-decoration: underline
}

.clear {
	-zoom: 1;
	clear: both;
	overflow: hidden
}

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
}

.clear_ {
	clear: both;
	height: 0;
	overflow: hidden
}

.left {
	float: left;
}

.center {
	float: left;
}

.right {
	float: right
}

.pos_rel {
	position: relative
} /*Reset end*/ /*public begin*/
.content {
	width: 100%;
	height: auto;
	margin: auto;
} /*public end*/
.LogoCon {
	margin: 10px 10px;
}

.LogoCon .logo {
	width: 160px;
	float: left;
}

.LogoCon .search {
	padding-top: 30px;
	float: left
} /*map 专用 begin*/
.LogoCon .map_search {
	position: relative;
	height: 35px;
	font: 16px arial, sans-serif;
	margin-top: 20px;
	padding-top: 0;
	background: url("../Images/tabimg.gif") no-repeat scroll 0 -65px
		transparent;
}

.LogoCon .map_search .text {
	width: 350px;
	border: 1px solid #CFD3D2;
	height: 19px;
	*height: 17px;
	margin: 3px 0 0 3px;
	padding: 3px;
	color: #8C8C8C
}

.LogoCon .map_search .button {
	font-size: 14px;
	height: 26px;
	margin: 3px 0 0 7px;
	width: 76px;
}

.dt_nav {
	color: #333;
	height: 23px;
	line-height: 23px;
	padding-left: 8px;
	background: #E5ECF9;
	padding-right: 10px;
	overflow: hidden
}

.dt_nav .result {
	float: right;
	color: #7797d3
}

.dt_nav .nav li {
	height: 20px;
	float: left;
	background: url(../Images/map_bj1.gif) no-repeat left top #fff;
	margin: 3px 10px 0 0;
	padding-left: 6px;
}

.dt_nav .nav li .l {
	float: left;
}

.dt_nav .nav li .r {
	display: block;
	width: 6px;
	height: 20px;
	float: left;
	background: url(../Images/map_bj1.gif) no-repeat right -20px;
}

.dt_nav .nav li b {
	font-size: 14px;
}

.dt_nav .nav li a {
	text-decoration: underline;
	color: #00C;
	cursor: pointer;
}

.dt_nav .nav li a:hover {
	text-decoration: underline;
	color: #00C
}

#wrapper {
	position: relative;
	overflow: hidden;
	width: 100%
}

#MapInfo {
	color: #333;
	width: 265px;
	position: absolute;
	top: 0;
	right: 0;
	background: #fff;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 10;
	padding: 10px 7px 10px 8px;
}

#MapHolder {
	background: #ccc;
	left: 0;
	position: relative;
	margin-right: 280px;
	margin-top: 2px;
	z-index: 0
}


#moreCityPop {
	position: relative;
	margin-top: 5px;
	padding-left: 8px;
}

#moreCityPop .resultMore {
	background: url(../Images/list_more.gif) no-repeat right 6px;
	padding-right: 11px;
	margin-top: 8px;
}

#moreCityPop a {
	color: #0000CC;
	text-decoration: underline;
	outline: none;
	cursor: pointer;
} /*Search Results list*/ /*infoWindow 气泡 begin*/
.iwTitle {
	color: #CC5522;
	font-size: 14px;
	font-weight: bold;
	white-space: nowrap;
}

.iwContent {
	
}

.iwContent p {
	position: absolute;
	padding-left: 50px;
}

.iwContent em {
	position: relative;
	top: 0;
	left: 0;
} /*infoWindow 气泡 end*/ /**map浮动层**/
.map_popup {
	position: absolute;
	z-index: 200000;
	left: 0;
}

.map_popup .popup_main {
	border: 1px solid #8ba4d8;
	z-index: 2;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #FFF;
	overflow: hidden
}

.map_popup .poput_shadow {
	width: 100%;
	height: 100%;
	background: #505050;
	border: 1px solid #505050;
	position: absolute;
	left: 2px;
	top: 3px;
	z-index: 1;
	opacity: 0.4;
	filter: alpha(opacity = 40)
}

.map_popup .title {
	background: url(../Images/popup_title.gif);
	height: 24px;
	line-height: 25px;
	font-size: 12px;
	font-weight: bold;
	color: #6688cc;
	padding-left: 7px
}

.map_popup button {
	position: absolute;
	top: 6px;
	right: 4px;
	width: 12px;
	height: 12px;
	background: url(../Images/popup_close.gif) no-repeat;
	border: 0;
	cursor: pointer
} /*城市列表*/
.sel_city a {
	margin-right: 8px;
	text-decoration: underline;
	color: #00C;
	cursor: pointer;
}

.sel_city a:hover {
	text-decoration: underline;
	color: #00C
}

.sel_city a.black {
	color: #000;
}

.sel_city a.black:hover {
	color: #000;
}

.selCityInput {
	padding: 10px;
}

.selCityInput input {
	margin-right: 5px;
}

.selCityInputT {
	color: #8C8C8C;
} 
/*头部坐标反查*/
.pointLabel {
	font-size: 12px;
	margin: 5px 0 0 5px;
	*margin-left: 0;
	cursor: pointer;
}

.pointLabel input {
	margin-right: 3px;
	*margin-right: 0;
}

.searchTip {position: absolute; left: 10px; bottom: -18px; font-size: 12px; color: #f00; }


/*匹配规则弹窗*/
span.shijian{background: #efefef; border-radius: 20px; padding: 0 15px; display: inline-block; font-size: 0.9rem; color: #8a8988; margin: 0 3px; border: 1px solid #efefef; }
.rule_h{font-size: 14px; width:auto; font-weight: normal; display: inline-block; text-align: right; }
.rules{display: inline-block; width: calc( 100% - 76px); vertical-align: text-top; margin-top: -12px;}
.rules span {display:inline-block; padding: 0 15px; margin:8px 8px 0 0; background: #f4f7f9; color: #478bf3 !important; border: 1px solid #a0c0f1; border-radius: 20px; font-size: 0.9rem; box-sizing: border-box; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rule-only{margin-left: 6px; }

#log_list li{padding:8px 20px; overflow:hidden; border-bottom: 1px #ececec solid; }
#log_list li p{color:#666; }
#log_list  small {font-size: 0.8rem; color: #bababa; }
#log_list  .fr{float:right;}
#log_list  .color-success {color: #5095ff; }
#log_list .color-fail {color: #f00; }
#log_list .color-inof {color: #666; }
.mat-tl15{margin-top: 15px; margin-left: 15px; }
.radio-box .layui-form-radio{display:none;}
.radio-box .layui-form input[type=checkbox], .radio-box .layui-form input[type=radio]{display:block; }
.radio-box label{display: inline-block; position: relative; width: auto; height: 30px; line-height: 30px; padding: 0 15px; border: 1px solid #dedede; vertical-align: bottom; cursor:pointer;position:relative; }
.radio-box label input{display:block !important;border: none; background: none; -webkit-appearance: none; outline: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #f7f7f7; z-index: -1; }
.radio-box i{font-size:13px; }
.radio-box a{color:#999; cursor:pointer; margin-left:20px; font-size:12px; }
.radio-box label input:checked {background: url(../images/radio-yes.png) no-repeat bottom right #edfefc; background-size: 25px; z-index: -1; }


.table-box{display:table;}
.table-cell{display:table-cell;padding-left: 5px;}
.label-h{display: inline-block; width: 65px; vertical-align: text-top; margin-top: 3px;}
.rules + div{margin-left:0 !important;}

.layui-layout-right .layui-nav-item a.notice{padding:0 20px;}
.notice i.layui-icon-notice{font-size: 20px;position:relative;color:#fff;display: block;  margin-top: 4px;}
.notice i  span.layui-badge-dot{margin: -11px -3px 0;right:0;}


.send-btn-list{text-align:center;}
.send-btn-list > div{display:inline-block;margin:10px;}
.send-btn-list #true_btn{margin-top:10px;}

/*layui框架修改*/
i{font-style:inherit;}
i:not(.layui-icon):hover,i:hover font{color: #f00!important;}
i:not(.layui-icon):hover:before{color:inherit!important;}
.layui-layer-page .layui-table-view{margin:10px;}
.layui-layer-rim{border:0 !important;}

 .layui-layer-title{background-color: #393d49!important;color: #fff !important; }
 #select_phone_type .layui-form  label{width:60px;display:block;float:left;line-height:22px;text-align:right;padding-top:4px;}
 #select_phone_type .layui-form  label + div{padding-left: 80px !important;}
 #select_phone_type .layui-form-radio{margin-top:2px;}
 .layui-table-cell a{color:#009688;}
 .layui-logo img{height:34px;}
 .layui-field-title img{max-width:65%;max-height:55px;}
 .layui-layer{margin-top:10px !important;}

 .layui-side-scroll::-webkit-scrollbar{display: none; }
.icon-18{font-size:17px;}
.layui-body.active{z-index:9999 !important;}

/*个人画像弹窗*/
.grhx_pop{width:1000px; background:#f9f9f9; padding:10px; box-sizing: border-box; color:#999; }
.grhx_pop_top{display:flex; margin-bottom:10px; }
.grhx_pop_top > div{border:1px solid #eee; background:#fff; flex:1; }
.grhx_pop_bot > div{border:1px solid #eee; background:#fff; }
.grhx_info_left{text-align:center; }
.grhx_info_left img{width: 54px; margin-top: 12px; }
.grhx_info_left p{margin:0 16px; display:inline-block; }
.grhx_info_left .text > div{line-height: 35px; color:#c8c8c8; }
.grhx_info_right .img{width: 40%; float: left; text-align: center; padding: 30px 0; }
.grhx_info_right .img img{width: 55%; }
.grhx_info_right .text{width:60%; float:right; padding: 30px 0; }
.grhx_info_left .text{padding: 0 0px; }
.grhx_pop_top .text p{line-height: 24px; text-align: left; }
.grhx_info_left{margin-right:5px; }
.grhx_info_right{margin-left:5px; }
.grhx_h{text-align: center; font-size: 14px; line-height: 35px; border-bottom: 1px solid #eee; }
.grhx_pop_bot{display:flex; }
.grhx_zc,.grhx_app{width:28%;margin-right:16px;}
.grhx_hobby{flex:1;}
.grhx_zc img{width: 32px; vertical-align: middle; margin-right: 16px; }
.grhx_zc p{line-height:45px; }
.grhx_zc .text{padding:45px 30px; }
.grhx_app{text-align:center; }
.grhx_app img{width:46px; }
.grhx_app p{line-height:24px; }
.grhx_app li{width:33.33%; float:left; margin-bottom:16px; }
.grhx_app .text{padding:30px 0 20px; overflow:hidden; }
.bubble{width:90%; height:calc( 90% - 50px); margin:5% auto; position:relative; }
.bubble li{position:absolute;list-style:none;text-align:center;border-radius:50%;color:#fff;overflow:hidden;}
.bubble li:nth-of-type(4n+1){animation:animation1 5s infinite;}
.bubble li:nth-of-type(4n+2){animation:animation2 5s infinite;}
.bubble li:nth-of-type(4n+3){animation:animation3 5s infinite;}
.bubble li:nth-of-type(4n+4){animation:animation4 5s infinite;}
@keyframes animation1{
	0%, 100% {transform: translate(0,0);}
	20% {transform: translate(0,16px);}
	40% {transform: translate(-16px,16px);}
	60% {transform: translate(0px,0px);}
	80% {transform: translate(0px,-16px);}
}
@keyframes animation2{
	0%,100%{transform:translate(0,0);}
	20%{transform:translate(0,-16px);}
	40%{transform:translate(0,16px);}
	60%{transform:translate(16px,0px);}
	80%{transform:translate(16px,-16px);}
}
@keyframes animation3{
	0%,100%{transform:translate(0,0);}
	20%{transform:translate(-16px,0);}
	40%{transform:translate(16px,0);}
	60%{transform:translate(0px,16px);}
	80%{transform:translate(-16px,16px);}
}
@keyframes animation4{
	0%,100%{transform:translate(0,0);}
	20%{transform:translate(16px,0px);}
	40%{transform:translate(16px,16px);}
	60%{transform:translate(0px,16px);}
	80%{transform:translate(0px,-16px);}
}


/*个人标签*/
.grbq_list{color: #999; background: #fff;font-size: 13px;margin:20px;} 

.grbq_list table{width:100%;border-collapse:collapse;}
.grbq_list table tr{border: 1px solid #c3c3c3;}
.grbq_list table td{border-bottom: 1px solid #c3c3c3; border-right: 1px #e8e8e8 solid; width: 15%;padding:8px 5px;}
.grbq_list table td:last-child{ border-right: 1px solid #c3c3c3 ;}
.grbq_list table td:nth-of-type(4){width:26%;}
.grbq_list table td:nth-of-type(1){width:22%;}
.grbq_list table td:nth-of-type(2){width:22%;}
.grbq_phone .text{margin-left:80px;}
.grbq_info{padding-left:10px;}
.grbq_phone{padding-left:5px;}
.grbq_info img{width: 60px;}
.grbq_phone img{width:60px;}
.grbq_zc img{width:32px;margin-right:15px;}
.grbq_app img{width:28px;}
.grbq_info p{display: inline-block; margin: 0px 15px; line-height: 24px;}
.grbq_zc p{white-space: nowrap;}
.grbq_app p{font-size:12px;line-height: 16px;}
.grbq_phone .text{margin-left:;}
.grbq_app li{width:33.33%;float:left;text-align:center;margin-bottom:4px;}
.grbq_app ul{overflow:hidden;}
.grbq_info_mian .img{width:60px;display:inline-block;float:left;text-align:center;padding-bottom:50px;}
.grbq_zc p{line-height:45px;margin:0 30px 0 15px;}
.grbq_h{margin-bottom: 10px;margin-top: 5px;text-align: center; font-size: 15px; letter-spacing: 2px;text-transform: uppercase;} 
.grbq_tag{position:relative;overflow:hidden;}
.grbq_tag a{color:#fff;padding:0px 5px;border-radius:3px;display:inline-block;margin:0 0 10px 10px;background:#3f9623;}
.grbq_tag a:nth-of-type(8n){background:#e93776;}
.grbq_tag a:nth-of-type(8n+1){background:#a65ac6;}
.grbq_tag a:nth-of-type(8n+2){background:#3f9623;}
.grbq_tag a:nth-of-type(8n+3){background:#e96928;}
.grbq_tag a:nth-of-type(8n+4){background:#0ca3e2 ;}
.grbq_tag a:nth-of-type(8n+5){background:#2562a5;}
.grbq_tag a:nth-of-type(8n+6){background:#7e4faf;}
.grbq_tag a:nth-of-type(8n+7){background:#0090e2;}

.plan_msg{border: 1px solid #d4d4d4; overflow: hidden; padding-bottom: 20px; margin-bottom: 16px;}
.plan_msg .h{background: #f3f3f2; height: 35px; line-height: 35px; padding-left: 20px; border-bottom: 1px solid #dedede; margin-bottom: 16px;}
.plan_msg .h li{display:inline-block;margin-right:6px;}
.plan_msg span{color:#8a8988;}
.plan_msg  li{line-height:26px;}
.plan_msg .hone{width: 250px; float: left; padding-left: 20px; border-right: 1px solid #e6e6e6;}
.plan_msg .b{margin-left:320px;}
.pmtag span{color:#2a9688;}
.plan_msg .success{color:#080;} 
.plan_msg .fail{color:#f00;} 
.plan_tab{border: 1px solid #d4d4d4;}
.plan_menu{padding: 6px 20px;}
.plan_menu button{background: #fff; color: #444;border-radius: 0;height: 40px;padding: 2px;}
.plan_menu button.on{border-bottom:2px solid #009688; }
.plan_menu .layui-btn:hover{color:#000;opacity:1;}
.plan_tab_con{padding: 20px;}

/*进度条*/
.scrollnum{overflow: hidden;display:flex;flex-flow: wrap;}
.scrollnum  > div{flex: 1; position: relative; min-width: 290px; overflow: hidden; padding: 0 2%; box-sizing: border-box; margin: 40px 2%; max-width: 35%; box-shadow: 0 0px 10px 5px rgba(0, 0, 0, 0.08); padding: 20px;}
.circleRun{width:50%;float:left;position:relative;height:120px;}
.circleRun > div{width:120px;margin:auto;}
.scrollnum .text {margin-left: 140px; height: 120px; text-align: center; padding-top: 28px; box-sizing: border-box; font-size: 14px; line-height: 32px; }
.circleRun  + .text > strong{font-size: 30px;line-height: 45px;}
#circleRun1 + .text  > strong{color:#6fc9c9;} 
#circleRun2 + .text  > strong{color:#fe6c5f;} 
#circleRun3 + .text  > strong{color:#f8d243;} 
#circleRun4 + .text  > strong{color:#54c8ed;} 
.total{margin-top:20px;overflow:hidden;}
.total > div{font-size: 15px;text-align: center;}
.total > div:nth-of-type(1){width:50%;float:left;}
.total > div:nth-of-type(2){margin-left:50%;border-left:1px solid #e0e0e0;}
.my_note{background-color:#dff0d8;padding:16px 20px;border-radius:2px;}
.my_note_white{background-color: #fff; border: 1px solid #5FB878;}
.my_note p{color: #5FB878; line-height:20px;font-size:12px;}
.my_note_one{padding: 4px 12px;}

/*教程外链*/
a.teach-more{vertical-align: bottom; display: inline-block;color:#666;margin-left:10px;font-size:12px;}
a.teach-more i{border: 1px solid; border-radius: 15px; padding: 1px; margin-right: 4px; font-size: 12px;vertical-align: bottom;}
a.teach-more:hover{color:#009688;}
/*添加规则*/
.layui-form-item .layui-inline{margin-right:0;}
.my-addgz-table{vertical-align: text-top; margin-top: -15px;}
/*.my-addgz-table .layui-table-header,.my-addgz-table .layui-table th{background-color: #edfefc;}*/
.my-check-box > span{width: auto; min-width: 80px; height: 35px; line-height: 35px; padding: 0 15px; border: 1px solid #dedede; vertical-align: bottom; cursor: pointer; text-align: center; border-radius: 2px; margin: 0; background-color: #fff; color: #333;} .my-radio-box.layui-inline {margin-right:0;}
.my-check-box > button.active{background: url(../images/radio-yes.png) no-repeat bottom right #edfefc; background-size: 25px;}
.my-radio-box i,.my-check-sm i{display:none !important;}
.my-radio-box .layui-form-radio,.my-check-sm .layui-form-checkbox{width: auto;box-sizing: content-box; min-width: 80px !important; height: 35px !important; line-height: 35px !important; padding: 0 15px; border: 1px solid #dedede !important; vertical-align: bottom; cursor: pointer; text-align: center; border-radius: 2px;margin:0;}
.my-radio-box .layui-form-radioed,.my-check-sm .layui-form-checked{-webkit-transition: .1s linear; transition: .1s linear;background: url(../images/radio-yes.png) no-repeat bottom right #edfefc; background-size: 25px;-webkit-transition:none; transition: none; }
.my-check-sm,.my-check-am-all{display:inline-block;vertical-align: text-top; margin-top: -12px;}
.my-check-sm .layui-form-checkbox span{line-height:35px;padding-right:0;}
.my-check-box{position:relative;    position: relative; vertical-align: text-top; margin-top: -10px;}
.my-check-box > span{display: inline-block; width: auto; min-width: 80px; height: 35px; line-height: 35px; padding: 0 15px; border: 1px solid #dedede; vertical-align: bottom; cursor: pointer; text-align: center; border-radius: 2px;}
.my-check-box  > span.active{background: url(../images/radio-yes.png) no-repeat bottom right #edfefc; background-size: 25px; }
.my-check-list{display:none;left: 0; margin-top: 25px; padding-bottom: 6px;padding-left:0; ;border: 1px solid #dedede; width: 100%;    min-width: 620px; margin-bottom: 25px;position:absolute;}
.my-check-list .layui-form-checkbox{width: 18%; display: block; text-align: left; margin: 6px 16px 0; min-width: 120px; float: left; box-sizing: border-box;}
.my-check-list .layui-form-checkbox i{top:6px;}
.my-check-list .my-h{background-color: #f3f3f2; margin-top: 0px; padding-top: 1px; height: 40px; border-bottom: 1px solid #dedede;text-align: left;text-indent: 16px;}
.my-check-list .my-list{max-height: 270px;overflow:auto;}
.label-h  .my-check-box{margin-top:-8px;} 

.layui-form-switch{height:20px;line-height:20px;}
.layui-form-switch em{margin-left:18px;}
.layui-form-onswitch{padding-right:3px;}
.layui-form-onswitch em{margin-left:2px;}
.layui-form-switch i{width:14px;height:14px;}
#searchBox-btn{background-color:#f4973c;}
#searchBox-btn.on{background-color:#efc02f;}
.searchBox{padding: 8px 8px 8px; background-color: #fffcf5; margin-bottom: -14px;display:none;}
.searchBox input{height:30px;}
@media screen and (max-width: 1466px){
	.layui-layer {
/*	    overflow-y: hidden !important;*/
	    max-height:560px;
	}
	/*.layui-layer .layui-layer-title + .layui-layer-content{
		max-height:497px;
		overflow-y:auto;
	}
	.layui-layer-iframe  iframe[src*="data_info"]{
		height:650px !important;
	}*/
}
@media screen and (max-width: 1366px){
	.grbq_info_mian .img{width: 40px;padding-bottom:50px;}
	.grbq_info img{width:30px;}
	.grbq_phone img{width:30px;margin-left:5px;}
	.grbq_phone .text{margin-left:45px;}
}
@media screen and (max-width:960px){
	.yc{
		display: none;
	}
}