@font-face {
	font-family: 'SourceHanSansSC';
	src: url(../../browse/fonts/SansCN-Bold.woff2);
}
p{
	margin:0;
}
div {
	color: #fbf9f9;
}
.ileft{
	width:12%;
	padding:0px 0 18px 0;
	float:left;
	background: rgba(0,0,0,0.2);
	margin:0 0.5% 0 20px;
	height: 980px;
}
.imiddle{
	width:39%;
	padding:0px 0 18px 0;
	float:left;
	margin-right:0.5%;
	background: rgba(0,0,0,0.2);
	height: 980px;
}
.iright{
	width:46%;
	padding:0px 0 18px 0;
	float:left;
	background: rgba(0,0,0,0.2);
	height: 980px;
}
.iright2 {
	width:85%;
	padding:0px 0 18px 0;
	float:left;
	background: rgba(0,0,0,0.2);
	height: 980px;
}
.iptitle {
	color:white;
	font-size:16px;
	text-align: left;
	height:25px;
	width:200px;
	float:left;
}
.ititle{
	border-bottom:1px solid #6d6ed6;
	overflow:hidden;
	height:38px;
	padding-left: 20px;
}
.ipart {
	width:100%;
	overflow: hidden;
}
.ipart-circle{
	height: 100%;
	width: 33%;
	float: left;
}
.trans-circle{
	height: 100%;
	width: 50%;
	float: left;
}
.irankleft{
	width:100%;
	height:300px;
	float:left;
	text-align:left;
	margin-bottom: 10px;
}
.irankright{
	width:100%;
	height:300px;
	float:left;
	text-align:left;
	margin-bottom: 10px;
}
.irankdiv{
	height: 50px;
	line-height: 50px;
	padding: 0 0 0 20px;
	font-size: 16px;
	width: 100%;
	text-align: left;
	font-weight: bolder;
	background-color: #071327;
}
.irankChoseTitle_bright{
	float:left;
	width:15%;
	cursor: pointer;
	color: #c0c4df;
	font-size: 16px;
}
.irankChoseTitle_dark{
	float:left;
	width:15%;
	color:#c0c4df;
	cursor: pointer;
}
.irtitle {
	text-align:left;
	float:left;
	color: #c0c4df;
}
.total-rank{
	float: left;
	width: 100%;
}
.imrank {
	float: left;
	width: 100%;
	height: 560px;
}
.ibutton{
	width:80px;
	float: right;
	right:0px;
}
.ibutton-left{
	float: left;
	height: 22px;
	line-height: 18px;
	font-weight: normal;
}
.ibutton:hover{
	cursor: pointer;
}
.irbtn{
	width:60px;
	text-align:center;
	padding:1px;
	border:1px solid #6c82a3;
	font-size:12px;
	background-color:rgba(100,100,100,.1);
	cursor: pointer;
}
.irbtn-sel{
	background-color:#6d6ed6;
	color:white;
}

.itbutton{
	float: right;
	height: 22px;
	margin-right: 20px;
	margin-top: 14px;
}
.ibtn-bg {
	font-size:16px;
}
.ibtn-sm{
	font-size:14px;
	margin-top:4px;
}
.irankborder {
	height:250px;
}
.irankborder table{
	width: 100%;
	height: 100%;
}
.irankborder table thead{
	border-bottom: 1px solid #0d1a37;
}
.irankborder table thead tr{
	font-weight: bolder;
}
.irankborder table tr{
	color: #f3f4f6;
}
.circle-head{
	padding-top: 36px;
	font-size: 16px;
	text-align: center;
}
.circle-head span{
	font-size: 30px;
	color: #fdfdff;
}
.circle-desc{
	height: 30px;
	font-size: 16px;
	text-align: center;
	color: #babed7;
}
.circle-content{
	width: 100%;
	min-height: 160px;
	overflow: visible;
	line-height: 160px;
	margin-top: 20px;
}
/**排行榜单*/
/* .imrank .media-rank:nth-child(1){
	height: 172px;
	width: 100%;
	line-height: 202px;
	min-height: 0px;
	background: none;
} */
.imrank .media-rank:nth-child(1){
	height: 100%;
	width: 100%;
	background: none;
}
.media-rank{
	float: left;
	padding-left: 20px;
}
.media-rank-part{
	float: left;
	width: 50%;
	height: 33%;
	line-height: 165px;;
}
.original-rankList{
	float:left;
	width: 100%;
}
.rankList-part{
	margin-top: 10px;
	float: left;
	width: 100%;
}

.part-row,.rank-row{
	float:left;
	width: 100%;
	line-height: 14px;
	height: 14px;
}
.rankIndex,.row-name,.row-value,.partName,.partValue{
	font-size:14px;
	color: #f3f4f6;
}
.rank-name{
	color: #c0c4df;
	cursor: pointer;
}
.rank-name,.irtitle{
	font-size: 16px;
	font-weight: bolder;
}
.ileft .irtitle{
	cursor: pointer;
}
.part-row>div,.rank-row>div{
	float: left;
	margin-left: 0px;
}
.rankIndex{
	width: 10%;
}
.original-rankList .rank-row{
	margin-top: 20px;
}
.original-rankList .rank-row:first-child{
	margin-top: 18px;
}
.ultrasmallloading{
	display: inline-block;
}
.partName,.row-name{
	height: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.rankList-part .part-row{
	margin-top: 18px;
}
.rankList-part .part-row:first-child{
	margin-top: 20px;
}
.row-name{
	width: 20%;
	cursor: pointer;
}
.partName{
	width: 31%;
	padding-right: 25px;
	cursor: pointer;
}
.rank-content{
	cursor: pointer;
}
/* .media-rank .partName:hover,.row-name:hover,.rank-content:hover{
	color: #33ffff;
} */
.partName,.rankName,.rankIndex,.rank-name,.row-name{
	text-align: left;
}
.partValue{
	width: 20%;
}
.row-value{
	width: 20%;
}
.rank-row .progress,.part-row .progress{
	margin-bottom: 0;
	height: 3px;
	margin-left: 0px;
}
.rank-row .progress{
	width: 50%;
	margin-top: 5px;
}
.rank-name{
	height: 30px;
	line-height: 30px;
}
.rank-row .progress-inner{
	height: 3px;
	background-color: #e07ae8;
}
.part-row .progress{
	height: 8px;
	width: 40%;
	margin-top: 3px;
	background-color: rgba(0,0,0,0);
	border-radius: 0 5px 5px 0;
}
.part-row .progress-inner{
	height: 8px;
	border-radius: 0 5px 5px 0;
	background-color: #8b6cd7;
}
.media-color{
	background-color: #e07ae8 !important;
}
.app-color{
	background-color: #6D6ED6 !important;
}
.website-color{
	background-color: #D9B569 !important;
}
.wechat-color{
	background-color: #55AC88 !important;
}
.weibo-color{
	background-color: #D14A61 !important;
}
.mda-color{
	background-color: #3CCAE6 !important;
}
#sysOverview{
	display: table;
	height:900px;
	width: 100%;
}
#sysOverview>div{
	width: 100%;
	text-align: left;
	padding-left: 20px;
}
#sysOverview>div:nth-child(1){
	background: url(/static/images/index/index_Sysover1-5582c3a0199b7750d538df5beb8027e8.png) no-repeat right bottom;
}
#sysOverview>div:nth-child(2){
	background: url(/static/images/index/index_Sysover2-4d794699a0787ef0eff98844d0fd9816.png) no-repeat right bottom;
}
#sysOverview>div:nth-child(3){
	background: url(/static/images/index/index_Sysover3-1215657e83e533e192a5fa8058cfa55b.png) no-repeat right bottom;
}
#sysOverview .progress{
	margin: 0;
	background-color: rgba(3, 18, 36, 0);
	margin-top: 7px;
}
#sysOverview .overviewPerTxt{
	text-align: left;
}
#sysOverview .overviewPerTxt>div{
	width: 100%;
}
#sysOverview .media-count {
	width: 100%;
	height: 90px;
	border-radius: 5px;
	background: rgba(0, 0, 0, 0.25) !important;
	padding: 5px 0;
}
#sysOverview .media-count .media-item {
	width: 50%;
	height: 100%;
	float: left;
}
#sysOverview .media-count .media-item span {
	font-weight: bold;
	text-align: center !important;
	width: 100%;
	display: block;
	font-family: 'SourceHanSansSC';
}
#sysOverview .media-count .media-item span:first-child {
	line-height: 25px;
	font-size: 12px;
	margin-top: 5px;
}
#sysOverview .media-count .media-item span:last-child {
	line-height: 50px;
	font-size: 37px;
}
#sysOverview .asset-list2 {
	width: 100%;
	padding: 0;
}
#sysOverview .asset-list2 .asset-item {
	margin-top: 10px;
	width: 100%;
	height: 102px;
}
#sysOverview .asset-list2 .asset-item div span{
	color: rgba(255, 255, 255, 0.7);
	font-size: 14px;
}
#sysOverview .asset-list2 .asset-mobile {
	background: url(../../browse/images/mobile-logo.png) no-repeat;
}
#sysOverview .asset-list2 .asset-mobile .asset-info span {
	color: #7558a5;
}
#sysOverview .asset-list2 .asset-website-pv {
	background: url(../../browse/images/website-logo.png) no-repeat;
}
#sysOverview .asset-list2 .asset-website-pv .asset-info span {
	color: #30ae9d;
}
#sysOverview .asset-list2 .asset-website-uv {
	background: url(../../browse/images/website-logo.png) no-repeat;
}
#sysOverview .asset-list2 .asset-website-uv .asset-info span {
	color: #ddb662;
}
#sysOverview .asset-list2 .asset-mda {
	background: url(../../browse/images/mda-logo.png) no-repeat;
}
#sysOverview .asset-list2 .asset-mda .asset-info span {
	color: #39cee9;
}
#sysOverview .asset-list2 .asset-video {
	background: url(../../browse/images/video-logo.png) no-repeat;
}
#sysOverview .asset-list2 .asset-video .asset-info span {
	color: #f99405;
}
#sysOverview .asset-list2 .asset-weibo {
	background: url(../../browse/images/weibo-logo.png) no-repeat;
}
#sysOverview .asset-list2 .asset-weibo .asset-info span {
	color: #e65a4c;
}
#sysOverview .asset-list2 .asset-item .asset-info span {
	padding: 10px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.7);
	font-family: 'SourceHanSansSC';
	font-size: 16px;
}
#sysOverview .asset-list2 .asset-item .asset-qoq span {
	font-size: 12px;
	margin-top: 5px;
}
#sysOverview .asset-list2 .asset-item .asset-qoq span.qoq-up:after {
	background: url(../../browse/images/raise_up.png);
}
#sysOverview .asset-list2 .asset-item .asset-qoq span.qoq-down:after {
	background: url(../../browse/images/raise_down.png);
}
#sysOverview .asset-list2 .asset-item .asset-qoq span.qoq-up:after,
#sysOverview .asset-list2 .asset-item .asset-qoq span.qoq-down:after {
	content: '';
	display: inline-block;
	width: 8px;
	height: 5px;
	margin-left: 6px;
	margin-bottom: 2px;
}
#sysOverview .asset-list2 .asset-item div span:first-child{
	float: left;
	width: 55%;
}
#sysOverview .asset-list2 .asset-item div span:last-child{
	float: right;
	width: 45%;
	text-align: right;
}
.overviewPerCont>div>div{
	width: 100%;
}
.overviewPerCont>div>div:first-child{
	font-size: 18px;
}
.plat-title{
	font-size: 14px;
}
.overviewPerCont{
	margin-top: 20px;
}
.app-font{
	color:#6d6ed6;
}
.website-font{
	color: #d9b569;
}
.wechat-font{
	color: #55ac88;
}
.weibo-font{
	color: #d14a61;
}
.mda-font{
	color: #579fdd;
}
.app-plat{
	background:url(/static/images/icon_app_blue-bc0312c1419c923427f95a785fc7fa53.png) no-repeat 5px center;
	padding:5px 0;
	background-size:15%;
}
.website-plat{
	background:url(/static/images/icon_web_blue-9924e61c0e3d2be7ce333da2df67e0e3.png) no-repeat 5px center;
	padding:5px 0;
	background-size:15%;
}
.wechat-plat{
	background:url(/static/images/icon_wechat_blue-c8835b45090c0dfad1eadabc0dc0303d.png) no-repeat 5px center;
	padding:5px 0;
	background-size:15%;
}
.weibo-plat{
	background:url(/static/images/icon_weibo_blue-148e6e2056df0573e87c016c829b91c3.png) no-repeat 5px center;
	padding:5px 0;
	background-size:15%;
}
.mda-plat{
	background:url(/static/images/icon_mda_blue-c64f2a55e0aacf19ceb305d6a7cc195b.png) no-repeat 5px center;
	padding:5px 0;
	background-size:15%;
}
.media-head > dl{
	margin:0;
}
.app-plat>div, .website-plat>div, .wechat-plat>div, .weibo-plat>div, .mda-plat>div{
	margin-left:70px;
}

.app-channel{
	background:url(/static/images/icon_app_colour-11c65a4789f911ba4bcd2f25509b34e5.png) no-repeat 5px center;
}
.website-channel{
	background:url(/static/images/icon_web_colour-45873c5df19dda6c4181965b0a68dfbb.png) no-repeat 5px center;
}
.wechat-channel{
	background:url(/static/images/icon_wechat_colour-ce23397603b9194258a43a5e1fc09a4b.png) no-repeat 5px center;
}
.weibo-channel{
	background:url(/static/images/icon_weibo_colour-25927c12f3adc308eea59df35d978ad3.png) no-repeat 5px center;
}
.app-channel>div, .website-channel>div, .wechat-channel>div, .weibo-channel>div{
	margin-left:70px;
}
.media-head{
	float: left;
	width: 50%;
}
.media-head dl dt{
	font-weight: normal;
}
.titleHx{
	font-size: 36px;
	color:white;
	cursor: pointer;
}
.titleContent{
	font-size: 16px;
	color: #babed7;
	cursor: pointer;
}
.wrap .wrap-inner{
	padding: 0;
	margin: 0;
	padding-top:20px;
}
.noMessage{
	float: left;
	color: #ff7f00;
	font-family: Microsoft YaHei;
	font-size: 30px;
	width: 100%;
	text-align: center;
}
.itranSeconds {
	width:25%;
	float:left;
}
.itransPoints {
	width:25%;
	float:left;
}
.itransInflus{
	width: 60%;
	float: left;
	padding-right: 40px;
	margin-left: -20px;
	margin-top: -36px;
	height: 318px;
}
.firstPointsTitle {
	height:20px;
	width:100%;
	text-align:left;
	padding-left:20px;
}
.itrans{
	width:50%;
	height: 160px;
	float:left;
}
.iinflue{
	width:50%;
	height:160px;
	float:left;
}
.itranTimeAndFirst{
	width: 40%;
	float: left;
	padding-left:10px;
}
.transSeconds {
	text-align:left;
	padding-left:20px;
	font-size: 16px;
	color: #babed7;
}
.tranFont30{
	font-size:30px;
	color: white;
}
.firstPoints{
	padding-left: 20px;
	float: left;
	min-height: 210px;
	line-height: 210px;
}
.part-row1{
	line-height: 14px;
}
.loadingcenter{
	position: relative;
	top: 50%;
}
.filter-container .filter-item>span{
	font-size: 12px;
	color: #fbf9f9;;
}
.filter-container .current>span{
	color: #fbf9f9;
}

.bgnew {
	width: 100%;
	background: url(/static/images/bgnew-dea8c0575561e6990469985558bba00e.png);
	position: absolute;
	min-height: 100%;
	text-align: center;
	background-position:center top;
}

.login {
	width:372px;
	height:440px;
	position:absolute;
	top:20%;
	right:10%;
	border-radius:10px;
	background-color:#f5f5f7;
	box-shadow: 0px 0px 2px 1px #3f388c;
}

.boxhight{
	height:120px;
}

.boxline{
	height:61px;
	width:80px;
	border-bottom:2px solid #e0e0e0;
}

.boxleft {
	width:130px;
	float:left;
	padding:0 15px 0 35px;
}

.boxright {
	width:130px;
	float:left;
	padding:0 35px 0 15px;
}

.boxcenter {
	width:110px;
	float:left;
	color:black;
}

.text{
	padding: 0 36px;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	width:298px;
	height:50px;
	line-height:50px;
	margin-bottom:20px;
	border-radius:5px;
}

.textUser{
	background:url(/static/images/icon_user-78858bc2d6178226b916869b99605a2c.png) no-repeat 12px center;
	border:solid 1px #ccc;

}

.textPassWd{
	background:url(/static/images/icon_key-17d02b0dc46b37d050ed1a8265a75345.png) no-repeat 12px center;
	border:solid 1px #ccc;
}

.text input{
	margin-left:5px;
	float:left;
	border:none;
	background:none;
	height:48px;
	line-height:50px;
	width:250px;
	outline:none;
}

.text input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #f5f5f7 inset;
}

.buttonLogin {
	background-color: #6d6ed6;
	border: none;
	color: white;
	text-align: center;
	font-size: 18px;
}

.textUser:hover {
	box-shadow: 0px 0px 5px 1px #484af3;
}

.textPassWd:hover {
	box-shadow: 0px 0px 5px 1px #484af3;
}

.buttonLogin:hover{
	background-color: #585fb9;
	cursor:pointer;
}

@media only screen and (min-width: 1900px) {
	.base_login{
		height:920px;
	}
	.base_footer{
		height:calc(100% - 890px);
		height: -moz-calc(100% - 890px);
		height: -webkit-calc(100% - 890px);
	}
}

@media only screen and (max-width: 1680px) {
	.base_login{
		height:90%;
	}
	.base_footer{
		height:10%;
	}
}