| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324 |
- /*
- 公共初始化样式
- * */
- body {
- margin: 0;
- width: 100%!important;
- height: 100%;
- padding: 0;
- font-size: 16px;
- -webkit-text-size-adjust: none;
- /*overflow-x: hidden;*/
- background: -webkit-radial-gradient(circle, #12266a, #000221);
- /* Safari 5.1 - 6.0 */
- background: -o-radial-gradient(circle, #12266a, #000221);
- /* Opera 11.6 - 12.0 */
- background: -moz-radial-gradient(circle, #12266a, #000221);
- /* Firefox 3.6 - 15 */
- background: radial-gradient(circle, #12266a, #000221);
- /* 标准的语法(必须放在最后) */
- font-family: "微软雅黑";
- }
- ul,
- li {
- margin: 0;
- padding: 0;
- }
- li {
- list-style-type: none;
- }
- img {
- border: 0;
- }
- p {
- margin: 0;
- padding: 0;
- }
- /* 第一屏 */
- .top_title{
- width: 161px;
- font-size: 12px;
- color: #FFFFFF;
- margin: 32px 163px 0;
- text-shadow: 1px 1px #4acae2;
- }
- .orderCon_left {
- box-sizing: border-box;
- margin-top: 27px;
- margin-left: 36px;
- }
- .orderli{
- width: 120px;
- height: 75px;
- background: url(../img/num_frame.png) no-repeat center;
- background-size: 100%;
- margin-bottom: -10px;
- }
- .orderli img{
- width: 30px!important;
- height: 30px!important;
- margin-top: 22px;
- }
- .orderli:nth-child(n+6) {
- position: absolute !important;
- right: -290px !important;
- }
- .orderli:nth-child(6) {
- top:0px !important;
- }
- .orderli:nth-child(7) {
- top: 66px !important;
- }
- .orderli:nth-child(8) {
- top: 130px !important;
- }
- .orderli:nth-child(9) {
- top: 192px !important;
- }
- .orderli:nth-child(10) {
- top: 255px !important;
- }
- .num_word {
- display: inline-block;
- vertical-align: middle;
- font-size: 12px;
- color: #02d0ee;
- margin-top: 20px;
- }
- .num_word span:nth-of-type(2) {
- color: #fff;
- margin-right: 10px;
- }
- .num_word span:nth-of-type(3) {
- color: #fdcf2f;
- font-size: 12px;
- }
- .map_bg{
- width: 60%;
- margin: -250px 0px 0px 190px;
- }
- #radarBox{
- width: 170px!important;
- height: 170px!important;
- margin-left: -86px;
- top: -13px;
- }
- .radar{
- width: 150px!important;
- height: 150px!important;
- }
- /* 第二个 */
- .sl_more{
- width: 150px;
- padding-left: 50px!important;
- top: 0px!important;
- }
- .source_kuang{
- width: 170px;
- height: 68px;
- margin-bottom: -8px;
-
- }
- .pbout{
- height: 65px;
- }
- .percent_box{
- width: 40px;
- height: 40px;
- margin-top: 0;
- }
- .percent_in{
- width: 40px!important;
- height: 40px!important;
- background-size: 100%;
- /* position: initial!important; */
- margin-top: 0;
- }
- .percent_out{
- width: 50px!important;
- height: 50px!important;
- /* position: initial!important; */
- margin-top: 0;
- }
- .percent_word{
- font-size: 12px!important
- }
- .percent_word p{
- font-size: 12px!important
- }
- .percent_word p:first-child{
- width: 40px;
- margin-top: -6px;
-
- }
- .percent_word p:last-child{
- width: 40px;
- margin-top: 6px!important;
- }
- .nw{
- float: left;
- margin-top: -76px;
- margin-left: 63px!important;
- }
- .source_kuang .num_word span:first-child{
-
- margin-right: 5px!important;
- }
- .source_kuang .nw span{
- font-size: 12px!important;
- }
- .sr_bm{
- top: -349px!important;
- right: 80px!important;
- }
- /* 第三个 */
- .orderTtype_Con ul{
- margin-left: 31px;
- margin-top:25px;
- width: 447px;
- }
- .orderTtype_Con ul li{
- width: 52px!important;
- height: 320px;
- padding-left: 0px;
- margin-left: 6px;
- padding-top: 24px;
- }
- .typeWord{
- font-size: 12px;
- padding-left: 14px;
- margin-bottom: 10px!important;
- }
- .typeWord_line{
- font-size: 12px;
- margin-bottom: 14px;
-
- }
- .typeWord_line ::before{
- bottom: -4px;
- }
- .typeWord_line:nth-of-type(1){
- display: none!important;
- }
- .orderTtype_Con ul li img{
- width: 40px!important;
- height:40px!important;
- display: none;
- }
- .orderTtype_Con ul li p{
- width: 50px!important;
-
- }
- .orderTtype_Con ul li.active{
- height: 320px!important;
- padding-top: 24px;
- }
- .order_count{
- font-size: 12px
- }
- .persent_kuang{
- width: 45px;
- height: 45px;
- font-size: 12px;
- line-height: 45px;
- }
- .persent_word{
- width: 30px!important;
- height: 20px;
- font-size: 12px;
- text-align: center;
- margin-left: 0!important;
- }
- /* 第四屏 */
- .sl{
- margin-left: 39px;
- height: 250px;
- }
- .keyW_t{
- width: 74px;
- font-size: 12px;
- left: 1px;
- top:-7px;
-
- }
- .tagBox{
- width: 245px;
- padding-left: 0;
- margin-left: -60px;
- margin-top: 0px;
- }
- .tagcloud{
- width: 100%;
- height:300px;
- overflow:hidden;
- }
- .tagcloud>div{
- width: 70px;
- height: 60px;
- font-size: 12px;
- float: left;
- margin-right: -12px;
- }
- .tagcloud>div .imgs{
- width: 50px;
- height: 20px;
- background: none;
- overflow: initial;
- font-size: 13px;
- text-align: center;
- line-height: 0px;
- margin-top: 15px;
- }
- .table_box_key{
- width: 150px;
- height: 285px;
- }
- .tag_title{
- margin-top: 5px;
- overflow: hidden;
- }
- .sr_four{
- /* width: 500px; */
- height: 290px;
- position: relative;
- left: 182px;
- top: -190px;
- font-size: 12px;
- }
- .keyBottom_left {
- margin-top: -60px;
- }
- .table_box_key table tbody tr td{
- line-height: 15px;
- font-size: 12px!important;
- /* text-overflow:ellipsis;
- white-space: nowrap;
- overflow: hidden;
- font-size: 12px; */
- }
- /* 接单部门 */
- .thead_six tr td{
- font-size: 12px!important;
- }
- .tabsix tbody tr td{
- font-size: 12px!important;
- /* width: 30%!important; */
- text-align: center;
- }
- .tabsix tbody tr td :nth-of-type(n+1){
- width: 40px!important;
- }
|