/** * 公共 */ .search-bar form { border: 2px solid #03A9F4; } #ai-topsearch { background: #03A9F4 none repeat scroll 0% 0%; } .goods-category-title, .nav-cont .nav-extra, .nav-cont .nav-extra .nav-user { background: #03A9F4; } .nav-cont .nav-extra * { color: #ffe500; } .am-footer-default { border-top: 2px solid #03A9F4; } .am-slider-a1 .am-control-nav li a.am-active { background-color: #03A9F4; } .nav-cont li a:hover, a:hover, a:focus { color: #03A9F4; } /** * 详情 */ .pets-detail { margin-top: 10px; } .base-btn, .base-share { margin-top: 20px; } .pets-detail .am-btn-primary { background-color: #03A9F4; color: #fff !important; border-color: #03A9F4; } .pets-detail .top { overflow: hidden; } .spacing-nav-title { color: #02a9f4; margin-bottom: 10px; } .spacing-nav-title, .spacing-nav-title .text-wrapper { background: #edf9ff; } .spacing-nav-title .line { background: transparent; } /** * 左侧 */ .photo { padding-left: 0; padding-right: 0; } /** * 右侧 */ .base { padding-right: 0; } .base h1 { font-size: 18px; font-weight: 600; margin-bottom: 2px; } .base ul.basic { background: #f8fdff; padding: 0 10px; overflow: hidden; border: 1px solid #ebf9ff; } .base ul.basic li { padding: 10px 0; float: left; width: 50%; } .base ul.basic li:not(:last-child) { border-bottom: 1px solid #f0faff; } .base ul.basic li span:first-child { font-weight: 500; margin-right: 10px; border-right: 1px solid #d7f1ff; padding-right: 10px; color: #666; } /** * 丢失信息 */ .lose .am-alert-warning { background-color: #ffeee1; border-color: #ffb682; color: #888; margin-top: 20px; margin-bottom: 5px; } .lose .lose-desc { font-size: 16px; color: #f00; } .lose ul.person { overflow: hidden; } .lose ul.person li span:first-child { font-weight: 500; margin-right: 10px; border-right: 1px solid #ffd5b5; padding-right: 10px; } .lose ul.person { margin-top: 5px; } .lose ul.person li { padding: 8px 0; } .lose ul.person li:not(:last-child) { border-bottom: 1px solid #ffe4d0; } .lose ul.person li:last-child { padding-bottom: 0; } .lose ul.person li.tel a { color: #70cfff; } #map-view { width: 100%; height: 350px; } /** * 地图、联动地址 */ form.form-validation .map-address { border-bottom: 0; padding-bottom: 0; margin-bottom: 10px; } form.form-validation .region-linkage .chosen-select { display: -webkit-inline-box; width: calc(33.3% - 3px) !important; } form.form-validation .region-linkage .chosen-select .chosen-single { width: 100%; } form.form-validation #map { width: 100%; height: 300px; } @media only screen and (min-width: 641px) { .pets-detail { padding: 0 5px; } .photo .am-slider { border: 1px solid #eee; } .lose ul.person li { float: left; width: 50%; } .lose ul.person li:nth-last-child(2) { border-bottom: 0; padding-bottom: 0; } } @media only screen and (min-width:1025px) { /** * 公共 */ .shop-nav { border-bottom: 2px solid #03A9F4; } /** * 详情 */ .pets-detail { padding: 0; } } @media only screen and (max-width: 641px) { .base, .lose, .content { padding: 0 5px; } .base h1 { margin: 10px 0 5px 0; } .base ul.basic li span:first-child, .lose ul.person li span:first-child { margin-right: 5px; padding-right: 5px; } #map-view, form.form-validation #map { height: 200px; } }