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;
}

.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(2) {
	margin-top: 20px;
	height: 372px;
	width: 100%;
	background: none;
}

.media-rank {
	float: left;
	padding-left: 20px;
}

.media-rank-part {
	float: left;
	width: 50%;
	height: 50%;
	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;
}

.app-color {
	background-color: #6D6ED6 !important;
}

.website-color {
	background-color: #D9B569 !important;
}

.wechat-color {
	background-color: #55AC88 !important;
}

.weibo-color {
	background-color: #D14A61 !important;
}

#sysOverview {
	display: table;
	height: 900px;
	width: 100%;
}

#sysOverview>div {
	width: 100%;
	height: 42%;
	text-align: left;
	padding-left: 20px;
	margin-top: 20px;
}

#sysOverview>div:nth-child(1) {
	background: url(../images/index/index_Sysover1.png) no-repeat right
		bottom;
	height: 14%;
}

#sysOverview>div:nth-child(2) {
	background: url(../images/index/index_Sysover2.png) no-repeat right
		bottom;
}

#sysOverview>div:nth-child(3) {
	background: url(../images/index/index_Sysover3.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%;
}

.overviewPerCont>div>div {
	width: 100%;
}

.overviewPerCont>div>div:first-child {
	font-size: 22px;
}

.overviewPerCont {
	margin-top: 20px;
}

.app-font {
	color: #6d6ed6;
}

.website-font {
	color: #d9b569;
}

.wechat-font {
	color: #55ac88;
}

.weibo-font {
	color: #d14a61;
}

.app-plat {
	background: url(../images/icon_app_blue.png) no-repeat 5px center;
	padding: 5px 0;
}

.website-plat {
	background: url(../images/icon_web_blue.png) no-repeat 5px center;
	padding: 5px 0;
}

.wechat-plat {
	background: url(../images/icon_wechat_blue.png) no-repeat 5px center;
	padding: 5px 0;
}

.weibo-plat {
	background: url(../images/icon_weibo_blue.png) no-repeat 5px center;
	padding: 5px 0;
}

.app-plat>div, .website-plat>div, .wechat-plat>div, .weibo-plat>div {
	margin-left: 70px;
}

.app-channel {
	background: url(../images/icon_app_colour.png) no-repeat 5px center;
}

.website-channel {
	background: url(../images/icon_web_colour.png) no-repeat 5px center;
}

.wechat-channel {
	background: url(../images/icon_wechat_colour.png) no-repeat 5px center;
}

.weibo-channel {
	background: url(../images/icon_weibo_colour.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(../images/gov/back.jpg);
	position: absolute;
	min-height: 100%;
	text-align: center;
	background-position: center top;
}

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

.nav-tabs>li{
	width:50%
}
.nav>li>a{
	font-size:15px
}

.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(../images/icon_user.png) no-repeat 12px center;
	border: solid 1px #ccc;
}

.textPassWd {
	background: url(../images/icon_key.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;
	color: #000;
}

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

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

.buttonLogin a{
	border: none;
	color: white;
	text-align: center;
	font-size: 18px;
}

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

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

.buttonLogin:hover {
	background-color: rgba(152, 23, 15, 0.9);
	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%;
	}
}