SQ12345_Web/WebChartBigN.../css/index.css

body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 2160px;
	font-size: 32px;
	-webkit-text-size-adjust: none;
	background: url(../img/index_bj.png) no-repeat center;
	background-size: 100% 100%;
	/*overflow-x: hidden;*/
	/*background: -webkit-radial-gradient(circle, #12266a, #000221);
	background: -o-radial-gradient(circle, #12266a, #000221);
	background: -moz-radial-gradient(circle, #12266a, #000221);
	background: radial-gradient(circle, #12266a, #000221);*/
	font-family: "微软雅黑";
	color: #FFFFFF;
	width: 7680px;
	overflow-x: scroll;
	
}
.fontColor1{color:#ffbd0d;}
.fontColor2{color:#d53e62;}
.fontColor3{color:#53cc45;}

.fontColor4{color:#345cdd;}
.fontColor5{color:#ceba5f;}
.fontColor6{color:#cb5f79;}
.fl{
	float: left;
}
.fr{
	float: right;
}
.clearfix{
	overflow: hidden;
}
#wrap{
	overflow: hidden;
	position: relative;
}
/*第一列*/
#wrap_box1{
	width: 780px;
	height: 1945px;
	margin-top: 132px;
	margin-left: 70px;
	background:url(../img/zxtj.png) no-repeat center;
    background-size: 100% 100%;
	float: left;
	position: relative;
}
.box1_tit{
	position: absolute;
	width: 100%;
	height: 110px;
	text-align: center;
	font-size: 50px;
	top: 30px;
}
.box1_top{
    width: 780px;
	height: 651px;
	margin-top: 110px;
	background: url(../img/hwzx_bj.png) no-repeat center;
	background-size: 100% 100%;
}
.box1_top .titText{
	font-size: 50px;
	padding-top: 160px;
	height: 160px;
	line-height: 160px;
	text-align: center;
	margin-bottom:20px;
}
.box1_top .titCont{
	font-size: 40px;
	/*line-height: 100px;*/
	margin: 0 80px 0 120px;
	text-align: center;
	overflow: hidden;
}
.box1_top .titCont .w_div{
	width: 50%;
	float: left;
	position: relative;
	text-align: left;
	height: 120px;
}
.w_div .num_roll{
	position: absolute;
	right: 10px;
	top: 10px;
}
.font_Color1{
	font-size: 55px;
	color:#ecbc16;
}

.font_Color2{
	font-size: 55px;
	color:#ecbc16;
}
.font_Color3{
	font-size: 55px;
	color:#ecbc16;
}
.font_Color4{
	font-size: 55px;
	color:#ecbc16;
}
.box1_mid{
	width: 780px;
	height: 1115px;
	margin:40px auto;
    background: url(../img/todaysj_bj.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
    font-size: 42px;
}
.box1_mid .titText{
	width: 100%;
	height: 200px;
	line-height: 200px;
	text-align: center;
}
.box1_mid .titCont{
	margin: 0 220px;
	/*line-height: 100px;*/
}
.box1_mid .titCont .titposi{
	position: relative;
	height: 100px;
}
.box1_mid .titCont .titposi .num_roll2{
	position: absolute;
	right: 10px;
	top: 10px;
}
/*第二列*/
#wrap_box2{ 
	width: 930px;
	height: 1945px;
	margin-top: 132px;
	margin-left:155px;
	float: left;
	
}
.box2_top{ 
	width: 930px;
	height: 620px;
	background: url(../img/lyqd_bj.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
}
.top2_tit{
	position: absolute;
	width: 100%;
	height: 110px;
	text-align: center;
	font-size: 50px;
	top: 30px;
}
.top2_con{
	padding-top: 110px;
	
}
.top2_con .row{
	width: 90%;
	margin: 0 auto;
}
.ssgd table{
	width: 100%;
}

/*进度条样式*/

.progress{
	height: 7px;
	background: none;
	border-radius: 0;
	box-shadow: none;
	margin-top: 90px;
	overflow: visible;
	position: relative;
}
.progress .progress-bar{
	box-shadow: none;
	border-radius: 0;
	position: relative;
	-webkit-animation: animate-positive 2s;
	animation: animate-positive 2s;
}
/*.progress .progress-bar:after{
	content: "";
	width: 16px;
	height: 16px;
	border-radius: 50%;
	box-shadow: 0 5px 5px rgba(0,0,0,0.6);
	background: #fff;
	position: absolute;
	right: -5px;
	top: -6px;
}*/
.progress .progress-value{
	line-height: 30px;
	font-size: 22px;
	color: #fff;
	position: absolute;
	bottom: 10px;
	right: 15px;
}
.progress .progress-state{
	line-height: 30px;
	border-radius: 3px;
	font-size: 24px;
	color: #fff;
	position: absolute;
	bottom: 10px;
	left: 5px;
}
.progress .progress-num{
	line-height: 30px;
	font-size: 24px;
	color: #fff;
	position: absolute;
	bottom: 10px;
	left: 45%;
}
/*.progress.green .progress-bar:after{ border: 5px solid #21da9a; }
.progress.pink .progress-bar:after{ border: 5px solid #ff1170; }
.progress.blue .progress-bar:after{ border: 5px solid #294bdc; }
.progress.yellow .progress-bar:after{ border: 5px solid #ffa900; }*/
@-webkit-keyframes animate-positive{
	0% { width: 0; }
}
@keyframes animate-positive{
	0% { width: 0; }
}

/*第二列底部*/
.box2_bot{ 
	width: 930px;
	height: 1270px;
	margin-top: 50px;
	background:url(../img/ywlxtj_bj.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
}
.bot2_tit{
	position: absolute;
	width: 100%;
	height: 110px;
	text-align: center;
	font-size: 50px;
	top: 80px;
}
.bot2_con{
	padding-top: 170px;
	width: 90%;
	height: 760px;
	margin: 0 auto;
}
.bot2_bot{
	position: absolute;
	bottom: 100px;
	width: 90%;
	left: 5%;
}
.bot2_bot ul{
	overflow: hidden;
}
.bot2_bot ul li{
	position: relative;
	text-align: left;
	width: 33%;
	float: left;
	height: 80px;
}
.bot2_bot ul li .psois{
	position: absolute;
	right: 60px;
	/*right: 5px;*/
	top: -5px;
	font-size: 40px;
}

/*第三列*/
#wrap_box3{
	width: 840px;
	height: 1945px;
	margin-top: 132px;
	margin-left: 70px;
	background:url(../img/ssgd_bj.png) no-repeat center;
    background-size: 100% 100%;
	float: left;
	position: relative;
}
.bot3_tit{
	position: absolute;
	width: 100%;
	height: 110px;
	text-align: center;
	font-size: 50px;
	top: 30px;
}
.bot3_con{
	padding-top: 110px;
}
.bot3_con table{
	width: 90%;
	margin: 0 5%;
}
.bot3_con table tbody{
	width: 100%;
}

.bot3_con table tbody tr td{
	position: relative;
}
/*.bot3_con table tbody tr td{
	width: 100%;
}*/
.bot3_con table tbody tr td .orderText{
	font-size: 36px;
	width: 100%;
	height: 225px;
	margin:35px 5%;
}
.orderTextbo{
	border: 2px solid #095eb4;
}
.bot3_con table tbody tr td .td_line1{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.orderText .order_tit{
	width: 80%;
	margin: 46px 10%;
}
.orderText .order_bot{
	width: 80%;
	margin: 0px 10%;
	overflow: hidden;
}
.order_bot .order_time{
	width: 50%;
	float: left;
	text-align: left;
}
.order_bot .order_state{
	width: 50%;
	float: left;
	text-align: right;
}
/*第四列*/
#wrap_box4{
	width: 2050px;
	height: 1945px;
	float: left;
	position: relative;
}
.box4_nav{
	width: 3380px;
	margin-left: -32%;
}
.box4_nav img{
	width: 100%;
	
}
.btns.active, .btns.active:hover {
    color: #fff;
    background-color: #245fd5;
}
.channel_btn{
	padding: 6px 51px;
    border-radius: 6px;
    background-color: #081337;
    color: #FFFFFF;
    font-size: 32px;
    border-color: #081337;
    border: none;
}
.channel_btn:hover{
	cursor: pointer;
	color: #FFFFFF;
	/*color: #45599d;*/
	background-color: #081337;
}
.btn-group{
	position: absolute;
	top: 330px;
	left: 50px;
	z-index: 12134;
}
.box4_top{ 
	width: 2400px;
	/*height: 1145px;*/
	/*margin: auto;*/
	/*background: url(../img/slqy_bj.png) no-repeat center;*/
    /*background-size: 100% 100%;*/
    position: relative;
    margin-left: -200px;
}
.box4_bot{
	width: 1710px;
	margin:30px auto;
	/*overflow: hidden;*/
	position: relative;
}
.box4_bot div{
	position: absolute;
	z-index: 333;
	color: #f0b903;
	/*font-size: 42px;*/
}
#allPJRate ,#allSLCount ,#allJACount{
	display: inline-block;
	width: 240px;
}
.box4_bot .img1{
	top: -400px;
	left: -170px;
}
.box4_bot .span1{
	position: absolute;
	top: 50px;
	right: 40px;
	font-size: 55px;
}
.box4_bot .img2{
	top: -190px;
	left: 50px;
}
.box4_bot .span2{
	position: absolute;
	top: 40px;
	right: 40px;
	font-size: 55px;
}
.box4_bot .img3{
	top: -100px;
	left: 20px;
}
.box4_bot .span3{
	position: absolute;
	top: 135px;
	right: 310px;
}
.box4_bot .img4{
	top: -50px;
	right: 240px;
}
.box4_bot .span4{
	position: absolute;
	top: 55px;
	right: 245px;
}
.box4_bot .spanText4{
	position: absolute;
	top: 100px;
	right: -50px;
	font-size: 40px;
	font-weight: bold;
	color: #00fcff;
}
.box4_bot .img5{
	top: -220px;
	right: -190px;
}
.box4_bot .span5{
	position: absolute;
	top: 55px;
	right: 245px;
}
.box4_bot .spanText5{
	position: absolute;
	top: 100px;
	right: 20px;
	font-size: 40px;
	font-weight: bold;
	color: #00fcff;
}

.box4_bot_l{ 
	float: left;
	width: 800px;
	height: 650px;
	background: url(../img/fwzl_bj.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
    margin-right: 30px;
}
.box4_bot_r{ 
	float: right;
	width: 800px;
	height: 650px;
	margin: auto;
	background: url(../img/fwzl_bj.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
}
/*第五列*/
#wrap_box5{
	width: 1720px;
	height: 1945px;
	margin-top: 132px;
	float: left;
}
.box5_top{ 
	width: 1720px;
	height: 1020px;
	background: url(../img/lyqd_bj.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
}
.top5_tit{
	position: absolute;
	width: 100%;
	height: 110px;
	text-align: center;
	font-size: 50px;
	top: 30px;
}
.top5_con{
	padding-top: 150px;
}
.top5_con .key_top{
	width: 90%;
	margin: 0 auto;
}

.top5_con .key_top ul li{
	line-height: 70px;
	position: relative;
	margin: 30px 0px;
	overflow: hidden;
}
.top5_con .key_top ul li .active1 {
	position: absolute;
	width: 99%;
	left: 0%;
	height: 95%;
	border: 2px solid #03c9ea;
	display: none;
	z-index: 3;
    /*background: url(../img/key_border3.png) no-repeat center;*/
    /*background-size: 100% 100%;*/
}
.top5_con .key_top ul li .key_word{
	font-size: 40px;
	
}
.top5_con .key_top ul li .key_top_left{
	float: left;
	width: 20%;
}
.top5_con .key_top ul li .key_top_right{
	float: left;
	width: 80%;
}
.top5_con .key_top ul li .key_top_right .pro_lengh{
	border-top-right-radius: 25px; 
	border-bottom-right-radius: 25px; 
	height: 50px; 
}
.top_img1{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.top_img1 img{
	width: 100%;
}
.top_img2{
	position: absolute;
	left: 6%;
	top: 0;
	width: 80%;
}
.top_img2 img{width: 100%;}
.top_img3{
	position: absolute;
	left: 17%;
	top: 0;
	width: 60%;
}
.top_img3 img{width: 100%;}

.top5_con .key_con{
	width: 90%;
	margin: 0 auto;
	background: url(../img/depart_bj.png) no-repeat;
	background-size: 100%;
}
.table_box_key{
	text-align: center;
	
}
.table_box_key .thead{
	font-size: 45px;
	line-height: 100px;
}
.scroll_table .table>tbody>tr>td{
	border: none;
	line-height: 80px;
}


.bot5_tit{
	position: absolute;
	width: 100%;
	height: 110px;
	text-align: center;
	font-size: 50px;
	top: 30px;
}
.bot5_con{
	width: 90%;
	margin: 0 auto;
	padding-top: 100px;
}
.box5_bot{ 
	width: 1720px;
	height: 860px;
	margin-top: 50px;
	background:url(../img/ywlxtj_bj.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
}
.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;
}
.complaint_typeL,.complaint_typeR{
	margin-top: 50px;
}
.complaint_typeL li{
	text-align: right;
	background: url(../img/sbx_line2.png) no-repeat;
	background-size: 100% 100%;
}
.complaint_typeR li{
	text-align: left;
	background: url(../img/sbx_liner4.png) no-repeat;
	background-size: 100% 100%;
}
.box5_bot_r{ 
	float: left;
	width: 50%;
	height: 800px;
	margin: auto;
    position: relative;
}
.box5_bot_r .sl_wh{
	position: absolute;
	left: 50%;
	margin-left: -250px;
	top: 50%;
	margin-top: -250px;
}
.box5_bot_r .sl_nh{
	position: absolute;
	left: 50%;
	margin-left: -200px;
	top: 50%;
	margin-top: -200px;
}
.box5_bot_r .slqy_quan{
	position: absolute;
	left: 50%;
	margin-left: -290px;
	top: 50%;
	margin-top: -270px;
}
.box5_bot_r .spanPos_1{
	position: absolute;
	left:150px;
	top: 80px;
} 
.box5_bot_r .spanPos_2{
	position: absolute;
	right:150px;
	top: 80px;
} 
.box5_bot_r .spanPos_3{
	position: absolute;
	left:20px;
	top: 170px;
} 
.box5_bot_r .spanPos_4{
	position: absolute;
	right:80px;
	top: 170px;
} 
.box5_bot_r .spanPos_5{
	position: absolute;
	left:20px;
	top: 650px;
} 
.box5_bot_r .spanPos_6{
	position: absolute;
	right:20px;
	top: 570px;
} 
.box5_bot_r .spanPos_7{
	width: 100%;
	position: absolute;
	bottom: 30px;
	left: 2%;
}
.box5_bot_r .spanPos_7 ul{
	overflow: hidden;
	width: 90%;
	margin-left: 5%;
}
.box5_bot_r .spanPos_7 ul li{
	float: left;
	text-align: left;
	height: 70px;
	line-height: 70px;
	width: 50%;
} 
/*第六列*/
#wrap_box6{
	width: 850px;
	height: 1945px;
	margin-top: 132px;
	margin-left:155px;
	background:url(../img/myd_bj.png) no-repeat center;
    background-size: 100% 100%;
	float: left;
	position: relative;
}
.box6_tit{
	position: absolute;
	width: 100%;
	height: 110px;
	text-align: center;
	font-size: 50px;
	top: 30px;
}
.swiper-container, .swiper-slide {
    height: 100%;
    width: 100%!important;
}
.orderType .orderTtype_Con {
	width: 86%;
	margin: 0 auto;
	float:none;
}

.orderTtype_Con ul {
	margin: 105px 20px 0 20px;
}

.orderTtype_Con ul li {
	float: left;
	height: 900px;
	width: 40%;
	background-size: 100% 100%;
	box-sizing: border-box;
	padding-top: 40px;
	margin: 0px 5%;
	position: relative;
}

.orderTtype_Con ul li img{
	margin-left: 80px;
}
.activeli_1{
	background: url(../img/light_kuang2.png) no-repeat center;
	background-size: 100% 100%;
	height: 900px;
	width: 40%;
	padding-top: 45px;
}
.activeli_2{
	background: url(../img/light_kuang1.png) no-repeat center;
	background-size: 100% 100%;
	height: 900px;
	width: 40%;
	padding-top: 45px;
}

.orderType>.orderTtype_Con ul li img {
	width: 90px;
	padding: 0px;
	margin: 25px -9px 7px -3px;
	height: 70px;
}

.orderTtype_Con ul li .img_top{
	margin-top: 30px;
	margin-bottom: 30px;
	position: relative;
}
.orderTtype_Con ul li .type_Num{
	position: absolute;
	top: 15px;
	width: 100%;
	text-align: center;
	font-size: 60px;
}
.typeWord {
	position: relative;
	margin-left: 80px;
}

.typeWord:before {
	position: absolute;
	display: block;
	content: "";
	height: 4px;
	width: 80%;
	background: -webkit-linear-gradient(right, #45a6f3, transparent);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #45a6f3, transparent);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #45a6f3, transparent);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #45a6f3, transparent);
	/* 标准的语法（必须放在最后） */
	bottom: -13px;
}

.typeWord_line {
	color: #c9d3ff;
	font-size: 24px;
	position: relative;
	width: 160px;
	text-align: center;
	
	margin: 0 auto;
	margin-bottom: 65px;
}

.typeWord_line:before {
	position: absolute;
	content: "";
	height: 2px;
	width: 100%;
	background: -webkit-linear-gradient(left, transparent, #fff, transparent);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(left, transparent, #fff, transparent);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(left, transparent, #fff, transparent);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(to right, transparent, #fff, transparent);
	/* 标准的语法（必须放在最后） */
	border-radius: 20%;
	left: 0;
	bottom: -20px;
}

.order_count {
	color: #00e9ff;
	font-size: 24px;
	font-weight: bold;
	width: 90px;
	margin: 0 auto;
	text-align: center;
	margin-top: 50px;
}

.persent_kuang {
	/*width: 55px;
			height: 56px;
			color: #00E9FF;
			font-size: 14px;
			text-align: center;
			line-height: 55px;
			font-weight: bold;
			background: url(../img/order_percent.png) no-repeat center;*/
	width: 75px;
	height: 75px;
	margin: 0 auto;
	color: #00E9FF;
	font-size: 24px;
	text-align: center;
	line-height: 75px;
	font-weight: bold;
	background: url(../img/order_percent.png) no-repeat center;
	background-size: 100% 100%;
}

.persent_box {
	width: 85%;
	margin: 0 auto;
}

.persent_word {
	font-size: 24px;
	color: #c9d3ff;
	margin-top: 20px;
	text-align: center;
}