.track { border-radius: 3px; margin: 0px 0px 45px 0px } .track .query { } .track .query table { color: #888 } .track .query textarea { height: 185px; border: 2px solid #006CB7; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; width: 100%; font-size: 14px; color: #838a96; line-height: 30px; background: url(/images/textarea_bg.jpg) 0 0 repeat; padding: 0 10px; } .track .query .operate { padding: 10px 0 35px 0; text-align: left; } .track .track-btn { width: 200px; height: 38px; line-height: 38px; border: 1px #D3D3D3 solid; background: #F1F1F1; text-decoration: none; color: #333; text-align: center; display: inline-block; cursor: pointer; padding: 0px 5px; } .track .track-btn.hover, .track .track-btn:hover { background: orangered; color: #fff; text-decoration: none; border: 1px #ef5c00 solid; } .track .result { margin-top: 10 } .track .result table { border-collapse: collapse; border-spacing: 0; } .track .result table th { height: 40px; background: #616161; padding: 0 0 0 20px; font-size: 14px; color: #fff; text-align: left; font-weight: normal; } .theme .status-text { font-weight: bold; margin-top: 5px } .theme .status-icon { background-repeat: no-repeat; background-position: center; float: left; width: 48px; height: 48px; margin-right: 8px; } .theme-failed { border-top: 1px solid #757575 !important; } .theme-failed .status-icon { background-color: #757575; background-image: url('/images/track/没有.png'); } .theme-failed .status-text { color: #757575 } .theme-process { border-top: 1px solid #2196F3 !important; } .theme-process .status-icon { background-color: #2196F3; background-image: url('/images/track/飞机.png'); } .theme-process .status-text { color: #2196F3 } .theme-ok { border-top: 1px solid #43a047 !important; } .theme-ok .status-icon { background-color: #43a047; background-image: url('/images/track/成功.png'); } .theme-ok .status-text { color: #43a047 } .theme-error { border-top: 1px solid #ff0000 !important; } .theme-error .status-icon { background-color: #ff0000; background-image: url('/images/track/没有.png'); } .theme-error .status-text { color: #ff0000 } @media only screen and (max-width: 900px) { .theme .status-icon { width: 38px !important; height: 38px !important; } .track-li-dt .right { width: 100% !important; margin-top: 6px !important; } .track-li-dt .right > div { border-left: none !important; padding-left: 0 !important; } } .track-li { border: 1px solid #e0e0e0; margin-top: 12px; background-color: #FFF } .track-li-dt { padding: 8px 0 8px 8px } .track-li-dt .left { float: left; width: 25%; min-width: 200px; overflow-x: hidden } .track-li-dt .left .message { float: left; margin-right: 8px; line-height: 18px } .track-li-dt .right { float: left; width: 75%; } .track-li-dt .right > div { border-left: 1px #ddd solid; padding-left: 8px; line-height: 18px } .track-li-dt .right .base { padding-bottom: 4px } .track-li-dt .right .base > div { float: left; width: 30%; } .track-li-dt .right .last { padding-top: 4px; border-top: 1px #e2e2e2 solid } .track-li-dt .right .last > div { float: left } .track-li-dt .right .last > div:first-child { min-width: 70px; color: #999 } .track-li-dt .right .last .text { white-space: nowrap; overflow: hidden; vertical-align: top; text-overflow: ellipsis; } .track-li-dt .right img.expand { float: right; position: relative; top: 3px; right: 8px; } .track-li-dd > div:first-child { padding: 8px; border-top: 1px #e0e0e0 solid; border-bottom: 1px #e0e0e0 solid; line-height: 28px } .track-li-dd .copy-btn { padding: 10px 10px; } .track-li-dd .copy-btn button { background: none; line-height: 22px; color: #999; cursor: pointer; border: 1px solid #AAAAAA; margin-left: 10px; width: 90px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .track-li-dd .event { margin-left: 20px } .track-li-dd .event li { border-left: 1px #cccccc solid; position: relative; padding-left: 26px; } .track-li-dd .event li:before { content: ""; position: absolute; top: 10px; left: -4px; border-radius: 3px; background-color: #999; width: 7px; height: 7px; display: inline-block; } .track-li-dd .event li:last-child:before { background-color: orangered; } .track-li-dd .event .time { padding: 0 20px 0 0; min-width: 120px; display: inline-block; }