.crumb_wrap { margin-top: 20px; height: 25px; } .crumb_wrap a { margin-right: 10px; } .preview_wrap { width: 400px; height: 590px; } .preview_img { width: 398px; height: 398px; border: 1px solid #ccc; } .preview_img img { width: 100%; } .preview_list { position: relative; height: 60px; margin-top: 60px; } .list_item { width: 320px; height: 60px; margin: 0 auto; } .list_item li { float: left; width: 56px; height: 56px; border: 2px solid transparent; margin: 0 2px; } .list_item li.current { border-color: #c81623; } .arrow_prev, .arrow_next { position: absolute; top: 15px; width: 22px; height: 32px; } .arrow_next { right: 0; } .itemInfo_wrap { width: 718px; } .sku_name { font-size: 16px; font-weight: 700; height: 32px; } .news { height: 33px; font-weight: 700; color: #e12228; } .summary dl { overflow: hidden; } .summary_price, .summary_promotion { position: relative; padding: 10px 0; background-color: #fee9eb; } .summary dt, .summary dd { float: left; } .summary dt { width: 60px; padding-left: 10px; line-height: 36px; } .summary_price a { color: #c81623; } .summary dd i { font-size: 24px; color: #e12228; font-weight: 700; } .remark { position: absolute; right: 10px; top: 20px; } .summary_promotion { padding-top: 0; } .summary_promotion dd { width: 450px; line-height: 36px; } .summary_promotion em { display: inline-block; width: 40px; height: 22px; background-color: #c81623; text-align: center; line-height: 22px; color: #fff; } .summary_support dd { line-height: 36px; } .choose_color a { display: inline-block; width: 80px; height: 41px; background-color: #f7f7f7; border: 1px solid #ededed; text-align: center; line-height: 41px; } .summary a.current { border: 1px solid #c81623; } .choose_version a, .choose_type a { display: inline-block; height: 32px; padding: 0 12px; background-color: #f7f7f7; border: 1px solid #ededed; text-align: center; line-height: 32px; } .choose_btns { margin-top: 20px; } .choose_amount { position: relative; float: left; width: 50px; height: 46px; } .addcar { float: left; width: 142px; height: 46px; background-color: #cb1623; font-size: 16px; color: #fff; line-height: 46px; text-align: center; margin-left: 10px; font-weight: 700; } .choose_amount input { width: 33px; height: 44px; border: 1px solid #ccc; text-align: center; } .add, .raduce { position: absolute; height: 22px; width: 15px; border: 1px solid #ccc; background-color: #f1f1f1; text-align: center; line-height: 22px; font-weight: 700; } .add { top: 0; right: 0; } .raduce { bottom: 0; right: 0; cursor: not-allowed; } .product_detail { margin-bottom: 100px; } .aside { width: 208px; border: 1px solid #ccc; } .tab_list { height: 34px; } .tab_list li { float: left; text-align: center; background-color: #f1f1f1; height: 33px; line-height: 33px; border-bottom: 1px solid #ccc; } .first_tab { width: 104px; } .tab_list .current { background-color: #fff; border-bottom: 0; color: red; } .second_tab { width: 103px; border-left: 1px solid #ccc; } .tab_con { padding: 0 10px; } .tab_con li h5 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 400; } .tab_con li { border-bottom: 1px solid #ccc; } .aside_price { font-weight: 700; margin: 0 10px; } .as_addcar { display: block; width: 88px; height: 26px; border: 1px solid #ccc; background-color: #f7f7f7; margin: 10px auto; text-align: center; line-height: 26px; } .detail { width: 978px; } .detail_tab_list { height: 39px; border: 1px solid #ccc; background-color: #f1f1f1; } .detail_tab_list li { float: left; height: 39px; line-height: 39px; text-align: center; padding: 0 20px; cursor: pointer; } .detail_tab_list .current { background-color: #c81623; color: #fff; } .item_info { padding: 20px 0 0 20px; } .item_info li { line-height: 22px; } .more { float: right; font-weight: 700; }