IM12345_Web/WebChartBigN.../css/soureChanne....

/*第一屏*/

.slide_right {
	position: relative;
}

.slide_right .timeWrap input {
	width: 195px;
}

.slide_right .timeWrap {
	position: absolute;
	top: 56px;
	left: -63px;
}

.timeWrapPosi {
	top: 160px !important;
}

.slide_right .twotimeWarp {
	top: -149px;
	left: -22px;
}

.slide_right .lasttimeWrap {
	right: -2px;
}

.selects {
	height: 30px;
	line-height: 30px !important;
}

.secondPie {
	position: absolute;
	width: 600px;
	height: 600px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 333;
}

.firstPos {
	width: 400px;
	position: absolute;
	right: 130px;
	top: 0px;
}

#time1 {
	width: 220px;
}

.secondPos {
	position: absolute;
	right: 130px;
	top: 20px;
}

.fivePos {
	position: absolute;
	right: 140px;
	top: -15px;
}


/*第二屏*/

.selects {
	height: initial;
}

#time2,
#time3 {
	width: 198px;
}

.phone_bottom>div:last-child {
	width: 47%;
	margin-left: 1%;
	background: url(../img/jd_bg2.png) no-repeat center;
	background-size: 100% 100%;
}

.phone_bottom>div:first-child {
	background: url(../img/jd_bg2.png) no-repeat center;
	background-size: 100% 100%;
	width: 47%;
}

.phone_bottom>div:first-child table {
	width: 95%;
	margin: 0 auto;
	color: #fff;
	font-size: 24px;
}

.table_box {
	margin-top: 30px;
}

.table>tbody>tr>td {
	border-top: 1px solid #3160a2;
}

.table>thead>tr>td {
	border-top: 2px solid #3160a2;
}

.text_color1 {
	color: #00e9ff;
}

.text_color2 {
	color: #ec6969;
}

.text_color3 {
	color: #95e193;
}

table thead,
tbody tr {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.quadrangle {
	display: inline-block;
	width: 9px;
	height: 20px;
	background: #69e1a9;
	transform: skewX(20deg);
}

.bottom_right li {
	position: relative;
	width: 134px;
	height: 20px;
	line-height: 15px;
	margin-top: 35px;
}

.bottom_right ul.complaint_typeL li {
	text-align: right;
	margin-left: 50px;
}

.bottom_right ul.complaint_typeR li {
	text-align: left;
	/*margin-right: 25px;*/
}

.bottom_right ul li:nth-of-type(1) {
	margin-top: 40px;
	background: url(../img/sbx_line2.png) no-repeat;
}

.bottom_right ul li:nth-of-type(2) {
	background: url(../img/sbx_line2.png) no-repeat;
}

.bottom_right ul.complaint_typeR li:nth-of-type(1) {
	background: url(../img/sbx_liner4.png) no-repeat;
}

.bottom_right ul.complaint_typeR li:nth-of-type(2) {
	background: url(../img/sbx_liner4.png) no-repeat;
}

.bottom_right ul li:nth-of-type(3) {
	background: url(../img/sbx_line2.png) no-repeat;
}

.bottom_right ul.complaint_typeR li:nth-of-type(3) {
	background: url(../img/sbx_liner4.png) no-repeat;
}

.bottom_right ul li:nth-of-type(4) {
	background: url(../img/sbx_line2.png) no-repeat;
}

.bottom_right ul.complaint_typeR li:nth-of-type(4) {
	background: url(../img/sbx_liner4.png) no-repeat;
}

.bottom_right ul li:nth-of-type(5) {
	background: url(../img/sbx_line2.png) no-repeat;
}

.bottom_right ul.complaint_typeR li:nth-of-type(5) {
	background: url(../img/sbx_liner4.png) no-repeat;
}

.bottom_right ul li:nth-of-type(6) {
	background: url(../img/sbx_line2.png) no-repeat;
}

.bottom_right ul.complaint_typeR li:nth-of-type(6) {
	background: url(../img/sbx_liner4.png) no-repeat;
	display: none;
}

.type_name {
	color: #00e9ff;
}

.type_count {
	color: #fff;
	margin-left: 18px;
}

.time_box1 {
	color: #00e9ff;
	position: absolute;
	top: 20px;
	right: 20px;
}

.paddingTop {
	padding-top: 100px;
}

//投诉举报
#time1 {
	width: 315px;
}

#time2,
#time3 {
	width: 396px;
}

.selects_box:before {
	z-index: 1;
}

/*.phone_bottom>div:last-child {
	width: 44%;
	margin-left: 1%;
	background: url(img/jd_bg3.png) no-repeat center;
	background-size: 100% 100%;
}

.phone_bottom>div:first-child {
	background: url(img/jd_bg2.png) no-repeat center;
	background-size: 100% 100%;
	width: 55%;
}*/

.phone_bottom>div:first-child table {
	width: 95%;
	margin: 0 auto;
	color: #fff;
	font-size: 24px;
}

.table_box {
	margin-top: 60px;
}

.table>thead>tr>td {
	border-top: 2px solid #3160a2;
}

.table>tbody>tr>td {
	border-top: 1px solid #3160a2;
	color: #00e9ff;
}

.table>tbody>tr>td:first-child {
	color: #fff;
}

table thead,
tbody tr {
	display: table;
	width: 100%;
	table-layout: fixed;
	border: none;
}

.table>tbody>tr>td:last-child {
	color: #95e193;
}

.table>tbody>tr>td:nth-last-child(2) {
	color: #ec6969!important;
}

.quadrangle {
	display: inline-block;
	width: 18px;
	height: 40px;
	background: #69e1a9;
	transform: skewX(20deg);
}

.bottom_right li {
	background-size: 100% 100%;
	position: relative;
	width: 268px;
	text-align: right;
	height: 40px;
	line-height: 30px;
	margin-top: 120px;
	margin-left: 30px;
}

.bottom_right ul li:nth-of-type(1) {
	margin-top: 120px;
	background: url(../img/sbx_line2.png) no-repeat;
}

.bottom_right ul li:nth-of-type(2) {
	background: url(../img/sbx_line2.png) no-repeat;
}

.bottom_right ul li:nth-of-type(3) {
	background: url(../img/sbx_line2.png) no-repeat;
}

.bottom_right ul li:nth-of-type(4) {
	background: url(../img/sbx_line2.png) no-repeat;
}

.bottom_right ul li:nth-of-type(5) {
	background: url(../img/sbx_line2.png) no-repeat;
}

.bottom_right ul li:nth-of-type(6) {
	background: url(../img/sbx_line2.png) no-repeat;
	display: none;
}

.type_name {
	color: #00e9ff;
}

.type_count {
	color: #fff;
	margin-left: 55px;
}

.selects {
	height: 60px;
	margin-right: 35px;
}
.swiper1-container1, .swiper-slide {
    height: 100%;
    width: 100%!important;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}