body{font-family:"Hiragino Sans GB","Open Sans",Arial,"Microsoft YaHei",微软雅黑,STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif; word-wrap: break-word; word-break: break-all; color:#666;}
*{ margin:0; padding:0 }
ol, ul, li{ list-style-type:none;}
h1,h2,h3{ font-weight:normal}
a{ outline:none; -moz-outline:none; text-decoration:none;}
a:hover{ text-decoration:none;}
a:focus{ outline: none; text-decoration:none; } 
img{ border:0 none; display:block;}
.border{
  border:1px solid #ccc;
  background-color:white;
}
html,body,.hbox,.vbox{
  overflow:hidden;
  width:100%;
  height:100%;
}
.vbox{
  position:relative;
}
.font-kai{
  font-family: Baskerville, Georgia, "Liberation Serif", "Kaiti SC", STKaiti, "AR PL UKai CN", "AR PL UKai HK", "AR PL UKai TW", "AR PL UKai TW MBE", "AR PL KaitiM GB", KaiTi, KaiTi_GB2312, TW\-Kai, serif;
}
#map{
  /*  margin-top: -50px;*/
}
#map svg text{
  pointer-events:none;
  /*cursor:pointer;*/
}
#main{position:absolute; bottom:0; width:100%; height:200px;}
.m_title{min-width:400px;height:100px;background:rgba(7,68,117,0.2);padding:30px;border-radius:5px; position:absolute; left:50px; bottom:150px; z-index:9; color:#fff;}
.m_title a.left_btn, .m_title a.right_btn{display:block; position:absolute; top:-36px; left:0px; width:30px; height:30px; background:rgba(7,68,117,0.2) url('../img/left-btn2.png') no-repeat center center; cursor:pointer; -o-transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; transition:all .3s; background-size:24px; border-radius:2px;}
.m_title a.right_btn{left:32px; background-image:url('../img/right-btn2.png');}
.m_title a:hover{background-color:rgba(7,68,117,0.3);}
.m_title h3{font-size:22px;margin-bottom:10px;}
.m_title p{font-size:16px;line-height:30px;}
.m_title .m_boy,.m_title .m_girl{margin-left:25px;padding-left:40px; background:url("../img/line-b.png") no-repeat 0 5px;}.m_title .m_girl{background:url("../img/line-y.png") no-repeat 0 5px;}
.trend,.bmi,.bmix{display:none;}
.rankList{width:364px; min-height:400px; padding:0 20px; background:rgba(7,68,117,0.3); border-radius:5px; position:absolute; top:9%; right:50px; z-index:10;}
.rankList a.show_btn{position:absolute; display:none; top:50%; margin-top:-20px; left:-45px; height:40px; width:40px; background:url('../img/left-btn2.png') no-repeat center center; background-size:100%; -webkit-animation: fadein .8s ease-in 2.9s 1 forwards,arrow 1s ease 3.5s infinite alternate;-moz-animation: fadein .8s ease-in 2.9s 1 forwards,arrow 1s ease 3.5s infinite alternate;-ms-animation: fadein .8s ease-in 2.9s 1 forwards,arrow 1s ease 3.5s infinite alternate;-o-animation: fadein .8s ease-in 2.9s 1 forwards,arrow 1s ease 3.5s infinite alternate;animation: fadein .8s ease-in 2.9s 1 forwards,arrow 1s ease 3.5s infinite alternate;}
@-webkit-keyframes fadein{0%{opacity:0;}100%{opacity:1;}}
@-moz-keyframes fadein{0%{opacity:0;}100%{opacity:1;}}
@-ms-keyframes fadein{0%{opacity:0;}100%{opacity:1;}}
@-o-keyframes fadein{0%{opacity:0;}100%{opacity:1;}}
@keyframes fadein{0%{opacity:0}100%{opacity:1;}}

@-webkit-keyframes arrow{0%{-webkit-transform:translateX(0px);}100%{-webkit-transform:translateX(8px);}}
@-moz-keyframes arrow{0%{-moztransform:translateX(0px);}100%{-moztransform:translateX(8px);}}
@-ms-keyframes arrow{0%{-ms-transform:translateX(0px);}100%{-ms-transform:translateX(8px);}}
@-o-keyframes arrow{0%{-o-transform:translateX(0px);}100%{-o-transform:translateX(8px);}}
@keyframes arrow{0%{transform:translateX(0px);}100%{transform:translateX(8px);}}

.rankList a.left_btn, .rankList a.right_btn{display:none; position:absolute; right:45px; top:16px; width:24px; height:24px; background:url('../img/left-btn1.png') no-repeat center center; cursor:pointer; -o-transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; transition:all .3s; background-size:100%; }
.rankList:hover a.left_btn, .rankList:hover a.right_btn{display:block;}
.rankList a.right_btn{right:20px; background-image:url('../img/right-btn1.png');}
.rankList a.left_btn:hover{background-image:url('../img/left-btn2.png');}
.rankList a.right_btn:hover{background-image:url('../img/right-btn2.png');}
.rankList h2{ margin:0; font-size:22px; line-height:58px; border-bottom:solid 1px #ccc; color:#fff;}
.rpk h3{line-height:50px; color:#fff; font-size:16px;}
.rpk h3 span{width:auto; display:inline-block; font-size:13px;}
.rpk h3 span:first-child{width:92px; font-size:15px;}
.rpk h3 div{display:inline-block; position:relative; padding-left:24px;}
.rpk h3 div:before, .rpk h3 div:after{content:''; height:1px; display:block; position:absolute;  bottom:10px;}
.rpk h3 div:before{border-bottom:1px solid #46a1ff; width:157px; left:31px;}
.rpk h3 div:after{border-bottom:1px dashed #46a1ff; width:40px; left:186px;}
.rpk h3 em{font-style:normal; font-size:12px; display:inline-block; width:39px; text-align:right; position:relative;}
.rpk h3 em:first-child{width:auto;}
.rpk h3 em:after{content:''; height:4px; width:1px; background:#46a1ff; display:block; position:absolute; right:6px; bottom:6px;}
.rpk li{height:20px; line-height:20px; margin-bottom:26px; font-size:15px; color:#fff;}
.rpk li span{width:20px; height:20px; background:#46a1ff; text-align:center; display:inline-block; margin:0 10px 0 0;}
.rpk li div{width:60px;display:inline-block;text-align:center;}
.rpk li b{font-weight:normal;}
.rpk li i{width:120px; height:6px; background:#91a5c6; border-radius:3px; overflow:hidden; float:right; margin-top:7px;}
.rpk li p{display:inline-block; padding-left:15px;}
.rpk li p em{display:inline-block; width:39px; text-align:center; font-size:13px;}
.rpk li i em{height:6px; float:left; border-radius:3px; background:#46a1ff; overflow:hidden;}
.age{display:none;}
.age h3{margin:15px 0 5px 0; color:#fff; font-size:16px; overflow:hidden;}.age h3 span,.age li span{width:33.3333%; float:left; text-align:center;}
.age h3 span:nth-child(2),.age li span:nth-child(2){color:#4ff686} .age h3 span:last-child,.age li span:last-child{color:#f5ab54;}
.age li{line-height:45px; color:#fff; font-size:16px;}
.notes{width:100%;height:110px;background:rgba(7,68,117,0.3); border-radius:5px; position:absolute; bottom:-120px; left:0;color:#fff;display:none;}
.notes h3{font-size:16px;margin:10px 20px;}
.notes p{font-size:14px; line-height:20px;margin-left:20px;}.notes p span{width:30%; float:left;}.notes p span:nth-child(2){width:40%;}
.bg_logo{width:646px; height:52px; position:absolute; top:4%; left:55px; background:url("../img/HT-logo.png") no-repeat; z-index:9;}
.bg_data{position:absolute; top:12%; left:55px; z-index:9; }
.bg_data span{height:105px; padding:0 32px; background:rgba(255,255,255,0.08); border-radius:5px;  float:left; color:#fff; text-align:center; margin-right:30px;}
.bg_data span b{font-size:55px; font-weight:normal; display:inline-block; margin:5px 0;}
.bg_login{width:33px; height:33px; position:absolute; top:4%; right:25px; z-index:9; background:url("../img/login-icon.png") no-repeat;}
/*菜单小图标*/
.vbox{
  /*margin-left:172px;*/
  padding-bottom:0;
  -moz-transition: margin-left 0.5s ease-in;
    -webkit-transition: margin-left 0.5s ease-in;
    -o-transition: margin-left 0.5s ease-in;
    transition: margin-left 0.5s ease-in;
}
/*主容器宽高*/
.vis-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.vbox .bg_rotate{
  width:100%;
  height:100%;
  display:block;
  margin: auto;  
    position: absolute;  
    top: 0; left: 0; bottom: 0; right: 0; 
  padding:0;
}
.vbox .bg_rotate li{width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:0; z-index:-1;}
.rotateClick{width:20%;position:absolute; left:0; top:10%;overflow:hidden;z-index:99;}
.rotateClick b{overflow:hidden;color:#fff;float:left;margin:5px;}
/*.vbox .bg_rotate li.active{ z-index:0;}*/
/*.vbox .bg_rotate li.t5_7{background:url(../img/5-7.jpg);background-size:cover;}*/
.vbox .bg_rotate li.t7_18{z-index:0; background:url(../img/7-18.jpg) no-repeat center bottom;background-size:cover;}
/*.vbox .bg_rotate li.t18_19{background:url(../img/18-19.jpg);background-size:cover;}
.vbox .bg_rotate li.t19_24{background:url(../img/19-24.jpg);background-size:cover;}
.vbox .bg_rotate li.t0_5{background:url(../img/0-5.jpg);background-size:cover;}*/
.d_ticket_header .lineTab{
  display:inline-block;
  width:30px;
  height:20px;
  background-color:red;
  margin-left:5px;
  border-radius:.25em;
  vertical-align:middle;
  cursor:pointer;
}
.d_ticket_header .lineTab.active{
  opacity:0.2;
}
.d_ticket_header .lineTab.yellow{
  background-color:yellow;
}
.d_ticket_header .lineTab.green{
  background-color:green;
}
.d_ticket_map{
  height:100%;
  position:relative;
}
.d_ticket_mapMain{
  /*width:100%;*/
  width:75%;
  margin:auto;
  margin-top:100px;
  position:relative;
  overflow:hidden
}

/*热门WiFi分布*/
.canvas-map{
  position:absolute;
  left:0;
  top:0;
}
.time_brush{
  position:absolute;
  bottom:0;
  left:0;
  height:150px;
  padding:0;
}
/*时间过滤轴*/
svg {
  font: 10px sans-serif;
}

.area {
  stroke-width:2px;
  stroke: #19C108;
  /*fill:transparent;*/
  fill:rgba(25,193,8,.2);
  /*fill:#19C108;
  fill-opacity:.4;*/
  clip-path: url(#clip);
}

.axis path,
.axis line {
  fill: none;
  stroke: #fff;
  shape-rendering: crispEdges;
}
.axis text{
  fill:#fff;
  font-size:15px;
  font-weight:bold;
}
.brush .extent {
  stroke: #fff;
  fill-opacity: .125;
  shape-rendering: crispEdges;
}
.slider image{
  cursor:pointer;
}
.slider .handle {
  fill: #fff;
  stroke: #000;
  stroke-opacity: .5;
  stroke-width: 1.25px;
  cursor: crosshair;
}
.time-tips{
  font-size:24px;
  font-family: '微软雅黑';
  font-weight:bold;
  fill:#fff;
}