.sidenav { float: left; width: 226px; height: 496px; border: 1px solid #eee; margin-bottom: 80px; padding: 17px 0px; font-size:16px;} .sidenav dt { height: 48px; line-height: 48px; padding: 0px 30px 4px 30px; } .sidenav dd { height: 48px; line-height: 48px; } .sidenav dd a { display: block; padding: 0px 30px; text-decoration: none; } /*列表*/ .result .title { margin-bottom: 40px; } .result .title .line2 { margin-top: 16px; } .result .title h1 { display: inline-block; margin-right: 10px; } .result .content { padding-bottom: 100px; } .result .paging { margin-top: 60px; } .sidecategory { width: 226px; margin-bottom: 80px; } .sidecategory .pic { width: 226px; height: 126px; position: relative; } .sidecategory .pic img { width: 226px; height: 100%; object-fit: cover; } .sidecategory .pic span { position: absolute; top: 50px; left: 25px; font-weight: bold; font-size: 20px; } .sidecategory dt { padding-bottom: 18px; } .sidecategory dt .split2 { height: 20px; margin-right: 8px; } .sidecategory dt span { vertical-align: middle; } .sidecategory dd { min-height: 22px; line-height: 24px; padding: 12px 0px; font-size: 16px; background: #f5f5f5; } .sidecategory dd a { color: #000; padding: 0px 16px; display: block; max-width: 192px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sidecategory dd a em { margin-left: 6px; } .sidecategory dt .ico10 { display: none; } .sidecategory .phone { width: 178px; height: 42px; padding: 32px 24px; background: #F9F9F9; } .sidecategory .phone span { font-weight: bold; font-size: 24px; color: #00499F; font-style: italic; vertical-align: middle; margin-left: 4px; } .sidecategory .phone label { padding-top: 8px; font-weight: bold; font-size: 15px; color: #999; letter-spacing: 0.48em; } .accounttip { height: 45px; line-height: 45px; padding: 0px 12px; background: #F9F9F9; color: #E2413A; margin-bottom: 24px; } .product-list .container > .flr { width: 1102px; min-height: 600px; } .product-list .head { line-height: 28px; margin-bottom: 32px; } .product-list .head h1 { display: inline-block; margin-right: 12px; color: #0077DD; border-bottom: 3px solid #0077DD; padding-bottom: 16px; } .product-list .head .ico { margin-left: 2px; cursor: pointer; } .product-list .head .ico:hover { background-position-y: -1460px; } .product-list .head span { font-weight: bold; font-size: 20px; color: #bbb; } .product-list .filter { margin-bottom: 32px; } .product-list .filter .input { height: auto; line-height: 32px; overflow: hidden; display: flex; } .product-list .filter .input label { width: 76px; padding: 0px 6px; background: #F5F5F5; margin-right: 16px; height: auto; } .product-list .filter .input label .ico10 { display: none; } .product-list .filter .input .box { padding: 0px; box-sizing: border-box; } .product-list .filter .switchbox .box { width: 998px; border-bottom: 1px solid #eee; } .product-list .filter .switchbox-item { background-color: #fff; min-width: 24px; height: 20px; line-height: 20px; padding: 0px 8px; margin-right: 22px; vertical-align: middle; cursor: pointer; } .product-list .filter .input:last-child .box { border-bottom: none; } .product-list .filter .checkbox label { background: #fff; font-size: 12px; padding: 0px; margin-right: 0px; } .product-list .filter .checkbox .checkbox-rect { margin-top: -2px; } .product-list .filter .checkbox { margin-right: 24px; display: inline-block; } .product-list .paging { padding: 60px 0px 100px 0px; } #product_list1 table { width: 100%; text-align: left; } #product_list1 thead tr { border: 1px solid #F5F5F5; border-bottom: none; } #product_list1 tbody tr { border: 1px solid #fff; border-bottom: 1px solid #eee; } #product_list1 th { height: 40px; line-height: 40px; background: #F5F5F5; padding: 0px 16px; text-align: left; } #product_list1 td { padding: 12px 16px; word-break: break-all; word-wrap: break-word; } #product_list1 table .active { border: 1px solid #ddd; border-bottom: none !important; } #product_list1 table .active1 { border: 1px solid #ddd; border-top: none; } #product_list1 table .active2 { border-bottom: 1px solid #ddd; } #product_list1 table .active .ico-down-gray { background-position-y: -1460px; } #product_list1 .pic { width: 88px; height: 58px; border: 1px solid #eee; text-align: left; position: relative; } #product_list1 .info p { width: 245px; overflow: hidden; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; } #product_list1 .favorite { width: 72px; } #product_list1 .favorite a { line-height: 22px; } #product_list1 .favorite label:hover { cursor: pointer; } #product_list1 .favorite .ico { margin: -4px 0px 0px 4px; } #product_list1 .favorite .select { display: inline; } #product_list1 .price-table { width: 100%; } #product_list1 .price-table table { text-align: center; border: none; } #product_list1 .price-table th { text-align: center; } #product_list1 .price-table tr { border: none !important; } #product_list1 .price-table td { padding: 0px; } #product_list1 .price-table tbody tr { border-bottom: 1px solid #eee; } #product_list1 .price-box { display: none; } #product_list1 .split { height: 12px; margin: -2px 4px 0px 4px; } #product_list1 .pic .ico { position: absolute; top: 2px; right: 2px; display: none; cursor: pointer; } #product_list1 .pic:hover .ico { display: block; } #product_list1 .pic .ico:hover { opacity: 0.8; } #product_list2 .item { float: left; width: 274px; height: 314px; margin: 0 0 -1px -1px; transition: all 0.5s; position: relative; line-height: 20px; text-align: center; } #product_list2 .item:hover { box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.05), 0px 10px 15px rgba(0, 0, 0, 0.1); z-index: 1; } #product_list2 .item a { display: block; padding: 24px 20px 18px 20px; text-decoration: none; } #product_list2 .item .pic { width: 180px; height: 160px; margin: auto; } #product_list2 .item .time { height: 20px; padding: 40px 0px 6px 0px; color: #0077DD; } #product_list2 .item .name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #product_list2 .item .desc { height: 20px; padding: 4px 0px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #product_list2 .item .desc .split { margin: 0px 6px; margin-top: -2px; } #product_list2 .item .price .old { text-decoration: line-through; } #product_list2 .item .price span { margin-left: 4px; } #product_list2 .item .tag { position: absolute; top: 12px; left: 12px; } #product_list2 .item .tag span { vertical-align: middle; } #product_list2 .item .pic-zoom { position: absolute; top: 4px; right: 4px; cursor: pointer; display: none; } #product_list2 .item .pic-zoom:hover { opacity: 0.8; } #product_list2 .item:hover .pic-zoom { display: block; } /*高级搜索*/ .advsearch .content { width: 1102px; float: right; } .advsearch .title { line-height: 24px; padding-bottom: 18px; } .advsearch .title h1 { float: left; } .advsearch .title span { float: left; display: none; font-weight: normal; } .advsearch .title label { margin: 0px 12px; } .advsearch .title .display { float: right; display: none; } .advsearch .title .display .ico:hover { background-position-y: -1460px; } .advsearch .line2 { margin-bottom: 24px; } .advsearch .remark { width: 148px; } .advsearch .remark .btn1 { margin-bottom: 20px; } .advsearch .remark h2 { padding-bottom: 6px; } .advsearch .remark p { line-height: 22px; } .advsearch .example h3 { padding: 20px 0px 6px; } .advsearch .example p { margin-bottom: 6px; } .advsearch .btn1 { display: block; margin-top: 20px; } .advsearch .paging { margin: 60px 0px 100px 0px; } /*结构式*/ .structure-editor { float: left; width: 944px; border: 1px solid #ddd; } .structure-btn { float: right } .structure-btn .btn1:first-child { margin-top: 0px; } /*批量*/ .batch-form textarea { width: 858px; height: 430px; padding: 17px 20px; resize: none; font-family: 'Microsoft YaHei'; overflow: auto; } .batch-type div { margin-bottom: 12px; line-height: 22px; cursor: pointer; } .batch-type .ico { margin: -3px 8px 0px -4px; } /*coa,sds*/ .form-search .title { font-weight: bold; } .form-search .input { margin-top: 16px; } .form-search .input label { font-size: 12px; padding-bottom: 4px; } .form-search .input .box { padding: 7px 10px; line-height: 16px; } .form-search .input input { height: 16px; line-height: 16px; font-size: 12px; } .form-search .input input:-ms-input-placeholder { font-size: 12px; } .form-search .input input::-webkit-input-placeholder { font-size: 12px; } .form-search .input input:-moz-placeholder { font-size: 12px; } .form-search .input input::-moz-placeholder { font-size: 12px; } .form-search .input input.product .detail:last-child { margin-bottom: 100px; } .form-example { border-left: 1px solid #eee; padding-left: 50px; margin-left: 50px; font-size: 12px; } .form-example .item { padding-bottom: 30px; } .form-example .item .title { padding-bottom: 6px; } .form-example .item .remark { width: auto; float: none; } .form-example .item:last-child { padding: 0px; }