body { background: #fff!important; } ul, li { padding: 0; margin: 0; list-style: none; } .fixed-table-body { overflow-x: initial; overflow-y: initial; height: 100%; } .timeBox { margin: 13px 0 0 0; } .timeBox ul { margin-right: 20px; } .timeBox ul li { float: left; font-size: 12px; padding: 8px; border-top: 1px solid #ebeeef; border-bottom: 1px solid #ebeeef; border-right: 1px solid #ebeeef; cursor: pointer; } .timeBox ul li:first-child { border-left: 1px solid #ebeeef; } .timeBox ul li.actives { background: #00ceff; color: #fff; border-color: #00ceff; } .timeBox>div { float: right; } .timeBox>div input { border: 1px solid #d9e0e1; border-radius: 3px; padding-left: 8px; outline: none; } .tab_title { border-bottom: 1px solid #f2f5f4; } .tab_title li { float: left; font-size: 14px; padding: 8px 10px; color: #323333; } .tab_title li.actives { border-bottom: 2px solid #00ceff; } .statistics .content ul li { float: left; width: 15.6%; margin-left: 1%; border: 1px solid #ccd0d9; text-align: center; padding: 20px 0; position: relative; cursor: pointer; } .order_count { font-size: 24px; } .order_type { font-size: 12px; color: #333333; } .statistics .content { margin: 20px 0; } .statistics .content ul li:before { content: ""; display: block; position: absolute; width: 0; height: 0; border-top: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #ccd0d9; border-right: 7px solid #ccd0d9; right: 1px; bottom: 1px } .statistics .content ul li.actives:before { border-bottom: 7px solid #00ceff; border-right: 7px solid #00ceff; } .statistics .content ul li.actives { border-color: #00ceff; } .yellow { color: #f5a623; } .green { color: #21d376; } .red { color: #fd8c90; } .blue { color: #00ceff; } .pink { color: #fd64b3; } .part_two.tab_title li.actives { border-bottom: 2px solid #00ceff; color: #00ceff; } .states { padding: 3px 5px; text-align: center; display: inline-block; color: #fff; border-radius: 3px; } .states.going { /*处理中*/ background: #f5a623; } .states.solving { /*待解决*/ background: #fd8c90; } .states.solved { /*已解决*/ background: #21d376; } .case { display: inline-block; border: 1px solid #c8d6d9; /*padding: 2px;*/ font-size: 12px; height: 16px; width: 16px; text-align: center; line-height: 15px; background: #c8d6d9; color: #fff; } .case.pressing { background: #fd8c90; border-color: #fd8c90; } .cont { position: relative; cursor: pointer; } .cont_cont>div { border-bottom: 1px solid #f2f5f4; text-align: left; padding: 10px 0; } .cont_detail { border: 1px solid #c8d6d9; border-radius: 5px; position: absolute; z-index: 9999; top: 23px; width: 100%; display: none; } .cont_detail:before { display: block; content: ""; height: 13px; width: 13px; border: 1px solid #c8d6d9; border-bottom: 0; border-right: 0; background: #ebebeb; position: absolute; left: 50%; top: -7px; transform: rotate(46deg); -ms-transform: rotate(46deg); /* IE 9 */ -moz-transform: rotate(46deg); /* Firefox */ -webkit-transform: rotate(46deg); /* Safari 和 Chrome */ -o-transform: rotate(46deg); /* Opera */ } .title { border-top-right-radius: 5px; border-top-left-radius: 5px; } .title>div:first-child { float: left; } .title>div:last-child { float: right; } .title { padding: 10px; } .cont_cont { background: #fff; border-radius: 5px; padding: 0 10px; } .title { background: #ebebeb; } .img_box { width: 105px; height: 66px; float: left; } .img_box img { width: 100%; height: 100%; } .cont_cont_head>div:last-child { float: left; padding-left: 15px; text-align: left; color: #333; font-size: 14px; } .cont_cont_head>div:last-child p:last-child { font-size: 12px; } .show{ display: block; } .tabCon2,.tabCon3,.tabCon4{ display: none; }