锘?*浜у搧鍒楄〃*/ .accounttip { height: 45px; line-height: 45px; background: #F9F9F9; color: #E2413A; } .section > .name { padding-bottom: 16px; font-size: 20px; font-weight: bold; } .section > .name span { display: inline-block; width: 6px; height: 24px; background: #008CD8; vertical-align: middle; margin: -4px 8px 0px 0px; } .section > .name .icoys30 { margin: -4px 8px 0px 0px; } .section > .desc { width: 198px; padding: 20px 14px; background: #F9F9F9; border-radius: 5px; } .product-list .head { font-size: 24px; font-weight: bold; padding-bottom: 40px; } .product-list .sidenav { width: 212px; margin-bottom: 20px; } .product-list .sidenav .desc li { width: 174px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-bottom: 16px; } .product-list .sidenav .desc li:last-child { padding-bottom: 0px; } .product-list .sidenav .desc li a:hover { color: #0CA3F3; text-decoration: none; } .product-list .filter { border: none; width: 212px; margin-bottom: 100px; } .product-list .filter .input { height: auto; line-height: normal; margin-bottom: 12px; } .product-list .filter .input label { display: block; width: 100%; position: relative; padding-bottom: 8px; border-bottom: 1px solid #D8D8D8; margin-bottom: 8px; } .product-list .filter .input label em { display: block; width: 20px; height: 20px; text-align: center; position: absolute; right: 0px; top: 0px; cursor: pointer; } .product-list .filter .input label em:hover { opacity: 0.8; } .product-list .filter .input .box { padding: 0px; width: 180px !important; } .product-list .filter .switchbox-item { width: fit-content; width: -webkit-fit-content; width: -moz-fit-content; min-width: 10px; display: block; text-align: left; height: 18px; line-height: 18px; padding-left: 28px; max-width: 10px; white-space: nowrap; background: #F9F9F9; color: #333; margin-bottom: 12px; font-size: 14px; } .product-list .filter .switchbox-item:last-child { padding-bottom: 0px; } .product-list .filter .switchbox .switchbox-item { background-image: url(/res/images/icon/icon.png) !important; background-position: -440px -201px !important; } .product-list .filter .switchbox .selected { background-position: -440px -141px !important; } .product-list .filter .input:last-child .box { border-bottom: none; } .product-list .filter .checkbox { margin-right: 24px; display: block; height: 20px; line-height: 20px; margin-bottom: 8px; } .product-list .filter .checkbox label { display: inline-block; background: #fff; font-size: 12px; padding: 0px; margin-right: 0px; color: #1E8AE7; font-weight: normal; } .product-list .filter .checkbox .box { display: inline-block; width: auto !important; } .product-list .filter .checkbox .checkbox-rect { margin: 2px 4px 0px 0px; } .product-list .filter .checkbox:last-child { margin-bottom: 0px; } .product-list .filter .checkbox:first-child { margin-top: 12px; } .product-list .filter .checkbox:hover, .product-list .filter .checkbox:hover label { cursor: pointer; } .product-list .data-list { width: 1036px; } .product-list .item { float: left; width: 242px; height: 334px; transition: all 0.5s; position: relative; margin-right: 20px; margin-top: 20px; background: #fff; overflow: hidden; border-radius: 4px; box-shadow: 0px 4px 9px 0px rgba(150, 150, 150, 0.23); } .product-list .item:nth-child(4n) { margin-right: 0px; } .product-list .item:nth-child(-n+4) { margin-top: 0px; } .product-list .item a { text-decoration: none; } .product-list .item .pic { width: 204px; height: 130px; margin: auto; margin-top: 20px; transition: all 0.3s; } .product-list .item .name { font-weight: bold; height: 36px; line-height: 18px; margin: 30px 20px 0px 20px; overflow: hidden; } .product-list .item .desc { height: 108px; padding: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.3s; position: relative; } .product-list .item .desc table { width: 100%; text-align: left; } .product-list .item .desc td { height: 24px; } .product-list .item .desc .ch3 { font-weight: bold; } .product-list .item .desc .num { width: 136px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .product-list .item .tag { position: absolute; top: 12px; left: 12px; } .product-list .item .tag span { vertical-align: middle; } .product-list .item .c1 { font-weight: bold; } .product-list .item:hover { box-shadow: 3px 4px 10px 0px rgba(162, 162, 162, 0.3); } .product-list .item:hover .desc { background: #0CA3F3; color: #fff; height: 116px; padding: 16px 20px; } .product-list .item:hover .pic { width: 152px; height: 100px; } .product-list .item:hover .name { margin: 16px 20px } .product-list .item:hover .action { height: 32px; } .product-list .item:hover .ch3 { color: #fff !important; } .product-list .item:hover .c1 { color: #fff !important; } .product-list .item .action { height: 0px; position: absolute; width: 204px; padding: 0px 20px; left: 0px; bottom: 14px; overflow: hidden; transition: all 0.3s; } .product-list .item .action span { display: inline-block; width: 57px; height: 32px; text-align: center; border-radius: 16.5px; background: #FFFFFF; cursor: pointer; } .product-list .paging { padding: 60px 0px 100px 0px; } /*浜у搧璇︽儏*/ .product .info .pic { width: 258px; height: 258px; border-radius: 5px; margin-right: 40px; border: 1px solid rgba(216, 216, 216, 0.34); } .product .productnum { font-size: 16px; font-weight: bold; } .product .productnum span { color: #0CA3F3; margin-left: 24px; } .product .info .desc { width: 1000px; } .product .info .ename { font-size: 24px; font-weight: bold; padding: 16px 0px 4px 0px; border-bottom: 1px solid #F0F0F0; margin-bottom: 14px; } .product .info .cname { font-size: 20px; padding-bottom: 16px; } .product .info .field { margin-bottom: 32px; } .product .info .field span { margin-right: 40px; } .product .info .field span:last-child { margin-right: 0px; } .product .info .tag { color: #999999; padding: 24px 0px; } .product .info .tag span { color: #FF1600; } .product .price .table { text-align: center !important; border-radius: 5px; overflow: hidden; } .product .price table { width: 100%; } .product .price th { height: 40px; text-align: center !important; background: #F9F9F9; } .product .price thead tr { background: #fff !important; } .product .price td { height: 40px; padding: 0px !important; border-bottom: 1px solid #F0F0F0; } .product .price .nodata { margin: 54px 0px; } .product .price .old { text-decoration: line-through; } .product .price .amount { width: 80px; border: 1px solid #D8D8D8; border-radius: 2px; background: #fff; padding: 0px 4px; margin: auto; } .product .price .amount input { width: 30px; height: 26px; text-align: center; vertical-align: middle; font-weight: bold; } .product .price .amount a { display: inline-block; vertical-align: middle; width: 16px; height: 26px; line-height: 26px; font-size: 18px; color: #0CA3F3; text-decoration: none; } .product .price .action { padding-top: 14px; position: relative; line-height: 48px; } .price .action .item { display: inline-block; margin-right: 20px; } .price .action .item .ico { margin-top: -4px; } .price .action .bsize-l { margin-left: 12px; } .price .action .tip { line-height: 22px; color: #EF1818; text-align: right; padding-top: 10px; } .price .action .tip-hide { display: none; } .product .social { line-height: 40px; padding-top: 16px; } .product .social .sendout { font-size: 12px; color: #666666; } .product .btnitem a { margin-left: 40px; } .product .files { padding-top: 24px; } .product .files h3 { font-size: 16px; font-weight: bold; padding-bottom: 22px; } .product .files h4 { font-weight: bold; padding-bottom: 12px; } .product .files .wrap { width: 260px; height: 32px; border: 1px solid #D8D8D8; border-radius: 16.5px; overflow: hidden; } .product .files .wrap input { height: 30px; line-height: 30px; width: 180px; padding: 0px 20px; } .product .files .type { margin-top: 24px; } .product .files .type a { margin-right: 64px; } .product .files .type .icoys30 { margin-right: 16px; } .product .files .type a:last-child { margin-right: 0px; } .product .tab { font-size: 16px; margin: 48px 0px 36px 0px; } .product .tab li { float: left; padding-bottom: 16px; margin-right: 40px; cursor: pointer; } .product .tab li:hover { color: #0CA3F3; } .product .tab .active { border-bottom: 4px solid #0CA3F3; } .detail-wrap .product-list .item:nth-child(5n) { margin-right: 0px; } .detail-wrap .product-list .item:nth-child(-n+5) { margin-top: 0px; } .base-item { display: none; } .base-item:first-child { display: block; } .base-item table { width: 100%; text-align: left; } .base-item th { width: 136px; font-weight: normal; border-bottom: 1px solid #F7F7F7; height: 42px; position: relative; } .base-item th:after { content: ""; display: inline-block; width: 1px; height: 14px; background: #D8D8D8; position: absolute; right: 0px; top: 14px; } .base-item td { border-bottom: 1px solid #F7F7F7; height: 42px; padding-left: 80px; } .detail-wrap { padding-bottom: 40px; } .detail-wrap .title { font-size: 16px; font-weight: bold; padding-bottom: 32px; } .detail-wrap .title:before { content: ""; display: inline-block; vertical-align: middle; width: 6px; height: 24px; background: #008CD8; margin: -4px 8px 0px 0px; } .detail-wrap .product-list .item:nth-child(4n) { margin-right: 0px; margin-right: 20px; } .detail-wrap .product-list .item:nth-child(5n) { margin-right: 0px; } .detail-wrap .product-list .item:nth-child(-n+5) { margin-top: 0px; } .product-page { position: absolute; width: 100%; bottom: 0px; text-align: center; padding-top: 24px; } .product-page span { display: inline-block; margin-right: 20px; } .product-page span:before { content: ""; display: block; border: 6px solid transparent; border-bottom: 6px solid #DDDDDD; width: 0; } .product-page span:after { content: ""; display: block; border: 6px solid transparent; border-top: 6px solid #DDDDDD; width: 0; } .product-page span:last-child { margin-right: 0px; } .product-page .cur:before { border-bottom: 6px solid #375BB9; } .product-page .cur:after { border-top: 6px solid #375BB9; } .cart-flyer { width: 30px; height: 30px; border-radius: 50%; } /*鍒嗙被鍒楄〃*/ .category-list { min-height: 594px; } .category-list .head { font-size: 28px; font-weight: bold; padding-bottom: 40px; } .category-list .item { padding-bottom: 20px; } .category-list .item .name { font-size: 20px; font-weight: bold; margin-bottom: 24px; } .category-list .item .name span { display: inline-block; vertical-align: middle; width: 6px; height: 24px; background: #008CD8; margin: -4px 8px 0px 0px; } .category-list .item:last-child { margin-bottom: 100px; } .category-list .desc { font-size: 0px; } .category-list .desc a { display: inline-block; text-decoration: none; width: 216px; height: 46px; line-height: 46px; padding: 0px 12px; border: 1px solid #D9D9D9; color: #333333; font-size: 16px; border-radius: 5px; text-align: center; margin: 0px 20px 20px 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .category-list .desc a:hover { background: #0CA3F3; color: #fff; border: 1px solid #0CA3F3; } .category-list .desc a:nth-child(5n) { margin-right: 0px; } .category-list .desc a em { color: #999; margin-left: 4px; } .category-list .desc a:hover em { color: #fff; } 青柠影视在线播放,青青热久免费精品视频在,青青热久免费精品视频在