/* BASIC css start */ /* prd-class-hd */ #aside { float:left; width:200px; border:1px solid #ddd; box-sizing:border-box; } #aside .lnb li { background:#fbfbfb; height:40px; border-bottom:1px solid #ddd; box-sizing:border-box; } #aside .lnb li:hover { background:#fff; } #aside .lnb li:hover a { color:#75b6c6; font-weight:bold; } #aside .lnb li a { width:100%; line-height:38px; height:100%; display:block; box-sizing:border-box; padding-left:15px} #productClass .page-body { width:1260px; } #productClass .prd-list { margin:0; } #content .hd { padding: 30px 0; text-align: center; font-size: 40px; font-weight: bold;} #content .prd-class-hd { zoom: 1; overflow: hidden; text-align:left; margin:50px 0; } #content .prd-class-hd h2 { font-size: 25px; text-transform: uppercase; font-weight: bold; color: #222; } #content .prd-class-hd h2 span.cate1 { cursor:pointer; } #content .prd-class-hd h2 span.cate2 { font-size:18px; } #content .prd-class-hd h2 span.txt { display:inline-block; margin-left:10px; font-size:12px; color:#666; font-weight:normal; } /* class-list */ #productClass .class-list { zoom: 1; overflow: hidden; padding: 15px; border-bottom:2px solid #333; margin:0 10px; } #productClass .class-list li, #productClass .class-list li a { float: left; width: auto; white-space: nowrap; } #productClass .class-list li a:hover { color:#75b6c6; } #productClass .class-list li { padding-left: 12px; margin-right: 12px; background: url(/design/soundwave/img/bar_1px.gif) no-repeat 0 50%; } #productClass .class-list li:first-child { background:none; } #productClass .class-list dd { text-align:center; } #productClass .class-list dd ul { display:inline-block; margin:0 auto; } /* best-item */ #productClass .best-item { margin:0 15px 50px; box-sizing:border-box; border-top:2px solid #333; border-bottom:2px solid #333; } #productClass .best-item h3 { text-align:center; font-size:20px; font-weight:bold; padding:20px 0 25px; } /* total-sort */ #productClass .promotion { padding:0 35px 30px; position:relative; } #scroller_pro { overflow:hidden; } #proFrame { width:6000px; } #productClass .cate_title { width:1030px; text-align:center; margin:0 auto; } #productClass .prd-list #proFrame li { position: relative; width: 240px; display: block; float: left; text-align: center; } #productClass .prd-list #proFrame li .inner { width:222px; margin:0 auto; border: 1px solid #e5e5e5; box-sizing: border-box; background: #fff; } #productClass .prd-list #proFrame li .inner:hover { border-color:#aaa; } #productClass .prd-list #proFrame li .info { padding:10px 0; font-weight:bold; } #productClass .prd-list #proFrame li .info .name, #productClass .prd-list #proFrame li .info .date, #productClass .prd-list #proFrame li .info .icon { margin-top:5px; } #productClass .prd-list #proFrame li .info .date { color:#ff3d00; } #productClass .prd-list #proFrame .thumb { width:220px; height:220px; border:0; } #productClass .promotion .btnPrev { position:absolute; top:100px; left:0px; cursor:pointer; } #productClass .promotion .btnNext { position:absolute; top:100px; right:0px; cursor:pointer; } #productClass .total-sort { padding: 0 25px; margin:0 0 20px;} #productClass .best-item .prd-list table .info { margin-bottom:30px; } #productClass .prdWrap { width:1100px; margin:0 auto; border-top:1px solid #ddd; } #productClass .prdWrap .prd_info { padding:20px 0; border-bottom:1px solid #ddd; } #productClass .prdWrap .prd_info > div { float:left; } .chartNum { font-family:'Lato'; } #productClass .prdWrap .prd_info.else { position:relative; } #productClass .prdWrap .prd_info.else .chartNum { width:50px; height:50px; position:absolute; top:20px; left:0; background:#ccc; text-align:center; line-height:50px; color:#fff; font-size:20px; font-weight:bold; } #productClass .prdWrap .prd_info .prd_thumb { width:180px; height:180px; border:5px solid #ccc; } #productClass .prdWrap .prd_info .prd_thumb a { width:100%; height:100%; display:block; margin:0 0 0 auto; } #productClass .prdWrap .prd_info .prd_thumb img { width:100%; height:100%; } #productClass .prdWrap .prd_info .prd_price { display:none; width:130px; padding:20px 0 0 40px; } #productClass .prdWrap .prd_info .prd_price p { margin-bottom:5px; } #productClass .prdWrap .prd_info .prd_btn { display:none; width:100px; text-align:center; } #productClass .prdWrap .prd_info .prd_btn > span, #productClass .prdWrap .prd_info .prd_btn > a { display:inline-block; margin:20px auto 0; width:80px; height:33px; line-height:33px; border:1px solid #ddd; box-sizing:border-box; } #productClass .prdWrap .prd_info .prd_btn > a.btn_buy { display:none; } #productClass .prdWrap .prd_info .prd_btn > span { color:red; } #productClass .prdWrap .prd_info .prd_btn > a:hover { background:#fbfbfb; } #productClass .prdWrap .prd_info .prd_dsc { width:650px; margin-left:20px; } #productClass .prdWrap .prd_info .prd_dsc dl { margin-top:20px; } #productClass .prdWrap .prd_info .prd_dsc dl:first-child{ width:370px; } /* 190411 Γί°‘ */ #productClass .prdWrap .prd_info .prd_dsc dl dt a { font-size:13px; font-weight:bold; display:block; padding-bottom:10px; } #productClass .prdWrap .prd_info .prd_dsc dl dd p { margin-bottom:5px; color:#666; } #productClass .prdWrap .prd_info .prd_dsc dl dd p strong { color:#333; } #productClass .prdWrap .prd_info .prd_dsc dl dd p .bar { display:inline-block; width:1px; height:12px; background:#999; vertical-align:text-bottom; margin:0 7px; } #productClass .prdWrap .prd_info .point {width:17px; height:17px; display:inline-block; text-align:center; line-height:17px;background:#83bfbc; color:#fff; font-weight:bold; border-radius:17px; } #productClass .prdWrap .prd_info.chart1 { width:500px; float:left; } .chartRight { width:600px; float:right; } #productClass .prdWrap .prd_info.chart1 > div { float:none; } #productClass .prdWrap .prd_info.chart1 .prd_thumb { position:relative; width:400px; height:400px; border:5px solid #ffd555; margin-right:20px; } #productClass .prdWrap .prd_info.chart1 .prd_thumb .chartNum { width:110px; height:118px; line-height:118px; position:absolute; bottom:-35px; right:-55px; background:url('/design/soundwave/img/chart01.png') no-repeat; text-align:center; font-size:40px; color:#fff; font-weight:bold; } #productClass .prdWrap .prd_info.chart1 .prd_price { padding:0; } #productClass .prdWrap .chartRight .prd_info { padding:36px 0; } /* 190411 ΌφΑ€ - padding:30px 0; */ #productClass .prdWrap .chartRight .prd_info .prd_thumb { position:relative; width:200px;height:200px; border:5px solid #689bcf; } #productClass .prdWrap .chartRight .prd_info .prd_dsc { width:360px; margin-left:20px; } #productClass .prdWrap .chartRight .prd_info .prd_thumb .chartNum { width:81px; height:87px; line-height:87px; position:absolute; bottom:-25px; right:-30px; background:url('/design/soundwave/img/chart02.png') no-repeat; text-align:center; font-size:30px; color:#fff; font-weight:bold; } #productClass .prdWrap .prd_box.prd_list { width:900px; margin:0 auto; } /* BASIC css end */