/** * 公共 */ .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; } .provide-submit, .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; } /** * 未绑定 */ .pets-not-bind { text-align: center; max-width: 600px; margin: auto; margin-top: 30px; margin-bottom: 50px; padding: 0 5px; } .pets-not-bind i { font-size: 60px; color: #f0f0f0; } .pets-not-bind .am-alert-secondary { margin-top: 0; background: #fcfcfc; border: 1px solid #f8f8f8; } .pets-not-bind .am-btn { margin-top: 10px; } /** * 相关二维码 */ .pets-qrcode-related { margin-top: 30px; } .pets-qrcode-related ul { margin: 0 auto; max-width: 600px; overflow: hidden; border: 1px solid; border-top: 5px solid; border-color: #1aa9f3; } .pets-qrcode-related li { width: 50%; float: left; text-align: center; padding: 20px; } .pets-qrcode-related li:first-child { border-right: 1px solid #eee; } .pets-qrcode-related li:last-child { border-left: 1px solid #fff; } .pets-qrcode-related li img { max-width: 150px; } .pets-qrcode-related li p { font-size: 14px; font-weight: 500; color: #666; margin-top: 5px; } /** * 左侧 */ .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%; border-top: 1px solid #f0faff; } .base ul.basic li:first-child, .base ul.basic li:nth-child(2) { border-top: 0; } .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; border-top: 1px solid #ffe4d0; } .lose ul.person li:first-child { border-top: 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-child(2) { border-top: 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, .pets-qrcode-related { 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; } .provide-submit, .base-share-mobile { margin: 0; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 2; height: 35px; } .base-share-mobile { background: #9bddff; } .base-share-mobile .plugins-share ul { padding: 5px; } .base-share-mobile .plugins-share ul li { width: 25px; height: 25px; line-height: 25px; margin-right: calc(10% - 12.5px); margin-left: calc(10% - 12.5px); } .base-share-mobile .plugins-share ul li .iconfont { font-size: 16px; } .am-footer { padding-bottom: 35px; } .nav-search { display: none; } }