@charset "utf-8";
/* CSS Document */
*{margin: 0;outline: 0;padding: 0;}
html {overflow-y:scroll;}
body {font-size:14px;color:#333333;font-family:"微软雅黑";margin: 0px;padding: 0px;background-color: #ffffff;}
ul,li,img,dl,dt,dd,form{margin: 0px;padding: 0px;}
textarea{ margin:0px;padding:0px;}
input{margin:0;padding:0;}
section{width: 100%;z-index: 100;}
a{text-decoration:none;color: #000;}
li{ list-style-type:none;}
img{border:0px;}
span{text-indent: 0px;}
.red{color: #FF0000;}
.font12{font-size: 12px;color: #FFFFFF;}
.col-60{color: #606060;}
.font14{font-size: 14px;color: #000000;}
.font14bold{font-size: 14px;color: #000000;font-weight: bold;}
.line{border: solid 1px #abc3a9;}
.clear{clear: both;height:0px;width:100%;}
.clear2{clear: both;height: 2px;width: 100%;margin: 0px;padding: 0px;}
.clear3{clear: both;height: 3px;width: 100%;margin: 0px;padding: 0px;}
.clear4{clear: both;height: 4px;width: 100%;margin: 0px;padding: 0px;}
.clear5{clear: both;height: 5px;width: 100%;margin: 0px;padding: 0px;}
.clear6{clear: both;height: 6px;width: 100%;margin: 0px;padding: 0px;}
.clear7{clear: both;height: 7px;width: 100%;margin: 0px;padding: 0px;}
.clear8{clear: both;height: 8px;width: 100%;margin: 0px;padding: 0px;}
.clear10{clear: both;height: 10px;width: 100%;margin: 0px;padding: 0px;}
.clear15{clear: both;height: 15px;width: 100%;margin: 0px;padding: 0px;}
.clear20{margin: 0px;padding: 0px;clear: both;height: 20px;width: 100%;}
.clear30{margin: 0px;padding: 0px;clear: both;height: 30px;width: 100%;}
.clear32{margin: 0px;padding: 0px;clear: both;height: 32px;width: 100%;}
.clear40{margin: 0px;padding: 0px;clear: both;height: 40px;width: 100%;}
.clear48{margin: 0px;padding: 0px;clear: both;height: 48px;width: 100%;}
.clear50{margin: 0px;padding: 0px;clear: both;height: 50px;width: 100%;}
.clear55{margin: 0px;padding: 0px;clear: both;height: 55px;width: 100%;}
.clear56{margin: 0px;padding: 0px;clear: both;height: 56px;width: 100%;}
.clear60{margin: 0px;padding: 0px;clear: both;height: 60px;width: 100%;}
.clear70{margin: 0px;padding: 0px;clear: both;height: 70px;width: 100%;}
.clear90{margin: 0px;padding: 0px;clear: both;height: 90px;width: 100%;}
.clear120{margin: 0px;padding: 0px;clear: both;height: 120px;width: 100%;}
.clear150{margin: 0px;padding: 0px;clear: both;height: 150px;width: 100%;}
.clear240{margin: 0px;padding: 0px;clear: both;height: 240px;width: 100%;}
.clearbg10{clear: both;height: 10px;width: 100%;margin: 0px;padding: 0px;background-color:#f2f2f2;}
.topclearbg5{clear: both;height: 3px;width: 100%;margin: 0px;padding: 0px;background-color:#f2f2f2;border-top: 1px solid #d7d7d7;}
.botclearbg5{clear: both;height: 3px;width: 100%;margin: 0px;padding: 0px;background-color:#f2f2f2;border-bottom: 1px solid #d7d7d7;}
.topclearbg2{clear: both;height: 3px;width: 100%;margin: 0px;padding: 0px;background-color:#f2f2f2;}
.clearbg10{clear: both;height: 10px;width: 100%;margin: 0px;padding: 0px; background-color:#f2f2f2;}
.clearbg6{clear: both;height: 6px;width: 100%;margin: 0px;padding: 0px; background-color:#f2f2f2;}
.clearbg62{clear: both;height: 62px;width: 100%;margin: 0px;padding: 0px; background-color:#f2f2f2;}
.f_l {float:left;}
.f_r {float:right;}
.warp{padding: 0px;max-width: 640px;margin: 0px auto 0px auto; width:100%; background-color:#00125B;}
/*index*/
.data-nav{ width:100%; padding:0px; margin:0px;}
.data-nav ul{ width:20%; float:left; position:relative;}
.data-nav ul li{ width:100%; text-align:center; color:#83c7e3;}
.data-nav ul .free{ background-image: linear-gradient(to right, #f9edc2 , #ddc068); padding:0px 5px; border-radius:3px; position:absolute; right:15%; top:-3px; text-align:center; color:#363636; font-size:12px;}
.data-nav ul li.tb{width:100%;}
.data-nav ul li.tb img{ width:20%; height:auto;width: 80px;}
.data-nav ul li.text{ height:32px; line-height:32px; font-size:16px;}
/**/
#hqnav{ position:fixed; width:100%; height:auto; padding:0px; background-color:#FFFFFF; z-index:99999999; max-width: 640px;margin: 0px auto 0px auto; top:0px;}
.list-top-nav {color: #fff; background-color: #00125B;width: 100%;text-align: center; height:60px; position: relative; top:0px; max-width: 640px;margin: 0px auto 0px auto; z-index:99;}
.list-top-nav font{font-size:20px; font-weight:bold; line-height:60px;}
.list-top-nav span.back{ position:absolute; left:5px; font-size:14px; top:8px;}
.list-top-nav span.back a{color: #fff; }
.list-top-nav span.logo{ float:left; padding-top:5px; height:50px; width:120px;}
.list-top-nav span.search{text-align:left;float:left;background-color:#FFFFFF;width:calc(100% - 200px);height:30px;line-height:30px;margin-left:10px;border-radius:15px;margin-top:15px;background-image: url(img/dyxc-search.png);background-repeat: no-repeat;background-position: 10px center;background-size: 25px 25px;font-size:12px;color:#CCCCCC;text-indent:35px;}
.list-top-nav span.userlogin{float:right; width:60px; text-align:center; padding-top:15px;}
.list-top-nav span.share{position:absolute; right:5px;font-size:14px;top:8px;}
.list-top-nav span.dh{position:absolute; right:55px;font-size:14px;top:8px;}
/*echarts*/
.data-main{ width:100%; padding:0px; margin:0px;}
.data-main h1{text-align: center;margin: 0 10px; background: -webkit-linear-gradient(top, #fff, #65c4f1); -webkit-background-clip: text;-webkit-text-fill-color: transparent;    font-size: 18px;font-weight: bold; line-height: 65px;width: 100%; margin: 0 auto; overflow:hidden;}
.data-main h3{text-align: center;margin: 0 10px; background: -webkit-linear-gradient(top, #fff, #65c4f1); -webkit-background-clip: text;-webkit-text-fill-color: transparent;    font-size: 18px;font-weight: bold; line-height: 65px;width: 100%; margin: 0 auto; overflow:hidden;}
.data-main .copyright{text-align: center;margin: 0 10px; background: -webkit-linear-gradient(top, #fff, #65c4f1); -webkit-background-clip: text;-webkit-text-fill-color: transparent;    font-size: 14px;font-weight: normal; line-height: 65px;width: 100%; margin: 0 auto; overflow:hidden;}
.data-main-data{ width:calc(100% - 30px); padding:0px; margin: auto;}
.data-time0{ width:100%; height:40px; line-height:40px; background-color:#; border-radius:20px; color:#fff; text-align:center; font-size:16px;}
.data-time{ width:100%; height:40px; line-height:40px; background-color:#043c80; border-radius:20px; color:#fff; text-align:center; font-size:16px;}
.data-tba{border: 2px solid #032d60; -webkit-box-shadow: #07417a 0px 0px 10px;-moz-box-shadow: #07417a 0px 0px 10px;/* box-shadow: inset 0 0 30px #07417a; */ position: relative;width:calc(100% - 4px); padding-top:20px; height:320px;}
.data-tbb{border: 0px solid #032d60; -webkit-box-shadow: #07417a 0px 0px  0px;-moz-box-shadow: #07417a 0px 0px  0px;/* box-shadow: inset 0 0 30px #07417a; */ position: relative;width:calc(100% - 4px); padding-top: -6px;}
.gouqi{text-align: center; background-color:#00125B; border-radius:20px; color:#CC9900;font-size: 18px;font-weight: bold; line-height: 36px;width: 100%; margin: 0 auto; overflow:hidden;}
.topL {
	width: 20px;
	height: 20px;
	border-top-width: 2px;
	border-top-color: #26c6f0;
	border-top-style: solid;
	border-left-width: 2px;
	border-left-color: #26c6f0;
	border-left-style: solid;
	position: absolute;
	top: -2px;
	left: 2px;
}

.topR {
	width: 20px;
	height: 20px;
	border-top-width: 2px;
	border-top-color: #26c6f0;
	border-top-style: solid;
	border-right-width: 2px;
	border-right-color: #26c6f0;
	border-right-style: solid;
	position: absolute;
	top: -2px;
	right: -2px;
}

.bottomL {
	width: 20px;
	height: 20px;
	border-bottom-width: 2px;
	border-bottom-color: #26c6f0;
	border-bottom-style: solid;
	border-left-width: 2px;
	border-left-color: #26c6f0;
	border-left-style: solid;
	position: absolute;
	bottom: -2px;
	left: 2px;
}

.bottomR {
	width: 20px;
	height: 20px;
	border-bottom-width: 2px;
	border-bottom-color: #26c6f0;
	border-bottom-style: solid;
	border-right-width: 2px;
	border-right-color: #26c6f0;
	border-right-style: solid;
	position: absolute;
	bottom: -2px;
	right: -2px;
}
.data-title-left,
.data-title-right {
	color: #105eda;
	font-family: "微软雅黑";
	font-size: 20px;
}

.data-title {
	width: 100%;
	color: #83c7e3;
	font-size: 20px;
	margin:-36px auto 0px auto;
	text-align:center;
}

.data-title span {
	margin: 0 15px;
}
.data-describe{ border:2px solid #129298;margin-right: 1%;margin-left: 1%; padding:15px; line-height:30px; /*color:#f4e925;*/color:#CC9900; border-radius:5px; font-size:16px;}
.data-describe a{color:#CC9900;}
.data-describe1{ border:2px solid #129298;margin-right: 1%;margin-left: 1%; padding:15px; line-height:30px; /*color:#f4e925;*/color:#CC9900; border-radius:25px; font-size:16px;}
.data-describe1 a{color:#CC9900;}
.data-describe2{ border:2px solid #e0e0e0; ;margin-right: 1%;margin-left: 1%; padding:15px; line-height:30px; /*color:#f4e925;*/color:#CC9900; border-radius:10px; font-size:16px;}
.data-describe2 a{color:#CC9900;}
.data-describe3{ border:2px solid #e0e0e0; ;margin-right: 1%;margin-left: 1%; padding:15px; line-height:30px; /*color:#f4e925;*/color:#ff0; border-radius:10px; font-size:16px;}
.data-describe3 a{color:#CC9900;}
.data-ruku{ width:calc(98% - 1px); padding:0px; margin: auto; border-top:1px solid #ccc;border-left:1px solid #ccc;}
.data-ruku ul{ width:100%;}
.data-ruku ul li{float:left; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc; color:#ccc; font-size:14px; line-height:30px; height:30px;}
.data-ruku ul li.biao10{ width:calc(10.00% - 1px);}
.data-ruku ul li.biao9{ width:calc(11.26% - 1px);}
.data-ruku ul li.biao8{ width:calc(12.50% - 1px);}
.data-ruku ul li.biao7{ width:calc(14.28% - 1px);}
.data-ruku ul li.biao6{ width:calc(16.66% - 1px);}
.data-ruku ul li.name{ width:calc(12.5%   - 1px);}
.data-ruku ul li.time{ width:calc(25% - 1px);}
.data-ruku ul li.adress{ width:calc(30% - 1px);}
.data-ruku ul li.price{ width:calc(45% - 1px);}
.data-company{ width:98%; padding:0px; margin: auto; border-top:1px solid #1a3961;border-left:1px solid #1a3961;}
.data-company ul{ width:100%; padding:0px; margin:0px;}
.data-company ul li{float:left; text-align:center; border-bottom:1px solid #1a3961; border-right:1px solid #1a3961; color:#ACACAC; font-size:14px; line-height:30px; height:30px; font-weight:normal;}
.data-company ul li.name{ width:calc(100% - 110px); overflow:hidden;}
.data-company ul li.phone{ width:110px;}
.data-company-send{ position:fixed; bottom:120px; left:5px; width:60px; height:60px; background-color:#0053a6; border-radius:50%; color:#FFFFFF; text-align:center; padding-top:10px; z-index:9999;}
.data-company-send1{ position:fixed; bottom:120px; left:5px; width:60px; height:50px; background-color:#0053a6; border-radius:50%; color:#FFFFFF; text-align:center; padding-top:10px; z-index:9999;}
/*地图开始*/
.com-box{ width:100%; height:100%; color:#FFFFFF;}
.com-box .address{ padding:20px;}
.com-box .address span{ float:left; margin-right:10px; background-color:#007bff; padding:2px 10px; border-radius:10px;}
.com-box .content{ width:70%; margin:auto;}
.ul-box { color:#FF6600;}
.ul-box-ts{ font-size:14px; color:#CCCCCC;}


/*精美表格*/

.div_any_child{
    width: 100%;
    height: 330px;
    box-shadow: -10px 0px 15px #034c6a inset, 
    0px -10px 15px #034c6a inset, 
    10px 0px 15px #034c6a inset,
    0px 10px 15px #034c6a inset;
    border: 1px solid #034c6a;
    box-sizing: border-box;
    position: relative;
    margin-top: 5px;
}
.table_p{
    height: 93%;
    margin-top: 7%;
    position: relative;


}
.table_p table{
    width: 100%;
    height: 100%;
    border-collapse: collapse;

    position: absolute;
    text-align: center;
}
.table_p table thead th{
    color: #61d2f7;
    font-size: 14px;
    font-weight: 600;
    padding-top: 5px;
    padding-bottom: 5px;
}
.table_p table tbody{
    color: #ffffff;
   font-size: 13px;
}
.table_p table tbody tr:nth-child(2n+1){
    background-color: #072951;
    box-shadow: -10px 0px 15px #034c6a inset,
    10px 0px 15px #034c6a inset;
}

.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}
.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}
.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}
.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}
.btn-primary .badge{color:#337ab7;background-color:#fff}

.data-jionvip{ width:98%; margin:auto; font-size:15px;   background-image: linear-gradient(to right, #feefc4 , #fed585); height:52px; line-height:52px;  border-radius:10px; color:#6c531b;}
.data-jionvip img{ width:auto; height:20px; margin:0px 10px; vertical-align: middle;}
.data-jionvip span{ background-color:#363636; color:#ffda96; float:right; margin-right:10px; margin-top:10px; padding:5px 15px; border-radius:20px;font-size:14px; height:32px; line-height:22px;}
.data-jionvip span a{color:#ffda96;}
.data-jionvip-nei{width:90%; max-width:640px; margin:auto; height:50px; line-height:50px; border-radius:10px; position:fixed; left:32.8%; bottom:6px; text-align:center; background-color:#0053A6; color:#FFFFFF; font-size:16px;}
.box{  margin-bottom: 20px; position: relative;}
.map{position:absolute; z-index: 10; opacity: .8;top: %; width:60%; height: 100%; left: 20%;}

.map1,.map2,.map3{ position:absolute;  top:0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.map1{ z-index: 2; animation: myfirst2 15s infinite linear; display: flex;}
.map2{ z-index: 3; opacity: 0.; animation: myfirst 10s infinite linear;}
.map3{ z-index: 1;}
.map1 img{ width: 100%}
.map2 img{width: 82%}
.map3 img{width: 80%}

.tit{ display: flex; align-items: flex-end;}
.tit span{ background: url(http://www.tool.xcooo.cn/view/1/web/03/images/line1.png) no-repeat bottom right; font-size: 20px; white-space: nowrap; padding-bottom: 10px; padding-right: 20px;}
.tit p{ background: url(http://www.tool.xcooo.cn/view/1/web/03/images/line2.png) no-repeat bottom right; width: 100%; height: 13px; margin-bottom: 5px; opacity: .5}
.boxnav{padding: 10px 0 ;}
  .anchorBL,.BMap_cpyCtrl{display: none;}
#lg-counter{display: none;}
/*轮播图*/
.focus{width:100%;margin:0 auto;position:relative;overflow:hidden;}
.focus .hd{width:100%;position:absolute;z-index:1;bottom:8px;text-align:center;height: 12px;}
.focus .hd ul{display:inline-block;height:10px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;font-size:0;vertical-align:top;padding-top: 3px;padding-right: 5px;padding-bottom: 3px;padding-left: 5px;}
.focus .hd ul li{display:inline-block;width:8px;height:8px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:50%;margin:0 3px;vertical-align:top;overflow:hidden;background-color: #e5e5e5;}
.focus .hd ul .on{background-color: #26aa8c;border: 1px solid #e5e5e5;height: 8px;width: 8px;}
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{width:100%;}
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }

.focus1{width:100%;margin:0 auto;position:relative;overflow:hidden;}
.focus1 .hd{width:100%;position:absolute;z-index:1;bottom:8px;text-align:center;height: 12px;}
.focus1 .hd ul{display:inline-block;height:10px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;font-size:0;vertical-align:top;padding-top: 3px;padding-right: 5px;padding-bottom: 3px;padding-left: 5px;}
.focus1 .hd ul li{display:inline-block;width:8px;height:8px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:50%;margin:0 3px;vertical-align:top;overflow:hidden;background-color: #e5e5e5;}
.focus1 .hd ul .on{background-color: #26aa8c;border: 1px solid #e5e5e5;height: 8px;width: 8px;}
.focus1 .bd{ position:relative; z-index:0; }
.focus1 .bd li img{width:100%;}
.focus1 .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }


****
.sTitle[data-v12] {
  height: 34px;
  background-color: #FFF;
  line-height: 30px;
  background-image: url(#);
  background-repeat: no-repeat;
  background-position: 0px 5px;
  background-size: 4px auto;
  position: relative;
  padding-left: 10px;
  border-bottom: 1px solid #DDDDDD;
}
.sTitle .right[data-v12] {
  position: absolute;
  right: 0;
  top: 10px;
  height: 19px;
  line-height: 19px;
  /*padding-right: 16px;*/
  font-size: 16px;
  color: #999999;
  cursor: pointer;
}
.sTitle .title[data-v12] {
  font-size: 20px !important;
  font-weight: bolder !important;
  /*font-family:SimSun,sans-serif;*/
  color: #000000 !important;
  letter-spacing: 0;
}
.sTitle .right[data-v12]:hover {
  color: #f47a11;
}

.area-list[data-v1] {
  margin-top: 1px;
}
.area-list #box[data-v1] {
  overflow: auto;
  height: 260px;
}
.area-list #box[data-v1]::-webkit-scrollbar {
  display: none;
}
.area-list .arlist[data-v1] {
  font-size: 15px;
  width: 100%;
  overflow: hidden;
  /*margin-top: 10px;*/
}
.area-list li[data-v1] {
  float: left;
  width: 100%;
  background-color: #f6f9f1;
  height: 43px;
  line-height: 43px;
}
.area-list li a[data-v1] {
  display: block;
  font-size: 15px;
  color: #666666;
}
.area-list li span[data-v1] {
  display: inline-block;
  width: 10%;
  text-align: left;
}
.area-list li span.ai1[data-v1] {
  width: 25%;
  margin-left: 3px;
}
.area-list li span.ai2[data-v1] {
  width: 25%;
}
.area-list li span.ai3[data-v1] {
  width: 0%;
}
.area-list li span.ai4[data-v1] {
  width: 0%;
}
.area-list li span.ai5[data-v1] {
  width: 25%;
}
.area-list li span.ai6[data-v1] {
  width: 20%;
  text-align: center;
}
.area-list li.a-head[data-v1] {
  background-color: #cce69e;
}
.area-list li.higha[data-v1] {
  background-color: #eff5e3;
}
.area-list .anim[data-v1] {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
/*大蒜语音播报开始*/
.ds-yuyin{padding: 0px;width: 100%;margin-top: 0px;margin-right: 0%;margin-bottom: 0px;margin-left: 0%;}
.ds-yuyin div{width: 96%;background-color: #FFFFFF;height: 106px;margin-bottom: 10px;margin-left: 2%;box-shadow: 0px 1px 2px 0px #c0c0c0;border-radius:5px;}
.ds-yuyin div li{list-style-type: none;}
.bb-title{float: left;width: 73%;line-height: 26px;color: #2db294;font-size: 16px;margin-right: 0px;margin-bottom: 5px;margin-left: 3%;padding: 0px;margin-top: 12px;}
.bb-title a{color: #cc742a;}
.bb-title a:hover{color: #ff0000;}
.bb-title span{color: #808080;font-size: 12px;}
.bb-anniu{font-size: 12px;color: #707070;float: right;line-height: 16px;text-align: center;margin-top: 0px;outline:none;}
.bb-anniu a{outline:none;}
.bb-anniu a:active{noOutline:expression_r(this.onFocus=this.blur());}
:focus{outline:0;}
.bb-anniu img{width: 40px;height: 40px;margin-top: 5px;cursor: pointer;outline:none;}
.bb-anniu span{position: relative;right: 20%;color: #26aa8c;font-family: "微软雅黑";font-size: 12px;bottom: 10px;}
.bb-fenxiang{width: 100%;border-top-width: 1px;border-top-style: solid;border-top-color: #f0f0f0;float: left;text-align: center;vertical-align: middle;line-height: 34px;margin: 0px;padding: 0px;font-size: 14px;color: #808080;}
.bb-fenxiang a{color: #808080;display: block;}
.bb-fenxiang a:hover{color: #ff0000;}


.ds-gengduo{padding: 0px;height: 36px;font-size: 16px;line-height: 36px;color: #FFFFFF;text-align: center;margin-top: 0px;margin-bottom: 0px;}
.ds-gengduo a{background-color: #2db294;padding: 0px;height: 36px;border-radius: 4px;font-size: 16px;line-height: 36px;color: #FFFFFF;text-align: center;margin-top: 0px;margin-right: 2%;margin-bottom: 0px;margin-left: 2%;text-decoration: none;display: block;box-shadow: 0px 1px 2px 0px #c0c0c0;}
.ds-fhlt{padding: 0px;height: 36px;margin-top: 0px;margin-bottom: 0px;font-size: 16px;line-height: 36px;color: #10941a;text-align: center;}
.ds-fhlt a{background-color: #FFFFFF;padding: 0px;height: 36px;border-radius: 4px;margin-top: 0px;margin-right: 2%;margin-bottom: 0px;margin-left: 2%;font-size: 16px;line-height: 36px;color: #2db294;text-align: center;text-decoration: none;display: block;box-shadow: 0px 1px 2px 0px #c0c0c0;}

/*大蒜语音播报结束*/
.topclearbg66{clear: both;height: 4px;width: 100%;margin: 0px;padding: 0px;background-color:#f0f0f0;}
.topclearbg10{clear: both;height: 4px;width: 100%;margin: 0px;padding: 0px;background-color:#f0f0f0;}
.mls-sy-jg{margin:0px;overflow:hidden;}
.sy-tab_head {line-height:33px;font-size:14px;overflow:hidden;color: ;background:#fff; width:calc(100% + 5px);background-image: url(../images/mls-sy-shu.png);background-repeat: repeat-x;}
.sy-tab_1 {float:left;padding:0;cursor:pointer;border-bottom:#ebebeb 2px solid; width:calc(20% - 5px); text-align:center; margin-right:5px;background-color: #033c76;font-size:14px; line-height:33px;color: #fff;}
.sy-tab_1 a{color: #000;}
.sy-tab_2 {float: left;padding: 0;cursor: pointer;border-bottom: #fff 2px solid;width:calc(20% - 5px); margin-right:5px;text-align: center;color: #26aa8c;background-color: #033c76;font-size:16px; line-height:33px}
.sy-box_body {border-top:none;padding:0px;}
.sy-tab_head font{ position: relative; }

/*经纪人页面开始*/
.ds-sy-nava{height: 30px;width: calc(60% - 4px);margin: 8px 20% 0px 20%;text-align: center;border: 1px solid #ffffff;background-color: #2db294;border-radius: 4px;line-height: 30px;box-shadow: 0px 1px 2px 0px #c0c0c0;}
.mls-type-11{float: left;width: 50%;color: #FFFFFF;background-color: #2db294;font-size: 15px;border-radius: 4px;}
.mls-type-22{float: left;width: 50%;font-size: 15px;color: #2db294;background-color: #ffffff;}
.mls-type-11 a{color: #ffffff;}
.mls-type-22 a{color: #2db294;}
.jjrcon{width:100%;background-color:#ffffff;}
.jjrcon li{ border-bottom: 10px solid #ebebeb;padding:10px 3%;}
.jjrcon a{color:#303030;}
a.jjr-name{font-size: 18px;color: #202020;text-decoration: none;font-weight: bold;}
a.cxsj-lxr{color: #606060;}
.caijian{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*经纪人页面结束*/

/*视频案例*/
.anli-main{ width:94%; height:auto; background:#FFFFFF; margin:auto;}
.anli-main h1{ padding:20px 0px; line-height:30px; font-size:18px;letter-spacing: 2px; text-align:center;}
.anli-info{font-size:12px; color:#3366CC;}
.anli-info span{ float: right;}
.anli-info a{color:#ccccCC;}
.anli-title{ text-align: center;background-image: url(../img/nei-anli1.png);background-repeat: no-repeat;background-position: center center;background-size:120px 40px; height:40px; line-height:40px;font-size:16px;font-weight:bold; letter-spacing: 2px;}
.anli-list0{border: 0px dotted #fff;padding:10px;width:calc(100% - 22px);}
.anli-list{border: 1px dotted #fff;padding:10px;width:calc(100% - 22px);}
.anli-list-t{letter-spacing: 2px;font-size:16px;height: 30px;line-height:30px;overflow:hidden;text-indent:30px;font-weight:bold;background-image: url(../img/nei-anli2.png);background-repeat: no-repeat;background-position: left center;background-size:25px 25px;}
.anli-list-img{ width:100%; height:auto; margin-top:20px; text-align:center;}
.anli-list-img img{max-width:100%; height:auto;}
.anli-list-text{ line-height:26px; font-size:13px; color:#333333;}
.anli-list-text p{ margin-top:10px;}

.index-webqun{ width:96%; margin:auto;}
.index-webqun img{ width:100%; height:auto;}

.index-contact{width:calc(93%); margin:auto; padding:15px; background-color:#00125b;border: 3px dotted #26aa8c;padding:10px;width:calc(96% - 4px);}
.index-contact-text{width:100%; line-height:24px;font-size:15px; color:#333333;}
.index-contact-list{width:100%; padding:0px; margin:0px; position:relative;}
.index-contact-list1{width:100%; padding:0px; margin:0px; position:relative;border-bottom: 3px dashed #9900aa}
.index-contact-list img{width:80px; height:auto; margin-left:10px; right:5px; position:absolute; bottom:90px;}
.index-contact-list p{padding:5px 0px; display: block;margin-block-start: 0em;margin-block-end: 0em;margin-inline-start: 0px;margin-inline-end: 0px;}
.index-contact-list p.phone{background-image: url(http://www.5jxg.cn/gouqidata/100/img/phone2021.png);background-repeat: no-repeat;background-position: left center;text-indent:30px;font-size:13px;}
.index-contact-list p.tel1{background-image: url(http://www.5jxg.cn/gouqidata/100/img/tel.png);background-repeat: no-repeat;background-position: left center;text-indent:30px;font-size:13px;}
.index-contact-list p.tel2{background-image: url(http://www.5jxg.cn/gouqidata/100/img/tel2.png);background-repeat: no-repeat;background-position: left center;text-indent:30px;font-size:13px;}
.index-contact-list p.gq_t1{background-image: url(http://www.5jxg.cn/gouqidata/100/img/gq_t1.png);background-repeat: no-repeat;background-position: left center;text-indent:30px;font-size:13px;}
.index-contact-list p.gq_t2{background-image: url(http://www.5jxg.cn/gouqidata/100/img/gq_t2.png);background-repeat: no-repeat;background-position: left center;text-indent:30px;font-size:13px;}
.index-contact-list p.gq_t3{background-image: url(http://www.5jxg.cn/gouqidata/100/img/gq_t3.png);background-repeat: no-repeat;background-position: left center;text-indent:30px;font-size:13px;}
.index-contact-list p.gq_t4{background-image: url(http://www.5jxg.cn/gouqidata/100/img/gq_t4.png);background-repeat: no-repeat;background-position: left center;text-indent:30px;font-size:13px;}
.index-contact-list p.gq_t5{background-image: url(http://www.5jxg.cn/gouqidata/100/img/gq_t5.png);background-repeat: no-repeat;background-position: left center;text-indent:30px;font-size:13px;}
.index-contact-list p.gq_t6{background-image: url(http://www.5jxg.cn/gouqidata/100/img/gq_t6.png);background-repeat: no-repeat;background-position: left center;text-indent:30px;font-size:13px;}
.index-contact-list p.gq_t7{background-image: url(http://www.5jxg.cn/gouqidata/100/img/gq_t7.png);background-repeat: no-repeat;background-position: left center;text-indent:30px;font-size:13px;}
.index-contact-list p.gq_t8{background-image: url(http://www.5jxg.cn/gouqidata/100/img/gq_t8.png);background-repeat: no-repeat;background-position: left center;text-indent:30px;font-size:13px;}
.index-contact-list p.gq_t9{background-image: url(http://www.5jxg.cn/gouqidata/100/img/gq_t9.png);background-repeat: no-repeat;background-position: left center;text-indent:30px;font-size:13px;}
.index-contact-list p.gq_t10{background-image: url(http://www.5jxg.cn/gouqidata/100/img/gq_t10.png);background-repeat: no-repeat;background-position: left center;text-indent:30px;font-size:13px;}
.index-contact-list p.gq_t11{background-image: url(http://www.5jxg.cn/gouqidata/100/img/gq_t11.png);background-repeat: no-repeat;background-position: left center;text-indent:30px;font-size:13px;}
.index-contact-list p.gq_t12{background-image: url(http://www.5jxg.cn/gouqidata/100/img/gq_t12.png);background-repeat: no-repeat;background-position: left center;text-indent:30px;font-size:13px;}
.index-contact-list p.gq_t13{background-image: url(http://www.5jxg.cn/gouqidata/100/img/gq_t13.png);background-repeat: no-repeat;background-position: left center;text-indent:30px;font-size:13px;}
.index-contact-list p.gq_t21{background-image: url(http://www.5jxg.cn/gouqidata/100/img/gq_t21.png);background-repeat: no-repeat;background-position: left center;text-indent:30px;font-size:13px;}
.index-contact-list p.qq{background-image: url(http://www.5jxg.cn/gouqidata/100/img/qq1.png);background-repeat: no-repeat;background-position: left center;text-indent:30px;font-size:13px;}
.index-contact-list p.email{background-image: url(http://www.5jxg.cn/gouqidata/100/img/email.png);background-repeat: no-repeat;background-position: left center;text-indent:30px;font-size:13px;}
.index-contact-list p.web{background-image: url(http://www.5jxg.cn/gouqidata/100/img/web.png);background-repeat: no-repeat;background-position: left center;text-indent:30px;font-size:13px;}
.index-contact-list p.wx{background-image: url(http://www.5jxg.cn/gouqidata/weixin.png);background-repeat: no-repeat;background-position: left center;text-indent:30px;font-size:13px;}
.index-contact-list p.address{background-image: url(http://www.5jxg.cn/gouqidata/img/address.png);background-repeat: no-repeat;background-position: left 7px;text-indent:30px;font-size:13px;color:#333333;}
.index-input-name{ width:94%; height:40px; background-color:#f2f2f2; border-radius:5px; margin: auto; line-height:40px; text-indent:15px;}
.input-zhuce{outline: none;height: 36px; line-height: 36px;width:calc(100% - 80px);border: none !important; font-size: 15px; padding-left:5px; background-color:#f2f2f2;}
.index-input-text{ width:94%; height:120px; background-color:#f2f2f2; border-radius:5px; margin: auto; line-height:40px; text-indent:15px; color:#666666;}

.web-hot{width:100%; height:auto; padding:0px; margin:0px;}
.web-hot h4{width:98%;font-size:22px;color:#1B5BE1;text-align:center;margin:20px 0px 0px px;font-weight: 520;letter-spacing: 3px;position:relative;font-family: "黑体";}
.web-hot h4:after{content: "";width: 10em;height: 3px;background: #ff0000;position: absolute;top: calc(100% + 5px);left: calc(50% - 5em); transition: all .8s;}
.web-hot h4:hover:after{left: calc(50% - 2em); width: 4em;}

.web-hot h5{width:98%;font-size:20px;color:#000;text-align:center;margin:20px 0px 0px 5px;font-weight: 520;letter-spacing: 3px;position:relative;font-family: "黑体";}
.web-hot h5:after{content: "";width: 2em;height: 2px;background: #ff0000;position: absolute;top: calc(100% + 0.5px);left: calc(50% - 1em); transition: all .8s;text-align:center}
.web-hot h5:hover:after{left: calc(50% - 2em); width: 4em;}

.glhxuxian_waikuang{border: 3px dotted #000000;padding:10px;width:calc(100% - 22px);}
.glhxuxian_waikuang1{border: 3px dotted #000000;padding:1px;width:calc(100% - 0px);}
.glhxuxian_waikuang2{border: 3px dotted #fff;padding:1px;width:calc(100% - 0px);}
.glhxuxian_waikuang3{border: 3px dotted #ff0;padding:1px;width:calc(100% - 0px);}

.data-switch{
	overflow: hidden;
	width:400px;
	height:60px;
	margin: 50px auto;
}
.data-switch>div{
	 float: left;
	 width:50%;
	 height:100%;
	 line-height: 57px;
	 border:1px solid red;
	 color:#C8E2FF;
	 text-align: center;
     font-weight: bold;
     font-size: 22px;
	 border:2px solid #b0d3fc;
	 cursor: pointer;
}
.data-switch-active{
	background-color:#69adfe;
	color:#fff !important;
}
.data-statistics{
	width:100%;
	height:auto;
	overflow: hidden;
}
.data-statistics>div{
	float: left;
	width:33.3%;
	height:700px;
	padding-left:10px;
	color:#93bab3
}
.statistics-tit .tit-bar{
	display: inline-block;
    width: 6px;
    height: 30px;
    float: left;
    background-color: #6bb0ff;
    margin-right: 10px;
}
.statistics-tit {
	font-size: 20px;
    color: #b0d3fc;
	background-color: #ee0000
}
.youngtea{
	display:none;
}
/* å¼•å…¥ */
.yx_data_name{
	text-align: right;
    float: left;
  
}
.layui-progress {
    width: 200px !important;
    height: 20px !important;
    border-radius: 0 !important;
    background-color: ##6FB1FD !important;
    float: left !important;
    position: absolute!important;
    top: 5px !important;
    left: 90px !important;
}
 .layui-progress .layui-progress-bar {
    height: 20px;
    border-radius: 0;
    left: 0;
    top: 0;
}
 span.yx_data_number {
    position: absolute;
    top: 2px;
    right:60px;
    width: 65px;
    text-align: left;
}
 .layui-show span {
    display: inline-block;
    width: 58px;
    font-size: 13px;
}
.data-statistics-list{
	position: relative;
	float: left;
	width: 360px;
    height: 26px;
    line-height: 26px;
    margin: 9px 10px;
    overflow: hidden;
    color: #B0D3FC;
	font-size: 13px;        
}
.number-list,.outputvalue-list,.brand-list{
	overflow: hidden;
  left: 1px;

}
.mls-sy-jg{margin:0px;overflow:hidden;}
.sy-tab_head {line-height:33px;font-size:16px;overflow:hidden;color: #fff;background:#033c76; width:calc(100% + 0px);background-image: url(images/mls-sy-shu.png);background-repeat: repeat-x;}
.sy-tab_1 {float:left;padding:0;cursor:pointer;border-bottom:#fff 3px solid; width:calc(25% - 5px); text-align:center; margin-right:5px;background-color: #033c76;font-size:14px; line-height:33px;color: #ff0;}
.sy-tab_1 a{color: #000;}
.sy-tab_2 {float: left;padding: 0;cursor: pointer;border-bottom: #fff 3px solid;width:calc(25% - 5px); margin-right:5px;text-align: center;color: #fff;background-color: #033c76;font-size:16px; line-height:33px}
.sy-box_body {border-top:none;padding:0px;width: 100%;}
.sy-tab_head font{ position: relative; }

.mls-sylist{width: 100%; margin: 0 0%;}
.mls-sylist-title{background:#033c76;overflow:hidden;clear:both;}
.mls-sylist-title ul {margin:0;width: 100%;}
.mls-sylist-title li {line-height:43px;border-bottom: 1px solid #ebebeb;}
.mls-sylist-title li a{ display:block;color:#fff;font-size:16px;width:100%;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.mls-sylist-title li a span{float: right;font-size: 12px;color: #909090;}
.index-sy-digd {height: 44px;width: 100%;padding: 0;line-height: 44px;background-color: #033c76;font-family: "微软雅黑";color: #fff;font-size: 14px;text-align: center;}
.index-sy-digd a{color: #a0a0a0;}
.index-sy-digd img{ margin-left: 8px; width:14px; vertical-align: -2px;}

.user-infoa {background:#FFFFFF url('images/mls-qw.png') no-repeat 100% center;background-size:11px 20px;border-bottom:#ebebeb 1px solid;}
.user-infoa img {float:left;border-radius:50%;margin:10px 16px 0 16px;}
.user-infoa strong {font-size:16px;font-weight:normal;}
.user-infoxx{ line-height:22px;padding:10px 5% 8px 0;font-size:12px;}


ul,li{list-style:none;margin:0;padding:0}

.boxall{ border: 1px solid rgba(25,186,139,.17); padding:0 .2rem .2rem .2rem;  background: rgba(255,255,255,.04) url(../images/line.png); background-size: 100% auto; position: relative; margin-bottom: .15rem; z-index: 10;}
.boxall:before,
.boxall:after{ position:absolute; width: .1rem; height: .1rem; content: "";  border-top: 2px solid #02a6b5; top: 0;}
.boxall:before,.boxfoot:before{border-left: 2px solid #02a6b5;left: 0;}
.boxall:after,.boxfoot:after{border-right: 2px solid #02a6b5; right: 0;}
.alltitle{ font-size:.18rem; color:#fff;  line-height: .4rem; border-bottom:1px dotted rgba(255,255,255,.2);}
.boxnav{height: calc(100% - .4rem);}

.box{ border:1px solid rgba(7,118,181,.5); box-shadow:inset 0 0 10px rgba(7,118,181,.4); margin-bottom: 12px; position: relative;}
.tit{ padding: 10px 10px 10px 25px;border-bottom:1px solid rgba(7,118,181,.7);font-size: 16px; font-weight: 500; position: relative;}
.tit:before,.tit01:before{position: absolute; content: ""; width: 6px; height: 6px; background: rgba(22,214,255,.9);box-shadow: 0 0 5px rgba(22,214,255,.9); border-radius: 10px; left: 10px; top: 18px;}

.tit:after,.box:before{ width: 100%; height: 1px; content: ""; position: absolute; left: 0; bottom:-1px; background:linear-gradient(to right,#076ead,#4ba6e0,#076ead); box-shadow: 0 0 5px rgba(131,189,227,1); opacity: .6}
.box:before{top: -1px;}

.boxnav{padding: 10px;}
.nav2{}
.nav2>li:first-child{border:none;}
.nav2>li{float: left;border-left:1px solid rgba(7,118,181,.2); height:240px; padding: 0 10px 10px 10px;}
.tit01{font-size: 16px; font-weight: 500; position: relative; padding-left: 15px;}
.tit01:before{ left: 3px; top: 8px;}

.ftechart{height: 200px;;}


i{font-style: normal;}
.text-w{color: #ffe400}
.text-d{color: #ff6316}
.text-s{color: #14e144}
.text-b{color: #07e5ff}

.tagcloud { width:100%; height:90%!important; overflow: hidden;
  position: relative;

}
.tagcloud a {
  display: block;
  border-radius: 50%;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  text-align: center;
	display: flex; align-items: center; justify-content: center;
  
}

.b01{
    width: 50px;
    height: 50px;
}
.b02{
    width: 80px;
    height: 80px;
}
.b03{
    width: 60px;
    height: 60px;
}
.b04{
    width: 70px;
    height: 70px;
}
.b05{
    width: 90px;
    height: 90px;
}
.b06{
    width: 100px;
    height: 100px;
}
.b07{
    width: 40px;
    height: 40px;
}
.b08{
    width: 60px;
    height: 60px;
}
.co01{border: 2px solid rgba(5,118,254,1);   box-shadow: inset 0 0 20px rgba(5,118,254,1);}
.co02{border: 2px solid rgba(238,255,65,1);   box-shadow: inset 0 0 20px rgba(238,255,65,1);}
.co03{border: 2px solid rgba(26,121,181,1);   box-shadow: inset 0 0 20px rgba(26,121,181,1);}
.co04{border: 2px solid rgba(4,157,81,1);   box-shadow: inset 0 0 20px rgba(4,157,81,1);}
.co05{border: 2px solid rgba(255,138,0,1);   box-shadow: inset 0 0 20px rgba(255,138,0,1);}
.co06{border: 2px solid rgba(255,255,255,0.6);   box-shadow: inset 0 0 20px rgba(255,255,255,0.6);}
.co07{border: 2px solid rgba(255,252,153,0.5);   box-shadow: inset 0 0 20px rgba(255,252,153,0.5);}
.co08{border: 2px solid rgba(255,0,0,1);   box-shadow: inset 0 0 20px rgba(255,0,0,1);}



/*视频直播2018*/
.zb-sylist { width:96%; margin:0 2%;}
.zb-sylist section{width:calc(100% + 2%)}
.zb-bigzbsp{padding: 0px;margin-top: 0px;float: left;margin:0 2% 4px 0;width: 98%;}
.zb-bigzbsp li{float: left;width: 100%;position: relative;margin-top: 0%;margin-right: 0%;margin-bottom: -4px;margin-left: 0%;}
.zb-bigms{position: absolute;width: 100%;height: 34px;background: rgba(0,0,0,0.5);font-size: 16px;line-height: 40px;color: #FFFFFF;line-height: 35px;color: #FFFFFF;text-align: left;bottom: 0px;text-indent:8px}
.zb-bigms a{color: #FFFFFF;}
.zb-zbsp{padding: 0px;float: left;margin:0 2% 12px 0;width: 48%;}
.zb-zbsp li{float: left;width: 100%;position: relative;margin-top: 0%;margin-right: 0%;margin-bottom: -4px;margin-left: 0%;}
.zb-zbsp li img{width: 100%;}
.zb-ms{position: absolute;width: 100%;height: 22px;background: rgba(0,0,0,0.5);font-size: 12px;line-height: 40px;color: #FFFFFF;line-height: 23px;font-size: 12px;color: #FFFFFF;text-align: center;bottom: 0px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.zb-ms a{color: #FFFFFF;}
.zhibo-index{ width:100%; overflow:hidden}
.zhibo-indexlist{ width: calc(100% + 8px); margin: 0;}
.zhibo-indexlist ul{width: 100%;}
.zhibo-indexlist ul li{ float: left; width: 33.33%;}
.zhibo-indexlist ul li a{color:#40a4ca;display:block;border:1px solid #f0f0f0;padding:8px 0;margin-right:8px;font-size:15px; text-align: center; border-radius: 4px;}

.zhibo-title{width:100%;height:44px;line-height:50px;font-size:16px; text-align:center; color:#26aa8c;}
.zhibo-video{ width:96%; margin:0 2%; font-size:0;}

.zhibo-tab_head {line-height:33px;font-size:14px;overflow:hidden;color: #202020;background:#fff; width:calc(100% + 5px);background-repeat: repeat-x;border-bottom: #d7d7d7 1px solid; padding-top:7px;}
.zhibo-tab_1 {float:left;padding:0;cursor:pointer;width:33.33%; text-align:center;background-color: #FFFFFF;font-size:15px; line-height:33px;color: #202020;}
.zhibo-tab_1 a{color: #202020;}
.zhibo-tab_2 {float: left;padding: 0;cursor: pointer;border-bottom: #26aa8c 2px solid;width:33.33%;text-align: center;color: #26aa8c;background-image: url(images/zhibo-dw.png); background-repeat:no-repeat; background-size:12px auto; background-position:calc(50% - 42px) 50%;font-size:16px; line-height:33px}
.zhibo-tab_2 a{color: #26aa8c;}
.zhibo-box_body {border-top:none;padding:0px;}
.zhibo-tab_head font{ position: relative; }

.zhibo-content{width:100%;}
.zhibo-content-con{width:96%; margin:0 2%; line-height:180%; font-size:16px;}
.zhibo-content-con img{width:100%; padding:5px 0; height:auto;}
.zhibo-content-title{color:#000; font-size:20px;width:94%; margin:0 3%; border-bottom:1px solid #f0f0f0; line-height:26px; padding:8px 0;}
.zhibo-content-title span{ color:#a0a0a0; font-size:12px; display:block}
.zhibo-content-title-con{ color:#303030; font-size:16px;width:94%; margin:0 3%; padding-top:8px; line-height:26px;}

.zhibo-pinglun{height: 100%;width: 94%;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #ebebeb;padding-top: 14px;margin: 0 3% 0;color: #404040;}
.zhibo-pinglun-tx{line-height: 17px;font-size: 14px;}
.zhibo-pinglun-tx img{height: 40px;width: 40px;border-radius:50%;margin-right: 8px;}
.zhibo-pinglun-tx a{font-size: 14px;color: #209f82;}

.zhibo-pinglun-pl{font-size: 16px;color: #202020;padding: 7px 0 10px 48px;line-height: 24px;letter-spacing:1px;word-break:break-all;word-wrap:break-word;}

.zhibo-more{width:96%; margin:0 2%;}
.zhibo-more-left{ float:left; background-color:#60c4ea; width:calc(50% - 3px); margin-right:3px; height:38px; font-size:16px; color:#FFF; text-align:center; line-height:38px; border-bottom-left-radius:5px;border-top-left-radius:5px}
.zhibo-more-right{ float:right; background-color:#54c6ac; width:calc(50% - 3px);margin-left:3px;height:38px; font-size:16px; color:#FFF; text-align:center; line-height:38px;border-bottom-right-radius:5px;border-top-right-radius:5px}
.zhibo-more a{color:#FFF}
a.gray{ color:#909090}
/*视频直播2018*/
.index-kehu{text-align: center;width: 94%; padding: 10px 3%; background-color:#FFF}
.index-kehu img{max-width:100%;height:auto;}
.index-kehu-wu{text-align: center;width: calc(100% + 6px); padding: 8px 0; background-color:#FFF;}
.index-kehu-wu img{max-width:calc(50% - 6px);height:auto; margin-right:6px;}
.m-kehu img {max-width:100%;height:auto;}

/*20220704*/
.index-nav-mian{ width:calc(100% - 10px); margin:auto;}
.index-nav-mian-hot{width:100%;height:40px;line-height:40px;background-color:#f2f2f2;color:#000; text-indent:32px;background-image: url(img/hot2.png);
background-repeat: no-repeat;background-position: 10px 10px;background-size: auto 20px;border-radius:5px; font-size:15px;}
.index-nav-mian-hot a{color:#000;}
.index-nav-mian-hot span{ float:right; margin-right:5px;}
.index-nav-mian-class{ width:100%; padding:0px; margin:0px;}
.index-nav-mian-class ul{ width:25%; margin:0px; padding:0px; float:left;}
.index-nav-mian-class ul li{ width:100%; text-align:center; font-size:15px;}
.index-nav-mian-class ul li.tubiao{ width:100%;}
.index-nav-mian-class ul li.tubiao img{ width:50%; height:auto;}
.index-nav-mian-class ul li.text{ width:100%; color:#212121; padding-top:10px;}
.index-nav-mian-class ul li.text a{color:#212121;}
.index-nav-mian-action{ width:94%;padding:0px; margin:0px auto;}
.index-nav-mian-action .indexsell{width:calc(50% - 5px);  background-image: linear-gradient(to bottom, #fb5d5c , #fc7176); height:100px; float:left; border-radius:10px;}
.index-nav-mian-action .indexcompany{width:calc(50% - 5px); background-image: linear-gradient(to bottom, #6c35f2 , #9d50f8);  height:100px; float:right; border-radius:10px;}
.index-nav-mian-action .indexsell .titlenav,.index-nav-mian-action .indexcompany .titlenav{ width:calc(100% - 20px); padding:5px 0px; color:#fdfbfe; margin: 0px auto; font-weight:bold;}
.index-nav-mian-action .indexsell .titlenav span,.index-nav-mian-action .indexcompany .titlenav span{ float:right; color:#FFFFFF;}
.index-nav-mian-action .indexsell .textnav,.index-nav-mian-action .indexcompany .textnav{ width:calc(100% - 25px); margin: 0px auto; height:50px; background-color:#fff5e9;border-radius:5px; color:#666666; font-size:12px; padding:10px 0px 0px 5px; line-height:20px;}
.index-nav-mian-action .indexsell .textnav{background-image: url(img/youshi1.png);background-repeat: no-repeat;background-position: right center;}
.index-nav-mian-action .indexcompany .textnav{background-image: url(img/youshi3.png);background-repeat: no-repeat;background-position: right center;}
.index-nav-mian .swiper-pagination{bottom: 20px !important;}
.index-nav-mian .swiper-container{padding-bottom:5px;}
.index-nav-mian .swiper-pagination-bullet{width:20px;height:5px;border-radius:30px;opacity:1;background-color: #80d6c2;}
.index-nav-mian .swiper-pagination-bullet-active{background:#26aa8c;}
.index-nav-toutiao{ width:calc(100% - 2px); border:1px solid #5695d8; border-radius:5px; height:40px;}
.index-nav-toutiao ul{ width:100%; padding:0px; margin:0px;}
.index-nav-toutiao ul li{ width:calc(33.3% - 1px); height:40px; line-height:40px; text-align:center; color:#5790e1; border-right:1px solid #5695d8; float: left;}
.jjr-main-top{ width:100%;  height:48px; line-height:48px; font-size:18px;}
.jjr-main-top-on{ width:50%; margin:0px; padding:0px; text-align: center; color:#ccc; float:left; height:48px;background:#249F84;}
.jjr-main-top-on a{color:#ccc !important;}
.jjr-main-top-off{width:50%;text-align: center;color:#ccc;float: left;height:48px;background-color: #249F84;}
.jjr-main-top-off a{color:#ccc !important;}
.jjr-main-top-off.on{background:#26aa8c; width:50%; height:48px; line-height:48px;}
a .jjr-main-top-off.on{ color:#FFFFFF  !important;}
.jjr-main-top-on.on{background:#26aa8c; width:50%; height:48px; line-height:48px;}
a .jjr-main-top-on.on{ color:#FFFFFF  !important;}

.titlecon{width:94%;padding:0px 3%;background-color:#ffffff;}
.titlecon-title{font-size: 22px;color: #000000;width:100%;line-height:24px; padding-top:20px;text-align: justify;}
.titlecon-title a{color: #000000;}
.titlecon-info {font-size:14px;padding:8px 0 10px 0;color:#a0a0a0;}
.titlecon-con {font-size:16px;line-height:28px;padding:px;color: #202020;text-align: justify;}
.titlecon-con div{font-size:16px;line-height:28px;padding:0px; text-align: justify;}
.titlecon-con p{text-align: justify;}
.titlecon-con p img {}
.titlecon-con img {max-width:100%;height:auto;}
.titlecon-con table {max-width:100%;height:auto;}
.titlecon-con table{background-image: url(../img/sq_data7.png);background-repeat: no-repeat;background-position: center center;background-size:250px 80px;}
.titlecon-time{ height:38px; line-height:38px; color:#a0a0a0;font-size:14px; border-top: 1px dashed #ebebeb; margin-top:5px;}
.titlecon-time a{color:#a0a0a0;}
.titlecon-time span{ float:right;font-size:14px;}



.boxall{ border: 1px solid rgba(25,186,139,.17); padding:0 .3rem .3rem .3rem;  background: rgba(255,255,255,.04) url(../images/line.png); background-size: 100% auto; position: relative; margin-bottom: .3rem; z-index: 10;}
.boxall:before,
.boxall:after{ position:absolute; width: .1rem; height: .1rem; content: "";  border-top: 2px solid #02a6b5; top: 0;}
.boxall:before,.boxfoot:before{border-left: 2px solid #02a6b5;left: 0;}
.boxall:after,.boxfoot:after{border-right: 2px solid #02a6b5; right: 0;}
.alltitle{ font-size:.24rem; color:#fff; text-align: center; line-height: .6rem; border-bottom:1px solid rgba(255,255,255,.2)}

.boxfoot{ position:absolute; bottom: 0; width: 100%; left: 0;}
.boxfoot:before,
.boxfoot:after{ position:absolute; width: .1rem; height: .1rem;  content: "";border-bottom: 2px solid #02a6b5; bottom: 0;}

.bar{background:rgba(101,132,226,.1); padding: .15rem;}
.barbox li,.barbox2 li{ width:50%; text-align: center; position: relative;}
.barbox:before,
.barbox:after{ position:absolute; width: .3rem; height: .1rem; content: ""; }
.barbox:before{border-left: 2px solid #02a6b5;left: 0;border-top: 2px solid #02a6b5; }
.barbox:after{border-right: 2px solid #02a6b5; right: 0; bottom: 0;border-bottom: 2px solid #02a6b5; }

.barbox li:first-child:before{ position:absolute; content: ""; height:50%; width: 1px; background: rgba(255,255,255,.2); right: 0; top: 25%;}

.barbox{  border: 1px solid rgba(25,186,139,.17); position: relative;}
.barbox li{ font-size: .6rem; color: #ffeb7b; padding: .05rem 0;  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: bold;}
.barbox2 li{ font-size: .19rem; color: #637c9f; padding-top: .1rem;}

.map{  position:relative; height: 7.2rem; z-index: 9;}
.map4{ width: 200%; height:7rem;  position: relative; left: -50%; top: 4%; margin-top: .2rem; z-index: 5;}
.map1,.map2,.map3{ position:absolute;}
.map1{ width:6.43rem; z-index: 2;top:.45rem; left: .4rem;  animation: myfirst2 15s infinite linear;}
.map2{ width:5.66rem; top:.85rem; left: .77rem; z-index: 3; opacity: 0.2; animation: myfirst 10s infinite linear;}
.map3{ width:5.18rem; top:1.07rem; left: 1.13rem; z-index: 1;}

#echarts1,#echarts2,#echarts3,#echarts6,#echarts7,#echarts8{ position:relative;}
#echarts1:before,
#echarts2:before,
#echarts3:before,
#echarts6:before,
#echarts7:before,
#echarts8:before{ position:absolute; content: "23124"; width: 100%; text-align: center; bottom: .15rem; color: #fff; opacity: .7; font-size: .18rem;}

#echarts1:before{ content: "平均单客价"}
#echarts2:before{ content: "男消费"}
#echarts3:before{ content: "女消费"}

#echarts6:before{ content: "新增会员"}
#echarts7:before{ content: "新增领卡会员"}
#echarts8:before{ content: "新增消费会员"}


.tabs { text-align: center; padding: .1rem 0 0 0;}
.tabs a {
    position: relative;
    display: inline-block;
    margin-left: 1px;
    padding:.05rem .2rem;
    color: #898989;
    transition: all .3s ease-out 0s;
    font-size: 14px;
}
.tabs li{ display:inline-block;}
.tabs a:after {
    position: absolute;
    width: 1px;
    height: 10px;
    background-color: rgba(255,255,255,.1);
    content: '';
	 margin-left:0; right:-1px;    margin-top: 7px;
	
	
}
.tabs li a.active {border: 1px solid rgba(25,186,139,.17); background: rgba(255,255,255,.05); color:#fff;}

.tit02{ text-align:center; margin: .0rem 0; position: relative00}
.tit02 span{border: 1px solid rgba(25,186,139,.17); letter-spacing: 2px; padding: .01rem .2rem; background: rgba(255,255,255,.05);  font-size: .18rem;  color: #49bcf7;}
.tit02:before,.tit02:after{ position:absolute; width:26%; height: 1px;background: rgba(25,186,139,.2);  content: ""; top: .12rem;}
.tit02:after{ right:0;}
.tit02:before{ left:0;}

.wrap{ height:2.54rem; overflow: hidden;}
.wrap li{  line-height:.42rem; height:.42rem; font-size: .18rem; text-indent: .24rem; margin-bottom: .1rem; }
.wrap li p{border: 1px solid rgba(25,186,139,.17);color: rgba(255,255,255,.6); }
.sy{ float:left; width: 33%; height: 2.2rem; margin-top: -.25rem;}


.adduser{ height:1.5rem; overflow: hidden;}
.adduser li{height:.5rem;}
.adduser img{ width: .40rem; border-radius: .5rem; margin-right: .1rem; display: inline-block; vertical-align: middle;}
.adduser span{  line-height:.5rem; font-size: .18rem;color: rgba(255,255,255,.6); }

.sycm ul{ margin-left:-.5rem;margin-right:-.5rem;  padding: .16rem 0;}
.sycm li{ float: left; width: 33.33%; text-align: center; position: relative}
.sycm li:before{ position:absolute; content: ""; height:30%; width: 1px; background: rgba(255,255,255,.1); right: 0; top: 15%;}
.sycm li:last-child:before{ width: 0;}

.sycm li h2{ font-size:.3rem; color: #c5ccff;}
.sycm li span{ font-size:.18rem; color: #fff; opacity: .5;}

@keyframes myfirst2
{
from {transform: rotate(0deg);}
to {transform: rotate(359deg);}
}

@keyframes myfirst
{
from {transform: rotate(0deg);}
to {transform: rotate(-359deg);}
}


*{margin: 0;outline: 0;padding: 0;font-size: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.mls-sy-jg{margin:0px;overflow:hidden;}
.sy-tab_head {line-height:33px;font-size:14px;overflow:hidden;color: #202020;background:#fff; width:calc(100% + 5px);background-image: url(images/mls-sy-shu.png);background-repeat: repeat-x;}
.sy-tab_1 {float:left;padding:0;cursor:pointer;border-bottom:#ebebeb 2px solid; width:calc(25% - 5px); text-align:center; margin-right:5px;background-color: #FFFFFF;font-size:14px; line-height:33px;color: #000;}
.sy-tab_1 a{color: #000;}
.sy-tab_2 {float: left;padding: 0;cursor: pointer;border-bottom: #fff 2px solid;width:calc(25% - 5px); margin-right:5px;text-align: center;color: #26aa8c;background-color: #FFFFFF;font-size:16px; line-height:33px}
.sy-box_body {border-top:none;padding:0px;}
.sy-tab_head font{ position: relative; }

.mls-sylist{width: 94%; margin: 0 3%;}
.mls-sylist-title{background:#FFFFFF;overflow:hidden;clear:both;}
.mls-sylist-title ul {margin:0;width: 100%;}
.mls-sylist-title li {line-height:43px;border-bottom: 1px solid #ebebeb;}
.mls-sylist-title li a{ display:block;color:#202020;font-size:16px;width:100%;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.mls-sylist-title li a span{float: right;font-size: 12px;color: #909090;}
.index-sy-digd {height: 44px;width: 100%;padding: 0;line-height: 44px;background-color: #FFF;font-family: "微软雅黑";color: #a0a0a0;font-size: 14px;text-align: center;}
.index-sy-digd a{color: #a0a0a0;}
.index-sy-digd img{ margin-left: 8px; width:14px; vertical-align: -2px;}





