@charset "UTF-8";
body {
    background:#F5F6FA;
}
.main-wrapper {
    width: 100%;
}
.main-wrapper .left-wrapper {
    float: left;
    width: 220px;
    background-color: #1CB0F8;
}
.img-wrapper{
    display:block;
    padding:10px 0 0 4px;
}
.img-wrapper{
    width:172px;
    height:37px;
}
.nav-wrapper {
    padding:20px 10px;
}
.nav-list li {
    margin-top:20px;
}
.nav-list li:first-child {
    margin-top:0;
}
.level1-menu {
    display:block;
    padding-left:10px;
}
.level1-menu-title {
    position:relative;
    height:40px;
    line-height: 40px;
    font-size:0;
}
.level1-menu-title span {
    display:inline-block;
    font-size:15px;
    font-weight:700;
    color:#fff;
}
.level1-menu-title i {
    display:inline-block;
    margin-right:10px;
    font-size:18px;
    color:#fff;
}
.level1-active .icon-right {
    display:none;
}
.level1-active .icon-arrow-down {
    display:inline-block;
}
.level2-menu {
    display:none;
}
.level1-active ~ .level2-menu {
    display:block;
}
.level2-title {
    position:relative;
    height:40px;
    line-height: 40px;
    padding-left:10px;
    font-size:14px;
    color:rgba(255,255,255,0.9);
}
.level2-title span {
    display:inline-block;
}
.level2-title i {
    display:inline-block;
    width:24px;
    font-size:12px;
}
.level2-title .icon-arrow-down {
    display:none;
}
.level2-active .level2-title {
    color:#fff;
    background:#77CFFA;
}
.level2-active i {
    color:#fff;
}
.level2-active .level2-title .icon-right {
    display:none;
}
.level2-active .level2-title .icon-arrow-down {
    display:inline-block;
    vertical-align: top;
}
.level3-item {
    position:relative;
    display:block;
    height:35px;
    line-height: 35px;
    padding-left:37px;
    font-size:14px;
    color:#fff;
    background:rgba(255,255,255,0.2);
    transition:all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
}
.level3-menu {
    display:none;
}
.level3-item:hover{
    background:rgba(255,255,255,0.4);
}
.level3-active {
    color:#1CB0F8!important;
    background:#fff!important;
}
.level3-active:after{
	content:"";
    display:block;
    position:absolute;
    top:0;
    right:-4px;
    width:0;
    border-top:17.5px solid transparent;
    border-bottom: 17.5px solid transparent;
    border-left:4px solid #fff;
}
.level3-item:hover {
    padding-left:47px;
}
.level2-active .level3-menu {
    display:block;
}
.nav-list i {
    cursor:pointer;
}
.level3-item .icon-lock{
    display:none;
    position:absolute;
    top:0;
    right:10px;
    font-size:12px;
    color:#fff;
}
.level3-manual .icon-lock,.level3-lock .icon-lock {
    display:inline-block;
}
.level3-lock .icon-right {
    display:none;
}
/*RIGHT*/
.main-wrapper .right-wrapper {
    padding:0 30px 50px;
    background-color: #f5f6fa;
    overflow: hidden;
}

.section{
	position:relative;
}
.section-chart{
    font-size:0;
}
.section h3{
	position:relative;
    margin-top:15px;
    height:40px;
    line-height: 40px;
    font-weight:400;
}
.section h3 span{
    font-size:16px;
    font-weight: 700;
    color:#282828;
}
.section .chart-select{
	float:right;
    font-size:0;
    color:#666;
}
.section .chart-switch{
    position:absolute;
    top:80px;
    right:55px;
    display:inline-block;
    font-size:0;
}
.type-select{
    margin-right:30px;
}
.section .sec-date{
    width:140px;
    height:40px;
    line-height: 40px;
    text-align:center;
    font-size:14px;
    color:#666;
}
.section .sec-type{
    position:relative;
    display:inline-block;
    height: 30px;
    line-height: 30px;
    margin-top:5px;
    margin-right:-1px;
    padding:0 14px;
    text-align: center;
    font-size: 14px;
    font-weight:400;
    border:1px solid #d9d9d9;
    color:#323232;
    cursor:pointer;
    z-index:1;
}
.section .sec-type:hover{
	color:#1CB0F8;
}
.section .sec-type.type-active:hover{
	cursor:default;
}
.section .sec-type.type-active{
    border-color:#1CB0F8;
    cursor:auto;
    z-index:2;
}
.section .trend-dom{
	width:100%;
	height:460px;
	margin-top:15px;
	padding:30px 0;
	background:#fff!important;
}
#Wiframe{
	margin-left:-45px;
}
.section-table{
	margin-top:50px;
	padding-bottom:10px;
	background-color:#fff;
}
.section-table h3{
	height:54px;
	line-height:54px;
	padding-left:35px;
}
.section-table h3 span{
    font-size:15px;
    font-weight: 700;
    color:#323232;
}
.detail-table{
	width:100%;
	table-layout:fixed;
	border-collapse:collapse;
}
.detail-table th{
	height:36px;
	line-height:36px;
	text-align:left;
	font-size:14px;
	font-weight:400;
	color:#fff;
	background-color:#1CB0F8;
}
.detail-table th:first-child{
	padding-left:35px;
}
.detail-table th:nth-child(2){
	text-align:right;
}
.detail-table th:nth-child(n+2){
    text-align:right;
}
.detail-table th:last-child{
	text-align:right;
	padding-right:35px;
}
.detail-table td{
	height:36px;
	line-height:36px;
	font-size:14px;
	color:#666;
}
.td-date{
	padding-left:35px;
}
.td-user,.td-penetration{
	text-align:right;
}
.td-ratio{
	text-align:right;
	padding-right:35px;
}
.detail-table tr:nth-child(even){
	background-color:#F3FAFE;
}
.table-loading{
	display:none;
	width: 100%;
    height: 90px;
    overflow: hidden;
}
.table-loading>img{
	display: block;
    height: 90px;
    width: 100px;
    margin: 0 auto;
    padding-right: 50px;
}
.table-no-data{
	text-align:center!important;
}
.td-app,.td-num,.td-apprate{
   text-align:right; 
}
.td-app:last-child,.td-num:last-child,.td-apprate:last-child{
    padding-right:35px;
}
/*弹窗*/
.dialog-mask{
	display:none;
    position:fixed;
    top:50px;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.3);
    z-index:1001;
}
.dialog-panel{
   position:relative;
   width:330px;
   margin:100px auto 0;
   padding:50px 30px 10px;
   background:#fff;
   z-index:1001;
}
.panel-img{
    display:block;
    width:100px;
    height:100px;
    margin:0 auto;
}
.panel-close{
	position:absolute;
	top:15px;
	right:15px;
	font-size:16px;
	color:#999;
	cursor:pointer;
    z-index:1003;
}
.panel-title{
    line-height:20px; 
    text-align:center;
    font-size:14px;
    font-weight:normal;
    color:#333;
}
.panel-content .p1{
  margin-top:20px;
  text-align:center;
  line-height:20px;
  font-size:14px;
  color:#323232;
}
.panel-content .p2{
    margin-top:15px;
    text-align:center;
    line-height:20px;
    font-size:12px;
    color:#999;
}
.panel-content .p3{
    margin-top:15px;
    font-size:16px;
    color:#323232;
}
.panel-content .p4{
    margin-top:15px;
    font-size:14px;
    color:#323232;
}
.panel-footer{
  margin-top:25px;
}
.panel-btn{
  display:block;
  width:100%;
  height:40px;
  line-height: 40px;
  text-align:center;
  font-size:14px;
  cursor:pointer;
}
#panel-login{
    color:#fff;
  background-color:#1CB0F8;
}
#panel-register{
  color:#1CB0F8;
}
#panel-login:hover{
  background-color:#24b7ff;
}
#panel-register:hover{
  color:#24b7ff;
}
.panel-close:hover{
  color:#323232;
}
.p20{
	padding:50px 20px 10px;
}
.tal{
    text-align:left;
}
/*无权限*/
.mark-no-access {
    position:relative;
    min-height:1533px;
    /* -webkit-filter:blur(10px); 
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
     filter:blur(10px); 
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10,MakeShadow=false); */
    /* background:url(../img/r-bg.png) left top / contain no-repeat; */
}
@media(min-width:1800px){
    .mark-no-access{
        min-height:2285px;
    }
}
.mark-no-access:before {
    content: "";
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 50px;
    z-index: 800;
}
.mark-no-access:before,_:-ms-lang(x),_:-webkit-full-screen {
    background-color: hsla(0,0%,100%,.982)
}
.chart-tab{
    margin-top:15px;
    padding:15px 0 0 35px;
    background-color:#fff;
}
.chart-tab ul{
    font-size:0;
}
.tab-item{
    position:relative;
    display:inline-block;
    height:30px;
    line-height: 30px;
    margin-right:-1px;
    padding:0 14px;
    text-align:center;
    font-size:14px;
    border:1px solid #d9d9d9;
    color:#323232;
    cursor:pointer;
    z-index:1;
}
.tab-item:hover{
	color:#1CB0F8;
}
.tab-active:hover{
    cursor:default;
}
.tab-active{
	color:#1CB0F8;
    border-color:#1CB0F8;
    z-index:2;
}
.section .all-penetration-dom{
    margin-top:0;
}
.retention-table{
	width:100%;
	table-layout:fixed;
	border-collapse:collapse;
}
.retention-table th{
	height: 36px;
    line-height: 36px;
    font-size: 14px;
    font-weight: 400;
    color: #323232;
    background-color: #F3FAFE;;
}
.retention-table td{
	height: 36px;
    line-height: 36px;
    text-align:center;
    font-size: 14px;
    color: #323232;
}
.retention-table td.td-date{
    text-align:left;
}
.retention-table td.td-num{
    text-align:right;
}
.colorGrade1{
	background-color:rgba(28,176,248,1);
}
.colorGrade2{
    background-color:rgba(28,176,248,0.9);
}
.colorGrade3{
    background-color:rgba(28,176,248,0.8);
}
.colorGrade4{
    background-color:rgba(28,176,248,0.7);
}
.colorGrade5{
    background-color:rgba(28,176,248,0.6);
}
.colorGrade6{
    background-color:rgba(28,176,248,0.5);
}
.colorGrade7{
    background-color:rgba(28,176,248,0.4);
}
.colorGrade8{
    background-color:rgba(28,176,248,0.3);
}
.colorGrade9{
    background-color:rgba(28,176,248,0.2);
}
.colorGrade10{
    background-color:rgba(28,176,248,0.1);
}
.section-radar{
	margin-top:15px;
	font-size:0;
	background:#fff;
}
.radar-dom{
	float:left;
	width:50%;
	height:460px;
	padding:30px 0;
	vertical-align:top;
}
.radar-detail{
	float:left;
	width:50%;
	height:460px;
	padding:100px 40px 0 0;
	vertical-align:top;
}
.radar-table{
	width:100%;
	table-layout:fixed;
	border-collapse:collapse;
}
.radar-table th{
	height:36px;
	line-height:36px;
	font-size:14px;
	font-weight:400;
	color:#fff;
	background-color:#1CB0F8;
}
.radar-table td{
	height:36px;
	line-height:36px;
	text-align:center;
	font-size:14px;
	color:#666;
}
.radar-table tr:nth-child(even){
	background-color:#F3FAFE;
}
.section-bar-zone{
	font-size:0;
}
.section-bar{
	width:49.5%;
	padding:15px 0;
	vertical-align:top;
}
.behavior-bar{
	float:left;
}
.behaviorRank-bar{
	float:right;
}
.behavior-dom,.behaviorRank-dom{
	width:100%;
	height:360px;
	margin-top:15px;
	background:#fff;
}
.section .brand-dom,.section .device-dom{
	width:100%;
	height:460px;
	margin-top:15px;
	padding:30px 0;
	background:#fff!important;
}
.section .device-dom{
	margin-top:0;
}
.section-tips{
	position:absolute;
	top:0;
	left:120px;
	max-width:380px;
	padding:8px;
	font-size:0;
	background-color:rgba(0, 0, 0, 0.7);
    opacity:0;
	z-index:200;
}
.section-tips:before{
	content:"";
	display:block;
	position:absolute;
	top:15px;
	left:-5px;
	border:5px solid transparent;
	border-left-width:0;
	border-right-color:rgba(0,0,0,0.7);
}
.section-tips>p{
	line-height:24px;
	font-size:0;
	font-weight:400;
}
.section-tips>p>span{
/* 	display:inline-block; */
	vertical-align:top;
	font-size:12px!important;
	font-weight:400!important;
}
.tips-name{
	color:rgb(28, 176, 248)!important;
}
.tips-desc{
	/* max-width:290px; */
	color:#fff!important;
}
.section-chart .icon-question{
    margin-left:5px;
	cursor:pointer;
}
.section .icon-question:hover+div{
	opacity: 1;
}
.l104{
	left:104px;
}
.l136{
	left:136px;
}
.l152{
	left:152px;
}
.l169{
	left:169px;
}
.l90{
    left:90px;
}
.l106{
    left:106px;
}
.section-bar .icon-question{
	margin-left:5px;
}
.nav-tips{
    position:absolute;
    top:0;
    left:205px;
    width:200px;
    padding:8px;
    font-size:0;
    background-color:rgba(0, 0, 0, 0.6);
    z-index:200;
}
.nav-tips:before{
    content:"";
    position:absolute;
    top:15px;
    left:-5px;
    border:5px solid transparent;
    border-left-width:0;
    border-right-color:rgba(0,0,0,0.6);
}
.nav-tips>p{
    line-height:14px;
    margin-bottom:5px;
    font-size:14px;
    font-weight:400;
    color:#fff;
}
.nav-tips>p:first-child{
   line-height:22px; 
   margin-bottom:8px;
   text-align:justify;
   font-size:15px;
   font-weight:700;
}
.user-habit-list{
    margin-top:20px;
    background-color:#fff;
}
.user-habit-list+div{
    margin-top:40px;
}
.user-habit-item{
    float:left;
    width:25%;
    height:166px;
    padding:30px 0;
    text-align:center;
}
.user-habit-name{
    height:20px;
    font-size:12px;
    color:#666;
}
.user-habit-num{
    height:66px;
    line-height: 66px;
    font-size:28px;
    color:#323232;
}
.user-habit-ratio{
    height:20px;
    font-size:12px;
    color:#666;
}
.user-habit-ratio>i{
    display:inline-block;
    margin-right:5px;
    font-size:12px;
    vertical-align:middle;
}
.user-habit-ratio>span{
    display:inline-block;
}
.user-habit-ratio .icon-up{
	color:#FF0000;
}
.user-habit-ratio .icon-arrow-down{
	color:#66CC00;
}
.user-habit-ratio .icon-pie{
    font-size:16px;
	color:#1CB0F8;
}
.td-amo{
	text-align:right;
	padding-right: 35px;
}
.userHabit-table th:nth-child(2){
	padding-right: 35px;
}
.section .user-habit-dom{
	margin-top:0;
}
.distribution-table{
	width:100%;
	table-layout:fixed;
	border-collapse:collapse;
}
.distribution-table th{
	height:36px;
	line-height:36px;
	text-align:center;
	font-size:14px;
	font-weight:400;
	color:#fff;
	background-color:#1CB0F8;
}
.distribution-table td{
	height:36px;
	line-height:36px;
	text-align:center;
	font-size:14px;
	color:#666;
}
.distribution-table th:first-child,.distribution-table td:first-child{
	text-align:left;
	padding-left:35px;
}
.distribution-table th:last-child,.distribution-table td:last-child{
	text-align:right;
	padding-right:35px;
}
.distribution-table tr:nth-child(even){
	background-color:#F3FAFE;
}
.icon-square{
    display:inline-block;
    width:5px;
    height:5px;
    line-height: 20px;
    margin-right:5px;
    vertical-align: middle;
    background:rgba(255,255,255,0.9);
}
.level3-active .icon-square{
    background:#1CB0F8;
}
.right-header{
    height:50px;
    line-height: 50px;
    font-size:0;
    background:#fff;
}
.page-back{
    display:inline-block;
    width:50px;
    text-align: center;
    vertical-align: top;
    border-right:1px solid #e8e8e8;
    font-size:14px;
    color:#999;
}
.app-wrapper{
    display:inline-block;
    margin-left:20px;
    vertical-align: top;
}
.app-wrapper>li{
    float:left;
    height:50px;
    margin-left:8px;
    text-align:center;
}
.app-wrapper>li:after{
    content:"vs";
    display:inline-block;
    width:24px;
    height:24px;
    border:1px solid #1CB0F8;
    border-radius:50%;
    margin-left:8px;
    line-height: 24px;
    text-align:center;
    vertical-align: middle;
    font-size:14px;
    color:#1CB0F8;
}
.app-wrapper>li:first-child{
    margin-left:0;
}
.app-wrapper>li>a{
    display:inline-block;
    vertical-align: top;
    cursor:pointer;
}
.app-wrapper>li img{
    width:32px;
    height:32px;
    vertical-align: middle;
}
.app-wrapper>li:last-child:after{
    display:none;
}
.contrast-wrapper{
    position:relative;
    display:inline-block;
    width:80px;
    margin-left:24px;
}
#btn-contrast{
    display:inline-block;
    width:80px;
    height:32px;
    line-height: 32px;
    text-align:center;
    vertical-align: middle;
    font-size:14px;
    color:#fff;
    background:#1CB0F8;
    cursor:pointer;
}
.contrast-addAppBox{
    display:none;
    position:absolute;
    top:50px;
    left:50%;
    width:240px;
    border:1px solid #e8e8e8;
    border-radius:4px;
    margin-left:-120px;
    background:#fff;
    z-index:999;
}
.contrast-hd{
    height:40px;
    padding:0 16px;
    line-height: 40px;
    border-bottom:1px solid #e8e8e8;
}
.contrast-mid{
     margin-top:10px;
     padding:0 20px;
     font-size:0;
}
.contrast-title{
    float:left;
    font-size:14px;
    color:#1CB0F8;
}
.contrast-addAppBox .icon-close{
    float:right;
    font-size:12px;
    color:#101010;
}
#contrast-search-return{
    display:none;
    height:30px;
    margin-left:-5px;
    line-height: 30px;
    vertical-align:top;
    color:#707070;
    cursor:pointer;
}
#contrast-search-return>span{
    font-size:12px;
    color:#323232;
}
.contrast-search-wrap{
    display:inline-block;
    width:100%;
    height:30px;
    font-size:14px;
    vertical-align: top;
}
.contrast-search-box{
    position:relative;
    line-height: 30px;
}
#contrast-search-word{
    width:100%;
    height:30px;
    border:1px solid #e8e8e8;
    outline: 0;
    line-height:30px;
    padding:0 25px 0 5px;
    font-size:12px;
    color:#323232;
}
#contrast-search-icon{
    position:absolute;
    top:0;
    right:5px;
    font-size:14px;
    color:#101010;
    cursor:pointer;
}
.contrast-app-item,.contrast-search-item{
    height:30px;
    margin-bottom:5px;
    padding:0 10px;
    line-height: 30px;
    font-size:0;
    background:#F4F4F4;
}
.contrast-app-item:last-child,.contrast-search-item:last-child{
    margin-bottom:0;
}
.contrast-app-item>div,.contrast-search-item>div{
    display:inline-block;
    vertical-align:top;
}
.contrast-app-logo,.contrast-search-logo{
    width:20px;
    height:20px;
    margin-top:5px;
}
.contrast-app-name,.contrast-search-name{
    margin-left:10px;
    font-size:12px;
    color:#323232;
}
.contrast-app-delete{
    float:right;
    font-size:16px;
    color:#999;
    cursor:pointer;
}
.contrast-search-item>i{
    float:right;
    font-size:12px;
    cursor:pointer;
}
.contrast-search-item>i.icon-plus{
    color:#1CB0F8;
}
.contrast-search-item>i.icon-trash{
    font-size:16px;
    color:#999;
}
.add-disabled .contrast-app-add{
    color:#999;
    cursor:pointer;
}
#btn-contrast-clear{
    display:block;
    width:64px;
    height:20px;
    margin:16px auto 0;
    text-align:center;
    font-size:12px;
    color:#FA541C;
    cursor:pointer;
}
#btn-contrast-confirm{
    display:block;
    width:80px;
    height:30px;
    margin:10px auto 20px;
    line-height: 30px;
    text-align:center;
    font-size:12px;
    color:#fff;
    background:#1CB0F8;
    cursor:pointer;
}
#btn-contrast.btn-disabled,#btn-contrast-confirm.btn-disabled{
    color:#1CB0F8;
    background:#F5F5F5;
    cursor:default;
}
.contrast-search-result-wrap{
    display:none;
}
.contrast-app-wrap,.contrast-search-result-wrap{
    padding:0 20px;
}
.contrast-search #contrast-search-return{
    display:inline-block;
}
.contrast-search .contrast-search-wrap{
    width:150px;
    margin-left:8px;
}
.contrast-search .contrast-app-wrap{
    display:none;
}
.contrast-search .contrast-search-result-wrap{
    display:block;
}
.contrast-search{
    padding-bottom:60px;
}
.drop-down{
    max-height:170px;
    overflow-y: scroll;
    z-index: 1001;
}
.drop-down::-webkit-scrollbar{
    width: 6px;
 }
 .drop-down::-webkit-scrollbar-thumb{
    border-radius: 10px;
    height: 15px;
    background-color: #CBCBCB;
 }
 .contrast-search-result{
    max-height:205px;
 }
 #contrast-close{
    cursor:pointer;
 }
 .contrast-search-item i.btn-disabled{
    color:#999;
    cursor:default;
 }
.hd-right{
    float:right;
    font-size:0;
}
.search-wrap{
    position:relative;
    display:inline-block;
    width:230px;
    height:50px;
    border-left:1px solid #F5F6FA;
    border-right:1px solid #F5F6FA;
    line-height:50px; 
    vertical-align:top; 
}
.search-word{
    width:100%;
    height:50px;
    padding:0 55px 0 20px;
    line-height: 50px;
    font-size:14px;
    color:#323232;
    outline:none;
}
.search-wrap .icon-search{
    position:absolute;
    top:0;
    right:15px;
    font-size:16px;
    color:#a8a8a8;
    cursor:pointer;
}
.search-list{
    display:none;
    position:absolute;
    top:50px;
    left:0;
    width:100%;
    max-height:180px;
    border:1px solid #e8e8e8;
    background:#fff;
}
.reg-wrap{
    display:inline-block;
    width:127px;
    height:50px;
    text-align:center;
    line-height: 50px;
    vertical-align: top;
}
.reg-wrap>a{
    display:inline-block;
    line-height: 20px;
    vertical-align: middle;
    font-size:14px;
    color:#1CB0F8;
    cursor:pointer;
}
.reg-wrap>a:first-child{
    max-width: 250px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    padding-right:5px;
    border-right:1px solid #1CB0F8;
}
.reg-wrap>a:last-child{
    padding-left:5px;
}
.search-item{
    height:30px;
    line-height: 30px;
    font-size:14px;
}
.search-item>a{
    display:block;
    padding-left:20px;
    color:#323232;
    overflow:hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
}
.search-item:hover{
    background-color: #DCF2FD;
    cursor: pointer;
}
.search-item>a:hover{
    text-decoration:none;
}
input::-webkit-input-placeholder {
  color: #999;
}
input:-moz-placeholder {
  color: #999;
}
input:-ms-input-placeholder {
  color: #999;
}
.section-table[data-contrast='1'] .retention-table th:first-child{
	width:33%;
	text-align:left;
    padding-left:35px;
}
.app-rank-wrapper{
    display:inline-block;
    margin-left:8px;
    vertical-align: top;
    font-size:0;
}
.app-rank-wrapper>a,.app-rank-wrapper>span{
    display:inline-block;
    height:50px;
    vertical-align: top;
}
.h-logo{
    width:32px;
    height:32px;
    vertical-align: middle;
}
.h-rank{
    display:inline-block;
}
.h-rank>span{
    margin-left:8px;
    vertical-align: middle;
}
.h-rank>span:first-child{
    font-size: 12px;
    color:#999;
}
.h-rank>span:last-child{
    font-size: 20px;
    color:#282828;
}
.h-collect{
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-left: 8px;
    line-height: 32px;
    text-align: center;
    vertical-align: middle;
    background: #f5f5f5;
    cursor: pointer;
}
.h-collect>i{
    font-size:14px;
    color:#999;
}
.h-collect[data-status="collected"]>i{
    color:#F74E60;
}
#bubble-tips{
    position: fixed;
    top: -100%;
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 6px 15px;
    min-width: 200px;
    line-height: 1.5;
    text-align: center;
    border-radius: 2px;
    font-size: 14px;
    background-color: rgba(0,0,0,.6);
    color: #fff;
    -ms-animation: bubbleTips 2s ease;
    -moz-animation: bubbleTips 2s ease;
    -webkit-animation: bubbleTips 2s ease;
    animation: bubbleTips 2s ease;
    z-index: 999999;
    opacity: 0;
}
@-ms-keyframes bubbleTips {
    0%,100% {
        opacity: 0;
        top: -100%
    }

    15%,85% {
        opacity: 1;
        top: 50%
    }
}

@-moz-keyframes bubbleTips {
    0%,100% {
        opacity: 0;
        top: -100%
    }

    15%,85% {
        opacity: 1;
        top: 50%
    }
}

@-webkit-keyframes bubbleTips {
    0%,100% {
        opacity: 0;
        top: -100%
    }

    15%,85% {
        opacity: 1;
        top: 50%
    }
}

@keyframes bubbleTips {
    0%,100% {
        opacity: 0;
        top: -100%
    }

    15%,85% {
        opacity: 1;
        top: 50%
    }
}
.section .yq-data-dom{
    width:100%;
    height:400px;
    margin-top:15px;
    padding:30px 0;
    background:#fff!important;
}
#media-trend-dom{
	height:600px;
}
#media-source-dom{
	height:600px;
	padding:10px;
}
.yq-chart-select{
    float:right;
    font-size:0;
}
.yq-chart-select>label{
    display:inline-block;
    vertical-align: top;
    font-size:14px;
    color:#999;
}
.section .yq-time-list{
    display:inline-block;
    height: 40px;
    border:1px solid #1CB0F8;
    border-radius: 20px;
    vertical-align: top;
}
.section .yq-time-list>span{
    display:inline-block;
    width:60px;
    height:40px;
    border-radius: 20px;
    line-height: 40px;
    text-align: center;
    font-size:14px;
    font-weight: 400;
    color:#1CB0F8;
    cursor:pointer;
}
.section .yq-time-list>span.yq-time-active{
    color:#fff;
    background:#1CB0F8;
}
.section-chart-zone-left{
    float:left;
    width: 49.5%;
    padding: 15px 0;
    vertical-align: top;
}
.section-chart-zone-right{
    float:right;
    width: 49.5%;
    padding: 15px 0;
    vertical-align: top;
}
#btn-yq-more{
    display:block;
    width:240px;
    height:50px;
    margin:40px auto 0;
    border-radius: 20px;
    line-height: 50px;
    text-align:center;
    font-size:16px;
    color:#1CB0F8;
    background:#DEEFFB;
    cursor:pointer;
}
.app-rank-dom{
    float:left;
    width:49.3%;
    height:460px;
    margin:20px 0;
    background:#fff;
}
.app-rank-detail{
    float:right;
    width:49.3%;
    height:460px;
    margin:20px 0;
    background:#fff;
}
.app-rank-table{
    width:100%;
    table-layout: fixed;
    border-collapse: collapse;
}
.app-rank-table th{
    height:40px;
    line-height: 40px;
    font-size:14px;
    font-weight:400;
    color:#fff;
    background:#1CB0F8;
}
.app-rank-table td{
    height:60px;
    line-height: 60px;
    text-align:center;
    font-size:14px;
    font-weight:400;
    color:#333;
}
.app-rank-table th:first-child,.app-rank-table td:first-child{
    text-align:left;
    padding-left:35px;
}
.app-rank-table th:nth-child(2){
    text-align: left;
}
.app-rank-table th:last-child,.app-rank-table td:last-child{
    padding-right:35px;
}
.app-rank-table td.app-name{
    text-align:left;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.app-rank-table td.app-logo img{
    width:36px;
    height:36px;
    border-radius:4px;
    vertical-align: middle;
}
.app-rank-table td.app-rank{
    color:#666;
}
.app-rank-table td.app-trend{
    color:#666;
}
.app-rank-table td.app-trend .icon-up{
    color:#FF0000;
}
.app-rank-table td.app-trend .icon-down{
    color:#8BC34A;
}
.app-rank-current{
    background:rgba(45, 186, 255, 0.41)
}
img[src=""],img:not([src]){opacity:0;}
.reg-wrap{
    display:inline-block;
    height:50px;
    text-align:center;
    line-height: 50px;
    vertical-align: top;
}
.reg-wrap>a{
    display:inline-block;
    line-height: 20px;
    vertical-align: middle;
    font-size:14px;
    color:#1CB0F8;
    cursor:pointer;
}
.reg-wrap>a:first-child{
    max-width: 250px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    padding-right:5px;
    border-right:1px solid #1CB0F8;
}
.reg-wrap>a:last-child{
    padding-left:5px;
}
.user-wrap{
    display:inline-block;
    height:50px;
    padding:0 20px;
    line-height: 50px;
    vertical-align: top;
    border-left: 1px solid #F5F6FA;
}
.user-wrap>a{
    display:inline-block;
    margin-right:20px;
    line-height: 20px;
    vertical-align: middle;
    font-size:14px;
    color:#1CB0F8;
    cursor:pointer;
}
.user-info{
    position:relative;
    display:inline-block;
    height:50px;
    line-height: 50px;
    vertical-align:top;
}
.user-avatar{
    width:32px;
    height:32px;
    vertical-align: middle;
}
.user-info-list{
    display:none;
    position:absolute;
    right:-10px;
    top:53px;
    width:176px;
    height:0;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.15);
    background: #fff;
    transition: all .8s ease;
    -webkit-transition: all .8s ease;
    z-index:1000;
}
.user-info:hover .user-info-list{
    display:block;
    height:auto;
}
.user-info-list:before{
    content:"";
    position:absolute;
    width:0;
    height:0;
    top:-8px;
    right:16px;
    border:8px solid transparent;
    border-top-width:0;
    border-bottom-color:#fff;
    z-index:1001;
}
.user-info-list:after{
    content:"";
    position:absolute;
    width:0;
    height:0;
    top:-9px;
    right:16px;
    border:8px solid transparent;
    border-top-width:0;
    border-bottom-color:rgba(0,0,0,.11);
}
.user-info-list li{
    height:56px;
    line-height: 56px;
    padding:8px 0;
    border-bottom: 1px solid #e8e8e8;
    overflow:hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
}
.user-info-list li:first-child{
    padding:0 16px;
}
.user-info-list li:last-child{
    border-bottom:0;
}
.user-info-list li>span{
    font-size:16px;
    font-weight:700;
    color:#373737;
}
.to-center,.user-logout{
    display:block;
    height:40px;
    padding:0 16px;
    line-height:40px;
    font-size:14px;
    color:#373737;
    cursor:pointer;
}
.user-info-list li:hover>a{
    background:#F4F4F4;
}