模仿快递路线图的html， css 样式_html/css_WEB-ITnose
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style> #ordertrack td { vertical-align: top; } table { empty-cells: show; } #odlist, #orderstate, #process, #ordertrack, #orderinfo { color: #333; } body { color: #666; font: 12px/150% Arial,Verdana,"宋体"; } #mohe-kuaidi_new .mh-icon-new { background-position: 0 -58px; height: 18px; left: -20px; margin-left: -41px; margin-top: -9px; position: absolute; top: 1.5em; width: 41px; } #mohe-kuaidi_new .mh-icon { background: url("http://p9.qhimg.com/d/inn/f2e20611/kuaidi_new.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } h1, h2, h3, h4, h5, h6, input, textarea, select, cite, em, i, b, strong, th { font-size: 100%; font-style: normal; } #mohe-kuaidi_new .mh-list-wrap .mh-list li.first { color: #3eaf0e; } #mohe-kuaidi_new .mh-list-wrap .mh-list li { color: #666; } p, form, ol, ul, li, h3, menu { list-style: outside none none; } .result .res-list, .result-d .res-d-list { font-size: 13px; line-height: 20px; } body, th, td { font-family: arial; color: #333; } </style> <style class="firebugResetStyles" type="text/css" charset="utf-8"> /* See license.txt for terms of usage */ /** reset styling **/ .firebugResetStyles { z-index: 2147483646 !important; top: 0 !important; left: 0 !important; display: block !important; border: 0 none !important; margin: 0 !important; padding: 0 !important; outline: 0 !important; min-width: 0 !important; max-width: none !important; min-height: 0 !important; max-height: none !important; position: fixed !important; transform: rotate(0deg) !important; transform-origin: 50% 50% !important; border-radius: 0 !important; box-shadow: none !important; background: transparent none !important; pointer-events: none !important; white-space: normal !important; } style.firebugResetStyles { display: none !important; } .firebugBlockBackgroundColor { background-color: transparent !important; } .firebugResetStyles:before, .firebugResetStyles:after { content: "" !important; } /**actual styling to be modified by firebug theme**/ .firebugCanvas { display: none !important; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ .firebugLayoutBox { width: auto !important; position: static !important; } .firebugLayoutBoxOffset { opacity: 0.8 !important; position: fixed !important; } .firebugLayoutLine { opacity: 0.4 !important; background-color: #000000 !important; } .firebugLayoutLineLeft, .firebugLayoutLineRight { width: 1px !important; height: 100% !important; } .firebugLayoutLineTop, .firebugLayoutLineBottom { width: 100% !important; height: 1px !important; } .firebugLayoutLineTop { margin-top: -1px !important; border-top: 1px solid #999999 !important; } .firebugLayoutLineRight { border-right: 1px solid #999999 !important; } .firebugLayoutLineBottom { border-bottom: 1px solid #999999 !important; } .firebugLayoutLineLeft { margin-left: -1px !important; border-left: 1px solid #999999 !important; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ .firebugLayoutBoxParent { border-top: 0 none !important; border-right: 1px dashed #E00 !important; border-bottom: 1px dashed #E00 !important; border-left: 0 none !important; position: fixed !important; width: auto !important; } .firebugRuler { position: absolute !important; } .firebugRulerH { top: -15px !important; left: 0 !important; width: 100% !important; height: 14px !important; background: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%13%88%00%00%00%0E%08%02%00%00%00L%25a%0A%00%00%00%04gAMA%00%00%D6%D8%D4OX2%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%04%F8IDATx%DA%EC%DD%D1n%E2%3A%00E%D1%80%F8%FF%EF%E2%AF2%95%D0D4%0E%C1%14%B0%8Fa-%E9%3E%CC%9C%87n%B9%81%A6W0%1C%A6i%9A%E7y%0As8%1CT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AATE9%FE%FCw%3E%9F%AF%2B%2F%BA%97%FDT%1D~K(%5C%9D%D5%EA%1B%5C%86%B5%A9%BDU%B5y%80%ED%AB*%03%FAV9%AB%E1%CEj%E7%82%EF%FB%18%BC%AEJ8%AB%FA'%D2%BEU9%D7U%ECc0%E1%A2r%5DynwVi%CFW%7F%BB%17%7Dy%EACU%CD%0E%F0%FA%3BX%FEbV%FEM%9B%2B%AD%BE%AA%E5%95v%AB%AA%E3E5%DCu%15rV9%07%B5%7F%B5w%FCm%BA%BE%AA%FBY%3D%14%F0%EE%C7%60%0EU%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5JU%88%D3%F5%1F%AE%DF%3B%1B%F2%3E%DAUCNa%F92%D02%AC%7Dm%F9%3A%D4%F2%8B6%AE*%BF%5C%C2Ym~9g5%D0Y%95%17%7C%C8c%B0%7C%18%26%9CU%CD%13i%F7%AA%90%B3Z%7D%95%B4%C7%60%E6E%B5%BC%05%B4%FBY%95U%9E%DB%FD%1C%FC%E0%9F%83%7F%BE%17%7DkjMU%E3%03%AC%7CWj%DF%83%9An%BCG%AE%F1%95%96yQ%0Dq%5Dy%00%3Et%B5'%FC6%5DS%95pV%95%01%81%FF'%07%00%00%00%00%00%00%00%00%00%F8x%C7%F0%BE%9COp%5D%C9%7C%AD%E7%E6%EBV%FB%1E%E0(%07%E5%AC%C6%3A%ABi%9C%8F%C6%0E9%AB%C0'%D2%8E%9F%F99%D0E%B5%99%14%F5%0D%CD%7F%24%C6%DEH%B8%E9rV%DFs%DB%D0%F7%00k%FE%1D%84%84%83J%B8%E3%BA%FB%EF%20%84%1C%D7%AD%B0%8E%D7U%C8Y%05%1E%D4t%EF%AD%95Q%BF8w%BF%E9%0A%BF%EB%03%00%00%00%00%00%00%00%00%00%B8vJ%8E%BB%F5%B1u%8Cx%80%E1o%5E%CA9%AB%CB%CB%8E%03%DF%1D%B7T%25%9C%D5(%EFJM8%AB%CC'%D2%B2*%A4s%E7c6%FB%3E%FA%A2%1E%80~%0E%3E%DA%10x%5D%95Uig%15u%15%ED%7C%14%B6%87%A1%3B%FCo8%A8%D8o%D3%ADO%01%EDx%83%1A~%1B%9FpP%A3%DC%C6'%9C%95gK%00%00%00%00%00%00%00%00%00%20%D9%C9%11%D0%C0%40%AF%3F%EE%EE%92%94%D6%16X%B5%BCMH%15%2F%BF%D4%A7%C87%F1%8E%F2%81%AE%AAvzr%DA2%ABV%17%7C%E63%83%E7I%DC%C6%0Bs%1B%EF6%1E%00%00%00%00%00%00%00%00%00%80cr%9CW%FF%7F%C6%01%0E%F1%CE%A5%84%B3%CA%BC%E0%CB%AA%84%CE%F9%BF)%EC%13%08WU%AE%AB%B1%AE%2BO%EC%8E%CBYe%FE%8CN%ABr%5Dy%60~%CFA%0D%F4%AE%D4%BE%C75%CA%EDVB%EA(%B7%F1%09g%E5%D9%12%00%00%00%00%00%00%00%00%00H%F6%EB%13S%E7y%5E%5E%FB%98%F0%22%D1%B2'%A7%F0%92%B1%BC%24z3%AC%7Dm%60%D5%92%B4%7CEUO%5E%F0%AA*%3BU%B9%AE%3E%A0j%94%07%A0%C7%A0%AB%FD%B5%3F%A0%F7%03T%3Dy%D7%F7%D6%D4%C0%AAU%D2%E6%DFt%3F%A8%CC%AA%F2%86%B9%D7%F5%1F%18%E6%01%F8%CC%D5%9E%F0%F3z%88%AA%90%EF%20%00%00%00%00%00%00%00%00%00%C0%A6%D3%EA%CFi%AFb%2C%7BB%0A%2B%C3%1A%D7%06V%D5%07%A8r%5D%3D%D9%A6%CAu%F5%25%CF%A2%99%97zNX%60%95%AB%5DUZ%D5%FBR%03%AB%1C%D4k%9F%3F%BB%5C%FF%81a%AE%AB'%7F%F3%EA%FE%F3z%94%AA%D8%DF%5B%01%00%00%00%00%00%00%00%00%00%8E%FB%F3%F2%B1%1B%8DWU%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*UiU%C7%BBe%E7%F3%B9%CB%AAJ%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5*%AAj%FD%C6%D4%5Eo%90%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5%86%AF%1B%9F%98%DA%EBm%BBV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%AD%D6%E4%F58%01%00%00%00%00%00%00%00%00%00%00%00%00%00%40%85%7F%02%0C%008%C2%D0H%16j%8FX%00%00%00%00IEND%AEB%60%82") repeat-x !important; border-top: 1px solid #BBBBBB !important; border-right: 1px dashed #BBBBBB !important; border-bottom: 1px solid #000000 !important; } .firebugRulerV { top: 0 !important; left: -15px !important; width: 14px !important; height: 100% !important; background: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%0E%00%00%13%88%08%02%00%00%00%0E%F5%CB%10%00%00%00%04gAMA%00%00%D6%D8%D4OX2%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%06~IDATx%DA%EC%DD%D1v%A20%14%40Qt%F1%FF%FF%E4%97%D9%07%3BT%19%92%DC%40(%90%EEy%9A5%CB%B6%E8%F6%9Ac%A4%CC0%84%FF%DC%9E%CF%E7%E3%F1%88%DE4%F8%5D%C7%9F%2F%BA%DD%5E%7FI%7D%F18%DDn%BA%C5%FB%DF%97%BFk%F2%10%FF%FD%B4%F2M%A7%FB%FD%FD%B3%22%07p%8F%3F%AE%E3%F4S%8A%8F%40%EEq%9D%BE8D%F0%0EY%A1Uq%B7%EA%1F%81%88V%E8X%3F%B4%CEy%B7h%D1%A2E%EBohU%FC%D9%AF2fO%8BBeD%BE%F7X%0C%97%A4%D6b7%2Ck%A5%12%E3%9B%60v%B7r%C7%1AI%8C%BD%2B%23r%00c0%B2v%9B%AD%CA%26%0C%1Ek%05A%FD%93%D0%2B%A1u%8B%16-%95q%5Ce%DCSO%8E%E4M%23%8B%F7%C2%FE%40%BB%BD%8C%FC%8A%B5V%EBu%40%F9%3B%A72%FA%AE%8C%D4%01%CC%B5%DA%13%9CB%AB%E2I%18%24%B0n%A9%0CZ*Ce%9C%A22%8E%D8NJ%1E%EB%FF%8F%AE%CAP%19*%C3%BAEKe%AC%D1%AAX%8C*%DEH%8F%C5W%A1e%AD%D4%B7%5C%5B%19%C5%DB%0D%EF%9F%19%1D%7B%5E%86%BD%0C%95%A12%AC%5B*%83%96%CAP%19%F62T%86%CAP%19*%83%96%CA%B8Xe%BC%FE)T%19%A1%17xg%7F%DA%CBP%19*%C3%BA%A52T%86%CAP%19%F62T%86%CA%B0n%A9%0CZ%1DV%C6%3D%F3%FCH%DE%B4%B8~%7F%5CZc%F1%D6%1F%AF%84%F9%0F6%E6%EBVt9%0E~%BEr%AF%23%B0%97%A12T%86%CAP%19%B4T%86%CA%B8Re%D8%CBP%19*%C3%BA%A52huX%19%AE%CA%E5%BC%0C%7B%19*CeX%B7h%A9%0C%95%E1%BC%0C%7B%19*CeX%B7T%06%AD%CB%5E%95%2B%BF.%8F%C5%97%D5%E4%7B%EE%82%D6%FB%CF-%9C%FD%B9%CF%3By%7B%19%F62T%86%CA%B0n%D1R%19*%A3%D3%CA%B0%97%A12T%86uKe%D0%EA%B02*%3F1%99%5DB%2B%A4%B5%F8%3A%7C%BA%2B%8Co%7D%5C%EDe%A8%0C%95a%DDR%19%B4T%C66%82fA%B2%ED%DA%9FC%FC%17GZ%06%C9%E1%B3%E5%2C%1A%9FoiB%EB%96%CA%A0%D5qe4%7B%7D%FD%85%F7%5B%ED_%E0s%07%F0k%951%ECr%0D%B5C%D7-g%D1%A8%0C%EB%96%CA%A0%A52T%C6)*%C3%5E%86%CAP%19%D6-%95A%EB*%95q%F8%BB%E3%F9%AB%F6%E21%ACZ%B7%22%B7%9B%3F%02%85%CB%A2%5B%B7%BA%5E%B7%9C%97%E1%BC%0C%EB%16-%95%A12z%AC%0C%BFc%A22T%86uKe%D0%EA%B02V%DD%AD%8A%2B%8CWhe%5E%AF%CF%F5%3B%26%CE%CBh%5C%19%CE%CB%B0%F3%A4%095%A1%CAP%19*Ce%A8%0C%3BO*Ce%A8%0C%95%A12%3A%AD%8C%0A%82%7B%F0v%1F%2FD%A9%5B%9F%EE%EA%26%AF%03%CA%DF9%7B%19*Ce%A8%0C%95%A12T%86%CA%B8Ze%D8%CBP%19*Ce%A8%0C%95%D1ae%EC%F7%89I%E1%B4%D7M%D7P%8BjU%5C%BB%3E%F2%20%D8%CBP%19*Ce%A8%0C%95%A12T%C6%D5*%C3%5E%86%CAP%19*Ce%B4O%07%7B%F0W%7Bw%1C%7C%1A%8C%B3%3B%D1%EE%AA%5C%D6-%EBV%83%80%5E%D0%CA%10%5CU%2BD%E07YU%86%CAP%19*%E3%9A%95%91%D9%A0%C8%AD%5B%EDv%9E%82%FFKOee%E4%8FUe%A8%0C%95%A12T%C6%1F%A9%8C%C8%3D%5B%A5%15%FD%14%22r%E7B%9F%17l%F8%BF%ED%EAf%2B%7F%CF%ECe%D8%CBP%19*Ce%A8%0C%95%E1%93~%7B%19%F62T%86%CAP%19*Ce%A8%0C%E7%13%DA%CBP%19*Ce%A8%0CZf%8B%16-Z%B4h%D1R%19f%8B%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1%A2%A52%CC%16-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2EKe%98-Z%B4h%D1%A2EKe%D02%5B%B4h%D1%A2EKe%D02%5B%B4h%D1%A2E%8B%96%CA0%5B%B4h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%16-%95a%B6h%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-Z*%C3l%D1%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z%B4T%86%D9%A2E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4h%A9%0C%B3E%8B%16-Z%B4h%A9%0CZf%8B%16-Z%B4h%A9%0CZf%8B%16-Z%B4h%D1R%19f%8B%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1%A2%A52%CC%16-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2EKe%98-Z%B4h%D1%A2EKe%D02%5B%B4h%D1%A2EKe%D02%5B%B4h%D1%A2E%8B%96%CA0%5B%B4h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%16-%95a%B6h%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-Z*%C3l%D1%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z%B4T%86%D9%A2E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4h%A9%0C%B3E%8B%16-Z%B4h%A9%0CZf%8B%16-Z%B4h%A9%0CZf%8B%16-Z%B4h%D1R%19f%8B%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1%A2%A52%CC%16-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2EKe%98-Z%B4h%D1%A2EKe%D02%5B%B4h%D1%A2EKe%D02%5B%B4h%D1%A2E%8B%96%CA0%5B%B4h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%16-%95a%B6h%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-Z*%C3l%D1%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z%B4T%86%D9%A2E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4%AE%A4%F5%25%C0%00%DE%BF%5C'%0F%DA%B8q%00%00%00%00IEND%AEB%60%82") repeat-y !important; border-left: 1px solid #BBBBBB !important; border-right: 1px solid #000000 !important; border-bottom: 1px dashed #BBBBBB !important; } .overflowRulerX > .firebugRulerV { left: 0 !important; } .overflowRulerY > .firebugRulerH { top: 0 !important; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ .fbProxyElement { position: fixed !important; pointer-events: auto !important; } </style></head><body> <style> /*#mohe-kuaidi_new ::-webkit-scrollbar { width: 10px; } #mohe-kuaidi_new ::-webkit-scrollbar-track-piece { background-color: #eee; } #mohe-kuaidi_new ::-webkit-scrollbar-thumb { background-color: #ccc; border: 1px solid #ccc; }*/ #mohe-kuaidi_new .mh-wrap { margin: 6px 0; } #mohe-kuaidi_new .mh-wrap a { text-decoration: none; } #mohe-kuaidi_new .mh-wrap a:hover { text-decoration: underline; } #mohe-kuaidi_new .mh-form-wrap { padding: 5px 15px; } #mohe-kuaidi_new .mh-form-wrap p { margin: 10px 0; } #mohe-kuaidi_new .mh-form-wrap p label { margin-right: 10px; vertical-align: middle; padding: 6px 0; } #mohe-kuaidi_new .mh-form-wrap p input, #mohe-kuaidi_new .mh-form-wrap p select { width: 186px; line-height: normal; border: 1px solid #ccc; padding: 6px; box-sizing: border-box; margin: 0; } #mohe-kuaidi_new .mh-form-wrap p button { width: 80px; height: 28px; border: 1px solid #ccc; margin-left: 10px; text-align: center; color: #333; font-family: "Microsoft Yahei"; font-size: 14px; cursor: pointer; background: #f7f7f7; background: -moz-linear-gradient(top,#f7f7f7,#ececec); background: -webkit-gradient(linear,left top,left bottom,color-stop(#f7f7f7),color-stop(#ececec)); background: -ms-linear-gradient(top,#f7f7f7,#ececec); background: linear-gradient(to bottom,#f7f7f7,#ececec); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#ececec',GradientType=0); } #mohe-kuaidi_new .mh-form-wrap p button:hover { background: -moz-linear-gradient(top,#ececec,#f7f7f7); background: -webkit-gradient(linear,left top,left bottom,color-stop(#ececec),color-stop(#f7f7f7)); background: -ms-linear-gradient(top,#ececec,#f7f7f7); background: linear-gradient(to bottom,#ececec,#f7f7f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec',endColorstr='#f7f7f7',GradientType=0); } #mohe-kuaidi_new .mh-form-wrap p button:active { background: -moz-linear-gradient(top,#f3f3f3,#fff); background: -webkit-gradient(linear,left top,left bottom,color-stop(#f3f3f3),color-stop(#fff)); background: -ms-linear-gradient(top,#f3f3f3,#fff); background: linear-gradient(to bottom,#f3f3f3,#fff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3',endColorstr='#ffffff',GradientType=0); } #mohe-kuaidi_new .mh-form-wrap form.mh-loading p button { position: relative; color: transparent; pointer-events: none; } #mohe-kuaidi_new .mh-form-wrap form.mh-loading p button::after { background: url(http://p1.qhimg.com/d/inn/1b1cc057/loading_s.gif) no-repeat center; content: ''; display: inline-block; width: 4em; height: 20px; position: absolute; left: 50%; top: 50%; margin-left: -2em; margin-top: -10px; } #mohe-kuaidi_new .mh-form-wrap .mh-error { display: none; color: #c00; } #mohe-kuaidi_new .mh-form-wrap .mh-error label { visibility: hidden; } #mohe-kuaidi_new .mh-list-wrap { max-height: 0; _height: 0; --overflow: hidden; } #mohe-kuaidi_new .mh-list-wrap.mh-unfold { max-height: 281px; _height: 281px; } #mohe-kuaidi_new .mh-list-wrap .mh-list { border-top: 1px solid #eee; margin: 0 15px; padding: 15px 0; } #mohe-kuaidi_new .mh-list-wrap .mh-list ul { max-height: 255px; _height: 255px; padding-left: 75px; padding-right: 20px; --overflow: auto; height: 626px; } #mohe-kuaidi_new .mh-list-wrap .mh-list li { position: relative; border-bottom: 1px solid #f5f5f5; margin-bottom: 8px; padding-bottom: 8px; color: #666; } #mohe-kuaidi_new .mh-list-wrap .mh-list li.first { color: #3eaf0e; } #mohe-kuaidi_new .mh-list-wrap .mh-list li p { line-height: 20px; } #mohe-kuaidi_new .mh-list-wrap .mh-list li .before { position: absolute; left: -13px; top: 2.2em; height: 82%; width: 0; border-left: 2px solid #ddd; } #mohe-kuaidi_new .mh-list-wrap .mh-list li .after { position: absolute; left: -16px; top: 1.2em; width: 8px; height: 8px; background: #ddd; border-radius: 6px; } #mohe-kuaidi_new .mh-list-wrap .mh-list li.first .after { background: #3eaf0e; } #mohe-kuaidi_new .mh-kd-wrap { position: relative; border-top: 1px solid #eee; padding: 15px; padding-bottom: 25px; background: #fafafa; } #mohe-kuaidi_new .mh-kd-wrap li { display: none; } #mohe-kuaidi_new .mh-kd-wrap li.mh-selected { display: block; } #mohe-kuaidi_new .mh-kd-wrap .mh-img-wrap { float: left; width: 50px; height: 50px; margin-right: 10px; overflow: hidden; } #mohe-kuaidi_new .mh-kd-wrap .mh-img-wrap img { width: 50px; } #mohe-kuaidi_new .mh-kd-wrap .mh-info-wrap { font-size: 13px; margin-left: 60px; } #mohe-kuaidi_new .mh-kd-wrap .mh-info-wrap p { margin-bottom: 8px; } #mohe-kuaidi_new .mh-kd-wrap .mh-info-wrap .mh-info-name { font-family: "Microsoft Yahei"; font-size: 14px; } #mohe-kuaidi_new .mh-kd-wrap .mh-info-wrap .mh-info-link a { text-decoration: none; margin-right: 10px; padding: 2px 10px; border: 1px solid #ccc; color: #333; } #mohe-kuaidi_new .mh-kd-wrap .mh-info-wrap .mh-info-link a:hover { background: white; } #mohe-kuaidi_new .mh-kd-wrap .mh-info-wrap .mh-info-link a:active { background: -moz-linear-gradient(top,#f3f3f3,#fff); background: -webkit-gradient(linear,left top,left bottom,color-stop(#f3f3f3),color-stop(#fff)); background: -ms-linear-gradient(top,#f3f3f3,#fff); background: linear-gradient(to bottom,#f3f3f3,#fff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3',endColorstr='#ffffff',GradientType=0); } #mohe-kuaidi_new .mh-slogan { position: absolute; right: 20px; bottom: 0; cursor: pointer; } #mohe-kuaidi_new .mh-slogan-hover { color: #3eaf0e; } #mohe-kuaidi_new .mh-slogan span { vertical-align: middle; } #mohe-kuaidi_new .mh-qrcode-wrap { position: absolute; right: 0; bottom: -1px; width: 96px; margin-right: -110px; border: 1px solid #d6d6d6; color: #999; padding: 6px; box-shadow: 0 1px 1px #efefef; } #mohe-kuaidi_new .mh-icon { background: url(http://p9.qhimg.com/d/inn/f2e20611/kuaidi_new.png) no-repeat 0 0; } #mohe-kuaidi_new .mh-icon-qr { background-position: 0 -17px; display: inline-block; *zoom: 1; width: 13px; height: 13px; vertical-align: middle; margin-left: 10px; } #mohe-kuaidi_new .mh-slogan-hover .mh-icon-qr { background-position: 0 0; } #mohe-kuaidi_new .mh-icon-t { position: absolute; left: -9px; bottom: 14px; width: 10px; height: 16px; background-position: 0 -34px; background-color: white; } #mohe-kuaidi_new .mh-icon-new { position: absolute; left: -20px; top: 1.5em; width: 41px; height: 18px; margin-left: -41px; margin-top: -9px; background-position: 0 -58px; } #mohe-kuaidi_new .mh-wrap .mb-search { text-decoration: underline; margin-left: 20px; } #mohe-kuaidi_new .mh-wrap .mb-search .mh-new { display: inline-block; width: 21px; height: 9px; margin: -1px 0 0 3px; background: url(http://p0.qhimg.com/t01a3bd62f6db66463c.png) no-repeat; } #mohe-kuaidi_new .mh-identcode { border-top: 1px solid #f5f5f5; padding: 10px 15px; display: none; } #mohe-kuaidi_new .mh-identcode .mh-img-wrap { float: left; width: 54px; height: 54px; padding: 6px; border: 1px solid #ccc; overflow: hidden; } #mohe-kuaidi_new .mh-identcode .mh-img-wrap img { width: 54px; } #mohe-kuaidi_new .mh-identcode .mh-img-tip { margin-left: 78px; } #mohe-kuaidi_new .mh-identcode .mh-tip-txt { font-size: 13px; line-height: 38px; color: #666; } #mohe-kuaidi_new .mh-identcode .mh-btn-install { text-decoration: none; margin-right: 10px; padding: 2px 10px; border: 1px solid #ccc; color: #333; } #mohe-kuaidi_new .mh-identcode .mh-btn-install:hover { text-decoration: none; } </style> <div data-mohe-type="kuaidi_new" class="g-mohe " id="mohe-kuaidi_new"> <div id="mohe-kuaidi_new_nucom"> <div class="mohe-wrap mh-wrap"> <div class="mh-cont mh-list-wrap mh-unfold"> <div class="mh-list"> <ul> <li class="first"> <p>2015-04-28 11:23:28</p> <p>妥投投递并签收，签收人：他人收 他人收</p> <span class="before"></span><span class="after"></span><i class="mh-icon mh-icon-new"></i></li> <li> <p>2015-04-28 07:38:44</p> <p>深圳市南油速递营销部安排投递（投递员姓名：蔡远发<a href="tel:18718860573">18718860573</a>;联系电话：）</p> <span class="before"></span><span class="after"></span></li> <li> <p>2015-04-28 05:08:00</p> <p>到达广东省邮政速递物流有限公司深圳航空邮件处理中心处理中心（经转）</p> <span class="before"></span><span class="after"></span></li> <li> <p>2015-04-28 00:00:00</p> <p>离开中山市 发往深圳市（经转）</p> <span class="before"></span><span class="after"></span></li> <li> <p>2015-04-27 15:00:00</p> <p>到达广东省邮政速递物流有限公司中山三角邮件处理中心处理中心（经转）</p> <span class="before"></span><span class="after"></span></li> <li> <p>2015-04-27 08:46:00</p> <p>离开泉州市 发往中山市</p> <span class="before"></span><span class="after"></span></li> <li> <p>2015-04-26 17:12:00</p> <p>泉州市速递物流分公司南区电子商务业务部已收件，（揽投员姓名：王晨光;联系电话：<a href="tel:13774826403">13774826403</a>）</p> <span class="before"></span><span class="after"></span></li> </ul> </div> </div> </div> </div> </div></body></html>Nach dem Login kopieren
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!
Heißer Artikel
<🎜>: Wachsen Sie einen Garten - Komplette Mutationsführer
4 Wochen vor
By DDD
<🎜>: Bubble Gum Simulator Infinity - So erhalten und verwenden Sie Royal Keys
4 Wochen vor
By 尊渡假赌尊渡假赌尊渡假赌
Nordhold: Fusionssystem, erklärt
1 Monate vor
By 尊渡假赌尊渡假赌尊渡假赌
Mandragora: Flüstern des Hexenbaum
4 Wochen vor
By 尊渡假赌尊渡假赌尊渡假赌
Clair Obscur: Expedition 33 UE-Sandfall-Spiel Crash? 3 Wege!
2 Wochen vor
By DDD
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
Java-Tutorial
1677
14
1677
14
CakePHP-Tutorial
1430
52
1430
52
Laravel-Tutorial
1333
25
1333
25
PHP-Tutorial
1278
29
1278
29
C#-Tutorial
1257
24
1257
24
HTML: Die Struktur, CSS: Der Stil, JavaScript: Das Verhalten
Apr 18, 2025 am 12:09 AM
Die Rollen von HTML, CSS und JavaScript in der Webentwicklung sind: 1. HTML definiert die Webseitenstruktur, 2. CSS steuert den Webseitenstil, und 3. JavaScript fügt ein dynamisches Verhalten hinzu. Zusammen bauen sie den Rahmen, die Ästhetik und die Interaktivität moderner Websites auf.
Die Zukunft von HTML, CSS und JavaScript: Webentwicklungstrends
Apr 19, 2025 am 12:02 AM
Die zukünftigen Trends von HTML sind Semantik und Webkomponenten, die zukünftigen Trends von CSS sind CSS-in-JS und CssShudini, und die zukünftigen Trends von JavaScript sind WebAssembly und serverlos. 1. HTML -Semantik verbessern die Zugänglichkeits- und SEO -Effekte sowie Webkomponenten die Entwicklungseffizienz, aber der Browserkompatibilität sollte die Aufmerksamkeit geschenkt werden. 2. CSS-in-JS verbessert die Flexibilität des Stilmanagements, kann jedoch die Dateigröße erhöhen. CssShudini ermöglicht den direkten Betrieb des CSS -Renderings. 3.Webassembly optimiert die Browser -Anwendungsleistung, verfügt jedoch über eine steile Lernkurve, und serverloses vereinfacht die Entwicklung, erfordert jedoch eine Optimierung von Kaltstartproblemen.
Die Zukunft von HTML: Evolution und Trends im Webdesign
Apr 17, 2025 am 12:12 AM
Die Zukunft von HTML ist voller unendlicher Möglichkeiten. 1) Neue Funktionen und Standards umfassen mehr semantische Tags und die Beliebtheit von Webcomponenten. 2) Der Webdesign -Trend entwickelt sich weiterhin für reaktionsschnelles und zugängliches Design. 3) Die Leistungsoptimierung verbessert die Benutzererfahrung durch reaktionsschnelle Bildlade- und faulen Ladetechnologien.
HTML vs. CSS vs. JavaScript: Ein vergleichender Überblick
Apr 16, 2025 am 12:04 AM
Die Rollen von HTML, CSS und JavaScript in der Webentwicklung sind: HTML ist für die Inhaltsstruktur verantwortlich, CSS ist für den Stil verantwortlich und JavaScript ist für dynamisches Verhalten verantwortlich. 1. HTML definiert die Webseitenstruktur und den Inhalt durch Tags, um die Semantik zu gewährleisten. 2. CSS steuert den Webseitenstil über Selektoren und Attribute, um es schön und einfach zu lesen. 3. JavaScript steuert das Verhalten von Webseiten über Skripte, um dynamische und interaktive Funktionen zu erzielen.
HTML vs. CSS und JavaScript: Vergleich von Webtechnologien
Apr 23, 2025 am 12:05 AM
HTML, CSS und JavaScript sind die Kerntechnologien zum Erstellen moderner Webseiten: 1. HTML Definiert die Webseitenstruktur, 2. CSS ist für das Erscheinen der Webseite verantwortlich.
Jenseits von HTML: Wesentliche Technologien für die Webentwicklung
Apr 26, 2025 am 12:04 AM
Um eine Website mit leistungsstarken Funktionen und guten Benutzererfahrungen zu erstellen, reicht HTML allein nicht aus. Die folgende Technologie ist auch erforderlich: JavaScript verleiht Webseiten dynamisch und interaktiv, und Echtzeitänderungen werden durch den Betrieb von DOM erreicht. CSS ist für den Stil und das Layout der Webseite verantwortlich, um die Ästhetik und die Benutzererfahrung zu verbessern. Moderne Frameworks und Bibliotheken wie React, Vue.js und Angular verbessern die Entwicklungseffizienz und die Struktur der Codeorganisation.
Was ist der Unterschied zwischen & lt; stark & gt;, & lt; b & gt; Tags und & lt; em & gt;, & lt; i & gt; Tags?
Apr 28, 2025 pm 05:42 PM
Der Artikel erörtert die Unterschiede zwischen HTML -Tags, und sich auf ihre semantischen und präsentierenden Verwendungen und ihre Auswirkungen auf SEO und Barrierefreiheit konzentrieren.
HTML als Markup -Sprache: seine Funktion und ihren Zweck
Apr 22, 2025 am 12:02 AM
Die Funktion von HTML besteht darin, die Struktur und den Inhalt einer Webseite zu definieren, und der Zweck besteht darin, eine standardisierte Möglichkeit zur Anzeige von Informationen bereitzustellen. 1) HTML organisiert verschiedene Teile der Webseite über Tags und Attribute wie Titel und Absätze. 2) Es unterstützt die Trennung von Inhalten und Leistung und verbessert die Wartungseffizienz. 3) HTML ist erweiterbar, sodass benutzerdefinierte Tags SEO verbessern können.
