/*顶部部分*/
.card_l_div {
	display: flex;
	width: 100%;
	height: 2.4rem;
	overflow: hidden;
}
.card_left {
	width: 98%;
	height:2.4rem;
	animation-duration: 1000ms;
	animation-delay: 1000ms;
}
.you_cul{
	height:100%;
	overflow:hidden;
}
.you_cul  li {
	display: flex;
	height:2.4rem;
	position: relative;
	box-sizing:border-box;
	cursor:pointer;
}
.you_cul li:hover{
	background:rgba(26,43,98,0.6);
}
.y_j_t{
	padding: 0.2rem 0.2rem 0.1rem 0.2rem;
	width:26%;
	height: calc(100% - 20px);
	/*height:2.4rem;*/
	background: url(../images/img/tc_pic.png) no-repeat center center; background-size: 100% 100%; position: relative;
	margin-top: 0.3rem;
}
.y_j_c{
	height:2.2rem;
	width:calc(100% - 80px);
	margin:0 30px;
	display: flex;
	flex-direction: column;

}
.y_j_c .span1{
	color: white;
	display:block;
	float:left;
	/*max-width:calc(100% - 60px);*/
	width: 100%;
	height:0.6rem;
	font-size:0.3rem;
	line-height:0.3rem;
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;


}
.y_j_c .title{
	width: 100%;
	height:0.6rem;
}
.y_j_c .span2{
	display:block;
	float:left;
	width:30px;
	height:18px;
	background:#374d93;
	border-radius:3px;
	color:#FCED70;
	font-size:12px;
	line-height:18px;
	text-align:center;
	margin-left:9px;
}

.y_j_img{

	width:100%;
	height:100%;
	border-radius: 0.2rem;


}
.y_j_y {
	margin-left:13px;
}
.y_j_y > p{
	color:#B4CDF2;
}
.y_j_y > p > span{
	color:#FCED70;
	font-size:22px;
	vertical-align: middle;
	margin-left:12px;
	line-height:1;
}
.y_i_b{
	height:1.5rem;
	line-height:0.3rem;
	color:#B4CDF2;
	margin-top:0.1rem;
	overflow:hidden;
}
.peo_icon{
	width: 80px;
	height: 16px;
	margin-left:10px;
	margin-top:-4px;
	position:relative;
	display:inline-block;
	background:url('../images/sskeliu/pingxuan.png') no-repeat center;
	background-position: 0 -4px;
}
.peo_in{
	display:inline-block;
	position:absolute;
	left:0;
	top:0;
	height: 16px;
	background:url('../images/sskeliu/pingxuan.png') no-repeat center;
	background-position: 0 -22px;
	width:50%;
}
/*顶部部分end*/
.in_box{
    width: 94%;
    height: calc(100% - 10px);
    margin: 0 auto;
    margin-top: 10px;
    overflow: hidden;
}
.in_box li{
    height: 54px;
}
/*景区*/
.wrap_map{
	position:relative;
	height:calc(100% - 120px);
}

/*景区详情*/
.jqdk {
    position: absolute;
    left: 50%;
    top: -18px;
    margin-left: -123px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #00D2FF;
    font-size: 18px;
    width: 246px;
    background: url(../images/sskeliu/two.png) no-repeat center;
    background-size: 246px 36px;
}
.sm_title2.youf{
	margin-right:30px;
}
.jqdk.one{
	background: url(../images/sskeliu/one.png) no-repeat center;
}
.jqd_t{
	margin-top: 30px;
	height:calc(42% - 20px);
	display: flex;
}
.jqd_t1{
	width:26%;
	height:100%;
}
.jqd_t2{
	width:48%;
	height:100%;
	position:relative;
}
.jqd_t1_in{
	height:calc(50% - 10px);
}
.jqd_b{
	height:calc(38% - 30px);
	margin-top:55px;
	display: flex;
}
.jqd_b1{
	width:calc(28% - 40px)
}
.jqd_b2{
	width:calc(21% - 10px)
}
.jqd_b3{
	width:calc(17% - 10px);
}
.jqd_b4{
	width:calc(17% - 10px);
}
.jqd_b5{
	width:calc(17% - 10px);
}
.jqx_b1{
	width:calc(28% - 40px);
}
.jqx_b2{
	width:calc(24% - 10px);
}
.jqx_b3{
	width:calc(24% - 10px);
}
.jqx_b4{
	width:calc(18% - 10px);
}
.jqx_b5{
	width:calc(24% - 10px);
}
.jqd_ul{
	width:90%;
	height:2.4rem;
	margin:0 auto;
}
.in_box{
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    margin: 0 auto;
	margin-top:20px;
    overflow: hidden;
}
.in_box li{
    height: 45px;
}
.mtop{
	margin-top:10px;
}
.in_box li:nth-child(1){
	margin-top:0;
}
.you{
    width: calc(100% - 54px);
    margin-left: 14px;
    font-size:16px;
}
.pro{
    width: 100%;
    height: 8px;
    background: rgba(5,147,215,0.12);
    margin-top: 10px;
    position:relative;
}
.pro_in{
	position:absolute;
	left:0;
	top:0;
	height:8px;
	background: url('../images/sskeliu/rank.png') no-repeat right;
}
.all_ul{
	height:240px;
	width:100%;
	display: flex;
	flex-wrap: wrap;
}
.all_ul li{
	width:33%;
	height: 1.2rem;
	position: relative;
	text-align: center;
	display: flex;
	justify-content: space-around;
}
.all_ul li .bg_left_img{
	width: 0.8rem;
	height: 0.8rem;
}
.all_ul li .bg_left_img img{
	width:100%;
	height:100%;
}
.all_ul li .bg_ic{
	width: 50%;
	height: 1.2rem;
	/*position: absolute;*/
	/*left: 50%;*/
	/*top: 50%;*/
	/*margin:-45px 0 0 -106px;*/
	/*background: url("../images/sskeliu/xinxi1.png?v=1.0.1")  center no-repeat;*/
}
.bg_ic p:first-child{
	color:#FFDC48;
	font-size: 0.24rem;
	line-height: 1;
	font-family: "dinregular";
	margin:16px 0 8px 0;
}
.bg_ic p:nth-child(2){
	color:#C9DCF7;
	line-height:1;
}
.bg_ic .mt-number-animate{
	height:30px;
	line-height:30px;
}
.bg_ic .mt-number-animate .mt-number-animate-dom{
	width:20px;
}
.bg_ic .mt-number-animate .mt-number-animate-dom .mt-number-animate-span{
	line-height:30px;
}
.sel_m{
	width:130px;
	height:34px;
	border-radius:3px;
	box-shadow: 0px 0px 5px #165fac inset;
	cursor:pointer;
	position: absolute;
    z-index: 9999;
    top: 105px;
    left: 36px;
}
.sel_m > i {
    display: block;
    width: 14px;
    height: 10px;
    background-position: -340px 0px;
    margin-top: 12px;
    margin-right:10px;
}
.sel_m > span{
	display:inline-block;
	width:calc(100% - 24px);
	line-height:34px;
	height:34px;
	color:#20D8FF;
	font-size:16px;
	text-indent:16px;
}
.hide_sel{
	position:absolute;
	top:33px;
	left:0;
	width:100%;
	overflow:hidden;
	display:none;
}
.hei_sel{
	width:100%;
	height:3px;
}
.sel_ul{
	width:100%;
	height:180px;
	overflow:hidden;
	box-shadow: 0px 0px 10px #165fac inset;
	background:#1d1758;
    border-radius: 0 0 5px 5px;
}
.sel_ul li{
	height:30px;
	line-height:30px;
	text-indent:16px;
	cursor:pointer;
}
.sel_ul li:hover,.sel_ul li.act{
	color:#20D8FF;
}
.rank_icon{
	margin-top:12px;
}
.pro_city{
	height:calc(100% - 105px);
	margin:0 36px;
	margin-top:25px;
}
.sheng_pro{
	width:67%;
	height:100%;
}
.jqd_t2 .sourceList {
    text-align: center;
    border: 1px solid rgba(45,72,126,0.65);
    border-radius: 4px;
    width:33%;
	height:100%;
   	margin-top:15px;
   	margin-right:2%;
    box-sizing:border-box;
}
.jqd_t2 .sourceList.qs{
	margin:0;
	height:100%;
}
.jqd_t2 .tableHead {
    height: 38px;
    line-height: 38px;
    background: rgba(29,63,135,0.24);
    text-align: center;
    border-radius: 4px 4px 0 0;
}
.jqd_t2 .tableBodyBox{
	height: calc(100% - 75px);
}
.jqd_t2 .tableBody {
    max-height: 100%;
    overflow: hidden;
    text-align: center;
    border-radius: 0 0 4px 4px;
    cursor: default !important;
}
.jqd_t2 .tabeleBox {
    line-height: 36px;
    border-top: 1px solid rgba(45,72,126,0.65);
    text-align: center;
}
.jqd_t2 .sourceProvinceBody .w30,.sourceProvinceBody .w50{
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;	
}
.jqd_t2 .p_rank{
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
    margin-top: 9px;
}
.jqd_t2 .p_rank.mt6{
	margin-top: 7px;
}
.jqd_t2 .orange{
	border:2px solid #FDB142;
	color:#FDB142;
}
.jqd_t2 .yellows{
	border:2px solid #FFE34B;
	color:#FFE34B;
}
.jqd_t2 .greens{
	border:2px solid #69DA98;
	color:#69DA98;
}
.sour_ul{
	height:36px;
	background:rgba(29,63,135,0.24);
	border-bottom:1px solid rgba(45,72,126,0.65);
}
.sour_ul li{
	width:50%;
	height:34px;
	line-height:34px;
	float:left;
	text-align:center;
	cursor:pointer;
}
.sour_ul li.act{
	color: #20D8FF;
	border-bottom:2px solid #20D8FF;
}
.sour_ul li:first-child .act_ic{
	display:block;;
}
.jd_wrap{
	position:relative;
	padding-top:20px;
	height:calc(100% - 157px);
	padding-left: 40px;
}
.jt_wrap{
	position:relative;
	height:calc(100% - 137px);
}
.jd_wrap1{
	position:relative;
	height:calc(100% - 150px);
}
.ziyuan_title{
	height:18px;
	font-size:18px;
	line-height:1;
	text-align:center;
	position:absolute;
	top:-20px;
	left:0;
	width:100%;;
}
.ziyuan_title .icon_zb{
	width:32px;
	height:5px;
	background-position:-493px -7px;
	margin-right:8px;
}
.ziyuan_title .icon_yb{
	width:32px;
	height:5px;
	background-position:-534px -7px;
	margin-left:8px;
}
.fan_back{
	position: absolute;
    right: 0;
    top: -30px;
    width: 84px;
    color: #00D2FF;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    text-indent: 8px;
    z-index: 999;
    cursor:pointer;
}
.fan_back.fan_back1{
	top:-46px;
}
.fan_back i{
	background-position: -618px -159px;
    width: 20px;
    height: 16px;
    margin-right:6px;
    margin-top:-2px;
}
.jzds {
    position: relative;
    float:left;
    width:100%;
    margin-top: 28px;
    padding-top: 0;
    overflow: hidden;
}
.jzds_div {
    width: 100%;
    height: 100%;
    z-index: 999;
}
.zhuanq,.zhuanq_x {
    position: absolute;
    width: 100%;
    height: 86%;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    text-align: center;
}
.zhuanq .z_img,
.zhuanq_x .z_img{
	height:100%;
	animation: mainRun 15s linear 0s infinite;
    -webkit-animation: mainRun 15s linear 0s infinite;
}
@keyframes mainRun{
    0%{transform:rotate(0deg);} 
    100%{transform:rotate(360deg);} 
}
@-webkit-keyframes mainRun{
    0%{-webkit-transform:rotate(0deg);} 
    100%{-webkit-transform:rotate(360deg);} 
}
.cl_1_ul{
	height:calc(100% - 40px);
	margin-top:20px;
}
.cl_1_ul li{
/* 	height:20%; */
	font-size:0px;
	position:relative;
}
.cl_1_ul .li_cont{
	height:20px;
	line-height:20px;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	margin:auto 0;
}
.cl_1_ul .rd_s1{
	display:inline-block;
	width:70px;
	margin:0 12px 0 22px;
	font-size:14px;
}
.cl_1_ul .jd_bar{
	width:60%;
	height:6px;
	background:#41a5f6;
	border-radius:2px;
	position:relative;
	top:22px;
	margin-top:7px;
}
.cl_1_ul .rd_s2{
	font-size:18px;
	margin-left:12px;
	color:#54C1FF;
}
.dianji > a{
	display:block;
	width:100%;
	height:100%;
	cursor:pointer;
	color:#ffffff;
}
.qy_t {
    height: 30%;
}
.sm_title4{
	position:relative;
	text-align:right;
	height:30px;
	line-height:30px;
	margin-top:20px;
}
.sm_title4 > span{
	height:30px;
	line-height:30px;
	display:inline-block;
	vertical-align:top;
}
.sm_title4 > span:last-child{
	margin:0 30px 0 4px;
	font-size:18px;
	color:#FFD823;
}
.jrl{
	position: absolute;
      top:22px;
}
.sm_title_top{
	margin-top:30px;
}
.icon_02{
	background: url(../images/icon_2.png?v=1.1.1) no-repeat;
    display: inline-block;
    vertical-align: middle;
}
.icon_zb{
	width: 32px;
    height: 5px;
    background-position: -493px -7px;
    margin-right: 8px;
}
.icon_yb{
	width: 32px;
    height: 5px;
    background-position: -534px -7px;
    margin-left: 8px;
}
.marry_line{
	width: 83%;
      height: 8px;
      display: inline-block;
      background: #254B90;
      position: absolute;
      top: 48%;
      left: 19%;
      margin-left: -35px;
}
.marry_yi{
	position: absolute;
      top: 65%;
      left: 42%;
      color:#7cbd97;
      z-index: 99;
}
.marry_wei{
	position: absolute;
      top: 76%;
      left: 71%;
      color: #5497ff;
      z-index: 99;
}
.yi_bfb{
	height:30%
}
.yi_bfb>i{
	width: 1px;
      height: 100%;
      display: inline-block;
      background: #7cbd97;
}
.marry_bfb{
	width:33%;
	height:34%;
	position: absolute;
      left: 40%;
      top: 41%;
      z-index: 2;
}
.marry_bfb>span{
	width: 76px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      display: inline-block;
      background: #7cbd97;
      border-radius: 5px;
      position: absolute;
      top: -30px;
      left: -38px;
      font-size: 18px;
}
.wei_bfb{
	height:47%;
	left:66%;
	top:30%;
}
.wei_bfb>i{
	width: 1px;
    height: 100%;
    display: inline-block;
	background:#5497ff
}
.tit_tab{
	position: absolute;
    top: 20px;
    right: 20px;
    z-index:9999;
}
.wei_bfb>span{
	background:#5497ff
}
.people_tit>em {
    padding: 0 4px 6px 4px;
    cursor: pointer;
}
.people_tit>em.act {
    color: #20D8FF;
    border-bottom: 2px solid #00C0FF;
}
.gender_l{
	width:40%;
	height:100%;
}
.gender_r{
	width:60%;
	height:100%;
	float: right;
}
.gender_img{
	width:30%;
	height:100%;
	box-sizing: border-box;
	display:none;
}
.gender_echart{
	width:70%;
	height:100%;
	float: right;
}
.gender_info{
	width:28px;
	height:50%;
	margin-bottom:15px;
}
.gender_info_1{
	position: absolute;
    top: 20%;
    left:6%;
}
.gender_info_2{
	position: absolute;
    bottom: -18%;
    left:6%;
}
.cl_1_ul li:nth-child(2) .jd_bar{
	background:#e070a6;
}
.cl_1_ul li:nth-child(2) .rd_s2:nth-child(2){
	color:#e070a6;
}
.cl_1_ul .rd_gender{
	margin-top:-25px;
	color:#fff;
}
.percentage{
	font-size: 12px;
}
.in_box1 li{
	cursor: pointer;
}
.tts{
	height:50%;
}
.tts>.tit_tab{
	top:5px;
}
#compareChart1{
	padding-top:15px;
}
.abs{
	 position: absolute;
	 top:-6px;
}
/* 游客轨迹弹出框 */
.alertChart {
    width: 1280px;
    height: 760px;
    padding: 0 15px 20px;
}
.alertChart > .com_icon.line_one,
.alertChart > .com_icon.line_two,
.alertChart > .com_icon.line_three,
.alertChart > .com_icon.line_four{
	width: 32px;
    height: 32px;
    position: absolute;
}
.alertChart > .com_icon.line_one {
    background-position: -510px -298px;
    left: -12px;
    top: -12px;
}
.alertChart > .com_icon.line_two {
    background-position: -510px -340px;
    left: -12px;
    bottom: -12px;
}
.alertChart > .com_icon.line_three {
    background-position: -553px -298px;
    right: -12px;
    top: -12px;
}
.alertChart > .com_icon.line_four {
    background-position: -553px -340px;
    right: -12px;
    bottom: -12px;
}
.timeQueryBox{
	width: 100%;
    height: 60px;
    padding-top: 10px;
}
.tip_button {
    width: 60px;
    height: 30px;
    background: #00c2ff;
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    margin: 10px 20px 0 10px;
    cursor: pointer;
}
#reservation2 {
    width: 125px;
    height: 28px;
    border: 1px solid rgba(97,129,183,1);
    border-radius: 3px;
    color: #f4e9dc;
    background: none;
    text-align: center;
    outline: none;
    margin-top: 10px;
}
.alertChartTit {
    margin-bottom: -7px;
    margin-top: 18px;
}
.tourist_gj_echart{
	width: calc(100% - 460px);
    height: calc(100% - 110px);
}
.tourist_gj_list{
	width: 450px;
    height: calc(100% - 110px);
    margin-top: 10px;
}
.gj_listTit{
	background:#0164c9;
	color:#a0fcff;
	width:100%;
	height:40px;
	line-height:40px;
	text-indent:15px;
	font-size:18px;
}
.gj_listHead{
	background:#0058b1;
	color:#fff;
	width:100%;
	height:40px;
	line-height:40px;
	font-size:14px;
	display:flex;
}
.gj_listHead>span,
.gj_listBody li>span{
	display:inline-block;
}
.gj_list_xh{
	width:15%;
	text-align:center;
}
.gj_list_ykgj{
	width:57%;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.gj_listFlow{
	width:28%;
	text-align:center;
}
.gj_listBody{
	width:100%;
	height:calc(100% - 80px);
}
.alertYear{
	width: 105px;
    height: 33px;
    text-align: left;
    color: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 8px #20d8ff inset;
    z-index: 99999999;
    position: absolute;
    right: 70px;
    top: 10px;
}
.alertYear p {
    width: 92px;
    height: 33px;
    line-height: 33px;
    padding-left: 14px;
    font-size: 18px;
    border-radius: 5px;
}
.alertYear p i {
    width: 12px;
    height: 7px;
    background-position: -621px -49px;
    vertical-align: middle;
    margin-top: 14px;
    margin-right: 11px;
}
.alertYear ul {
    width: 100%;
    background: #0d0627;
    box-shadow: 0px 0px 10px #165fac inset;
    padding: 6px 0;
    border-radius: 0 0 5px 5px;
    position: absolute;
    top: 33px;
    left: 0px;
    z-index: 999;
}
.alertYear ul li {
    line-height: 40px;
    padding-left: 14px;
}
.alertYear ul li a {
    color: #fff;
    font-size: 18px;
}
.alertYear ul li:hover>a, .alertYear ul li.act>a {
    color: #20D8FF;
}
.gj_listBody li{
	height:40px;
	display:flex;
    line-height: 40px;
    background:#143e86;
    color:#B7D0F3;
}
.gj_listBody li:nth-child(even){
	background:#122f7f
}